:root{--root-bg:#0a0a0a;--content-bg:#1f1f1f;--content-box-bg:#121212;--sidebar-bg:#121212;--sidebar-selected-bg:#000;--text:#2789bb;--border:#282828;--foreground:#fff;--foreground-muted:#b3b3b3;--foreground-subtle:#888;--dialog-bg:#2c2c2c;--dialog-body-bg:#272727;--dialog-footer-bg:#202020;--scrollbar-hover:#1e6a94;--status-success-bg:#06281e;--status-success-text:#a7f3d0;--status-success-border:#05402e;--status-warning-bg:#635520;--status-warning-text:#fcee8c;--status-warning-border:#b09d4c;--status-danger-bg:#8b1a1a;--status-danger-text:#fca5a5;--status-danger-border:#b91c1c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius-panel:4px;--radius-dialog:16px;--control-height:32px;--control-height-large:36px;--type-small:12px;--type-body:14px;--type-title:20px;--type-section:16px;--weight-medium:600;--sidebar-width:230px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;font-size:var(--type-body);background:var(--root-bg);color:var(--foreground)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}a{color:var(--text)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--text);border-radius:var(--radius-panel);border:5px solid #0000}.app-shell{height:100dvh;display:flex;overflow:hidden}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);padding:var(--space-4);background:var(--sidebar-bg);gap:var(--space-4);flex-direction:column;display:flex;overflow-x:hidden}.sidebar-logo-container{padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.sidebar-brand-text{font-size:var(--type-section);font-weight:var(--weight-medium);color:var(--text)}.sidebar-root{flex:1;min-height:0;overflow:hidden auto}.nav-drawer{min-width:0;max-width:100%;background:var(--sidebar-bg)!important;width:100%!important}.fui-NavDrawerBody{min-width:0;overflow-x:hidden;padding:0!important}.nav-item{width:100%;min-width:0;background:var(--sidebar-bg)!important;font-size:var(--type-body)!important;border-radius:var(--radius-panel)!important;min-height:40px!important}.nav-item-selected{background:var(--sidebar-selected-bg)!important;color:var(--text)!important;font-weight:var(--weight-medium)!important}.sidebar-footer{border-top:1px solid var(--border);padding-top:var(--space-4);align-items:center;gap:var(--space-2);justify-content:space-between;display:flex}.sidebar-user{font-size:var(--type-small);color:var(--foreground-muted);text-overflow:ellipsis;overflow:hidden}.sidebar-logout-btn{border:1px solid var(--border);color:var(--foreground);border-radius:var(--radius-panel);padding:var(--space-2);background:0 0;display:flex}.main-container{gap:var(--space-4);min-width:0;padding:var(--space-4);background:var(--content-bg);border-left:1px solid var(--border);flex-direction:column;flex:1;display:flex;overflow:hidden}.workspace-footer{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--content-box-bg);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-2) var(--space-3);min-height:var(--control-height);font-size:var(--type-small);color:var(--foreground-muted);flex-shrink:0;display:flex}.workspace-content{flex:1;min-height:0;overflow:auto}.page{gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--control-height-large);display:flex}.page-title{font-size:var(--type-title);font-weight:var(--weight-medium)}.page-description{margin-top:var(--space-1);font-size:var(--type-small);color:var(--foreground-muted)}.panel,.card{background:var(--content-box-bg);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-4);min-width:0}.section-title{font-size:var(--type-section);font-weight:var(--weight-medium)}.toolbar,.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-count{color:var(--foreground-muted);font-size:var(--type-small);margin-left:auto}.table-panel{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--type-body);white-space:nowrap}.data-table th,.data-table td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.data-table th{font-size:var(--type-small);font-weight:var(--weight-medium);color:var(--foreground-muted)}.data-table tbody tr:hover{background:var(--sidebar-selected-bg)}.data-table tr:last-child td{border-bottom:0}.action-cell{gap:var(--space-2);display:flex}.code-cell{font-variant-numeric:tabular-nums;font-family:Consolas,Cascadia Mono,monospace}.badge{align-items:center;gap:var(--space-1);font-size:var(--type-small);padding:var(--space-1) var(--space-2);border-radius:var(--radius-panel);border:1px solid var(--border);color:var(--foreground-muted);display:inline-flex}.badge--success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.badge--warning{background:var(--status-warning-bg);color:var(--status-warning-text);border-color:var(--status-warning-border)}.badge--danger{background:var(--status-danger-bg);color:var(--status-danger-text);border-color:var(--status-danger-border)}.badge--blue{color:var(--text)}.empty-text,.state-panel{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);color:var(--foreground-muted);flex-direction:column;display:flex}.empty-text h2{font-size:var(--type-section);font-weight:var(--weight-medium);color:var(--foreground)}.loading-panel{gap:var(--space-4);color:var(--foreground-muted);flex-direction:column;display:flex}.loading-panel .fui-Skeleton{gap:var(--space-4);flex-direction:column;display:flex}.dialog-surface{max-height:85dvh;overflow:auto;background:var(--dialog-bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius-dialog)!important;padding:0!important}.dialog-title-bar{padding:var(--space-4);font-size:var(--type-section);justify-content:space-between;align-items:center;display:flex}.dialog-body{background:var(--dialog-body-bg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.modal-actions{background:var(--dialog-footer-bg);padding:var(--space-4);justify-content:flex-end;gap:var(--space-2);display:flex}.detail-list{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.detail-row{gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:minmax(100px,1fr) 2fr;display:grid}.detail-row dt{color:var(--foreground-muted)}.detail-row dd{min-width:0;margin:0}.detail-row pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0}.form-label{gap:var(--space-2);font-size:var(--type-small);flex-direction:column;display:flex}.form-input,.search-input{color:var(--foreground);background:var(--dialog-body-bg);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-2);min-height:var(--control-height)}.form-input:focus{outline:1px solid var(--text)}.btn{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--dialog-body-bg);color:var(--foreground);padding:var(--space-1) var(--space-3)}.btn--primary{background:var(--text);border-color:var(--text);color:var(--foreground)}.btn--full{width:100%}.btn-link{color:var(--text);background:0 0;border:0}.btn-link--danger{color:var(--status-danger-text)}.login-page{background:var(--content-bg);min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.login-card{background:var(--content-box-bg);border:1px solid var(--border);border-radius:var(--radius-panel);gap:var(--space-4);width:min(100%,420px);padding:var(--space-6);flex-direction:column;display:flex}.login-title{font-size:var(--type-title);font-weight:var(--weight-medium);color:var(--text)}.login-subtitle{color:var(--foreground-muted);font-size:var(--type-small);line-height:1.6}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-error{font-size:var(--type-small);color:var(--status-danger-text)}.metric-list{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--content-box-bg);display:flex}.metric-label{font-size:var(--type-small);color:var(--foreground-muted)}.metric-value{font-size:var(--type-title);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.config-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.config-field{justify-content:space-between;gap:var(--space-4);align-items:center;display:flex}.config-field strong{font-variant-numeric:tabular-nums}.settings-form{gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.onboarding-steps{gap:var(--space-2);flex-wrap:wrap;display:flex}.platform-workspace{padding:var(--space-6);background:var(--content-bg);min-height:100dvh}@media (width<=1100px){.metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar,.main-container{padding:var(--space-2)}.sidebar-brand-text{font-size:var(--type-body)}.config-fields{grid-template-columns:1fr}.page-header{flex-wrap:wrap}.metric-list{grid-template-columns:1fr}.data-table{min-width:650px}}