@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";:root{--ink0: #080C14;--ink1: #0D1220;--ink2: #121928;--ink3: #1A2436;--ink4: #243044;--ink5: #2E3D55;--ink6: #3D5066;--ink7: #526677;--par0: #FDFAF4;--par1: #F8F2E6;--par2: #F0E8D4;--par3: #E4D9C2;--par4: #CEC5AE;--par5: #B0A490;--par6: #8A7F6E;--gold0: #FFEAB8;--gold1: #F5D77A;--gold2: #E8C048;--gold3: #C9973A;--gold4: #A67828;--gold5: #7A5416;--emerald: #1DB954;--sapphire: #2E86DE;--ruby: #E63946;--amber: #F4A261;--violet: #7B5EA7;--teal: #2EC4B6;--bg: var(--par0);--surface: #FFFFFF;--border: #E8E0D0;--border2: #D4C9B2;--text: var(--ink1);--text2: var(--ink5);--text3: var(--par5);--accent: var(--gold3);--accent2: var(--gold2);--f-display: "DM Serif Display", Georgia, serif;--f-body: "Plus Jakarta Sans", system-ui, sans-serif;--f-mono: "Fira Code", "Courier New", monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px;--s11: 80px;--s12: 96px;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r5: 20px;--r6: 24px;--r7: 32px;--round: 999px;--shadow-xs: 0 1px 2px rgba(8,12,20,.06);--shadow-sm: 0 2px 8px rgba(8,12,20,.08), 0 1px 2px rgba(8,12,20,.04);--shadow-md: 0 8px 24px rgba(8,12,20,.1), 0 2px 6px rgba(8,12,20,.06);--shadow-lg: 0 20px 60px rgba(8,12,20,.14), 0 6px 18px rgba(8,12,20,.08);--shadow-xl: 0 40px 100px rgba(8,12,20,.18), 0 10px 30px rgba(8,12,20,.1);--shadow-gold: 0 4px 20px rgba(201,151,58,.25);--ease: cubic-bezier(.23, 1, .32, 1);--fast: .15s;--mid: .28s;--slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--f-body);color:var(--text);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--f-body);cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:var(--f-body);outline:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--par4);border-radius:var(--round)}::-webkit-scrollbar-thumb:hover{background:var(--par5)}.display{font-family:var(--f-display);font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink1)}.headline{font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.015em;color:var(--ink1)}.title{font-family:var(--f-display);font-size:1.35rem;line-height:1.3;color:var(--ink1)}.serif{font-family:var(--f-display)}.mono{font-family:var(--f-mono)}.label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.label-gold{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{box-shadow:0 0 #c9973a66}50%{box-shadow:0 0 0 8px #c9973a00}}.fa{animation:fadeIn var(--mid) var(--ease)}.fu{animation:fadeUp var(--mid) var(--ease)}.fd{animation:fadeDown var(--mid) var(--ease)}.si{animation:slideIn var(--mid) var(--ease)}.s1{animation-delay:50ms}.s2{animation-delay:.1s}.s3{animation-delay:.15s}.s4{animation-delay:.2s}.s5{animation-delay:.25s}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--ink0);display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width var(--mid) var(--ease);position:relative;z-index:100;border-right:1px solid rgba(255,255,255,.04)}.sidebar.col{width:66px}.sb-logo{display:flex;align-items:center;gap:11px;padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.05)}.sb-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--gold4),var(--gold3));border-radius:var(--r3);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #c9973a4d}.sb-text{font-family:var(--f-display);font-size:1.2rem;color:var(--par0);white-space:nowrap;overflow:hidden;transition:opacity var(--mid) var(--ease)}.sb-text em{color:var(--gold2);font-style:normal}.sb-sub{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff38;margin-top:1px;transition:opacity var(--mid) var(--ease)}.sidebar.col .sb-text,.sidebar.col .sb-sub{opacity:0;pointer-events:none}.sb-tog{position:absolute;top:24px;right:-14px;width:28px;height:28px;background:var(--ink3);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--fast)}.sb-tog:hover{background:var(--gold4);border-color:var(--gold3)}.sb-tog svg{transition:transform var(--mid) var(--ease)}.sidebar.col .sb-tog svg{transform:rotate(180deg)}.sb-sec{font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffff2e;padding:16px 18px 6px;white-space:nowrap;overflow:hidden;transition:opacity var(--mid)}.sidebar.col .sb-sec{opacity:0;height:0;padding:0}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;border-radius:var(--r2);color:#ffffff6b;font-size:.84rem;font-weight:500;cursor:pointer;transition:all var(--fast);overflow:hidden;white-space:nowrap;position:relative}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item.active{background:linear-gradient(135deg,#c9973a33,#c9973a14);color:var(--gold2);border:1px solid rgba(201,151,58,.15)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2.5px;background:var(--gold3);border-radius:0 2px 2px 0}.nav-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-lbl{overflow:hidden;transition:opacity var(--mid),width var(--mid)}.sidebar.col .sb-lbl{opacity:0;width:0}.sb-badge{margin-left:auto;background:var(--ruby);color:#fff;font-size:.62rem;font-weight:700;padding:1px 7px;border-radius:var(--round);flex-shrink:0;transition:opacity var(--mid)}.sidebar.col .sb-badge{opacity:0;pointer-events:none}.sb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ruby);animation:pulse 2s infinite;margin-left:auto;flex-shrink:0;transition:opacity var(--mid)}.sidebar.col .sb-live-dot{opacity:0}.sb-user{padding:14px 16px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}.sb-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15)}.sb-uinfo{overflow:hidden;transition:opacity var(--mid)}.sidebar.col .sb-uinfo{opacity:0;width:0}.sb-uname{font-size:.82rem;font-weight:700;color:var(--par0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-urole{font-size:.68rem;color:#ffffff4d;text-transform:capitalize}.sb-back{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-size:.75rem;font-weight:600;color:#fff3;transition:color var(--fast);border-top:1px solid rgba(255,255,255,.04)}.sb-back:hover{color:#fff9}.sb-back .sb-lbl{font-size:.75rem;color:inherit}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:62px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;gap:14px}.tb-title{font-family:var(--f-display);font-size:1.15rem;color:var(--ink1)}.tb-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tb-chip{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);padding:6px 13px;font-size:.8rem;font-weight:600;color:var(--text2);white-space:nowrap;cursor:pointer;transition:all var(--fast)}.tb-chip:hover{border-color:var(--gold3);color:var(--gold4);background:#c9973a0a}.ibt{width:36px;height:36px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast);position:relative}.ibt:hover{border-color:var(--gold3);background:#c9973a0a}.ndot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--ruby);border-radius:50%;border:2px solid var(--surface)}.content{flex:1;overflow-y:auto;padding:32px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--r3);font-size:.84rem;font-weight:600;border:1.5px solid transparent;transition:all var(--fast) var(--ease);white-space:nowrap;cursor:pointer;font-family:var(--f-body)}.btn-p,.btn-primary{background:linear-gradient(135deg,var(--gold3),var(--gold4));color:#fff;border-color:var(--gold4);box-shadow:0 2px 8px #c9973a40}.btn-p:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--gold2),var(--gold3));transform:translateY(-1px);box-shadow:var(--shadow-gold)}.btn-s,.btn-secondary{background:var(--surface);color:var(--ink3);border-color:var(--border)}.btn-s:hover,.btn-secondary:hover{border-color:var(--gold3);color:var(--gold4);background:#c9973a0a}.btn-g,.btn-ghost{background:transparent;border-color:transparent;color:var(--text2);padding:7px 12px}.btn-g:hover,.btn-ghost:hover{color:var(--gold4);background:#c9973a0f}.btn-d,.btn-danger{background:#e639460f;color:var(--ruby);border-color:#e6394626}.btn-d:hover,.btn-danger:hover{background:var(--ruby);color:#fff;border-color:var(--ruby)}.btn-ok,.btn-success{background:#1db9541a;color:#14863a;border-color:#1db95433}.btn-ok:hover,.btn-success:hover{background:var(--emerald);color:#fff;border-color:var(--emerald);transform:translateY(-1px)}.btn-dark{background:var(--ink2);color:var(--par1);border-color:var(--ink4)}.btn-dark:hover{background:var(--ink3);transform:translateY(-1px)}.btn-am,.btn-amber{background:#f4a2611a;color:#b85c00;border-color:#f4a26140}.btn-am:hover,.btn-amber:hover{background:var(--amber);color:#fff}.btn-sm{padding:6px 14px;font-size:.78rem;border-radius:var(--r2)}.btn-lg{padding:13px 30px;font-size:.95rem;border-radius:var(--r4)}.btn-xl{padding:16px 40px;font-size:1rem;border-radius:var(--r4)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r5);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--mid) var(--ease)}.card:hover{box-shadow:var(--shadow-md)}.card-sm{background:var(--surface);border:1px solid var(--border);border-radius:var(--r4);padding:18px;transition:box-shadow var(--mid)}.card-sm:hover{box-shadow:var(--shadow-sm)}.card-gold{border-top:3px solid var(--gold3)}.card-ink{background:var(--ink1);border-color:var(--ink3);color:var(--par1)}.card-ink .ctitle,.card-ink .chdr{color:var(--par1)}.chdr,.card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ctitle,.card-title{font-family:var(--f-display);font-size:1.05rem;color:var(--ink1)}.sec-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold3);margin-bottom:6px;display:flex;align-items:center;gap:8px}.sec-tag:before{content:"";width:18px;height:2px;background:linear-gradient(90deg,var(--gold3),transparent);border-radius:2px}.kpi-row,.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r5);padding:20px;box-shadow:var(--shadow-sm);transition:all var(--mid) var(--ease);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold3),transparent);opacity:0;transition:opacity var(--mid)}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi:hover:after{opacity:1}.kpi-ic,.kpi-icon{width:40px;height:40px;border-radius:var(--r3);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.kpi-v,.kpi-val{font-family:var(--f-mono);font-size:1.7rem;font-weight:600;color:var(--ink1);line-height:1;letter-spacing:-.02em}.kpi-l,.kpi-label{font-size:.78rem;color:var(--text3);margin-top:4px;font-weight:500}.kpi-d,.kpi-delta{font-size:.72rem;font-weight:700;margin-top:6px;display:flex;align-items:center;gap:4px}.fl,.f-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:7px}.fi,.f-input{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r3);padding:10px 14px;font-size:.88rem;color:var(--text);outline:none;transition:border-color var(--fast),box-shadow var(--fast);font-family:var(--f-body)}.fi:focus,.f-input:focus{border-color:var(--gold3);background:var(--surface);box-shadow:0 0 0 3px #c9973a1f}.fi::placeholder{color:var(--par5)}.fsel,.f-select{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r3);padding:10px 14px;font-size:.88rem;color:var(--text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast);font-family:var(--f-body)}.fsel:focus{border-color:var(--gold3);box-shadow:0 0 0 3px #c9973a1f}.fta,.f-textarea{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r3);padding:10px 14px;font-size:.88rem;color:var(--text);outline:none;resize:vertical;font-family:var(--f-body);line-height:1.65;transition:border-color var(--fast),box-shadow var(--fast)}.fta:focus{border-color:var(--gold3);background:var(--surface);box-shadow:0 0 0 3px #c9973a1f}.fg,.f-group{margin-bottom:18px}.fr2,.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;border-radius:var(--round);border:1px solid}.badge-blue{background:#2e86de14;color:#1560b0;border-color:#2e86de33}.badge-green{background:#1db95414;color:#14863a;border-color:#1db95433}.badge-red{background:#e6394614;color:#b91c1c;border-color:#e6394633}.badge-amber{background:#f4a2611f;color:#92400e;border-color:#f4a2614d}.badge-slate{background:var(--par1);color:var(--ink6);border-color:var(--border)}.badge-gold{background:#c9973a1a;color:var(--gold4);border-color:#c9973a40}.badge-purple{background:#7b5ea714;color:#5b21b6;border-color:#7b5ea733}.tbl{width:100%;border-collapse:collapse}.tbl th{padding:11px 18px;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.09em;color:var(--text3);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg)}.tbl td{padding:13px 18px;font-size:.85rem;color:var(--text2);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#c9973a05}.tog{width:40px;height:22px;border-radius:var(--round);cursor:pointer;position:relative;transition:background var(--mid);flex-shrink:0;display:inline-block;border:none}.tog.on{background:linear-gradient(135deg,var(--gold3),var(--gold4))}.tog.off{background:var(--par3)}.tog-k{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left var(--mid) var(--ease);box-shadow:0 1px 4px #0003}.tog.on .tog-k{left:21px}.tog.off .tog-k{left:3px}.prog,.prog-bar{height:6px;background:var(--par2);border-radius:var(--round);overflow:hidden}.prog-f,.prog-fill{height:100%;border-radius:var(--round);transition:width .9s var(--ease)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c14a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn var(--mid) var(--ease)}.modal{background:var(--surface);border-radius:var(--r6);width:100%;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:fadeUp var(--mid) var(--ease);position:relative;border:1px solid var(--border)}.modal-sm{max-width:480px}.modal-md{max-width:620px}.modal-lg{max-width:800px}.modal-xl{max-width:960px}.mhdr{padding:24px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mbody{padding:24px 28px}.mfooter{padding:18px 28px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:var(--bg);border-radius:0 0 var(--r6) var(--r6)}.mx{width:30px;height:30px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast);flex-shrink:0;outline:none}.mx:hover{background:#e6394614;border-color:var(--ruby);color:var(--ruby)}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:12px;background:var(--ink1);color:var(--par1);padding:13px 18px;border-radius:var(--r4);box-shadow:var(--shadow-lg);font-size:.84rem;font-weight:500;animation:slideIn var(--mid) var(--ease);max-width:360px;border-left:3px solid;font-family:var(--f-body)}.toast.ok{border-color:var(--emerald)}.toast.error{border-color:var(--ruby)}.toast.info{border-color:var(--gold3)}.toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--gold3);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.lc{display:flex;align-items:center;justify-content:center;padding:60px}.empty{text-align:center;padding:56px 20px}.empty h3{font-family:var(--f-display);font-size:1.35rem;color:var(--ink3);margin-bottom:8px}.empty p{font-size:.88rem;color:var(--text3);max-width:320px;margin:0 auto 20px}.tabs{display:flex;gap:2px;background:var(--par1);border-radius:var(--r4);padding:4px;margin-bottom:20px}.tab{flex:1;text-align:center;padding:8px 14px;border-radius:var(--r3);font-size:.82rem;font-weight:600;color:var(--text3);cursor:pointer;transition:all var(--mid) var(--ease)}.tab.active,.tab:hover{background:var(--surface);color:var(--ink1);box-shadow:var(--shadow-sm)}.we-frame{background:var(--ink1);border-radius:var(--r5);overflow:hidden;border:1px solid var(--ink3)}.we-bar{background:var(--ink2);padding:10px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.we-dot{width:11px;height:11px;border-radius:50%}.we-sec{border:2px solid transparent;position:relative;cursor:pointer;transition:border-color var(--fast)}.we-sec:hover,.we-sec.sel{border-color:var(--gold3)}.we-lbl{position:absolute;top:5px;left:5px;background:var(--gold3);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--r1);opacity:0;transition:opacity var(--fast);pointer-events:none;z-index:5;letter-spacing:.06em;text-transform:uppercase}.we-sec:hover .we-lbl,.we-sec.sel .we-lbl{opacity:1}.swatch{width:26px;height:26px;border-radius:var(--r2);cursor:pointer;transition:transform var(--fast);border:2px solid rgba(0,0,0,.1)}.swatch:hover{transform:scale(1.15)}.console{background:var(--ink1);border-radius:var(--r4);padding:18px;font-family:var(--f-mono);font-size:.8rem;min-height:180px;max-height:280px;overflow-y:auto;line-height:1.85;color:#fff9}.chat-area{display:flex;flex-direction:column;gap:0}.chat-msg{display:flex;gap:10px;align-items:flex-end}.chat-msg.user{flex-direction:row-reverse}.chat-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;font-family:var(--f-mono);color:#fff}.chat-bubble{max-width:75%;padding:10px 14px;font-size:.85rem;line-height:1.65}.chat-input{resize:none;border:1.5px solid var(--border);border-radius:var(--r4);padding:10px 14px;font-size:.88rem;color:var(--text);outline:none;font-family:var(--f-body);background:var(--bg);width:100%;max-height:120px;transition:border-color var(--fast),box-shadow var(--fast)}.chat-input:focus{border-color:var(--gold3);box-shadow:0 0 0 3px #c9973a1a}.nb{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--round);font-size:.65rem;font-weight:700;margin-left:auto;flex-shrink:0}.nb-red{background:var(--ruby);color:#fff}.nb-gold{background:var(--gold3);color:#fff}.sp-paid{color:#14863a;background:#1db95414;border:1px solid rgba(29,185,84,.2);border-radius:var(--round);padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.sp-pending{color:#92400e;background:#f4a2611a;border:1px solid rgba(244,162,97,.25);border-radius:var(--round);padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.sp-processing{color:#1560b0;background:#2e86de14;border:1px solid rgba(46,134,222,.2);border-radius:var(--round);padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.sp-failed{color:#b91c1c;background:#e6394614;border:1px solid rgba(230,57,70,.2);border-radius:var(--round);padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.pay-row-check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border);cursor:pointer;accent-color:var(--gold3)}.xp-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--gold3),var(--gold4));color:#fff;padding:4px 12px;border-radius:var(--round);font-size:.72rem;font-weight:700;box-shadow:0 2px 8px #c9973a4d}.achiev-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r4);padding:18px;text-align:center;transition:all var(--mid) var(--ease)}.achiev-card.earned{border-color:var(--gold3);background:#c9973a0a}.achiev-card:not(.earned){opacity:.45;filter:grayscale(.6)}.barchart{display:flex;gap:8px;align-items:flex-end;height:110px}.bc{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bb{width:100%;border-radius:4px 4px 0 0;min-height:4px;transition:height .8s var(--ease)}.bl{font-size:.65rem;color:var(--text3);font-weight:600;text-align:center}.bv{font-family:var(--f-mono);font-size:.65rem;font-weight:700;color:var(--text2)}.player-wrap{background:var(--ink1);border-radius:var(--r4);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;margin-bottom:14px}.player-icon{width:64px;height:64px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--mid) var(--ease)}.player-icon:hover{background:#c9973a66;transform:scale(1.1)}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(8,12,20,.85),transparent);padding:14px}.player-timeline{height:4px;background:#ffffff40;border-radius:2px;margin-bottom:8px;cursor:pointer}.player-fill{height:100%;background:var(--gold3);border-radius:2px;width:35%}.player-time{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:.7rem;color:#ffffffa6}.fc-wrap{perspective:1000px;cursor:pointer;height:220px;margin-bottom:8px}.fc-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--slow) var(--ease)}.fc-wrap.flipped .fc-inner{transform:rotateY(180deg)}.fc-front,.fc-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--r5);display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}.fc-front{background:linear-gradient(135deg,var(--ink1),var(--ink2));color:var(--par1);font-size:1rem;font-weight:500;line-height:1.6;border:1px solid rgba(255,255,255,.06)}.fc-back{background:linear-gradient(135deg,var(--gold5),var(--gold4));color:#fff;font-size:.9rem;line-height:1.75;transform:rotateY(180deg)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rate-card{background:linear-gradient(135deg,var(--ink1),var(--ink3));border-radius:var(--r4);padding:18px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.06)}.rate-item{background:#ffffff0f;border-radius:var(--r3);padding:12px 16px;flex:1;min-width:130px}.rate-lbl{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin-bottom:5px}.notif-panel{position:absolute;top:100%;right:0;margin-top:8px;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r5);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:fadeDown var(--mid) var(--ease)}.res-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r4);padding:18px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow var(--mid),transform var(--mid)}.res-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.res-icon{width:44px;height:44px;border-radius:var(--r3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-tile{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--r3);padding:12px;text-align:center;cursor:pointer;transition:all var(--fast)}.student-tile:hover{background:#ffffff1a;border-color:var(--gold3)}.stu-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:.72rem;font-weight:700;flex-shrink:0}@media (max-width: 1024px){.kpi-row,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{width:66px}.sb-text,.sb-sub,.sb-sec,.sb-lbl,.sb-badge,.sb-uinfo{display:none!important}.kpi-row,.kpi-grid{grid-template-columns:1fr 1fr}.content{padding:16px}.topbar{padding:0 16px}.fr2,.fr3,.grid2,.grid3,.grid4{grid-template-columns:1fr}}