:root{--ds-bg-primary: #1a1a1e;--ds-bg-secondary: #25252b;--ds-bg-tertiary: #2e2e35;--ds-bg-accent: #3a3a40;--ds-text-primary: #b0b0b0;--ds-text-secondary: #b0b0b0;--ds-text-muted: #707070;--ds-primary: #4d8bf0;--ds-primary-hover: #3a6bc4;--ds-primary-light: #6da1f3;--ds-accent-green: #38c9a5;--ds-accent-red: #ff4d4d;--ds-accent-yellow: #ffcc4d}body{background-color:var(--ds-bg-primary);color:var(--ds-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;margin:0 0 1rem;color:var(--ds-text-primary)}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.5rem}p,li{color:var(--ds-text-secondary)}a{color:var(--ds-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--ds-primary-light);text-decoration:underline}.card{background:var(--ds-bg-secondary);border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px #00000026;border:1px solid var(--ds-bg-accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--ds-primary);color:#fff}.btn-primary:hover{background:var(--ds-primary-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--ds-bg-accent);color:var(--ds-text-primary)}.input-field{width:100%;padding:.75rem;background:var(--ds-bg-secondary);border:1px solid var(--ds-bg-accent);border-radius:6px;color:var(--ds-text-primary);font-size:1rem}.input-field:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 2px #4d8bf040}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.p-2{padding:.5rem}.p-4{padding:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}::-webkit-scrollbar{width:8px;background:var(--ds-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--ds-bg-accent);border-radius:4px}