*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f1a;--color-bg-secondary:#1a1a2e;--color-bg-card:#ffffff0d;--color-border:#ffffff1a;--color-text:#fff;--color-text-muted:#888;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Menlo", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}html{font-size:16px}body{font-family:var(--font-family);background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);min-height:100vh;color:var(--color-text);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,button{font-size:inherit}.container{max-width:800px;margin:0 auto;padding:40px 20px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.btn{border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-secondary:hover{background:#4f46e51a}.input{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#ffffff1a;padding:14px 16px;font-size:1rem}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-primary);outline:none}.status{border-radius:var(--radius-full);padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.status-active{background:var(--color-success);color:#fff}.status-pending{background:var(--color-warning);color:#000}.status-error{background:var(--color-error);color:#fff}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){html{font-size:15px}.container{padding:24px 16px}.card{border-radius:var(--radius-md);padding:16px}.btn{width:100%;padding:14px 20px}}@media (width<=480px){html{font-size:14px}.container{padding:16px 12px}}@media (pointer:coarse){.btn,button,a{min-height:44px}input,textarea,select{min-height:44px;font-size:16px}}@supports (padding:env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}