:root{--bg: #f5f7fa;--fg: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #ea580c;--accent-dark: #c2410c;--green: #16a34a;--green-light: #d1fae5;--red: #dc2626;--red-light: #fee2e2;--amber: #d97706;--amber-light: #fef3c7;--blue: #0284c7;--blue-light: #e0f2fe;--code-bg: #f1f5f9}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;font-size:14px;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:8px;padding:10px 18px;transition:.12s}button:hover:not(:disabled){background:#f8fafc}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent-dark)}button.ghost{background:#fff}button.danger{color:var(--red)}button.lg{padding:14px 22px;font-size:15px}button.block{display:block;width:100%}input,textarea,select{font-family:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--fg);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.field{margin-bottom:14px}.field input,.field textarea{width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;font-size:13px;z-index:1000;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pos-spin .7s linear infinite;vertical-align:middle}@keyframes pos-spin{to{transform:rotate(360deg)}}