:root{--color-primary:gold;--color-primary-dark:#e6c200;--color-primary-light:#ffe44d;--color-secondary:#6b7280;--color-accent:gold;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#6b7280;--color-neutral:#6b7280}:root,[data-theme=dark]{--color-bg-primary:#141414;--color-bg-secondary:#151515;--color-bg-tertiary:#1a1a1a;--color-bg-card:#1c1c1c;--color-bg-input:#1f1f1f;--color-bg-input-hover:#222;--color-bg-input-focus:#242424;--color-bg-dark:#121212;--color-text-primary:#fff;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-text-inverse:#000;--color-border:#ffffff14;--color-border-dark:#ffffff1f;--color-border-light:#ffffff0f;--color-border-input:#2a2a2a;--color-border-input-hover:#333;--tag-bg-neutral:#ffffff0f;--tag-bg-hover:#ffffff17;--tag-bg-active:#ffc60026;--tag-border-neutral:#ffffff1a;--tag-border-hover:#ffffff26;--tag-border-active:#ffc6004d;--tag-text-neutral:#d1d5db;--tag-text-active:#ffc600;--tag-shadow:0 2px 8px #0003,0 1px 2px #0000001a;--tag-shadow-hover:0 4px 12px #00000040,0 2px 4px #00000026;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 6px 16px #0006;--shadow-xl:0 8px 24px #00000080;--shadow-card:0 4px 12px #0000004d}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-input-hover:#f9fafb;--color-bg-input-focus:#fff;--color-bg-dark:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#00000014;--color-border-dark:#0000001f;--color-border-light:#0000000f;--color-border-input:#e5e7eb;--color-border-input-hover:#d1d5db;--tag-bg-neutral:#0000000a;--tag-bg-hover:#0000000f;--tag-bg-active:#ffc6001f;--tag-border-neutral:#0000001a;--tag-border-hover:#00000026;--tag-border-active:#ffc6004d;--tag-text-neutral:#6b7280;--tag-text-active:#e6c200;--tag-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--tag-shadow-hover:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-card:0 1px 3px #0000001a,0 1px 2px #0000000f}:root,[data-theme=dark],[data-theme=light]{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-card:10px;--radius-full:9999px;--radius-pill:9999px;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1536px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:-.01em}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-sm)}h6{font-size:var(--font-size-xs)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}.container{width:100%;max-width:var(--max-width-2xl);padding:0 var(--spacing-md);margin:0 auto}.grid{gap:var(--spacing-md);display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;padding:8px 16px;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 2px 4px #ffd70033}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-lg)}.template-form-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--spacing-md);box-shadow:var(--shadow-card);border-radius:14px}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);white-space:nowrap;align-items:center;padding:4px 10px;transition:all .2s ease-in-out;display:inline-flex}.badge:hover{background-color:var(--tag-bg-hover);border-color:var(--tag-border-hover);box-shadow:var(--tag-shadow-hover);transform:translateY(-1px)}.badge:active{box-shadow:var(--tag-shadow);transform:translateY(0)}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-neutral:hover{background-color:var(--color-bg-card);border-color:var(--color-border-dark)}.badge-active{color:var(--color-primary);font-weight:var(--font-weight-medium);background-color:#ffd7001f;border:1px solid #ffd70040}.badge-active:hover{background-color:#ffd70026;border-color:#ffd7004d}.badge-success{color:var(--color-success);background-color:#10b9811a;border:1px solid #10b98133}.badge-success:hover{background-color:#10b9811f;border-color:#10b98140}.badge-warning{color:var(--color-warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-warning:hover{background-color:#f59e0b1f;border-color:#f59e0b40}.badge-error{color:var(--color-error);background-color:#ef44441a;border:1px solid #ef444433}.badge-error:hover{background-color:#ef44441f;border-color:#ef444440}.badge-primary{color:var(--color-primary);font-weight:var(--font-weight-medium);background-color:#ffd7001f;border:1px solid #ffd70040}.badge-primary:hover{background-color:#ffd70026;border-color:#ffd7004d}.badge-info{color:#60a5fa;background-color:#3b82f61a;border:1px solid #3b82f633}.badge-info:hover{background-color:#3b82f61f;border-color:#3b82f640}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],textarea,select{background-color:var(--color-bg-input);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);transition:all var(--transition-fast);padding:10px 14px}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,textarea:hover,select:hover{border-color:var(--color-border-input-hover);background-color:var(--color-bg-input-hover)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:var(--color-primary);background-color:var(--color-bg-input-focus);outline:none;box-shadow:0 0 0 3px #ffd70026}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);margin-bottom:6px;display:block}.onboard-input{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);padding:8px 12px;transition:all .2s ease-in-out}.onboard-input:hover{border-color:var(--color-border-dark);background-color:var(--color-bg-tertiary)}.onboard-input:focus{border-color:var(--color-primary);background-color:var(--color-bg-input-focus);outline:none;box-shadow:0 0 0 2px #ffd70026}.onboard-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.onboard-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-card)}.onboard-input option{background-color:var(--color-bg-card);color:var(--color-text-primary)}.onboard-input-compact{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-base);padding:8px 12px;transition:all .2s ease-in-out}.onboard-input-compact:hover{border-color:var(--color-border-dark);background-color:var(--color-bg-tertiary)}.onboard-input-compact:focus{border-color:var(--color-primary);background-color:var(--color-bg-input-focus);outline:none;box-shadow:0 0 0 2px #ffd70026}.onboard-input-compact::placeholder{color:var(--color-text-tertiary);font-weight:400}.onboard-input-compact:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-card)}.onboard-input-compact option{background-color:var(--color-bg-card);color:var(--color-text-primary)}@media (max-width:768px){.projectsGrid{grid-template-columns:1fr!important}}@media (max-width:640px){.summaryBar{grid-template-columns:repeat(2,1fr)!important}}