:root{--portal-color-bg: #f4f6f8;--portal-color-surface: #ffffff;--portal-color-ink: #1a2332;--portal-color-muted: #5c6b7a;--portal-color-border: #d5dde5;--portal-color-accent: #245b8a;--portal-color-accent-ink: #ffffff;--portal-color-danger: #9b2c2c;--portal-color-danger-bg: #fde8e8;--portal-color-success: #1f6b4a;--portal-color-success-bg: #e6f4ee;--portal-font-sans: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--portal-font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;--portal-font-size-sm: .875rem;--portal-font-size-md: 1rem;--portal-font-size-lg: 1.25rem;--portal-font-size-xl: 1.5rem;--portal-space-1: .25rem;--portal-space-2: .5rem;--portal-space-3: .75rem;--portal-space-4: 1rem;--portal-space-5: 1.5rem;--portal-space-6: 2rem;--portal-radius-sm: 4px;--portal-radius-md: 8px;--portal-header-height: 3.5rem;--portal-footer-height: 2.5rem;--portal-nav-width: 14rem;--portal-content-max: 72rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--portal-font-sans);font-size:var(--portal-font-size-md);color:var(--portal-color-ink);background:var(--portal-color-bg)}a{color:var(--portal-color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}.portal-shell{min-height:100vh;display:flex;flex-direction:column}.portal-header{height:var(--portal-header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--portal-space-4);padding:0 var(--portal-space-5);background:var(--portal-color-surface);border-bottom:1px solid var(--portal-color-border)}.portal-brand{font-size:var(--portal-font-size-lg);font-weight:600}.portal-env{font-size:var(--portal-font-size-sm);color:var(--portal-color-muted);font-family:var(--portal-font-mono)}.portal-body{flex:1;display:grid;grid-template-columns:var(--portal-nav-width) 1fr;min-height:0}.portal-nav{padding:var(--portal-space-4);border-right:1px solid var(--portal-color-border);background:var(--portal-color-surface)}.portal-nav-title{margin:0 0 var(--portal-space-3);font-size:var(--portal-font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--portal-color-muted)}.portal-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--portal-space-2)}.portal-nav-link{display:block;padding:var(--portal-space-2) var(--portal-space-3);border-radius:var(--portal-radius-sm);color:var(--portal-color-ink)}.portal-nav-link.active{background:#e8eef4;color:var(--portal-color-accent);font-weight:600;text-decoration:none}.portal-content{padding:var(--portal-space-5);max-width:var(--portal-content-max);width:100%}.portal-footer{height:var(--portal-footer-height);display:flex;align-items:center;padding:0 var(--portal-space-5);border-top:1px solid var(--portal-color-border);color:var(--portal-color-muted);font-size:var(--portal-font-size-sm);background:var(--portal-color-surface)}.page-title{margin:0 0 var(--portal-space-2);font-size:var(--portal-font-size-xl)}.page-subtitle{margin:0 0 var(--portal-space-5);color:var(--portal-color-muted)}.panel{background:var(--portal-color-surface);border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-md);padding:var(--portal-space-4)}.stack{display:flex;flex-direction:column;gap:var(--portal-space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--portal-space-3);align-items:center}.btn{border:1px solid var(--portal-color-border);background:var(--portal-color-surface);color:var(--portal-color-ink);border-radius:var(--portal-radius-sm);padding:var(--portal-space-2) var(--portal-space-3);cursor:pointer}.btn-primary{background:var(--portal-color-accent);border-color:var(--portal-color-accent);color:var(--portal-color-accent-ink)}.btn:disabled{opacity:.6;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--portal-space-1)}.field input{border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-sm);padding:var(--portal-space-2) var(--portal-space-3);min-width:16rem}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--portal-space-2) var(--portal-space-3);border-bottom:1px solid var(--portal-color-border);font-size:var(--portal-font-size-sm)}.state-loading,.state-empty,.state-error{padding:var(--portal-space-4);border-radius:var(--portal-radius-md);border:1px solid var(--portal-color-border);background:var(--portal-color-surface)}.state-error{border-color:#f0b4b4;background:var(--portal-color-danger-bg);color:var(--portal-color-danger)}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--portal-space-4)}.widget-card{border:1px dashed var(--portal-color-border);border-radius:var(--portal-radius-md);padding:var(--portal-space-4);background:#fafbfc;min-height:7rem}.widget-card h3{margin:0 0 var(--portal-space-2);font-size:var(--portal-font-size-md)}.widget-card p{margin:0;color:var(--portal-color-muted);font-size:var(--portal-font-size-sm)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:var(--portal-space-5)}.login-card{width:min(24rem,100%)}.bi-muted{color:var(--portal-color-muted);font-size:var(--portal-font-size-sm)}.bi-type-list{margin:0;padding-left:1.25rem;columns:2}.bi-toolbar{gap:var(--portal-space-3)}.bi-toolbar select,.field select{border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-sm);padding:var(--portal-space-2) var(--portal-space-3);min-width:8rem;background:var(--portal-color-surface)}.bi-btn--sm{padding:.25rem .5rem;font-size:var(--portal-font-size-sm)}.bi-dashboard-runtime__title{margin:0;font-size:var(--portal-font-size-lg)}.bi-dashboard-stage{position:relative;min-height:16rem}.bi-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(4.5rem,auto);gap:var(--portal-space-3)}.bi-widget-slot{grid-column:var(--widget-col) / span var(--widget-col-span);grid-row:var(--widget-row) / span var(--widget-row-span);min-height:0;display:flex}.bi-widget{position:relative;flex:1;width:100%;border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-md);background:var(--portal-color-surface);padding:var(--portal-space-3);min-height:0;display:flex;flex-direction:column;gap:var(--portal-space-2)}.bi-widget__header{display:flex;justify-content:space-between;gap:var(--portal-space-2);align-items:flex-start}.bi-widget__title{margin:0;font-size:var(--portal-font-size-md)}.bi-widget__subtitle{margin:.25rem 0 0;color:var(--portal-color-muted);font-size:var(--portal-font-size-sm)}.bi-widget__actions{display:flex;flex-wrap:wrap;gap:.25rem}.bi-widget__body{flex:1;min-height:0}.bi-widget__hint{margin-top:var(--portal-space-2)}.bi-widget__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:inherit;background:#ffffffd1;font-size:var(--portal-font-size-sm)}.bi-widget__overlay--error{background:var(--portal-color-danger-bg);color:var(--portal-color-danger)}.bi-dashboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f7f8fae0;z-index:2;border-radius:var(--portal-radius-md)}.bi-dashboard-overlay__panel{background:var(--portal-color-surface);border:1px solid var(--portal-color-border);border-radius:var(--portal-radius-md);padding:var(--portal-space-4);max-width:24rem;text-align:center}.bi-table-wrap{overflow:auto}.bi-table{width:100%;border-collapse:collapse;font-size:var(--portal-font-size-sm)}.bi-table th,.bi-table td{text-align:left;padding:var(--portal-space-1) var(--portal-space-2);border-bottom:1px solid var(--portal-color-border)}.bi-metric{display:flex;flex-direction:column;gap:var(--portal-space-1)}.bi-metric__label{color:var(--portal-color-muted);font-size:var(--portal-font-size-sm)}.bi-metric__value{font-size:1.75rem;font-weight:600}.bi-chart{display:flex;flex-direction:column;gap:var(--portal-space-2);min-height:8rem}.bi-chart__bars{display:flex;align-items:flex-end;gap:var(--portal-space-2);height:8rem;padding-top:var(--portal-space-2)}.bi-chart__bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%;justify-content:flex-end;font-size:var(--portal-font-size-sm);color:var(--portal-color-muted)}.bi-chart__bar{width:100%;max-width:2rem;border-radius:2px 2px 0 0;background:var(--portal-color-accent);min-height:.5rem}.bi-chart__bar--line{background:#3d6b8f}.bi-chart__pie{display:flex;flex-wrap:wrap;gap:var(--portal-space-2)}.bi-chart__pie-slice{width:3.5rem;height:3.5rem;border-radius:50%;display:grid;place-items:center;background:#e8eef4;border:2px solid var(--portal-color-accent);font-size:var(--portal-font-size-sm)}@media (max-width: 800px){.portal-body{grid-template-columns:1fr}.portal-nav{border-right:none;border-bottom:1px solid var(--portal-color-border)}.portal-nav-list{flex-direction:row;flex-wrap:wrap}.bi-dashboard-grid{grid-template-columns:1fr}.bi-widget-slot,.bi-widget{grid-column:1 / -1!important;grid-row:auto!important}.bi-type-list{columns:1}}