:root{--blue: #0957ff;--blue-dark: #0a1f64;--pink: #ff4faf;--pink-soft: #ffe7f4;--beige: #f5ead9;--beige-2: #fff8ef;--ink: #111827;--muted: #667085;--line: #edf0f5;--shadow: 0 10px 30px rgba(10, 31, 100, .08);--r: 26px;--bar: 78px;--green: #1aa15c;--red: #e0335a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--beige-2);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px}.container{max-width:1240px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{opacity:.92}.btn-pink{background:var(--pink);color:#fff}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:#fff;color:var(--red);border:1px solid #f3c9d3}.btn-sm{padding:8px 14px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow)}.input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;outline:none}.input:focus{border-color:var(--blue)}.label{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:4px;display:block}.field{margin-bottom:14px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700}.badge-pink{background:var(--pink-soft);color:var(--pink)}.badge-green{background:#e5f7ed;color:var(--green)}.badge-red{background:#fde8ec;color:var(--red)}.badge-muted{background:var(--beige);color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;z-index:1000;box-shadow:var(--shadow);animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;border-bottom:1px solid var(--line)}table.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.tbl tr:hover td{background:#fafbfd}@media (max-width: 720px){.container{padding:0 14px}}