*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg-primary: #0b1018;--bg-secondary: #131a26;--bg-tertiary: #1a2333;--bg-elevated: #202b3f;--bg-hover: #263248;--text-primary: #eef3fb;--text-secondary: #b6c0ce;--text-muted: #7f8ba0;--accent: #2f83ff;--accent-hover: #4a95ff;--accent-dim: rgba(47, 131, 255, .14);--logo-text: #efd78e;--danger: #ff5f6d;--danger-hover: #ff7a86;--success: #2ecc71;--border: #273246;--border-light: #36455d;--border-strong: #45566f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .24);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .35);--transition: .16s ease;--bg-radial: radial-gradient(1200px 700px at 0% -5%, rgba(47, 131, 255, .12), transparent 60%), radial-gradient(900px 600px at 100% 0%, rgba(46, 204, 113, .07), transparent 65%), var(--bg-primary)}[data-theme=light]{color-scheme:light;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-dim: rgba(37, 99, 235, .1);--logo-text: #0f3b62;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--border: #e2e8f0;--border-light: #cbd5e1;--border-strong: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bg-radial: radial-gradient(1200px 700px at 0% -5%, rgba(37, 99, 235, .05), transparent 60%), radial-gradient(900px 600px at 100% 0%, rgba(16, 185, 129, .03), transparent 65%), var(--bg-primary)}html,body,#root{min-height:100vh;font-family:Inter,Segoe UI Variable Text,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:var(--bg-primary)}html,body{background:var(--bg-radial);background-attachment:fixed;transition:background-color var(--transition),color var(--transition)}body{margin:0}input,textarea,select,button{font:inherit;color:inherit}a{color:var(--accent)}a:hover{color:var(--accent-hover)}::selection{background:#2f83ff3d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid rgba(47,131,255,.55);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#fff;border-color:#ffffff14;box-shadow:0 6px 18px #2f83ff38}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#5ba3ff,var(--accent-hover));box-shadow:0 10px 22px #2f83ff47}.btn-danger{background:linear-gradient(180deg,var(--danger-hover),var(--danger));color:#fff;border-color:#ffffff14;box-shadow:0 6px 16px #ff5f6d29}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#ff8f99,var(--danger-hover))}.btn-ghost{background:#ffffff03;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff08;color:var(--text-primary);border-color:var(--border-light)}.btn-sm{min-height:30px;padding:4px 10px;font-size:.8rem;border-radius:7px}.input,.textarea{width:100%;padding:10px 12px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;outline:none;box-shadow:inset 0 1px #ffffff05;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover{border-color:var(--border-light)}.input:focus,.textarea:focus{border-color:#2f83ffcc;box-shadow:0 0 0 3px #2f83ff24,inset 0 1px #ffffff05}select.input{cursor:pointer}.textarea{resize:vertical;min-height:120px;line-height:1.45}.card{background:linear-gradient(180deg,#ffffff04,#fff0),var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.page-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.page-content{flex:1;padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.text-xs{font-size:.75rem}.text-sm{font-size:.8rem}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.font-semibold{font-weight:600}.block{display:block}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.flex-shrink-0{flex-shrink:0}.rounded{border-radius:var(--radius-sm)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-border{border-color:var(--border)}.border-accent{border-color:var(--accent)}.bg-bg-secondary{background:var(--bg-secondary)}.p-0{padding:0}.p-sm{padding:8px}.pl-0{padding-left:0}.pl-sm{padding-left:8px}.pl-6{padding-left:24px}.pr-sm{padding-right:8px}.pt-sm{padding-top:8px}.py-0{padding-top:0;padding-bottom:0}.py-md{padding-top:16px;padding-bottom:16px}.py-xxs{padding-top:2px;padding-bottom:2px}.px-xs{padding-left:4px;padding-right:4px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-auto{margin-top:auto}.ml-xs{margin-left:4px}.ml-sm{margin-left:8px}.list-decimal{list-style:decimal}.space-y-2>*+*{margin-top:8px}.hover-tilt{transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition),background var(--transition)}.hover-tilt:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover\:bg-bg-secondary:hover{background:var(--bg-secondary)}.hover\:text-danger-hover:hover{color:var(--danger-hover)}label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}kbd{display:inline-block;padding:1px 6px;border-radius:6px;border:1px solid var(--border-light);background:#ffffff08;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-primary)}.error-text{color:var(--danger);font-size:.8rem;margin-top:4px}@media(max-width:900px){.page-content{padding:16px}}