:root{--bg: #f4f6f8;--bg-deep: #e8eef3;--surface: #ffffff;--surface-2: #f0f3f6;--text: #1a2332;--muted: #5a6b7d;--accent: #c8102e;--accent-hover: #a50d25;--accent-2: #0b6e4f;--navy: #0b1f33;--navy-2: #14324d;--border: #d5dde5;--ok: #0b6e4f;--danger: #c8102e;--radius: 8px;--shadow: 0 8px 28px rgba(11, 31, 51, .08);--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);background:linear-gradient(180deg,#ffffff 0%,var(--bg) 28%,var(--bg-deep) 100%);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}@media(min-width:721px){body{padding-left:1.25rem}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .4rem;font-weight:700;color:var(--navy)}.container{width:min(1120px,calc(100% - 1.5rem));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.55rem 1.15rem;border-radius:var(--radius);border:1px solid transparent;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn:hover{background:var(--accent-hover);text-decoration:none}.btn.secondary{background:transparent;border-color:var(--border);color:var(--navy)}.btn.secondary:hover{border-color:var(--navy);background:var(--surface-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-size:.9rem;color:var(--muted);font-weight:600}.field input,.field textarea,.field select{min-height:44px;padding:.55rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(200,16,46,.25);border-color:var(--accent)}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{width:100%;padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:6px;padding:0}.password-toggle:hover,.password-toggle:focus-visible{color:var(--accent);border-color:var(--accent);outline:2px solid rgba(200,16,46,.2);outline-offset:1px}.password-toggle svg{display:block;flex-shrink:0}.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.22rem .5rem;border-radius:4px;background:#0b6e4f14;border:1px solid rgba(11,110,79,.22);color:var(--accent-2)}.badge.done{color:var(--ok);border-color:#0b6e4f66;background:#0b6e4f1a}.error{color:#7a1020;background:#c8102e14;border:1px solid rgba(200,16,46,.28);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#fff 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius);min-height:180px;border:1px solid var(--border)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease both}@media(max-width:640px){.container{width:min(1120px,calc(100% - 1rem))}}
