:root{--bg:#08101f;--s1:#0d1628;--s2:#111d33;--s3:#16243e;--s4:#1c2d4d;--s5:#22365c;--bd:#3b82f624;--bd2:#3b82f640;--bd3:#3b82f666;--ac:#3b82f6;--ac2:#60a5fa;--ac3:#1d4ed8;--acb:#3b82f61a;--acd:#3b82f647;--gn:#22c55e;--gnb:#22c55e1f;--gnd:#22c55e4d;--re:#ef4444;--reb:#ef44441f;--red:#ef44444d;--am:#f97316;--amb:#f973161f;--amd:#f973164d;--bl:#3b82f6;--blb:#3b82f61f;--bld:#3b82f64d;--pu:#a855f7;--pub:#a855f71f;--pud:#a855f74d;--cy:#06b6d4;--cyb:#06b6d41f;--or:#f97316;--orb:#f973161f;--tx:#f0f6ff;--tm:#e0eeff8c;--tf:#e0eeff4d;--ts:#e0eeff1a;--sb-w:244px;--hdr-h:60px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--tx);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}@media (width<=900px){.pos-grid,.operation-form{grid-template-columns:1fr!important}}.app{height:100dvh;display:flex;position:relative}.sidebar{width:var(--sb-w);background:var(--s1);border-right:1px solid var(--bd);z-index:100;flex-direction:column;flex-shrink:0;transition:transform .25s;display:flex;overflow:hidden}.sb-logo{height:var(--hdr-h);border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:11px;padding:0 16px;display:flex}.sb-logo-ico{background:linear-gradient(135deg, var(--ac3), var(--ac));color:#fff;border:1px solid #3b82f666;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 14px #3b82f64d}.sb-name{color:var(--tx);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;overflow:hidden}.sb-sub{color:#60a5fa80;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.sb-scroll{scrollbar-width:thin;scrollbar-color:#3b82f633 transparent;flex:1;padding:10px 8px;overflow-y:auto}.sb-scroll::-webkit-scrollbar{width:3px}.sb-scroll::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:3px}.nav-group-label{color:#60a5fa73;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;padding:14px 10px 5px;font-size:9px;font-weight:700}.nav-btn{width:100%;color:var(--tm);cursor:pointer;text-align:left;letter-spacing:.01em;-webkit-tap-highlight-color:#3b82f626;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;margin-bottom:1px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .14s;display:flex}.nav-btn:hover,.nav-btn:active{color:var(--tx);background:#3b82f612}.nav-btn.active{color:var(--ac2);background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f659}.nav-btn.active svg{filter:drop-shadow(0 0 6px #60a5fab3)}.sb-collapse{border-top:1px solid var(--bd);flex-shrink:0;padding:10px 12px}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.hdr{height:var(--hdr-h);background:var(--s1);border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:10px;padding:0 18px;display:flex}.mob-menu-btn{border:1px solid var(--bd);width:36px;height:36px;color:var(--tm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#3b82f612;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.hdr-title{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.arena-badge{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#3b82f614;border:1px solid #3b82f633;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:6px 12px;transition:all .15s;display:flex}.arena-badge:hover{background:#3b82f624}.av-circle{background:linear-gradient(135deg, var(--ac3), var(--ac));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;display:flex}.av-name{color:var(--tx);white-space:nowrap;font-size:12px;font-weight:700}.av-role{color:var(--tf);white-space:nowrap;font-size:9px}.page-wrap{scrollbar-width:thin;scrollbar-color:#3b82f633 transparent;flex:1;padding:20px 22px;overflow-y:auto}.page-wrap::-webkit-scrollbar{width:3px}.page-wrap::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:3px}.mob-overlay{z-index:90;background:#000000b3;display:none;position:fixed;inset:0}#setup-screen,#login-screen{z-index:200;background:var(--bg);justify-content:center;align-items:flex-start;padding:20px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}#login-screen{z-index:300}.role-card{background:var(--s2);cursor:pointer;-webkit-tap-highlight-color:#3b82f626;touch-action:manipulation;border:1.5px solid #3b82f61f;border-radius:13px;align-items:center;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.role-card:hover,.role-card:active{border-color:var(--ac);background:#3b82f614}#sh-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}@media (width>=600px){#sh-overlay{align-items:center}}#sh-box{background:linear-gradient(160deg, var(--s3), var(--s2));border:1px solid #3b82f638;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:92vh;transition:transform .22s cubic-bezier(.32,1,.36,1);overflow-y:auto;box-shadow:0 24px 80px #000c}@media (width>=600px){#sh-box{border-radius:20px}}.sh-hd{border-bottom:1px solid #3b82f61f;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.sh-title{color:var(--tx);letter-spacing:.02em;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.sh-close{width:32px;height:32px;color:var(--tm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}#sh-body{padding:20px 22px}#toast{background:linear-gradient(135deg, var(--s4), var(--s3));color:var(--ac2);z-index:9999;pointer-events:none;white-space:nowrap;border:1px solid #3b82f666;border-radius:50px;padding:10px 20px;font-size:12px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;top:16px;left:50%;transform:translate(-50%,-100px);box-shadow:0 8px 30px #00000080}.gold-card{background:linear-gradient(135deg,#0d1a35,#0d1628);border:1px solid #3b82f640;border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}.gold-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a,#0000 65%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.gold-card-eye{color:var(--ac2);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700}.gold-card-amt{color:var(--ac2);letter-spacing:-.02em;margin-bottom:3px;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800;line-height:1}.gold-stat-val{color:var(--ac2);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800}.gold-stat-lbl{color:var(--tf);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9px}.metric-card{background:var(--s2);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #3b82f61a;border-radius:13px;padding:14px;transition:all .18s}.metric-card:hover,.metric-card:active{border-color:#3b82f666;box-shadow:0 4px 20px #3b82f61a}.metric-icon{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:8px;display:flex}.metric-val{color:var(--ac2);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;line-height:1}.metric-lbl{color:var(--tf);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:9px}.card{background:var(--s2);border:1px solid #3b82f61f;border-radius:14px;padding:16px 18px}.list-row{background:var(--s2);border:1px solid #3b82f61a;border-radius:13px;align-items:center;gap:11px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.list-row:hover{border-color:#3b82f64d}.list-title{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.list-sub{color:var(--tf);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.section-head{border-bottom:1px solid #3b82f61f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:11px;display:flex}.section-title{color:var(--tx);letter-spacing:.02em;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800}.btn-add{background:linear-gradient(135deg, var(--ac3), var(--ac));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:.02em;border:none;border-radius:9px;padding:9px 18px;font-size:12px;font-weight:700}.btn-sm-gold{color:var(--am);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#3b82f612;border:1px solid #3b82f633;border-radius:9px;padding:7px 14px;font-size:11px;font-weight:600}.btn-sm-outline{border:1px solid var(--bd);color:var(--tm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .14s;display:flex}.btn-sm-outline:hover,.btn-sm-outline:active{color:var(--tx);border-color:#3b82f64d}.btn-icon{border:1px solid var(--bd);width:30px;height:30px;color:var(--tm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.btn-icon:hover{color:var(--tx);background:#ffffff0d}.sh-btn-ac{background:linear-gradient(135deg, var(--ac3), var(--ac));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-size:13px;font-weight:700;display:flex}.sh-btn-gh{color:var(--tf);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #3b82f626;border-radius:11px;flex:1;padding:12px;font-size:13px;font-weight:700}.ifield{flex-direction:column;gap:5px;display:flex}.ifield.col2{grid-column:1/-1}.ifield label,.lbl{color:var(--tf);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.ifield input,.ifield select,.ifield textarea{color:var(--tx);background:#ffffff0a;border:1px solid #3b82f626;border-radius:11px;outline:none;width:100%;padding:11px 14px;font-size:13px;transition:all .16s}.ifield input:focus,.ifield select:focus,.ifield textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.ifield select{-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2360a5fa' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.qty-btn{background:var(--s3);width:34px;height:34px;color:var(--tx);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #3b82f633;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.tipo-btn{background:var(--s2);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #3b82f626;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:14px 8px;transition:all .15s;display:flex}.badge{border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.b-gn{color:#22c55e;background:#22c55e1f}.b-re{color:#ef4444;background:#ef44441f}.b-am{color:#f97316;background:#f973161f}.b-bl{color:#3b82f6;background:#3b82f61f}.b-pu{color:#a855f7;background:#a855f71f}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.th{color:var(--tf);text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:9px 14px;font-size:9px;font-weight:700}.td{color:var(--tx);padding:9px 14px;font-size:12px}.tr-hover:hover{background:#3b82f60a}.acc-bd{border-top:1px solid #3b82f61a;padding:14px 16px;display:none}.acc-bd.open{display:block}@media (width<=899px){.sidebar{height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mob-menu-btn{display:flex!important}.mob-overlay.show{display:block}.page-wrap{padding:16px 14px}.grid-2{grid-template-columns:1fr}}@media (width>=900px){.sidebar{flex-shrink:0;transition:none;position:relative;transform:none!important}.mob-menu-btn,.mob-overlay{display:none!important}.page-wrap{padding:24px 30px}#sh-overlay{align-items:center}#sh-box{border-radius:18px;max-width:540px}.nav-btn{border-radius:12px;padding:10px 14px;font-size:13px}.sb-scroll{padding:12px 10px}}@media (width>=1200px){:root{--sb-w:264px}.page-wrap{padding:28px 36px}#sh-box{max-width:600px}}@media (width>=1400px){:root{--sb-w:280px}.page-wrap{padding:30px 44px}}#notif-badge{animation:2s infinite badgePulse}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}