:root{--teal: #0E9F8E;--teal-dark: #0A7D70;--teal-soft: #E6F6F3;--ink: #16241f;--ink-2: #4b5a54;--muted: #8a968f;--line: #e6e9e7;--bg: #f5f7f6;--card: #ffffff;--danger: #d8453b;--warn: #c98a1e;--good: #1f9d57;--radius: 16px;--shadow: 0 1px 2px rgba(16,40,34,.04), 0 8px 24px rgba(16,40,34,.06);--shadow-lg: 0 12px 40px rgba(16,40,34,.12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--teal-dark)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:15px}::selection{background:var(--teal-soft)}.btn{border:none;border-radius:11px;padding:12px 20px;font-size:15px;font-weight:600;background:var(--teal);color:#fff;transition:transform .08s ease,background .15s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn:hover{background:var(--teal-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line)}.btn.ghost:hover{background:#f0f2f1;color:var(--ink)}.btn.subtle{background:var(--teal-soft);color:var(--teal-dark)}.btn.subtle:hover{background:#d7efea}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:12px;color:var(--muted)}.input,.select,textarea.input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fcfdfc;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,textarea.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#eef1f0;color:var(--ink-2)}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--teal-soft);border-top-color:var(--teal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:fadeUp .35s ease both}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:#d7ddda;border-radius:999px;border:2px solid var(--bg)}.scroll::-webkit-scrollbar-thumb:hover{background:#c3ccc7}