/* SnagGO design tokens: follows "App Design.png" reference (royal blue, white cards, soft rounded) */
:root{
  --blue:#1E4FD8;
  --blue-dark:#173FB0;
  --blue-soft:#E8EFFE;
  --blue-line:#B9CCFA;
  --bg:#EEF3FC;
  --card:#F6F7F9;
  --white:#FFFFFF;
  --ink:#14181F;
  --muted:#7A828E;
  --line:#E6E9EE;
  --green:#2E9E5B;
  --green-soft:#DDF5E4;
  --amber:#B7791F;
  --amber-soft:#FFF2CC;
  --red:#D6453D;
  --red-soft:#FDE4E1;
  --star:#FACC15;
  --radius:20px;
  --radius-sm:14px;
  --shadow:0 8px 30px rgba(20,40,100,.08);
  --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.4}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
input,select{font:inherit}
svg{display:block}
.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}
.pill.green{background:var(--green-soft);color:var(--green)}
.pill.blue{background:var(--blue-soft);color:var(--blue)}
.pill.amber{background:var(--amber-soft);color:var(--amber)}
.pill.red{background:var(--red-soft);color:var(--red)}
.pill.gray{background:#ECEEF2;color:var(--muted)}