:root{--primary: #752BDE;--primary-700: #5E1FC0;--primary-600: #752BDE;--primary-500: #8A45E5;--primary-400: #A06BEC;--primary-300: #C0A0F3;--primary-200: #D4B0FF;--primary-100: #EAD8FF;--primary-50: #F5EEFF;--success: #059669;--success-bg: #ECFDF5;--success-border: #A7F3D0;--warning: #B45309;--warning-fg: #D97706;--warning-bg: #FFFBEB;--warning-border: #FDE68A;--danger: #DC2626;--danger-bg: #FEF2F2;--danger-border: #FECACA;--violet: #7C3AED;--violet-bg: #F5F3FF;--cyan: #0891B2;--cyan-bg: #ECFEFF;--pink: #DB2777;--pink-bg: #FDF2F8;--bg: #F7F8FC;--surface: #FFFFFF;--surface-2: #F7F8FC;--surface-3: #EEF0F9;--border: #E7ECF3;--border-strong: #D8E0EA;--ink-900: #0F172A;--ink-800: #1E293B;--ink-700: #334155;--ink-600: #475569;--ink-500: #64748B;--ink-400: #94A3B8;--ink-300: #CBD5E1;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 50px rgba(15, 23, 42, .18);--sidebar-w: 248px;--topbar-h: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink-800);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}h1,h2,h3,h4{margin:0;font-weight:650;color:var(--ink-900);letter-spacing:-.01em}p{margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d3dce6;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#bac6d4;background-clip:padding-box;border:2px solid transparent}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;height:100dvh;overflow:hidden}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.content{flex:1;overflow-y:auto;overflow-x:hidden}.content-inner{padding:28px 32px 64px;max-width:1440px;margin:0 auto}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-logo{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0}.logo-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#752bde,#1935d9);display:grid;place-items:center;box-shadow:0 2px 6px #752bde59,inset 0 1px #ffffff4d;flex-shrink:0}.logo-text{font-weight:750;font-size:16px;color:var(--ink-900);letter-spacing:-.02em}.nav{flex:1;overflow-y:auto;padding:12px 12px 16px}.nav-section-label{font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--r-sm);color:var(--ink-600);font-weight:550;font-size:13.5px;width:100%;text-align:left;position:relative;transition:background .13s,color .13s}.nav-item:hover{background:var(--surface-3);color:var(--ink-800)}.nav-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.nav-item.active svg{color:var(--primary-600)}.nav-item svg{color:var(--ink-400);flex-shrink:0}.nav-item .nav-badge{margin-left:auto;font-size:11px;font-weight:650;background:var(--surface-3);color:var(--ink-500);padding:1px 7px;border-radius:var(--r-full)}.nav-item.active .nav-badge{background:var(--primary-100);color:var(--primary-700)}.nav-item .nav-badge.alert{background:var(--danger-bg);color:var(--danger)}.sidebar-user{border-top:1px solid var(--border);padding:12px;flex-shrink:0;display:flex;align-items:center;gap:10px}.sidebar-user:hover{background:var(--surface-2)}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:16px;padding:0 28px;flex-shrink:0;z-index:20}.page-title{font-size:18px;font-weight:680}.crumb{color:var(--ink-400);font-size:13px}.search-box{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 12px;width:320px;color:var(--ink-400);transition:border .14s,box-shadow .14s}.search-box:focus-within{border-color:var(--primary-200);box-shadow:0 0 0 3px var(--primary-50);background:#fff}.search-box input{border:none;background:none;outline:none;flex:1;color:var(--ink-800);font-size:13px}.search-box .kbd{font-size:11px;color:var(--ink-400);border:1px solid var(--border-strong);border-radius:5px;padding:1px 5px;background:#fff;font-weight:600}.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-500);position:relative;transition:background .13s,color .13s}.icon-btn:hover{background:var(--surface-3);color:var(--ink-800)}.icon-btn .dot{position:absolute;top:7px;right:8px;width:7px;height:7px;background:var(--danger);border-radius:50%;border:1.5px solid #fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--r-sm);font-weight:600;font-size:13px;white-space:nowrap;max-width:100%;transition:background .14s,box-shadow .14s,border-color .14s,transform .05s;border:1px solid transparent}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--primary-600);color:#fff;box-shadow:0 1px 2px #752bde59,inset 0 1px #ffffff2e}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:#fff;color:var(--ink-700);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--ink-300)}.btn-ghost{background:transparent;color:var(--ink-600)}.btn-ghost:hover{background:var(--surface-3);color:var(--ink-800)}.btn-sm{padding:6px 11px;font-size:12.5px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-title{font-size:14.5px;font-weight:650}.card-sub{font-size:12.5px;color:var(--ink-500);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-full);font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge .ico{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-gray{background:var(--surface-3);color:var(--ink-600);border-color:var(--border)}.badge-blue{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-100)}.badge-green{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-amber{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-red{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-violet{background:var(--violet-bg);color:var(--violet);border-color:#ddd6fe}.badge-cyan{background:var(--cyan-bg);color:var(--cyan);border-color:#a5f3fc}.badge-pink{background:var(--pink-bg);color:var(--pink);border-color:#fbcfe8}.prio{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12.5px}.prio svg{flex-shrink:0}.prio-urgent{color:var(--danger)}.prio-high{color:var(--warning-fg)}.prio-medium{color:var(--primary-600)}.prio-low{color:var(--ink-400)}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:650;color:#fff;flex-shrink:0;box-shadow:inset 0 0 0 1.5px #ffffff40;background-clip:padding-box}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid #fff;margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.grid{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.grid thead th{text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-400);padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;position:sticky;top:0;z-index:1}table.grid tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--ink-700);vertical-align:middle}table.grid tbody tr{transition:background .1s}table.grid tbody tr:hover{background:var(--primary-50)}table.grid tbody tr:hover td{background:transparent}table.grid tbody tr:last-child td{border-bottom:none}.cell-strong{font-weight:600;color:var(--ink-900)}.cell-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--ink-500)}.row-click{cursor:pointer}.mt-row:hover{background:var(--surface-2)}@keyframes spin{to{transform:rotate(360deg)}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--ink-500)}.dim{color:var(--ink-400)}.grid-kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.fade-in{animation:fadeIn .28s ease}@keyframes fadeIn{0%{transform:translateY(7px)}to{transform:none}}.pop-in{animation:popIn .2s cubic-bezier(.2,.8,.3,1)}@keyframes popIn{0%{transform:scale(.98)}to{transform:none}}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px}.seg button{padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--ink-500)}.seg button.on{background:#fff;color:var(--ink-900);box-shadow:var(--shadow-xs)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-full);font-size:12.5px;font-weight:550;background:#fff;border:1px solid var(--border-strong);color:var(--ink-600)}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.divider{height:1px;background:var(--border);margin:0;border:0}.progress{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:var(--primary-600);transition:width .4s}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);z-index:90;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:94vw;background:var(--surface);z-index:100;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideIn .3s cubic-bezier(.22,.8,.28,1)}@keyframes slideIn{0%{transform:translate(40px)}to{transform:none}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px}.modal>.scrim{z-index:0}.modal-card{background:var(--surface);border-radius:var(--r-lg);width:760px;max-width:100%;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:popIn .22s cubic-bezier(.2,.8,.3,1);position:relative;z-index:1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--ink-700)}.field .req{color:var(--danger)}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 12px;font-size:13.5px;color:var(--ink-800);background:#fff;outline:none;transition:border .14s,box-shadow .14s;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-400, #93C5FD);box-shadow:0 0 0 3px var(--primary-50)}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' 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}.kpi{padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.kpi-val{font-size:28px;font-weight:720;color:var(--ink-900);letter-spacing:-.02em;line-height:1}.kpi-label{font-size:12.5px;color:var(--ink-500);font-weight:550}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:650;padding:2px 6px;border-radius:999px}.trend-up{color:var(--success);background:var(--success-bg)}.trend-down{color:var(--danger);background:var(--danger-bg)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink-900);color:#fff;padding:11px 18px;border-radius:var(--r-md);font-size:13px;font-weight:550;z-index:200;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:9px;animation:toastIn .3s cubic-bezier(.2,.8,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty{text-align:center;padding:48px 20px;color:var(--ink-400)}.portal{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);overflow:hidden}.portal-top{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.portal-brand{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;flex-shrink:1}.portal-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-xs)}.portal-brand-name{font-weight:720;font-size:14.5px;color:var(--ink-900);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-brand-sub{font-size:10.5px;color:var(--ink-400);font-weight:600;letter-spacing:.02em;white-space:nowrap}.portal-nav{display:flex;gap:4px;margin-left:10px}.portal-nav-link{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-full);font-size:13px;font-weight:600;color:var(--ink-500);text-decoration:none;transition:background .13s,color .13s}.portal-nav-link:hover{background:var(--surface-3);color:var(--ink-800)}.portal-nav-link.on{background:var(--primary-50);color:var(--primary-700)}.portal-main{flex:1;overflow-y:auto;overflow-x:hidden}.portal-inner{max-width:1160px;margin:0 auto;padding:26px 28px 72px}.portal-tabs{display:none}@media (max-width: 900px){.portal-nav{display:none}.portal-top{padding:0 14px;gap:10px}.portal-inner{padding:16px 14px calc(84px + env(safe-area-inset-bottom))}.portal-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.portal-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border-radius:10px;text-decoration:none;color:var(--ink-400);font-size:10.5px;font-weight:650}.portal-tab.on{color:var(--primary-700);background:var(--primary-50)}}.hamburger,.nav-scrim{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:140;transform:translate(-105%);transition:transform .25s cubic-bezier(.2,.8,.3,1)}.app.nav-open .sidebar{transform:none;box-shadow:var(--shadow-xl)}.app.nav-open .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#0f172a59;animation:fadeIn .2s ease}.hamburger{display:grid;flex-shrink:0}.topbar{padding:0 12px;gap:8px}.topbar .search-box{width:auto;flex:1;min-width:0}.topbar .search-box .kbd{display:none}.content-inner{padding:16px 14px 96px}.drawer{width:100vw;max-width:100vw}.modal{padding:10px}.modal-card{width:100%!important;max-height:96vh;max-height:96dvh}.toast{width:calc(100vw - 28px);justify-content:center;box-sizing:border-box;bottom:calc(16px + env(safe-area-inset-bottom))}.page-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.seg{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.seg button{white-space:nowrap;flex-shrink:0}.nav-item{padding:10px 12px}.content-inner .spread{flex-wrap:wrap;row-gap:8px}.content-inner div[style*=grid-template-columns]:not([style*="repeat(7"]):not([style*=auto-fit]):not([style*=auto-fill]){grid-template-columns:1fr!important}.drawer div[style*=grid-template-columns]:not([style*=auto-fit]):not([style*=auto-fill]):not([style*="108px"]){grid-template-columns:1fr!important}.content-inner div[style*="repeat(3, 1fr)"],.content-inner div[style*="repeat(3,1fr)"],.content-inner div[style*="repeat(4, 1fr)"],.content-inner div[style*="repeat(4,1fr)"],.content-inner div[style*="repeat(5, 1fr)"],.content-inner div[style*="repeat(5,1fr)"],.grid-kpi{grid-template-columns:repeat(2,1fr)!important}.modal-card div[style*=grid-template-columns]{grid-template-columns:1fr!important}.card-pad{padding:16px}.card-head{padding:14px 16px;flex-wrap:wrap;gap:8px;row-gap:6px}}@media (max-width: 900px){.login-brand{display:none!important}}@media (max-width: 900px) and (pointer: coarse){input,select,textarea{font-size:16px!important}}@media (max-width: 480px){.content-inner div[style*="repeat(3, 1fr)"],.content-inner div[style*="repeat(3,1fr)"],.content-inner div[style*="repeat(4, 1fr)"],.content-inner div[style*="repeat(4,1fr)"],.content-inner div[style*="repeat(5, 1fr)"],.content-inner div[style*="repeat(5,1fr)"],.grid-kpi{grid-template-columns:1fr 1fr!important;gap:10px!important}.kpi-val{font-size:22px}.ask-ai-btn .ask-ai-label{display:none}.ask-ai-btn{padding:8px 10px}}