:root{--color-bg:#f9fafb;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-muted:#f3f6fb;--color-border:#e5e7eb;--color-text-main:#1f2937;--color-text-muted:#6b7280;--color-text-soft:#4b5563;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-contrast:#eff6ff;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-success:#10b981;--color-success-contrast:#ecfdf5;--color-focus-ring:#3b82f659;--timer-overlay-bg:#0f172ab8;--timer-overlay-accent-primary:#4f8df733;--timer-overlay-accent-success:#10b98129;--timer-panel-bg:#fffffff5;--timer-panel-border:#94a3b880;--timer-panel-shadow:0 30px 70px #0f172a52;--timer-counter-color:#1d4ed8;--timer-counter-muted:#475569;--timer-chip-primary-bg:#3b82f629;--timer-chip-primary-fg:#1e40af;--timer-chip-success-bg:#10b98129;--timer-chip-success-fg:#047857;--timer-chip-warning-bg:#f59e0b2e;--timer-chip-warning-fg:#b45309;--timer-progress-track:#64748b4d;--timer-progress-fill-from:#2563eb;--timer-progress-fill-to:#10b981;--timer-danger-border:#dc262680;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px}html.dark{--color-bg:#111827;--color-surface:#182131;--color-surface-elevated:#1f2a3d;--color-surface-muted:#253246;--color-border:#344154;--color-text-main:#f8fafc;--color-text-muted:#c3cedd;--color-text-soft:#e2e8f0;--color-primary:#4f8df7;--color-primary-hover:#74a8ff;--color-primary-contrast:#f8fbff;--color-danger:#fb7185;--color-danger-hover:#fda4af;--color-success:#34d399;--color-success-contrast:#ecfdf5;--color-focus-ring:#74a8ff6b;--timer-overlay-bg:#020817e6;--timer-overlay-accent-primary:#4f8df72e;--timer-overlay-accent-success:#10b98124;--timer-panel-bg:#0f172af0;--timer-panel-border:#94a3b857;--timer-panel-shadow:0 30px 70px #020617a6;--timer-counter-color:#8ab5ff;--timer-counter-muted:#dbe4f2;--timer-chip-primary-bg:#4f8df733;--timer-chip-primary-fg:#b9d2ff;--timer-chip-success-bg:#10b98133;--timer-chip-success-fg:#9be6c8;--timer-chip-warning-bg:#f59e0b3d;--timer-chip-warning-fg:#f6c16a;--timer-progress-track:#94a3b847;--timer-progress-fill-from:#4f8df7;--timer-progress-fill-to:#34d399;--timer-danger-border:#fb718585;--shadow-sm:0 2px 6px #03071247;--shadow-md:0 10px 24px #02061752;--shadow-lg:0 20px 40px #0206176b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}input,textarea,select{background-color:var(--color-surface-elevated);color:var(--color-text-main);font-family:inherit}.app-layout{flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:clip}.app-sidebar{border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-surface-elevated) 0%, var(--color-surface) 100%);z-index:2;flex-shrink:0;width:100%;padding:1.25rem;position:relative}.app-sidebar-nav{flex-wrap:wrap;gap:1rem;margin-top:1rem;padding:0;list-style:none;display:flex}.app-sidebar-nav li{margin-bottom:0}.app-main{background-color:var(--color-bg);flex:1;min-width:0;padding:1.25rem;position:relative;overflow-x:hidden}.app-sidebar a{text-decoration:none}@media (width>=768px){.app-layout{flex-direction:row}.app-sidebar{border-bottom:none;border-right:1px solid var(--color-border);width:250px}.app-sidebar-nav{flex-direction:column;gap:0;margin-top:2rem}.app-sidebar-nav li{margin-bottom:.75rem}.app-main{padding:2rem}}