:root{--bg: #f6f8fc;--text: #111827;--muted: #6b7280;--primary: #3b82f6;--primary-600: #2563eb;--card: #ffffff;--border: #e5e7eb;--ring: rgba(59, 130, 246, .35);--success: #0f766e;--danger: #b91c1c;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);color-scheme:light}.theme-toggle{position:fixed;right:18px;top:18px;z-index:50;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px}:root[data-theme=dark]{--bg: #0b1020;--text: #f3f4f6;--muted: #cbd5e1;--primary: #60a5fa;--primary-600: #3b82f6;--card: #0f172a;--border: #1f2a44;--ring: rgba(96, 165, 250, .35);--success: #2dd4bf;--danger: #f87171;color-scheme:dark}:root[data-theme=dark] .field input{color:#111827}:root[data-theme=dark] .btn{background:#1f2a44;border-color:#2d3a54;color:#e2e8f0}:root[data-theme=dark] .btn:hover{background:#2d3a54;border-color:#3d4a64}:root[data-theme=dark] .btn-primary{background:var(--primary);border-color:var(--primary);color:#0b1020}:root[data-theme=dark] .btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}*{box-sizing:border-box}html,body{margin:0;padding:0}.container{max-width:900px;margin:2rem auto;padding:0 1rem 3rem}.title{margin:0 0 1rem;font-size:2rem}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 1px 2px #1018280a}.grid{display:grid;gap:1rem}.form-grid{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.form-grid,.metrics-grid{grid-template-columns:1fr}}.field label{display:block;font-size:.9rem;margin-bottom:.35rem;color:var(--muted)}.field input{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:none;transition:box-shadow .16s,border-color .16s}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.metric .label{color:var(--muted);margin-bottom:.25rem}.metric .value{font-size:1.25rem;font-weight:700}.row{display:flex;align-items:center;gap:.75rem}.between{justify-content:space-between}.btn{appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:.6rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,transform 80ms}.btn:hover{background:#f4f7ff;border-color:var(--primary)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600)}.progress{background:#eef2ff;height:12px;border-radius:9999px;overflow:hidden}.progress>.bar{height:100%;background:var(--primary);width:0%;transition:width .2s linear}.status-danger{color:var(--danger)}.status-muted{color:var(--muted)}.status-success{color:var(--success)}