.app-shell{height:100vh}.app-shell,.sidebar{display:flex;overflow:hidden}.sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;min-width:var(--sidebar-w);transition:width .25s ease,min-width .25s ease;width:var(--sidebar-w);z-index:10}.sidebar.collapsed{min-width:64px;width:64px}.sidebar-logo{border-bottom:1px solid var(--border);gap:10px;min-height:64px;padding:20px 14px 16px;position:relative}.logo-mark,.sidebar-logo{align-items:center;display:flex}.logo-mark{background:linear-gradient(135deg,var(--primary),var(--blue));border-radius:10px;color:#fff;flex-shrink:0;font-size:18px;font-weight:900;height:36px;justify-content:center;width:36px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-main{color:#fff;font-size:13px;font-weight:800;letter-spacing:1px}.logo-sub{color:var(--primary);font-size:10px;font-weight:600;letter-spacing:2px}.sidebar-toggle{border-radius:4px;color:var(--muted);flex-shrink:0;font-size:18px;line-height:1;margin-left:auto;padding:4px;transition:color .2s}.sidebar-toggle:hover{color:var(--text)}.sidebar.collapsed .sidebar-toggle{margin-left:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:12px 8px}.sidebar-bottom{border-top:1px solid var(--border);padding:8px 8px 16px}.nav-item{align-items:center;border-radius:8px;color:var(--muted);display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:9px 10px;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:var(--card2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--primary-dim);color:var(--primary-light)}.nav-item.active .nav-icon{filter:none}.nav-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.nav-label{font-size:13px;font-weight:600}.top-bar{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;height:52px;min-height:52px;padding:0 24px;z-index:9}.app-main{background:var(--bg);flex:1 1;overflow-x:hidden;overflow-y:auto}.page{max-width:1600px;padding:28px 32px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.page-title{color:#fff;font-size:1.5rem;font-weight:800}.page-sub{color:var(--muted);font-size:.85rem;margin-top:2px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{animation:modal-in .2s ease;background:var(--card);border:1px solid var(--border2);border-radius:16px;box-shadow:0 24px 80px #00000080;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.modal-lg{max-width:760px}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#fff;font-size:1.1rem;font-weight:700}.modal-close{align-items:center;border-radius:6px;color:var(--muted);display:flex;font-size:18px;height:28px;justify-content:center;transition:all .15s;width:28px}.modal-close:hover{background:var(--card2);color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-label{color:var(--muted);display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.search-bar{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;min-width:220px;padding:7px 12px;transition:border-color .2s}.search-bar:focus-within{border-color:var(--primary)}.search-bar input{background:none;border:none;color:var(--text);font-size:13px;padding:0}.search-bar .icon{color:var(--muted);flex-shrink:0;font-size:14px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:20px;position:relative;transition:border-color .2s,transform .2s}.kpi-card:hover{border-color:var(--border2);transform:translateY(-2px)}.kpi-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card.blue:before{background:var(--blue)}.kpi-card.green:before{background:var(--green)}.kpi-card.purple:before{background:var(--primary)}.kpi-card.orange:before{background:var(--orange)}.kpi-icon{font-size:1.8rem;margin-bottom:8px;opacity:.8}.kpi-value{color:#fff;font-size:1.7rem;font-weight:800;line-height:1;margin-bottom:4px}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.kpi-change{font-size:12px;font-weight:600;margin-top:8px}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td{border-bottom:1px solid #ffffff0a;font-size:13px;padding:12px 14px}tbody tr:hover td{background:#6c48c20a}tbody tr:last-child td{border-bottom:none}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-chip{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.filter-chip.active,.filter-chip:hover{background:var(--primary-dim);border-color:var(--primary);color:var(--primary-light)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--bg2:#13132a;--card:#16162a;--card2:#1c1c35;--border:#2a2a45;--border2:#353560;--text:#e0e0f0;--muted:#88a;--muted2:#6060a0;--primary:#6c48c2;--primary-light:#8060d8;--primary-dim:#6c48c226;--accent:#f6cc1b;--green:#00c875;--green-dim:#00c8751f;--red:#e2445c;--red-dim:#e2445c1f;--blue:#579bfc;--blue-dim:#579bfc1f;--orange:#fdab3d;--orange-dim:#fdab3d1f;--purple:#a25ddc;--sidebar-w:220px}#root,body,html{background:#0f0f1a;background:var(--bg);color:#e0e0f0;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;height:100%;line-height:1.5;overflow:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#353560;background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6060a0;background:var(--muted2)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{background:#13132a;background:var(--bg2);border:1px solid #2a2a45;border:1px solid var(--border);border-radius:8px;color:#e0e0f0;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#6c48c2;border-color:var(--primary)}input::placeholder,textarea::placeholder{color:#6060a0;color:var(--muted2)}select option{background:#1c1c35;background:var(--card2)}a{color:#579bfc;color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-primary{background:#6c48c2;background:var(--primary);color:#fff}.btn-primary:hover{background:#8060d8;background:var(--primary-light)}.btn-ghost{background:#0000;border:1px solid #2a2a45;border:1px solid var(--border);color:#88a;color:var(--muted)}.btn-ghost:hover{background:#1c1c35;background:var(--card2);border-color:#353560;border-color:var(--border2);color:#e0e0f0;color:var(--text)}.btn-danger{background:#e2445c1f;background:var(--red-dim);border:1px solid #e2445c4d;color:#e2445c;color:var(--red)}.btn-danger:hover{background:#e2445c33}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{border-radius:6px;padding:6px}.tag{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.tag-green{background:#00c8751f;background:var(--green-dim);color:#00c875;color:var(--green)}.tag-red{background:#e2445c1f;background:var(--red-dim);color:#e2445c;color:var(--red)}.tag-blue{background:#579bfc1f;background:var(--blue-dim);color:#579bfc;color:var(--blue)}.tag-orange{background:#fdab3d1f;background:var(--orange-dim);color:#fdab3d;color:var(--orange)}.tag-purple{background:#a25ddc26;color:#a25ddc;color:var(--purple)}.tag-muted{background:#8888aa1a;color:#88a;color:var(--muted)}.avatar{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;text-transform:uppercase;width:36px}.card{background:#16162a;background:var(--card);border:1px solid #2a2a45;border:1px solid var(--border);border-radius:12px;padding:20px}.card:hover{border-color:#353560;border-color:var(--border2)}.divider{border:none;border-top:1px solid #2a2a45;border-top:1px solid var(--border);margin:16px 0}.empty-state{align-items:center;color:#88a;color:var(--muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.empty-state .icon{font-size:3rem;opacity:.4}.empty-state h3{color:#88a;color:var(--muted);font-size:1.1rem;font-weight:600}.empty-state p{font-size:.88rem;line-height:1.6;max-width:280px}
/*# sourceMappingURL=main.f98bca69.css.map*/