:root{
  --bg:#eef1f4;
  --card:#ffffff;
  --line:#e2e6eb;
  --navy:#1c2a3a;
  --navy-soft:#5b6b7d;
  --navy-l:#e8eaed;
  --muted:#8b95a1;
  --teal:#0e7c86;
  --teal-d:#0a5960;
  --teal-l:#e3f2f2;
  --amber:#e0921f;
  --amber-l:#fbf0dd;
  --amber-d:#8a5710;
  --coral:#d6553f;
  --coral-l:#fbe9e5;
  --coral-d:#8c3421;
  --violet:#7a5fb8;
  --violet-l:#efe9fa;
  --blue:#3573c4;
  --blue-l:#e6eefb;
  --green:#2f9e58;
  --green-l:#e6f5eb;
  --radius:14px;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);font-family:'Inter',system-ui,sans-serif;color:var(--navy);}

.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;letter-spacing:.5px;}
.brand h1{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;margin:0;letter-spacing:.2px;}
.brand p{margin:1px 0 0;font-size:12.5px;color:var(--muted);}

.pill{font-size:12px;font-weight:600;color:var(--navy-soft);background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 13px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
.pill.live{color:var(--teal-d);border-color:#c7e4e3;background:var(--teal-l);}
.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block;}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;}

.btn{border:none;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block;}
.btn-primary{background:var(--teal-d);color:#fff;}
.btn-primary:hover{background:#084a50;}
.btn-outline{background:#fff;border:1px solid var(--line);color:var(--navy-soft);}
.btn-outline:hover{border-color:#c7d0d8;}
.btn-sm{padding:8px 13px;font-size:12px;}
.btn-danger{background:var(--coral);color:#fff;}

.field{margin-bottom:14px;}
.field label{display:block;font-size:12px;font-weight:600;color:var(--navy);margin-bottom:6px;}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=password],input[type=date],input[type=time],select,textarea{
  width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13px;font-family:inherit;color:var(--navy);background:#fff;
}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal-l);border-color:var(--teal);}
textarea{resize:vertical;}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:12px 20px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .25s;z-index:50;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

.alert{border-radius:10px;padding:11px 14px;font-size:12.5px;margin-bottom:16px;}
.alert.success{background:var(--green-l);color:#1f6b3a;border:1px solid #bfe3d6;}
.alert.error{background:var(--coral-l);color:var(--coral-d);border:1px solid #f0cec6;}