:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;--bg-primary: #0B0F13;--bg-secondary: #121820;--bg-panel: #121820;--bg-elevated: #1A222C;--bg-input: #0E1318;--bg-hover: #1A222C;--bg-active: rgba(31, 174, 154, .12);--card-bg: #121820;--text-primary: #E7EBEE;--text-secondary: #8C99A6;--text-muted: #566270;--accent-color: #1FAE9A;--accent-hover: #179483;--accent-active: #138071;--accent-glow: rgba(31, 174, 154, .15);--accent-secondary: #1FAE9A;--border-color: #232C37;--border-hover: #374554;--border-accent: #1FAE9A;--status-online: #22C55E;--status-warning: #F5A623;--status-offline: #EF4444;--success-color: #22C55E;--warning-color: #F5A623;--error-color: #EF4444;--info-color: #38BDF8;--card-shadow: none;--modal-shadow: 0 20px 50px rgba(0, 0, 0, .7);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.5rem;--space-3xl: 2rem;--space-4xl: 3rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--z-sidebar: 40;--z-navbar: 50;--z-drawer-overlay: 60;--z-drawer: 70;--z-modal: 100;--z-modal-close: 110;--transition-fast: .12s ease-out;--transition-normal: .2s ease-out;--sidebar-width: 320px;font-family:var(--font-sans);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-primary: #F4F6F8;--bg-secondary: #FFFFFF;--bg-panel: #FFFFFF;--bg-elevated: #ECEFF2;--bg-input: #FFFFFF;--bg-hover: #ECEFF2;--bg-active: rgba(15, 156, 138, .12);--card-bg: #FFFFFF;--text-primary: #0F1419;--text-secondary: #46525E;--text-muted: #6C7A89;--accent-color: #0E8E7D;--accent-hover: #0B796A;--accent-active: #086357;--accent-glow: rgba(14, 142, 125, .15);--accent-secondary: #0E8E7D;--border-color: #D8DEE4;--border-hover: #B8C2CC;--border-accent: #0E8E7D;--status-online: #15803D;--status-warning: #B45309;--status-offline: #B91C1C;--success-color: #15803D;--warning-color: #B45309;--error-color: #B91C1C;--info-color: #0369A1;--card-shadow: 0 1px 3px rgba(16, 24, 32, .08), 0 1px 2px rgba(16, 24, 32, .06);--modal-shadow: 0 20px 25px -5px rgba(16, 24, 32, .12), 0 8px 10px -6px rgba(16, 24, 32, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-loading-state{min-height:min(42vh,28rem);display:grid;place-content:center;justify-items:center;gap:var(--space-lg);color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.02em}.app-loading-state.compact{min-height:12rem}.app-loading-spinner{width:2rem;height:2rem;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:var(--radius-full);animation:app-spin .8s linear infinite}.app-error-boundary{width:min(100% - 2rem,48rem);margin:var(--space-4xl) auto;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid color-mix(in srgb,var(--error-color) 45%,var(--border-color));border-radius:var(--radius-xl);background:var(--bg-panel);box-shadow:var(--card-shadow)}.app-error-boundary h2{margin:var(--space-sm) 0;font-size:var(--text-2xl)}.app-error-boundary p{max-width:62ch;color:var(--text-secondary)}.app-error-eyebrow{color:var(--error-color);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-error-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.app-error-actions button{min-height:2.5rem;padding:.6rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);font:inherit;font-weight:600;cursor:pointer}.app-error-actions button:first-child{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.skip-link{position:fixed;top:var(--space-sm);left:var(--space-sm);z-index:calc(var(--z-modal) + 20);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);background:var(--accent-color);color:#fff;font-weight:700;transform:translateY(-160%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}@keyframes app-spin{to{transform:rotate(360deg)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-text,.table-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-amplify-authenticator]{--amplify-colors-background-primary: var(--bg-secondary);--amplify-colors-background-secondary: var(--bg-panel);--amplify-colors-font-primary: var(--text-primary);--amplify-colors-font-secondary: var(--text-secondary);--amplify-colors-border-primary: var(--border-color);--amplify-components-tabs-item-color: var(--text-secondary);--amplify-components-tabs-item-active-color: var(--accent-color);--amplify-components-tabs-item-active-border-color: var(--accent-color);--amplify-components-button-primary-background-color: var(--accent-color);--amplify-components-button-primary-hover-background-color: var(--accent-hover);--amplify-components-fieldcontrol-color: var(--text-primary);--amplify-components-fieldcontrol-border-color: var(--border-color);--amplify-components-fieldcontrol-focus-border-color: var(--accent-color)}#root>[data-amplify-authenticator]{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary)}.top-left-demo-btn{position:fixed;top:1.25rem;left:1.25rem;z-index:1000;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:inherit;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.top-left-demo-btn:hover{background:var(--bg-elevated);border-color:var(--accent-color)}.demo-pulse{width:7px;height:7px;background-color:var(--status-online);border-radius:50%;display:inline-block}.simulation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background:#000;display:flex;flex-direction:column}.simulation-iframe{width:100%;height:100%;border:none;display:block}@media(max-width:640px){.top-left-demo-btn{top:.75rem;left:.75rem;padding:.4rem .75rem}}