:root{--drafter-yellow:#fed925;--drafter-yellow-600:#e8c011;--drafter-yellow-100:#fff6cc;--drafter-blue:#5eb3e4;--drafter-blue-600:#3a93c8;--drafter-blue-100:#e2f1fb;--drafter-slate:#3c6178;--drafter-black:#1d252c;--drafter-gray:#e5e1e6;--neutral-950:#12181d;--neutral-900:#1d252c;--neutral-800:#2b343c;--neutral-700:#3c4750;--neutral-600:#5a6670;--neutral-500:#7b8791;--neutral-400:#9aa5ae;--neutral-300:#c3cbd2;--neutral-200:#e5e1e6;--neutral-100:#eef0f3;--neutral-50:#f6f7f9;--white:#fff;--success:#1f9d6b;--success-bg:#e3f5ed;--warning:#e8a317;--warning-bg:#fdf3d9;--danger:#e53e3e;--danger-bg:#fde7e7;--info:var(--drafter-blue);--info-bg:var(--drafter-blue-100);--bg-app:#f1f2f5;--surface:var(--white);--surface-raised:var(--white);--surface-sunken:var(--neutral-50);--surface-inverse:var(--neutral-900);--surface-inverse-2:var(--neutral-800);--border:#e2e5ea;--border-strong:var(--neutral-300);--border-inverse:#ffffff1a;--text-strong:var(--neutral-900);--text-body:#3c4750;--text-muted:#7b8791;--text-faint:var(--neutral-400);--text-inverse:var(--white);--text-on-yellow:var(--neutral-900);--text-on-blue:var(--white);--accent:var(--drafter-blue);--accent-hover:var(--drafter-blue-600);--accent-soft:var(--drafter-blue-100);--primary:var(--drafter-yellow);--primary-hover:var(--drafter-yellow-600);--focus-ring:#5eb3e473;--overlay:#1d252c8c;--font-sans:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Poppins", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.75rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-circle:50%;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:48px;--sidebar-width:280px;--sidebar-collapsed:80px;--content-max:1200px;--topbar-height:72px;--border-width:1px;--border-width-accent:4px;--shadow-xs:0 1px 2px #1d252c0a;--shadow-sm:0 2px 4px #1d252c0a;--shadow-md:0 4px 12px #1d252c0f, 0 1px 3px #1d252c0a;--shadow-lg:0 12px 28px #1d252c1a, 0 2px 6px #1d252c0d;--shadow-xl:0 24px 48px #1d252c29;--shadow-focus:0 0 0 3px var(--focus-ring);--glow-yellow:0 4px 12px #fed92566;--glow-blue:0 4px 12px #5eb3e440;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--blur-glass:blur(12px);--primary-navy:var(--neutral-900);--brand-yellow:var(--drafter-yellow);--brand-blue:var(--drafter-blue);--bg-light:var(--bg-app);--text-dark:var(--text-body);--text-light:var(--text-muted);--surface-border:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight)}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.glass-panel{-webkit-backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff4d}.btn-primary{background-color:var(--primary);color:var(--text-on-yellow);font-weight:var(--weight-bold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-standard);min-height:var(--control-height-lg);border:none;padding:.75rem 1.5rem}.btn-primary:active{transform:translateY(1px)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--glow-yellow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease;min-height:var(--control-height-lg);padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes drafter-spin{to{transform:rotate(360deg)}}@keyframes drafter-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes drafter-pulse{0%,to{opacity:1}50%{opacity:.4}}.drafter-spin{animation:.9s linear infinite drafter-spin}.drafter-fade-in{animation:drafter-fade-in var(--duration-slow) var(--ease-out)}.sidebar-scroll{overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:var(--border-inverse);border-radius:10px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}.menu-item{transition:all var(--duration-base) var(--ease-standard)}.menu-item.active{box-shadow:inset var(--border-width-accent) 0 0 var(--accent), 0 4px 12px #5eb3e41a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-container{animation:.3s ease-in-out fade-in}