:root{--color-primary:#10a37f;--color-primary-hover:#0d8a6a;--color-primary-light:#e6f7f2;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-hover:#f3f4f6;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-success:#10a37f;--color-warning:#f59e0b;--color-error:#ef4444;--color-recording:#ef4444;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--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;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--transition-fast:.1s ease;--transition-normal:.15s ease;--sidebar-width:260px;--header-height:56px;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}[data-theme=dark]{--color-primary:#10a37f;--color-primary-hover:#1bb997;--color-primary-light:#1a3a32;--color-bg:#0f0f0f;--color-bg-secondary:#171717;--color-bg-tertiary:#1f1f1f;--color-bg-hover:#262626;--color-text:#f5f5f5;--color-text-secondary:#a3a3a3;--color-text-muted:#737373;--color-border:#262626;--color-border-strong:#404040;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-light);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none}input:focus,textarea:focus{outline:none}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-bg-secondary);flex-direction:column;flex-shrink:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:768px){.app-sidebar{z-index:var(--z-sticky);transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{width:100%}}