:root{--color-primary:#5b4cf5;--color-primary-hover:#4a3de4;--color-primary-light:#eef0ff;--color-bg:#fff;--color-bg-alt:#f6f4f2;--color-bg-dark:#0b1021;--color-text:#262626;--color-text-light:#6b7280;--color-text-muted:#9ca3af;--color-border:#e2e8f0;--color-border-dark:#374151;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--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;--max-width-content:1104px;--max-width-narrow:720px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semi:600;--font-weight-bold:700;--shadow-card:0 1px 3px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.05)}.container{width:100%;max-width:var(--max-width-content)}.container,.container-narrow{margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--max-width-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);padding:10px var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-alt)}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card,.input{background:var(--color-bg)}.input{width:100%;padding:10px var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}*,:after,:before{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}