:root{--color-primary: #1F3A5F;--color-primary-dark: #16294A;--color-primary-soft: #E8EEF6;--color-primary-onsoft: #1F3A5F;--color-primary-fg: #FFFFFF;--color-bg: #F7F8FA;--color-surface: #FFFFFF;--color-surface-2: #FAFBFC;--color-text: #1F2937;--color-text-muted: #6B7280;--color-text-faint: #9CA3AF;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--color-border-faint: #EEF0F3;--status-green: #16A34A;--status-green-bg: #DCFCE7;--status-amber: #D97706;--status-amber-bg: #FEF3C7;--status-red: #DC2626;--status-red-bg: #FEE2E2;--status-blue: #2563EB;--status-blue-bg: #DBEAFE;--status-slate: #475569;--status-slate-bg: #E2E8F0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04);--shadow-md: 0 4px 12px rgba(17, 24, 39, .06);--shadow-lg: 0 12px 32px rgba(17, 24, 39, .08);--nav-w: 240px;--nav-w-collapsed: 64px;--topbar-h: 56px;--portal-max: 1280px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}#root{min-height:100%}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.3;letter-spacing:-.01em;color:var(--color-text)}button{font-family:inherit}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.scroll-y::-webkit-scrollbar{width:10px;height:10px}.scroll-y::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}.scroll-y::-webkit-scrollbar-track{background:transparent}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--s-2);height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:var(--color-surface-2)}.btn.btn-secondary{border-color:var(--color-border)}.btn.btn-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.btn.btn-primary{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.btn.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn.btn-ghost{background:transparent}.btn.btn-ghost:hover{background:#1118270d}.btn.btn-danger{background:transparent;color:var(--status-red);border-color:var(--color-border)}.btn.btn-danger:hover{background:var(--status-red-bg);border-color:var(--status-red)}.btn.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn.btn-lg{height:44px;padding:0 20px;font-size:14px}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.input,.select,.textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;padding:10px 12px;resize:vertical;min-height:80px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.select{padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%236B7280' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.label{display:block;font-size:12px;font-weight:500;color:var(--color-text);margin-bottom:6px}.helper{font-size:12px;color:var(--color-text-muted);margin-top:6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg)}.card-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border)}.card-h h3{font-size:14px;font-weight:600}.card-b{padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-green{color:#166534;background:var(--status-green-bg)}.pill-amber{color:#92400e;background:var(--status-amber-bg)}.pill-red{color:#991b1b;background:var(--status-red-bg)}.pill-blue{color:#1e40af;background:var(--status-blue-bg)}.pill-slate{color:#334155;background:var(--status-slate-bg)}.pill-primary{color:var(--color-primary);background:var(--color-primary-soft)}.tbl-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden}.tbl-toolbar{display:flex;align-items:center;gap:var(--s-3);padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.tbl-toolbar .input{height:32px;font-size:12.5px}.tbl-toolbar .search{flex:0 0 280px;position:relative}.tbl-toolbar .search input{padding-left:32px}.tbl-toolbar .search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-faint)}.tbl-toolbar .filters{display:flex;gap:var(--s-2);flex:1}.tbl-toolbar .filters .select{width:auto;min-width:140px;height:32px;font-size:12.5px}.tbl-toolbar .actions{display:flex;gap:var(--s-2);margin-left:auto}.tbl-scroll{overflow-x:auto}table.data{width:100%;border-collapse:separate;border-spacing:0}table.data thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-2);font-size:11.5px;font-weight:600;text-transform:none;letter-spacing:.01em;color:var(--color-text-muted);text-align:left;padding:10px 16px;border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}table.data thead th.sortable{cursor:pointer}table.data thead th.sortable:hover{color:var(--color-text)}table.data thead th .sort-ind{display:inline-block;width:8px;margin-left:4px;color:var(--color-text-faint)}table.data tbody td{padding:12px 16px;border-bottom:1px solid var(--color-border-faint);vertical-align:middle;font-size:13px;color:var(--color-text)}table.data tbody tr{transition:background .08s;cursor:pointer}table.data tbody tr:hover{background:var(--color-surface-2)}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr.selected{background:var(--color-primary-soft)}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .muted{color:var(--color-text-muted)}table.data .strong{font-weight:600}table.data .check{width:36px;padding-right:0}.bulk-bar{display:flex;align-items:center;gap:var(--s-3);padding:10px 16px;background:var(--color-primary);color:var(--color-primary-fg);font-size:13px}.bulk-bar .btn{background:#ffffff1f;color:#fff;border-color:#ffffff2e}.bulk-bar .btn:hover{background:#ffffff38}.pager{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--color-border);font-size:12.5px;color:var(--color-text-muted)}.pager .pages{display:flex;gap:4px}.pager .pages button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:28px;height:28px;padding:0 8px;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:12.5px;font-variant-numeric:tabular-nums}.pager .pages button:hover{background:var(--color-surface-2);color:var(--color-text)}.pager .pages button.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border)}.tabs .tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:color .12s,border-color .12s;margin-bottom:-1px}.tabs .tab:hover{color:var(--color-text)}.tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs .tab .count{display:inline-block;margin-left:6px;padding:0 6px;height:16px;line-height:16px;border-radius:8px;background:var(--color-border);color:var(--color-text-muted);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.tabs .tab.active .count{background:var(--color-primary-soft);color:var(--color-primary)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-muted)}.empty .empty-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--color-bg);color:var(--color-text-faint);margin-bottom:12px}.empty h4{font-size:14px;color:var(--color-text);margin-bottom:4px}.empty p{margin:0 0 16px;font-size:13px;max-width:360px}.sk{background:linear-gradient(90deg,var(--color-border) 0%,var(--color-border-faint) 50%,var(--color-border) 100%);background-size:200% 100%;border-radius:var(--r-sm);animation:sk 1.6s ease-in-out infinite}@keyframes sk{0%{background-position:100% 0}to{background-position:-100% 0}}.img-ph{background:linear-gradient(135deg,#dee3ea,#c7ced8);color:#1f3a5f8c;display:flex;align-items:center;justify-content:center;padding:12px;text-align:center;font-size:11px;font-style:italic;position:relative;overflow:hidden}.img-ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%);background-size:14px 14px;opacity:.25}.img-ph span{position:relative}.dot-status{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.cap-bar{position:relative;width:64px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.cap-bar>i{display:block;height:100%;background:var(--color-primary);border-radius:2px}.cap-bar.warn>i{background:var(--status-amber)}.cap-bar.full>i{background:var(--status-red)}.row{display:flex}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.grow{flex:1}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.strong{font-weight:600}.mono-num{font-variant-numeric:tabular-nums}.center{display:grid;place-items:center}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){[style*=grid-template-columns]:not(.keep-grid){grid-template-columns:1fr!important}[style*="padding: 24px 32px"],[style*="padding: 20px 32px"],[style*="padding: 16px 32px"],[style*="padding: 0 32px"],[style*="padding: 0px 32px"]{padding-left:16px!important;padding-right:16px!important}.tbl-scroll{-webkit-overflow-scrolling:touch}.tbl-toolbar{flex-wrap:wrap}.tbl-toolbar .search{flex:1 1 100%}.tbl-toolbar .filters{flex-wrap:wrap}.tbl-toolbar .filters .select{flex:1 1 calc(50% - var(--s-2));min-width:0}.tbl-toolbar .actions{margin-left:0;width:100%}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .tab{white-space:nowrap;flex:0 0 auto}.card-h,.pager{flex-wrap:wrap;gap:8px}.bulk-bar{flex-wrap:wrap}.empty{padding:32px 16px}}