:root{--bg: #F8F9FB;--surface: #fff;--surface2: #F3F4F6;--surface3: #EAECF0;--border: #E5E7EB;--border2: #D1D5DB;--text: #111827;--text2: #4B5563;--text3: #9CA3AF;--accent: #1D4ED8;--accent-h: #1E40AF;--accent-l: #EFF6FF;--accent-m: #DBEAFE;--green: #059669;--green-l: #ECFDF5;--green-b: #6EE7B7;--red: #DC2626;--red-l: #FEF2F2;--red-b: #FECACA;--amber: #D97706;--amber-l: #FFFBEB;--amber-b: #FDE68A;--purple: #7C3AED;--purple-l: #F5F3FF;--purple-b: #DDD6FE;--sh: 0 1px 3px rgba(0,0,0,.07);--sh2: 0 4px 20px rgba(0,0,0,.09);--r: 8px;--r2: 12px;--r3: 16px;--sb: 256px;--font: "Geist", sans-serif;--mono: "Geist Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px}.login-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a,#1e3a8a 60%,#1d4ed8);display:flex;align-items:center;justify-content:center}.lw-outer{width:400px;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lw-brand{text-align:center;margin-bottom:24px}.lw-brand-icon{width:50px;height:50px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}.lw-brand h1{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.4px}.lw-brand p{color:#ffffff73;font-size:12.5px;margin-top:4px}.login-card{background:var(--surface);border-radius:var(--r3);padding:30px;box-shadow:0 20px 60px #00000059}.client-badge{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--accent-l);border:1px solid var(--accent-m);border-radius:var(--r);margin-bottom:20px}.client-badge-logo{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.client-badge-name{font-size:13px;font-weight:700;color:var(--accent-h)}.client-badge-type{font-size:11px;color:var(--text3)}.lf{margin-bottom:14px}.lf label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.lf input{width:100%;border:1.5px solid var(--border);border-radius:var(--r);padding:10px 13px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface2);outline:none;transition:border .12s}.lf input:focus{border-color:var(--accent);background:#fff}.login-btn{width:100%;background:var(--accent);color:#fff;border:none;border-radius:var(--r);padding:12px;font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .12s}.login-btn:hover{background:var(--accent-h)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-err{color:var(--red);font-size:12px;margin-bottom:10px}.login-pw{text-align:center;color:var(--text3);font-size:11.5px;margin-top:14px}.offline-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8fafcf7;z-index:900;display:flex;align-items:center;justify-content:center}.offline-card{background:var(--surface);border:2px solid var(--red-b);border-radius:var(--r3);padding:40px;max-width:480px;text-align:center;box-shadow:var(--sh2)}.offline-ico{font-size:44px;margin-bottom:16px}.offline-title{font-size:20px;font-weight:700;color:var(--red);margin-bottom:8px}.offline-desc{color:var(--text2);font-size:13.5px;line-height:1.6}.app-wrap{display:flex;height:100vh;overflow:hidden}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sb);background:#0f172a;display:flex;flex-direction:column;z-index:100}.sb-brand{padding:16px 14px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-client{display:flex;align-items:center;gap:9px}.sb-logo{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.sb-client-name{color:#fff;font-size:13.5px;font-weight:700;line-height:1.2}.sb-client-bot{color:#fff6;font-size:10.5px;margin-top:2px}.sb-lic{margin:9px 12px;border-radius:7px;padding:7px 10px;display:flex;align-items:center;gap:7px}.sb-lic-ok{background:#05966926;border:1px solid rgba(5,150,105,.25)}.sb-lic-warn{background:#d9770626;border:1px solid rgba(217,119,6,.25)}.sb-lic-exp{background:#dc262626;border:1px solid rgba(220,38,38,.25)}.sb-lic-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-ok{background:#34d399;animation:blink 2s infinite}.dot-warn{background:#fbbf24;animation:blink 2s infinite}.dot-exp{background:#f87171}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sb-lic-txt{font-size:10.5px;font-weight:600;color:#ffffffb3}.sb-nav{flex:1;overflow-y:auto;padding:6px 0}.sb-nav::-webkit-scrollbar{width:0}.sb-grp{padding:11px 16px 3px;color:#ffffff38;font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.sb-item{display:flex;align-items:center;gap:9px;padding:8px 16px;color:#ffffff85;cursor:pointer;font-size:13px;font-weight:500;position:relative;transition:all .1s;text-decoration:none}.sb-item:hover{color:#fff;background:#ffffff0f}.sb-item.active{color:#fff;background:#1d4ed852}.sb-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2.5px;background:#60a5fa;border-radius:0 2px 2px 0}.sb-item svg{width:15px;height:15px;flex-shrink:0;opacity:.7}.sb-item.active svg{opacity:1}.sb-foot{padding:11px;border-top:1px solid rgba(255,255,255,.07)}.sb-user-row{display:flex;align-items:center;gap:8px}.sb-av{width:29px;height:29px;background:#ffffff1f;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.sb-un{color:#fff;font-size:12px;font-weight:500}.sb-ur{color:#ffffff4d;font-size:10px}.sb-exit{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff61;border-radius:5px;padding:4px 7px;font-size:11px;cursor:pointer;font-family:var(--font);transition:all .12s}.sb-exit:hover{border-color:#f8717166;color:#fca5a5}.main{margin-left:var(--sb);flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:12px;flex-shrink:0;box-shadow:var(--sh)}.tb-info{flex:1}.tb-title{font-size:15px;font-weight:700;letter-spacing:-.3px}.tb-sub{font-size:11.5px;color:var(--text3);margin-top:1px}.tb-right{display:flex;align-items:center;gap:8px}.lic-chip{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:20px;border:1px solid}.lic-chip-ok{background:var(--green-l);color:var(--green);border-color:var(--green-b)}.lic-chip-warn{background:var(--amber-l);color:var(--amber);border-color:var(--amber-b)}.lic-chip-exp{background:var(--red-l);color:var(--red);border-color:var(--red-b)}.page{flex:1;overflow-y:auto;padding:22px}.page::-webkit-scrollbar{width:5px}.page::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:15px 17px;box-shadow:var(--sh)}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.stat-lbl{font-size:10.5px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}.stat-ico{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}.stat-val{font-size:24px;font-weight:700;letter-spacing:-1px}.stat-meta{font-size:11px;color:var(--text3);margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);box-shadow:var(--sh);margin-bottom:16px}.card-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:13px;font-weight:700}.card-sub{font-size:11.5px;color:var(--text3);margin-top:2px}.card-body{padding:18px}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:var(--r);font-size:12.5px;font-weight:600;cursor:pointer;border:none;font-family:var(--font);transition:all .1s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-h)}.btn-secondary{background:var(--surface);border:1.5px solid var(--border);color:var(--text2)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;border:none;color:var(--text2);padding:5px 9px}.btn-ghost:hover{color:var(--accent);background:var(--accent-l)}.btn-danger{background:var(--red-l);border:1px solid var(--red-b);color:var(--red)}.btn-danger:hover{background:var(--red-b)}.btn-sm{padding:5px 10px;font-size:11.5px}.btn-xs{padding:3px 8px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.form-full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.4px}.field input,.field select,.field textarea{border:1.5px solid var(--border);border-radius:var(--r);padding:8px 12px;font-size:13px;font-family:var(--font);color:var(--text);background:var(--surface2);outline:none;transition:border .1s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:#fff}.field input:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}.field textarea{resize:vertical;min-height:70px}.hint{font-size:11px;color:var(--text3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:800;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:var(--r3);padding:24px;width:92%;max-width:500px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #00000029;animation:fadeUp .18s ease}.modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-title{font-size:15.5px;font-weight:700}.modal-sub{font-size:12px;color:var(--text3);margin-top:2px}.modal-close{cursor:pointer;color:var(--text3);font-size:20px;border:none;background:none;border-radius:4px;padding:2px 4px}.modal-close:hover{color:var(--text);background:var(--surface2)}.modal-foot{margin-top:18px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:14px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.bg-green{background:var(--green-l);color:var(--green);border:1px solid var(--green-b)}.bg-red{background:var(--red-l);color:var(--red);border:1px solid var(--red-b)}.bg-amber{background:var(--amber-l);color:var(--amber);border:1px solid var(--amber-b)}.bg-blue{background:var(--accent-l);color:var(--accent);border:1px solid var(--accent-m)}.bg-gray{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.bg-purple{background:var(--purple-l);color:var(--purple);border:1px solid var(--purple-b)}.bdot{width:5px;height:5px;border-radius:50%;background:currentColor}.tbl{width:100%;border-collapse:collapse}thead tr{background:var(--surface2)}th{text-align:left;font-size:10.5px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;padding:9px 14px;border-bottom:1px solid var(--border)}td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface2)}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.tog-row:last-child{border-bottom:none}.tog-name{font-size:13px;font-weight:500}.tog-desc{font-size:11.5px;color:var(--text3);margin-top:2px}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.tog-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border2);border-radius:20px;cursor:pointer;transition:background .15s}.toggle input:checked+.tog-track{background:var(--accent)}.tog-track:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 3px #0003}.toggle input:checked+.tog-track:after{transform:translate(18px)}.prog{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.prog-fill{height:100%;border-radius:3px;transition:width .4s}.pf-blue{background:var(--accent)}.pf-green{background:var(--green)}.pf-amber{background:var(--amber)}.pf-red{background:var(--red)}.chart-area{background:var(--surface2);border-radius:var(--r);height:130px;display:flex;align-items:flex-end;padding:10px 12px;gap:7px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.bar-seg{width:100%;border-radius:4px 4px 0 0;min-height:3px}.bar-lbl{font-size:9px;color:var(--text3)}.alert{padding:10px 13px;border-radius:var(--r);font-size:12.5px;display:flex;align-items:flex-start;gap:8px;margin-bottom:13px;line-height:1.5}.alert-amber{background:var(--amber-l);border:1px solid var(--amber-b);color:var(--amber)}.alert-blue{background:var(--accent-l);border:1px solid var(--accent-m);color:var(--accent)}.alert-green{background:var(--green-l);border:1px solid var(--green-b);color:var(--green)}.alert-red{background:var(--red-l);border:1px solid var(--red-b);color:var(--red)}.lic-hero{background:linear-gradient(135deg,#0f172a,#1e40af);border-radius:var(--r2);padding:20px;color:#fff;margin-bottom:16px}.lic-hero-type{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff73;margin-bottom:4px}.lic-hero-name{font-size:18px;font-weight:700}.lic-hero-key{font-family:var(--mono);font-size:12px;color:#ffffff8c;margin-top:3px;letter-spacing:.8px}.lic-hero-chip{background:#34d39933;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-size:11px;font-weight:600;padding:3px 9px;border-radius:12px}.lic-hero-chip.warn{background:#fbbf2433;border-color:#fbbf2459;color:#fcd34d}.lic-hero-chip.exp{background:#f8717133;border-color:#f8717159;color:#fca5a5}.lic-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.lic-stat{background:#ffffff14;border-radius:8px;padding:9px 11px}.lic-stat-v{font-size:15px;font-weight:700}.lic-stat-l{font-size:9.5px;color:#ffffff73;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feat-item{display:flex;align-items:center;gap:9px;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r)}.feat-item.on{background:var(--green-l);border-color:var(--green-b)}.feat-ck{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.feat-item.on .feat-ck{background:var(--green);color:#fff}.feat-item:not(.on) .feat-ck{background:var(--border);color:var(--text3)}.feat-nm{font-size:12.5px;font-weight:500}.feat-nm.off{color:var(--text3);text-decoration:line-through}.usage-item{margin-bottom:14px}.usage-hdr{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12.5px}.usage-lbl{font-weight:500}.usage-val{color:var(--text3)}.sep{height:1px;background:var(--border);margin:14px 0}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.flex{display:flex;align-items:center;gap:8px}.mla{margin-left:auto}.mono{font-family:var(--mono);font-size:11.5px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text3);font-size:14px}.toast-wrap{position:fixed;bottom:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{padding:9px 15px;border-radius:9px;font-size:12.5px;font-weight:500;box-shadow:var(--sh2);animation:fadeUp .2s ease;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;gap:6px}.toast-ok{border-color:var(--green-b);color:var(--green)}.toast-err{border-color:var(--red-b);color:var(--red)}.toast-info{border-color:var(--accent-m);color:var(--accent)}.integ-card{border:1.5px solid var(--border);border-radius:var(--r2);overflow:hidden;background:var(--surface);transition:border-color .2s}.integ-card.integ-on{border-color:var(--green-b);background:var(--green-l)}.integ-head{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.integ-head:hover{background:#00000008}.integ-icon{width:36px;height:36px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.integ-card.integ-on .integ-icon{background:var(--green-l)}.integ-name{font-size:13.5px;font-weight:700}.integ-desc{font-size:11.5px;color:var(--text3)}.integ-body{border-top:1px solid var(--border);background:var(--surface2)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin-bottom:10px}