*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-card: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-muted: #888888;--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 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}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{font-family:inherit;cursor:pointer}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{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-sm);border:none;font-weight:600;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background:#4f46e51a}.input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff1a;color:var(--color-text);font-size:1rem}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-primary)}.status{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:500}.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{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){html{font-size:15px}.container{padding:24px 16px}.card{padding:16px;border-radius:var(--radius-md)}.btn{padding:14px 20px;width:100%}}@media(max-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)}}