:root{--color-blue-700: #35466f;--color-blue-900: #273655;--color-blue-600: #445883;--color-blue-400: #6678a0;--color-blue-050: #eef1f8;--color-orange-500: #ff862f;--color-orange-600: #f36f1f;--color-orange-300: #ffa05d;--color-orange-050: #fff3e9;--color-white: #ffffff;--color-surface: #f7f8fa;--color-surface-secondary: #eef1f5;--color-text: #171a21;--color-text-secondary: #626976;--color-text-muted: #8d939e;--color-border: #dde2e9;--color-success: #168a55;--color-warning: #d99200;--color-error: #d64545;--color-info: #2878c7;--font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--line-height: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-pill: 999px;--border-thin: 1px solid var(--color-border);--shadow-sm: 0 1px 2px rgb(23 26 33 / 5%);--shadow-md: 0 8px 24px rgb(39 54 85 / 10%);--transition-fast: .16s ease;--transition-normal: .24s ease;--sidebar-width: 17rem;--sidebar-collapsed-width: 5rem;--header-height: 4.5rem;--content-max-width: 100rem;--control-height: 2.75rem;--z-sidebar: 30;--z-header: 20;--z-overlay: 50;--z-toast: 60}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;font-size:16px}body,h1,h2,h3,p{margin:0}body{min-width:20rem;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}body{background:var(--color-surface);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);text-rendering:optimizeLegibility}:focus-visible{outline:3px solid rgb(255 134 47 / 45%);outline-offset:2px}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-blue-900);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{font-size:clamp(1.65rem,3vw,var(--font-size-2xl));line-height:1.2;letter-spacing:-.025em}h2{font-size:var(--font-size-lg);line-height:1.3}h3{font-size:var(--font-size-md)}.app-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-sidebar);display:flex;width:var(--sidebar-width);flex-direction:column;overflow:hidden;background:var(--color-blue-900);color:var(--color-white);transition:width var(--transition-normal),transform var(--transition-normal)}.app-content{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.app-layout.is-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.app-layout.is-collapsed .app-content{margin-left:var(--sidebar-collapsed-width)}.app-header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);border-bottom:var(--border-thin);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{display:flex;height:100%;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-8)}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-3)}.main-content{width:min(100%,var(--content-max-width));margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);margin:var(--space-4) 0 var(--space-6)}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin:var(--space-5) 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);gap:var(--space-5);margin-bottom:var(--space-5)}.sidebar-backdrop{display:none}.sidebar-brand{display:flex;height:var(--header-height);flex:0 0 auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid rgb(255 255 255 / 10%)}.sidebar-logo{width:4.75rem;height:3.25rem;flex:0 0 4.75rem;object-fit:contain}.sidebar-brand-text{min-width:9.5rem}.sidebar-brand-text strong,.sidebar-brand-text span{display:block}.sidebar-brand-text strong{font-size:var(--font-size-sm)}.sidebar-brand-text span{color:#fff9;font-size:var(--font-size-xs)}.sidebar-nav{flex:1;overflow-x:hidden;overflow-y:auto;padding:var(--space-4) var(--space-3);scrollbar-color:rgb(255 255 255 / 22%) transparent;scrollbar-width:thin}.nav-group+.nav-group{margin-top:var(--space-5)}.nav-group-title{padding:0 var(--space-3) var(--space-2);color:#ffffff73;font-size:.6875rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.nav-list{display:grid;gap:var(--space-1);padding:0;margin:0;list-style:none}.nav-link{position:relative;display:flex;min-height:2.6rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#ffffffb8;font-size:var(--font-size-sm);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.nav-link:hover{background:#ffffff14;color:var(--color-white)}.nav-link.is-active{background:#ff862f24;color:var(--color-white)}.nav-link.is-active:before{position:absolute;inset:0 auto 0 -.75rem;width:.25rem;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--color-orange-500);content:""}.nav-link svg{width:1.2rem;height:1.2rem;flex:0 0 1.2rem}.sidebar-footer{padding:var(--space-3);border-top:1px solid rgb(255 255 255 / 10%)}.collapse-button{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff12;color:#ffffffb8;cursor:pointer}.collapse-button:hover{background:#ffffff1f;color:var(--color-white)}.app-layout.is-collapsed .sidebar-brand-text,.app-layout.is-collapsed .nav-group-title,.app-layout.is-collapsed .nav-link span,.app-layout.is-collapsed .collapse-button span{display:none}.app-layout.is-collapsed .sidebar-brand{justify-content:center;padding-inline:var(--space-3)}.app-layout.is-collapsed .sidebar-logo{width:3.75rem;height:3.25rem;flex-basis:3.75rem}.app-layout.is-collapsed .nav-link{justify-content:center;padding-inline:var(--space-3)}.app-layout.is-collapsed .nav-link:hover:after,.app-layout.is-collapsed .nav-link:focus-visible:after{position:fixed;left:calc(var(--sidebar-collapsed-width) + var(--space-2));z-index:var(--z-overlay);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-white);content:attr(data-tooltip);font-size:var(--font-size-xs);box-shadow:var(--shadow-md)}.icon-button,.button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.icon-button{width:var(--control-height);background:transparent;color:var(--color-text-secondary)}.icon-button:hover{background:var(--color-blue-050);color:var(--color-blue-700)}.button{padding:var(--space-2) var(--space-4)}.button svg,.icon-button svg{width:1.15rem;height:1.15rem}.button-primary{background:var(--color-blue-700);color:var(--color-white)}.button-primary:hover{background:var(--color-blue-900)}.button-secondary{border:var(--border-thin);background:var(--color-white);color:var(--color-blue-700)}.button-secondary:hover{background:var(--color-blue-050)}.mobile-menu-button{display:none}.header-context strong,.header-context span{display:block}.header-context strong{font-size:var(--font-size-sm)}.header-context span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.header-user{padding-left:var(--space-3);border-left:var(--border-thin);text-align:right}.connection-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:#168a5517;color:var(--color-success);font-size:var(--font-size-xs);font-weight:700}.connection-status:before{width:.5rem;height:.5rem;border-radius:50%;background:currentColor;content:"";box-shadow:0 0 0 3px #168a5524}.connection-status.is-offline{background:#d6454517;color:var(--color-error)}.connection-status.is-offline:before{box-shadow:0 0 0 3px #d6454524}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.breadcrumb a:hover{color:var(--color-blue-700)}.breadcrumb svg{width:.9rem}.eyebrow{margin-bottom:var(--space-1);color:var(--color-orange-600);font-size:var(--font-size-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-description,.panel-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.demo-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid rgb(40 120 199 / 18%);border-radius:var(--radius-md);background:#2878c70f;color:var(--color-blue-700);font-size:var(--font-size-sm)}.demo-notice svg{width:1.15rem;flex:0 0 1.15rem}.metric-card,.panel{border:var(--border-thin);background:var(--color-white);box-shadow:var(--shadow-sm)}.metric-card{display:flex;min-width:0;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg)}.metric-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.metric-card strong{display:block;margin:var(--space-1) 0;font-size:var(--font-size-xl)}.metric-card small{color:var(--color-text-muted)}.metric-icon{display:grid;width:2.75rem;height:2.75rem;flex:0 0 2.75rem;place-items:center;border-radius:var(--radius-md)}.metric-icon svg{width:1.35rem}.metric-icon-blue{background:var(--color-blue-050);color:var(--color-blue-700)}.metric-icon-orange{background:var(--color-orange-050);color:var(--color-orange-600)}.metric-icon-green{background:#168a5517;color:var(--color-success)}.metric-icon-yellow{background:#d992001a;color:var(--color-warning)}.panel{border-radius:var(--radius-lg)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-bottom:var(--border-thin)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-orange-050);color:var(--color-orange-600);font-size:var(--font-size-xs);font-weight:700}.chart-placeholder{display:grid;min-height:18rem;place-items:center;align-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-muted);text-align:center;background-image:linear-gradient(var(--color-surface-secondary) 1px,transparent 1px),linear-gradient(90deg,var(--color-surface-secondary) 1px,transparent 1px);background-size:2rem 2rem}.chart-placeholder svg{width:2rem;height:2rem;color:var(--color-blue-400)}.empty-state{display:grid;justify-items:center;padding:var(--space-10) var(--space-6);color:var(--color-text-secondary);text-align:center}.empty-state.compact{padding:var(--space-8) var(--space-4)}.empty-state h3{margin:var(--space-3) 0 var(--space-1);color:var(--color-text)}.empty-state p{max-width:28rem;font-size:var(--font-size-sm)}.empty-state-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:var(--color-blue-050);color:var(--color-blue-600)}.empty-state-icon svg{width:1.4rem}.table-wrapper{overflow-x:auto}table{width:100%;min-width:42rem}th{padding:var(--space-3) var(--space-5);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.04em;text-align:left;text-transform:uppercase}td{border-top:var(--border-thin)}.toast-region{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);display:grid;width:min(22rem,calc(100vw - 2rem));gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-left:4px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-md);color:var(--color-text-secondary);animation:toast-in var(--transition-normal)}.toast svg{width:1.2rem;flex:0 0 1.2rem;color:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}.modal{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--space-4)}.modal-backdrop{position:absolute;inset:0;background:#171a218c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{position:relative;width:min(31rem,100%);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md)}.modal-header,.modal-footer{display:flex;align-items:center;padding:var(--space-4) var(--space-5)}.modal-header{justify-content:space-between;border-bottom:var(--border-thin)}.modal-body{padding:var(--space-5);color:var(--color-text-secondary)}.modal-footer{justify-content:flex-end;border-top:var(--border-thin)}body.has-modal{overflow:hidden}.global-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--color-white);transition:opacity var(--transition-normal)}.global-loader.is-hidden{visibility:hidden;opacity:0}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-blue-050);border-top-color:var(--color-orange-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:75rem){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:62rem){.sidebar{width:min(var(--sidebar-width),calc(100vw - 3rem));transform:translate(-100%)}.app-content,.app-layout.is-collapsed .app-content{margin-left:0}.app-layout.is-mobile-open .sidebar{width:min(var(--sidebar-width),calc(100vw - 3rem));transform:translate(0)}.app-layout.is-mobile-open .sidebar-backdrop{position:fixed;inset:0;z-index:calc(var(--z-sidebar) - 1);display:block;background:#171a217a;cursor:pointer}.app-layout.is-collapsed .sidebar-brand-text,.app-layout.is-collapsed .nav-group-title,.app-layout.is-collapsed .nav-link span,.app-layout.is-collapsed .collapse-button span{display:block}.app-layout.is-collapsed .sidebar-brand,.app-layout.is-collapsed .nav-link{justify-content:flex-start}.app-layout.is-collapsed .sidebar-logo{width:4.75rem;flex-basis:4.75rem}.collapse-button{display:none}.mobile-menu-button{display:inline-flex}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:45rem){.header-content,.main-content{padding-inline:var(--space-4)}.header-context span,.header-user{display:none}.page-heading{align-items:stretch;flex-direction:column}.page-actions .button{width:100%}.metric-grid{grid-template-columns:1fr}.demo-notice{align-items:flex-start}}@media(max-width:28rem){.connection-status span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.connection-status{width:2.25rem;height:2.25rem;justify-content:center;padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}