:root{--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-bg: #f5f5f4;--color-bg-card: #ffffff;--color-bg-input: #ffffff;--color-bg-hover: #f3f4f6;--color-border: #e5e7eb;--color-primary: #2563eb;--color-primary-light: #eff6ff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--sidebar-width: 240px;--topbar-height: 56px}@media (prefers-color-scheme: dark){:root{--color-text: #f0f0f0;--color-text-secondary: #9ca3af;--color-text-tertiary: #6b7280;--color-bg: #111111;--color-bg-card: #1c1c1c;--color-bg-input: #1c1c1c;--color-bg-hover: #2a2a2a;--color-border: #2e2e2e;--color-primary: #3b82f6;--color-primary-light: #1e3a5f;--color-danger: #f87171;--color-danger-bg: #2d1111;--color-success: #4ade80;--color-success-bg: #052e16;--color-warning: #fbbf24;--color-warning-bg: #1c1507}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1.5rem}@media (max-width: 767px){.card{padding:1rem}}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-input);color:var(--color-text);font-size:.875rem;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-primary)}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.875rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-success{background:var(--color-success-bg);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning)}.section-title{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--color-text-tertiary);text-transform:uppercase;margin-bottom:.875rem}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary);animation:blink 1.2s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media (max-width: 767px){.mobile-stack{grid-template-columns:1fr!important}.mobile-full{width:100%}h1{font-size:1.25rem!important}}