:root{--bg: #07080d;--bg-1: #0d0f18;--bg-2: #111420;--sb-bg: #080a12;--sb-hover: rgba(255,255,255,.04);--sb-active: rgba(180,120,255,.12);--sb-text: #5a6080;--sb-text-h: #9aa0c0;--sb-text-a: #e0e4f8;--sb-border: rgba(255,255,255,.05);--sb-section: #3a3f58;--t: #e8eaf8;--t1: #e8eaf8;--t2: #9aa0c0;--t3: #5a6080;--t4: #3a3f58;--acc: #7c5cfc;--acc2: #9b7ffe;--acc3: #5a3fd4;--acc-bg: rgba(124,92,252,.12);--acc-border: rgba(124,92,252,.28);--red: #ff4d6d;--red-light: rgba(255,77,109,.1);--red-border: rgba(255,77,109,.25);--red-text: #ff4d6d;--green: #34d399;--green-bg: rgba(52,211,153,.1);--green-border: rgba(52,211,153,.25);--amber: #fbbf24;--amber-bg: rgba(251,191,36,.1);--amber-border: rgba(251,191,36,.25);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.1);--blue-border: rgba(96,165,250,.25);--purple: #a78bfa;--purple-bg: rgba(167,139,250,.1);--purple-border:rgba(167,139,250,.25);--cyan: #22d3ee;--pink: #f472b6;--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 2px 8px rgba(0,0,0,.6), 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.5);--shadow-lg: 0 10px 40px rgba(0,0,0,.8), 0 4px 12px rgba(0,0,0,.6);--r-sm: 6px;--r: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--bg2: #111420;--bg3: #161928;--bg4: #1c2030;--b: rgba(255,255,255,.07);--b2: rgba(255,255,255,.12);--r2: 8px;--chrome: #9aa0c0;--grad-a: linear-gradient(135deg, #7c5cfc 0%, #9b7ffe 100%);--grad-b: linear-gradient(135deg, #5a3fd4 0%, #7c5cfc 100%);--grad-c: linear-gradient(135deg, #5a6080 0%, #9aa0c0 100%);--bg-3: #161928;--bg-4: #1c2030;--accent: #7c5cfc;--surface: #111420;--glass-1: rgba(255,255,255,.03);--glass-2: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--t1);line-height:1.5;min-height:100vh}button,input,select,textarea{font-family:inherit}a{color:var(--acc);text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c5cfc4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7c5cfc80}@keyframes twinkle-a{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes twinkle-b{0%,to{opacity:.5;transform:scale(1)}60%{opacity:.1;transform:scale(.7)}}@keyframes twinkle-c{0%,to{opacity:.8}40%{opacity:.2}}@keyframes drift{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-4px) translate(2px)}66%{transform:translateY(2px) translate(-3px)}to{transform:translateY(0) translate(0)}}@keyframes nebula-pulse{0%,to{opacity:.04;transform:scale(1)}50%{opacity:.08;transform:scale(1.05)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100%}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg);position:relative}.app-shell:before{content:"";position:fixed;top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(124,92,252,.06) 0%,rgba(90,63,212,.03) 40%,transparent 70%);pointer-events:none;z-index:0;animation:nebula-pulse 12s ease-in-out infinite}.app-shell:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(244,114,182,.04) 0%,rgba(167,139,250,.02) 40%,transparent 70%);pointer-events:none;z-index:0;animation:nebula-pulse 16s ease-in-out infinite reverse}.app-shell .star-field{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.star-field:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:42px 120px #ffffff26,88px 340px #fff3,156px 78px #ffffff1f,220px 450px #ffffff2e,310px 200px #ffffff1a,380px 560px #ffffff38,440px 90px #ffffff24,520px 380px #ffffff30,600px 150px #ffffff1c,680px 490px #ffffff2b,740px 260px #ffffff21,820px 620px #ffffff36,900px 40px #ffffff29,960px 320px #ffffff1a,1040px 180px #fff3,1120px 540px #ffffff24,1200px 70px #ffffff2e,1280px 410px #ffffff1f,1360px 230px #ffffff38,1440px 580px #ffffff26,65px 480px 0 1px #ffffff40,145px 220px 0 1px #ffffff4d,255px 640px 0 1px #fff3,345px 130px 0 1px #ffffff47,465px 520px 0 1px #ffffff38,555px 280px 0 1px #ffffff52,665px 60px 0 1px #ffffff3d,755px 440px 0 1px #ffffff2e,865px 310px 0 1px #ffffff42,955px 590px 0 1px #ffffff4d,1065px 160px 0 1px #fff3,1155px 470px 0 1px #ffffff47,1265px 350px 0 1px #ffffff38,1355px 100px 0 1px #ffffff57,190px 360px 0 1px #c8b4ff99,490px 170px 0 1px #c8b4ff80,790px 510px 0 1px #c8b4ff8c,1090px 290px 0 1px #c8b4ff80,1390px 430px 0 1px #c8b4ff99,290px 700px 0 1px #ffc8dc73,590px 50px 0 1px #ffc8dc66,890px 680px 0 1px #ffc8dc80,1190px 120px 0 1px #ffc8dc73;animation:twinkle-a 4s ease-in-out infinite}.star-field:after{content:"";position:absolute;width:1px;height:1px;border-radius:50%;background:transparent;box-shadow:30px 200px 0 1px #ffffff59,110px 80px 0 1px #ffffff47,200px 500px 0 1px #fff6,290px 320px 0 1px #ffffff4d,380px 650px 0 1px #ffffff59,470px 140px 0 1px #ffffff40,560px 430px 0 1px #ffffff61,650px 260px 0 1px #ffffff52,740px 580px 0 1px #ffffff47,830px 90px 0 1px #fff6,920px 370px 0 1px #ffffff59,1010px 710px 0 1px #ffffff4d,1100px 200px 0 1px #ffffff61,1190px 480px 0 1px #ffffff40,1280px 330px 0 1px #fff6,1370px 620px 0 1px #ffffff52,75px 560px 0 2px #ffffffb3,335px 240px 0 2px #ffffffa6,635px 680px 0 2px #ffffffb3,935px 140px 0 2px #fff9,1235px 520px 0 2px #ffffffb3,175px 440px 0 1px #b4dcffb3,475px 300px 0 1px #b4dcffa6,775px 600px 0 1px #b4dcffb3,1075px 180px 0 1px #b4dcff99,1375px 460px 0 1px #b4dcffb3;animation:twinkle-b 6s ease-in-out infinite 2s}.sidebar{width:220px;min-width:220px;background:#080a12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.05);flex-shrink:0;position:relative;z-index:10}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(124,92,252,.4) 20%,rgba(124,92,252,.6) 50%,rgba(124,92,252,.4) 80%,transparent 100%);animation:borderGlow 4s ease-in-out infinite}.logo-wrap{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.logo-mark{width:32px;height:32px;background:linear-gradient(135deg,#7c5cfc,#9b7ffe);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0;letter-spacing:-.5px;box-shadow:0 0 16px #7c5cfc66}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-title{font-size:13px;font-weight:700;color:#e8eaf8;letter-spacing:-.2px}.logo-sub{font-size:10px;color:var(--sb-text);letter-spacing:.02em}nav.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section-label{padding:12px 16px 4px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-section)}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--sb-text);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s;border-radius:0;position:relative}.nav-item:hover{background:var(--sb-hover);color:var(--sb-text-h)}.nav-item.active{background:var(--sb-active);color:var(--sb-text-a)}.nav-item.active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--acc2);border-radius:0 2px 2px 0;box-shadow:0 0 8px #9b7ffe99}.nav-icon{opacity:.6;flex-shrink:0}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-group{margin-bottom:1px}.nav-group-header{display:flex;align-items:center;gap:8px;width:100%;padding:9px 16px;border:none;background:transparent;color:var(--sb-section);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left;transition:background .12s,color .12s;border-radius:0}.nav-group-header:hover{background:var(--sb-hover);color:var(--sb-text-h)}.nav-group-header.has-active{color:var(--acc2)}.nav-group-icon{opacity:.6;flex-shrink:0}.nav-group-header.has-active .nav-group-icon{opacity:1}.nav-group-label{flex:1}.nav-group-chevron{opacity:.4;transition:transform .18s ease;flex-shrink:0}.nav-group-chevron.open{transform:rotate(180deg);opacity:.7}.nav-group-items{padding-bottom:2px}.nav-sub-item{padding-left:30px!important;font-size:12.5px!important}.nav-sub-item.active:before{left:0}.sidebar-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-week-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-section);margin-bottom:3px}.sidebar-reset-note{font-size:10px;color:var(--sb-text);margin-top:2px}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.role-badge.admin{background:#7c5cfc26;color:#a78bfa;border:1px solid rgba(124,92,252,.3)}.role-badge.operator{background:#60a5fa1f;color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.logout-btn{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-sm);color:var(--sb-text);font-size:12px;cursor:pointer;transition:all .12s;margin-top:8px}.logout-btn:hover{background:#7c5cfc1a;color:#a78bfa;border-color:#7c5cfc40}.main-area{flex:1;overflow-y:auto;background:transparent;display:flex;flex-direction:column;position:relative;z-index:1}.main-brand-bar{display:flex;align-items:center;gap:14px;padding:11px 28px;background:#0d0f18cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;min-height:52px}.main-brand-bar-line{flex:1;height:1px;background:#ffffff0d}.page-content,.page-wrap{padding:28px 28px 40px;max-width:1200px;width:100%;animation:fadeUp .2s ease-out}.page-header{margin-bottom:24px}.page-title{font-size:22px;font-weight:700;color:var(--t1);letter-spacing:-.4px;line-height:1.2}.page-subtitle{font-size:13px;color:var(--t3);margin-top:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:768px){.two-col{grid-template-columns:1fr}}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}.rank-row:last-child{border-bottom:none}.rank-row:hover{background:#ffffff05;padding-left:4px}.rank-num{font-size:15px;font-weight:700;color:var(--t3);width:22px;flex-shrink:0;text-align:center}.rank-num.gold{color:#f59e0b}.rank-num.silver{color:#9ca3af}.rank-num.bronze{color:#cd7f32}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{border-bottom:1px solid rgba(255,255,255,.07)}.data-table th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);white-space:nowrap;background:#ffffff05}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#ffffff08}.data-table td{padding:10px 14px;color:var(--t2)}.data-table td.highlight{color:var(--t1);font-weight:600}.data-table td.accent{color:var(--acc);font-weight:600;font-variant-numeric:tabular-nums}.badge-acc{background:var(--acc-bg);color:var(--acc2);border:1px solid var(--acc-border)}.card{background:#0d0f18b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);box-shadow:0 2px 12px #0006,inset 0 1px #ffffff0a;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.card-title{font-size:14px;font-weight:600;color:var(--t1)}.card-body{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:#0d0f18b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:20px;box-shadow:0 2px 12px #0006;transition:box-shadow .15s,transform .15s,border-color .15s}.stat-card:hover{box-shadow:0 4px 20px #0009,0 0 20px #7c5cfc14;transform:translateY(-1px);border-color:#7c5cfc33}.stat-icon{width:36px;height:36px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.stat-icon.purple{background:#a78bfa1f;color:#a78bfa}.stat-icon.cyan{background:#60a5fa1f;color:#60a5fa}.stat-icon.pink{background:#f472b61f;color:#f472b6}.stat-icon.green{background:#34d3991f;color:#34d399}.stat-icon.amber{background:#fbbf241f;color:#fbbf24}.stat-icon.red{background:#7c5cfc1f;color:#9b7ffe}.stat-icon.blue{background:#60a5fa1f;color:#60a5fa}.stat-label{font-size:12px;font-weight:500;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.stat-value{font-size:28px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1;margin-bottom:6px}.stat-sub{font-size:12px;color:var(--t3)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title{font-size:15px;font-weight:600;color:var(--t1)}.section-sub{font-size:12px;color:var(--t3)}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#7c5cfc,#9b7ffe);color:#fff;border:none;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 0 16px #7c5cfc4d}.btn-primary:hover{background:linear-gradient(135deg,#9b7ffe,#b89ffe);box-shadow:0 0 24px #7c5cfc80;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#ffffff0a;color:var(--t2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap}.btn-secondary:hover{background:#ffffff12;border-color:#ffffff2e;color:var(--t1)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:transparent;color:var(--t3);border:none;border-radius:var(--r);font-size:12px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.btn-ghost:hover{background:#ffffff0a;color:var(--t1)}.btn-danger{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#ff4d6d1a;color:#ff4d6d;border:1px solid rgba(255,77,109,.25);border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.btn-danger:hover{background:#ff4d6d;color:#fff}.btn-red{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .12s;background:#ff4d6d1a;color:#ff4d6d;border:1px solid rgba(255,77,109,.25)}.btn-red:hover{background:#ff4d6d;color:#fff}.reveal{animation:fadeUp .5s ease-out both}.reveal-1{animation:fadeUp .5s .05s ease-out both}.reveal-2{animation:fadeUp .5s .1s ease-out both}.reveal-3{animation:fadeUp .5s .15s ease-out both}.badge-grn{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.badge-amb{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.badge-neu{background:#ffffff0d;color:var(--t3);border:1px solid rgba(255,255,255,.08)}.badge-pink{background:#f472b61f;color:#f472b6;border:1px solid rgba(244,114,182,.25)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;font-weight:600;color:var(--t1)}.section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--t3);margin-bottom:10px}.form-input,.form-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:9px 12px;color:var(--t1);font-size:13px;transition:border-color .12s,box-shadow .12s;outline:none;width:100%}.form-input:focus,.form-select:focus{border-color:var(--acc);box-shadow:0 0 0 3px #7c5cfc26}.form-input::placeholder{color:var(--t4)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--r);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .15s;background:linear-gradient(135deg,#7c5cfc,#9b7ffe);color:#fff;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 0 16px #7c5cfc4d}.btn:hover{background:linear-gradient(135deg,#9b7ffe,#b89ffe);box-shadow:0 0 24px #7c5cfc80;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-sm{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--r-sm);font-size:12px;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--t2);cursor:pointer;transition:all .12s}.btn-sm:hover{background:#ffffff14;border-color:#ffffff2e;color:var(--t1)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--t3);cursor:pointer;transition:all .12s;flex-shrink:0}.btn-icon:hover{border-color:#ffffff26;color:var(--t2);background:#ffffff12}.btn-icon.danger:hover{border-color:#ff4d6d4d;color:#ff4d6d;background:#ff4d6d1a}.form-section{background:#0d0f18b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);overflow:hidden;margin-bottom:14px}.form-section-head{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:600;color:var(--t1);background:#ffffff05}.form-section-body{padding:16px 18px}.form-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.form-row:last-child{border-bottom:none}.form-grid,.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.section-icon{width:26px;height:26px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.quick-tag{padding:5px 11px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--t3);font-size:11px;font-weight:500;cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.quick-tag:hover{border-color:var(--acc-border);color:var(--acc2)}.quick-tag.active{background:var(--acc-bg);border-color:var(--acc-border);color:var(--acc2);font-weight:600}.empty-icon{width:44px;height:44px;border-radius:var(--r-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:500;color:var(--t2)}.form-hint{font-size:11px;color:var(--t4);margin-top:2px}input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=time],select,textarea{width:100%;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);font-size:13px;color:var(--t1);outline:none;transition:border-color .12s,box-shadow .12s;-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px #7c5cfc26}input::placeholder,textarea::placeholder{color:var(--t4)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6080' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}select option{background:#111420;color:var(--t1)}textarea{resize:vertical;min-height:80px;line-height:1.6}.table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.07);background:#0d0f18b3}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff08}tbody td{padding:12px 16px;color:var(--t2);vertical-align:middle}.td-mono{font-family:Inter,monospace;font-variant-numeric:tabular-nums;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.badge-red{background:#7c5cfc1f;color:#9b7ffe;border:1px solid rgba(124,92,252,.25)}.badge-amber{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.badge-blue{background:#60a5fa1f;color:#60a5fa;border:1px solid rgba(96,165,250,.25)}.badge-purple{background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.25)}.badge-grey{background:#ffffff0d;color:var(--t3);border:1px solid rgba(255,255,255,.08)}.tab-bar{display:flex;gap:2px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:3px;width:fit-content;margin-bottom:20px}.tab-btn{padding:7px 16px;border:none;background:transparent;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--t3);cursor:pointer;transition:all .12s;white-space:nowrap}.tab-btn.active{background:#7c5cfc2e;color:#a78bfa;box-shadow:0 0 12px #7c5cfc33;font-weight:600}.copy-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);font-size:11px;color:var(--t3);cursor:pointer;transition:all .12s;white-space:nowrap}.copy-btn:hover{background:var(--acc-bg);border-color:var(--acc-border);color:var(--acc2)}.copy-btn.copied{background:#34d3991f;border-color:#34d39940;color:#34d399}.script-item{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px;transition:box-shadow .12s,border-color .12s}.script-item:hover{box-shadow:0 4px 16px #0006;border-color:#7c5cfc33}.script-label{font-size:11px;font-weight:700;color:var(--acc2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.script-text{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:8px}.script-tip{font-size:11px;color:var(--t4);font-style:italic}.progress-bar{height:6px;background:#ffffff0f;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#7c5cfc,#9b7ffe);transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #7c5cfc80}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--t4)}.empty-state-icon{width:48px;height:48px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--t4)}.empty-state-title{font-size:15px;font-weight:600;color:var(--t2);margin-bottom:6px}.empty-state-text{font-size:13px;color:var(--t3);max-width:320px;line-height:1.6}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--r-md);font-size:13px;margin-bottom:16px}.alert-success{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#34d399}.alert-error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.25);color:#ff4d6d}.alert-info{background:#60a5fa1a;border:1px solid rgba(96,165,250,.25);color:#60a5fa}.alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24}.divider{height:1px;background:#ffffff0f;margin:20px 0}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.persona-col{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);overflow:hidden}.persona-col-head{padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.persona-col-head.do{background:#34d3991a;color:#34d399;border-bottom:1px solid rgba(52,211,153,.2)}.persona-col-head.dont{background:#ff4d6d1a;color:#ff4d6d;border-bottom:1px solid rgba(255,77,109,.2)}.persona-col-body{padding:10px 14px}.persona-rule{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;color:var(--t2);line-height:1.5}.persona-rule:last-child{border-bottom:none}.time-range-selector{display:flex;gap:2px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:3px}.time-range-btn{padding:5px 12px;border:none;background:transparent;border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--t3);cursor:pointer;transition:all .12s;white-space:nowrap}.time-range-btn.active{background:#7c5cfc2e;color:#a78bfa;font-weight:600}.stat-card.purple{border-top:2px solid rgba(167,139,250,.5)}.stat-card.cyan{border-top:2px solid rgba(96,165,250,.5)}.stat-card.pink{border-top:2px solid rgba(244,114,182,.5)}.stat-card.green{border-top:2px solid rgba(52,211,153,.5)}.stat-card.amber{border-top:2px solid rgba(251,191,36,.5)}.stat-card.red{border-top:2px solid rgba(124,92,252,.5)}.stat-card.blue{border-top:2px solid rgba(96,165,250,.5)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:900px){.grid-2,.grid-3,.persona-grid{grid-template-columns:1fr}}.spin{animation:spin .8s linear infinite}.login-wrap{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-wrap:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(circle,rgba(200,180,255,.5) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1px);background-size:300px 300px,500px 500px,200px 200px;background-position:0 0,150px 100px,50px 200px;pointer-events:none;animation:twinkle-a 8s ease-in-out infinite}.login-wrap:after{content:"";position:fixed;top:-30%;left:-20%;width:80vw;height:80vw;background:radial-gradient(circle,rgba(124,92,252,.08) 0%,transparent 60%);pointer-events:none}.login-card{background:#0d0f18d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);box-shadow:0 20px 60px #000000b3,0 0 40px #7c5cfc1a;width:100%;max-width:420px;overflow:hidden;position:relative;z-index:1}.login-header{background:#ffffff05;padding:32px 32px 28px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.login-logo-mark{width:52px;height:52px;background:linear-gradient(135deg,#7c5cfc,#9b7ffe);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:#fff;margin:0 auto 14px;letter-spacing:-1px;box-shadow:0 0 24px #7c5cfc80}.login-title{font-size:20px;font-weight:700;color:#e8eaf8;letter-spacing:-.3px}.login-subtitle{font-size:13px;color:var(--t3);margin-top:4px}.login-body{padding:28px 32px 32px}.login-error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.25);border-radius:var(--r);padding:10px 14px;font-size:13px;color:#ff4d6d;margin-bottom:16px;display:flex;align-items:center;gap:8px}.login-role-hint{display:flex;gap:10px;margin-top:20px}.login-role-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:12px;text-align:center}.login-role-name{font-size:12px;font-weight:700;color:var(--t2);margin-bottom:3px}.login-role-desc{font-size:11px;color:var(--t4);line-height:1.4}@media(max-width:768px){.sidebar{width:180px;min-width:180px}.page-wrap{padding:18px 16px 32px}.stat-grid{grid-template-columns:1fr 1fr}.main-brand-bar{padding:12px 16px}}.mono{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-mono{font-variant-numeric:tabular-nums}.text-muted{color:var(--t3)}.text-accent{color:var(--acc2)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.sidebar-logo-text{font-size:16px;font-weight:800;color:#e8eaf8;letter-spacing:.04em}.sidebar-logo-sub{font-size:10px;color:var(--sb-text);letter-spacing:.06em;margin-top:1px}.sidebar-role-wrap{padding:0 12px 10px}.sidebar-role-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r);border:1px solid rgba(255,255,255,.08);background:#ffffff08}.sidebar-role-badge.admin{background:#7c5cfc1a;border-color:#7c5cfc40}.sidebar-role-badge.operator{background:#60a5fa1a;border-color:#60a5fa40}.sidebar-role-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-role-badge.admin .sidebar-role-dot{background:#a78bfa;box-shadow:0 0 6px #a78bfa99}.sidebar-role-badge.operator .sidebar-role-dot{background:#60a5fa;box-shadow:0 0 6px #60a5fa99}.sidebar-role-label{flex:1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sidebar-role-badge.admin .sidebar-role-label{color:#a78bfa}.sidebar-role-badge.operator .sidebar-role-label{color:#93c5fd}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:var(--sb-text);display:flex;align-items:center;padding:2px;transition:color .12s}.sidebar-logout-btn:hover{color:#e8eaf8}.sidebar-week-box{background:#7c5cfc14;border:1px solid rgba(124,92,252,.18);border-radius:var(--r);padding:8px 10px;margin-bottom:10px}.sidebar-week-date{font-size:11px;color:var(--sb-text-h);font-weight:600;margin:2px 0}.sidebar-stats{display:flex;flex-direction:column;gap:4px}.sidebar-stat-row{display:flex;align-items:center;gap:6px}.sidebar-stat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-stat-dot.active{background:#34d399;box-shadow:0 0 6px #34d39999}.sidebar-stat-text{font-size:11px;color:var(--sb-text)}.sidebar-sync-icon{flex-shrink:0}.sidebar-sync-icon.online{color:#34d399}.sidebar-sync-icon.offline{color:#ff4d6d}.sidebar-sync-text{font-size:10px}.sidebar-sync-text.online{color:#34d399}.sidebar-sync-text.offline{color:#ff4d6d}.sidebar-operator-note{font-size:10px;color:var(--sb-text);text-align:center}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.page-spinner{width:40px;height:40px;border-radius:50%;border:2px solid rgba(124,92,252,.15);border-top-color:var(--acc);animation:spin .8s linear infinite;box-shadow:0 0 16px #7c5cfc4d}.page-loading-text{font-size:13px;color:var(--t3)}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:12px;text-align:center;padding:20px}.page-error-title{font-size:15px;font-weight:600;color:var(--t2)}.page-error-desc{font-size:13px;color:var(--t3);max-width:360px}.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--t3);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.pill:hover{border-color:var(--acc-border);color:var(--acc2)}.pill.active{background:var(--acc-bg);border-color:var(--acc-border);color:var(--acc2);font-weight:600}.nav-list{flex:1;padding:10px 0;overflow-y:auto}td.accent{color:var(--acc2);font-weight:600}td.highlight{color:var(--green);font-weight:700}.online{color:#34d399}.offline{color:#ff4d6d}.access-overlay{position:fixed;inset:0;z-index:9999;background:#07080d;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease}.access-overlay.exiting{opacity:0;pointer-events:none}.access-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,92,252,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,252,.04) 1px,transparent 1px);background-size:40px 40px}.access-scanline{position:absolute;inset:0;background:linear-gradient(transparent 50%,#0000000a 50%);background-size:100% 4px;pointer-events:none;animation:scanline 8s linear infinite}.access-corner{position:absolute;width:24px;height:24px}.access-corner.tl{top:24px;left:24px;border-top:2px solid var(--acc);border-left:2px solid var(--acc)}.access-corner.tr{top:24px;right:24px;border-top:2px solid var(--acc);border-right:2px solid var(--acc)}.access-corner.bl{bottom:24px;left:24px;border-bottom:2px solid var(--acc);border-left:2px solid var(--acc)}.access-corner.br{bottom:24px;right:24px;border-bottom:2px solid var(--acc);border-right:2px solid var(--acc)}.access-corner-inner{position:absolute;inset:4px;border:1px solid rgba(124,92,252,.3)}.access-logo-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.access-status{position:relative;z-index:1;width:320px;text-align:center}.access-progress-bar{height:2px;background:#7c5cfc33;border-radius:2px;overflow:hidden;margin-bottom:16px}.access-progress-fill{height:100%;background:linear-gradient(90deg,#7c5cfc,#9b7ffe);border-radius:2px;animation:progress-fill 2.8s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 12px #7c5cfc99}.access-granted-text{font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--acc2);margin-bottom:8px;animation:fadeIn .4s ease-out;text-shadow:0 0 20px rgba(155,127,254,.6)}.access-status-text{font-size:11px;font-weight:600;letter-spacing:.1em;color:#7c5cfcb3;text-transform:uppercase;animation:fadeIn .3s ease-out}.mobile-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:#7c5cfc1f;border:1px solid rgba(124,92,252,.25);border-radius:8px;color:#c4b5fd;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s;padding:0}.mobile-hamburger:hover{background:#7c5cfc38;color:#e8eaf8}.mobile-sidebar-overlay{position:fixed;inset:0;background:#0000008c;z-index:199;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@media(max-width:768px){.page-wrap,.page-content{padding:16px 14px 28px}.stat-grid,.kpi-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.table-wrap,.roster-table-wrap,.earnings-table-wrap,.attendance-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.main-brand-bar{padding:10px 14px}}@media(max-width:600px){.mobile-hamburger{display:flex}.sidebar{position:fixed!important;top:0;left:0;height:100dvh;width:260px!important;min-width:260px!important;z-index:200;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #0009}.sidebar.sidebar-open{transform:translate(0)}.main-area{width:100%}.main-brand-bar{padding:10px 12px;gap:10px}.page-wrap,.page-content{padding:14px 12px 24px}.stat-grid,.kpi-grid,.two-col{grid-template-columns:1fr}.page-title{font-size:18px}.overview-kpi-grid{grid-template-columns:1fr 1fr}.overview-graph-row{flex-direction:column}.log-form-grid,.log-form-row,.log-form-two-col,.brief-card-grid,.brief-model-grid{grid-template-columns:1fr!important}.agency-table-wrap,.fin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.fan-card-grid,.tipper-grid{grid-template-columns:1fr!important}.analytics-tab-bar,.deep-analytics-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px}.analytics-tab-bar::-webkit-scrollbar,.deep-analytics-tabs::-webkit-scrollbar{height:3px}.chart-card{overflow-x:auto}.recharts-responsive-container{min-width:280px}.roster-table-wrap,.earnings-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-box,.dialog-box{width:calc(100vw - 24px)!important;max-width:none!important}.btn-row,.action-row{flex-wrap:wrap;gap:8px}.sidebar-footer{padding:12px 14px}.form-row{flex-direction:column;gap:8px}.form-row>*{width:100%!important}}@media(max-width:420px){.page-title{font-size:16px}.page-wrap,.page-content{padding:10px 10px 20px}.overview-kpi-grid{grid-template-columns:1fr}.stat-card{padding:12px 14px}}.intel-summary-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.intel-stat{flex:1;min-width:100px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:center}.intel-stat-val{font-size:22px;font-weight:800;color:var(--t1);line-height:1;margin-bottom:4px}.intel-stat-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.intel-insights-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.intel-insight-card{flex:1;min-width:220px;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:10px;border:1px solid}.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.intel-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.intel-card-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between}.intel-card-title{font-size:14px;font-weight:700}.intel-card-sub{font-size:11px;color:var(--t3);margin-top:2px;line-height:1.4}.intel-rank-list{padding:10px 0}.intel-rank-row{display:flex;align-items:center;gap:10px;padding:7px 16px;transition:background .12s}.intel-rank-row:hover{background:var(--bg-3)}.intel-rank-num{font-size:11px;font-weight:800;width:18px;text-align:right;flex-shrink:0}.intel-rank-label{font-size:12px;color:var(--t1);min-width:0;flex:0 0 auto;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:2px}.intel-rank-cat{font-size:9px;color:var(--t3);background:var(--bg-3);border-radius:4px;padding:1px 5px;margin-left:5px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.intel-rank-count{font-size:12px;font-weight:700;flex-shrink:0;width:28px;text-align:right}.intel-rank-meta{display:flex;gap:8px;font-size:10px;color:var(--t3);flex-shrink:0}.intel-empty{padding:24px 16px;font-size:12px;color:var(--t3);text-align:center}.intel-expand-btn{width:100%;padding:8px;background:none;border:none;border-top:1px solid var(--border);color:var(--t3);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .12s}.intel-expand-btn:hover{background:var(--bg-3);color:var(--t1)}@media(max-width:768px){.intel-grid{grid-template-columns:1fr}.intel-rank-meta{display:none}.intel-rank-label{max-width:130px}}@media(max-width:600px){.intel-summary-row{gap:8px}.intel-stat{min-width:80px;padding:10px 12px}.intel-stat-val{font-size:18px}}