@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
*{box-sizing:border-box}:root{--bg:#f3f6fb;--surface:#fff;--surface-soft:#eaf0ff;--text:#0b1220;--muted:#334155;--border:#cbd5e1;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-light:#dbeafe;--accent:#7c3aed;--accent-soft:#ede9fe;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -4px rgba(0,0,0,.05)}#app,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(900px 500px at 100% -10%,rgba(37,99,235,.08),transparent 55%),radial-gradient(800px 420px at -10% -20%,rgba(124,58,237,.08),transparent 50%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;height:100%;margin:0;min-height:100dvh;overflow:hidden;width:100%}.app-shell{bottom:0;left:0;min-height:100dvh;min-width:0;position:absolute;right:0;top:0}.n-layout-sider{background:var(--surface)!important;border-right:1px solid var(--border)!important}.n-layout-sider .brand{border-bottom:1px solid var(--border);margin-bottom:12px}.n-layout-sider .n-menu{background:transparent;padding:0 12px 16px}.top-header{align-items:center;backdrop-filter:blur(12px);background:var(--surface);display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:12}.brand,.top-header{border-bottom:1px solid var(--border)}.brand{background:linear-gradient(140deg,rgba(37,99,235,.12),rgba(124,58,237,.12));margin-bottom:12px;padding:24px 20px 20px}.brand-title{color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-sub{color:#334155;font-size:13px;margin-top:4px}.header-title-wrap{display:flex;flex-direction:column;gap:2px}.header-title{color:var(--text);font-size:18px;font-weight:600;letter-spacing:-.01em}.muted{color:var(--muted);font-size:13px}.content-wrap{flex:1;margin:0 auto;max-width:1600px;min-height:100%;min-width:0;width:100%}.page-stack{display:flex;flex-direction:column;gap:clamp(14px,2vw,24px)}.mobile-nav{display:none}@media (max-width:768px){.mobile-nav{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-top:1px solid var(--border);bottom:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:8px 10px calc(8px + env(safe-area-inset-bottom));position:sticky;z-index:10}}.mobile-btn{background:transparent;border:none;border-radius:var(--radius-md);color:var(--muted);font-size:12px;font-weight:500;padding:8px 6px}.mobile-btn.active{background:var(--surface-soft);color:var(--text)}.metric-title{color:var(--muted);font-size:13px;font-weight:500;letter-spacing:normal;text-transform:none}.metric-value{color:var(--text);font-size:32px;font-weight:600;letter-spacing:-.02em;margin-top:8px}.metric-value.small{font-size:15px;font-weight:500;margin-top:12px}.metric-value.danger{color:var(--danger)}.n-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;transition:border-color .2s ease,box-shadow .2s ease}.n-card:hover{border-color:var(--border)!important;box-shadow:var(--shadow-md)!important}.n-button.n-button--primary-type:not(.n-button--disabled){background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%)!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(37,99,235,.25);color:#fff!important;font-weight:600}.n-button.n-button--primary-type:not(.n-button--disabled):hover{filter:brightness(1.03)}.n-button{font-weight:600}.n-tag.n-tag--info-type{background:#dbeafe!important;border-color:#93c5fd!important;color:#1e3a8a!important}.toolbar{gap:16px;justify-content:space-between;margin-bottom:16px}.toolbar,.toolbar-left,.toolbar-right{align-items:center;display:flex;flex-wrap:wrap}.toolbar-left,.toolbar-right{gap:12px}:where(.page-header,.toolbar,.toolbar-left,.toolbar-right){min-width:0}:where(.page-title,.page-sub){max-width:100%}:where(.n-tabs .n-tabs-nav-scroll-wrapper){scrollbar-width:none}:where(.n-tabs .n-tabs-tab-wrapper){min-width:0}@media (max-width:640px){.page-stack{gap:16px}:where(.page-header){display:grid;gap:6px}:where(.page-title){font-size:clamp(18px,4.8vw,22px);line-height:1.2}:where(.page-sub){font-size:12.5px;line-height:1.55}.toolbar,.toolbar-left,.toolbar-right{gap:10px}.toolbar-left,.toolbar-right{width:100%}.toolbar-left>*,.toolbar-right>*{max-width:100%}.n-card .n-card-header{padding:14px 14px 10px!important}.n-card .n-card__action,.n-card .n-card__content{padding-inline:14px!important}.n-card .n-card-header__main{white-space:normal}}@media (max-width:420px){.n-card .n-card-header,.n-card .n-card__action,.n-card .n-card__content{padding-inline:12px!important}}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--surface-soft:#1e3a5f;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--primary-light:#1e3a5f;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3)}html[data-theme=dark],html[data-theme=dark] #app,html[data-theme=dark] body{background:radial-gradient(900px 500px at 100% -10%,rgba(37,99,235,.06),transparent 55%),radial-gradient(800px 420px at -10% -20%,rgba(124,58,237,.06),transparent 50%),var(--bg)}[data-theme=dark] .n-layout-sider{background:var(--surface)!important;border-right-color:var(--border)!important}[data-theme=dark] .top-header{background:var(--surface);border-bottom-color:var(--border)}[data-theme=dark] .n-card{background:var(--surface)!important;border-color:var(--border)!important}[data-theme=dark] .mobile-nav{background:rgba(30,41,59,.95);border-top-color:var(--border)}[data-theme=dark] .brand{background:linear-gradient(140deg,rgba(37,99,235,.2),rgba(124,58,237,.2));border-bottom-color:var(--border)}[data-theme=dark] .mobile-btn{color:#94a3b8}[data-theme=dark] .mobile-btn.active{background:#334155;color:#f1f5f9}[data-theme=dark] .n-tag.n-tag--info-type{background:#1e3a5f!important;border-color:#2563eb!important;color:#93c5fd!important}[data-theme=dark] .n-data-table .n-data-table-th{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}[data-theme=dark] .n-data-table .n-data-table-td{background:#0f172a!important;border-color:#1e293b!important}[data-theme=dark] .n-data-table .n-data-table-tr:hover .n-data-table-td{background:#1e293b!important}[data-theme=dark] .metric-title{color:#94a3b8}[data-theme=dark] .header-title,[data-theme=dark] .metric-value{color:#f1f5f9}[data-theme=dark] .toolbar{border-color:#334155}[data-theme=dark] .brand-sub{color:#94a3b8}[data-theme=dark] .n-layout,[data-theme=dark] .n-layout-content{background:var(--bg)!important}[data-theme=dark] .notif-item{background:var(--surface);border-color:var(--border)}[data-theme=dark] .notif-item.unread{background:var(--bg);border-color:var(--border)}[data-theme=dark] .notif-title{color:#f1f5f9}[data-theme=dark] .notif-body{color:#94a3b8}[data-theme=dark] .notif-empty,[data-theme=dark] .notif-loading,[data-theme=dark] .notif-time{color:#64748b}