:root{--color-surface:#13131b;--color-surface-dim:#13131b;--color-surface-bright:#393841;--color-surface-container-lowest:#0d0d15;--color-surface-container-low:#1b1b23;--color-surface-container:#1f1f27;--color-surface-container-high:#292932;--color-surface-container-highest:#34343d;--color-surface-variant:#34343d;--color-surface-tint:#c0c1ff;--color-primary:#c0c1ff;--color-primary-container:#8083ff;--color-on-primary:#1000a9;--color-on-primary-container:#0d0096;--color-primary-fixed:#e1e0ff;--color-primary-fixed-dim:#c0c1ff;--color-inverse-primary:#494bd6;--color-secondary:#4edea3;--color-secondary-container:#00a572;--color-on-secondary:#003824;--color-on-secondary-container:#00311f;--color-tertiary:#ffb95f;--color-tertiary-container:#ca8100;--color-on-tertiary:#472a00;--color-on-tertiary-container:#3e2400;--color-error:#ffb4ab;--color-error-container:#93000a;--color-on-error:#690005;--color-on-error-container:#ffdad6;--color-on-surface:#e4e1ed;--color-on-surface-variant:#c7c4d7;--color-on-background:#e4e1ed;--color-outline:#908fa0;--color-outline-variant:#464554;--color-inverse-surface:#e4e1ed;--color-inverse-on-surface:#303038;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-gutter:24px;--spacing-container:40px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--sidebar-width:240px;--topbar-height:64px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--glass-bg:#1e293bb3;--glass-blur:16px;--glass-border:1px solid #ffffff1a;--glass-inner-glow:inset 0 1px 0 #ffffff1a;--modal-bg:#0f172ae6;--modal-border:1px solid #fff3;--modal-shadow:0 0 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{color:var(--color-on-surface);background-color:var(--color-surface);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:20px}.text-display-lg{letter-spacing:-.02em;font-size:48px;font-weight:700;line-height:56px}.text-headline-lg{letter-spacing:-.01em;font-size:32px;font-weight:600;line-height:40px}.text-headline-md{font-size:24px;font-weight:600;line-height:32px}.text-title-md{font-size:18px;font-weight:600;line-height:24px}.text-body-lg{font-size:16px;font-weight:400;line-height:24px}.text-body-md{font-size:14px;font-weight:400;line-height:20px}.text-label-md{letter-spacing:.05em;font-size:12px;font-weight:600;line-height:16px}.text-code-sm{font-family:Inter,monospace;font-size:13px;font-weight:400;line-height:18px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-inner-glow);border-radius:var(--radius-xl)}.glass-panel-sm{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-inner-glow);border-radius:var(--radius-lg)}.glass-modal{background:var(--modal-bg);-webkit-backdrop-filter:blur(24px);border:var(--modal-border);box-shadow:var(--modal-shadow);border-radius:var(--radius-xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-default);letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary-container)}.btn-primary:hover{background-color:var(--color-primary-fixed)}.btn-secondary{color:var(--color-on-surface);background-color:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background-color:#fff3}.btn-ghost{color:var(--color-primary);background:0 0;border:1px solid #0000}.btn-ghost:hover{border-color:var(--color-primary);background-color:#c0c1ff0d}.btn-success{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.btn-warning{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.btn-danger{background-color:var(--color-error-container);color:var(--color-on-error-container)}.input{border-radius:var(--radius-default);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-on-surface);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background-color:#0003;border:1px solid #ffffff1a;outline:none;font-size:14px;line-height:20px}.input::placeholder{color:var(--color-outline)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #c0c1ff26}.input-label{letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px;display:block}.chip{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.chip-success{color:var(--color-secondary);background-color:#4edea31a;border:1px solid #4edea333}.chip-warning{color:var(--color-tertiary);background-color:#ffb95f1a;border:1px solid #ffb95f33}.chip-error{color:var(--color-error);background-color:#ffb4ab1a;border:1px solid #ffb4ab33}.chip-info{color:var(--color-primary);background-color:#c0c1ff1a;border:1px solid #c0c1ff33}.chip-neutral{color:var(--color-on-surface);background-color:#ffffff0d;border:1px solid #ffffff1a}.automation-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background-color:#c0c1ff1a;border:1px solid #c0c1ff33;display:inline-flex}.automation-dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table thead tr{background-color:#ffffff0d;border-bottom:1px solid #ffffff0d}.data-table th{padding:var(--spacing-md);letter-spacing:.05em;color:var(--color-on-surface-variant);text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px}.data-table td{padding:var(--spacing-md);color:var(--color-on-surface);border-bottom:1px solid #ffffff0d;font-size:14px;line-height:20px}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:#ffffff0d}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(16px);height:100vh;padding:var(--spacing-lg) var(--spacing-md);z-index:50;background-color:#1f1f27b3;border-right:1px solid #ffffff1a;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);padding:0 var(--spacing-gutter);z-index:40;background-color:#13131bcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:var(--spacing-container);min-height:calc(100vh - var(--topbar-height));flex:1}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);color:var(--color-on-surface-variant);transition:all var(--transition-normal);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:14px;line-height:20px;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-on-surface);background-color:#ffffff1a}.nav-item.active{color:var(--color-primary);border-right:2px solid var(--color-primary);background-color:#c0c1ff1a;font-weight:700}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.kpi-grid{gap:var(--spacing-gutter);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-error{color:var(--color-error)}.text-muted{color:var(--color-on-surface-variant)}.text-outline{color:var(--color-outline)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-error{background-color:var(--color-error)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-outline)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}