:root{
  --brand:#B5174D; --brand-deep:#6E1423; --blush:color-mix(in srgb,var(--brand) 9%,white); --blush-2:color-mix(in srgb,var(--brand) 18%,white);
  --ink:#24191E; --muted:#6E6066; --line:#E7DEE2; --bg:#F7F5F6; --card:#FFFFFF;
  --ok:#2F7D5B; --ok-bg:#E5F2EB; --warn:#A35F00; --warn-bg:#FCEFD9; --miss:#9B2C2C; --miss-bg:#F8E3E3; --soon:#CBBDC3;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --blush:color-mix(in srgb,var(--brand) 22%,#1C1417); --blush-2:color-mix(in srgb,var(--brand) 35%,#1C1417);
    --ink:#F5EAEE; --muted:#BFA9B1; --line:#3E2D33; --bg:#1C1417; --card:#261B1F;
    --ok:#6CC59A; --ok-bg:#1E3329; --warn:#F0B35A; --warn-bg:#3A2B14; --miss:#F08A8A; --miss-bg:#3B1E1E; --soon:#6B5560;
  }
}
:root[data-theme="dark"]{
  --blush:color-mix(in srgb,var(--brand) 22%,#1C1417); --blush-2:color-mix(in srgb,var(--brand) 35%,#1C1417);
  --ink:#F5EAEE; --muted:#BFA9B1; --line:#3E2D33; --bg:#1C1417; --card:#261B1F;
  --ok:#6CC59A; --ok-bg:#1E3329; --warn:#F0B35A; --warn-bg:#3A2B14; --miss:#F08A8A; --miss-bg:#3B1E1E; --soon:#6B5560;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;font-family:"Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45}
h1,h2,h3,p{margin:0;line-height:1.25}
button{font:inherit;cursor:pointer;color:inherit}
a{color:var(--brand)}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem;width:100%}
textarea{min-height:70px;resize:vertical}
input[type=checkbox]{width:auto;accent-color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.btn{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:9px;padding:.5rem .95rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--brand)}
.btn.plain{background:transparent;border-color:var(--line);color:var(--ink)}
.btn.danger{background:transparent;border-color:var(--miss);color:var(--miss)}
.btn.small{padding:.25rem .6rem;font-size:.86rem}
.btn.full{width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem;margin-bottom:.8rem}
.card h3{font-size:1rem;margin-bottom:.45rem}
.muted{color:var(--muted)}
.small{font-size:.86rem}
.row{display:flex;justify-content:space-between;gap:.7rem;padding:.4rem 0;border-bottom:1px solid var(--line);font-size:.94rem}
.row:last-child{border-bottom:0}
.row>span:first-child{color:var(--muted)}
.tag{display:inline-block;font-size:.76rem;font-weight:600;padding:.1rem .55rem;border-radius:99px;white-space:nowrap}
.tag.done{background:var(--ok-bg);color:var(--ok)}
.tag.booked,.tag.scheduled{background:var(--blush-2);color:var(--brand-deep)}
.tag.open{background:var(--blush);color:var(--brand)}
.tag.closing{background:var(--warn-bg);color:var(--warn)}
.tag.missed{background:var(--miss-bg);color:var(--miss)}
.tag.soon,.tag.later,.tag.skipped{background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.mono{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem;flex:none;overflow:hidden}
.mono img{width:100%;height:100%;object-fit:contain;background:#fff}
dialog{border:0;border-radius:16px;padding:0;width:min(560px,94vw);max-height:90vh;background:var(--card);color:var(--ink)}
dialog::backdrop{background:rgba(36,25,30,.45)}
.dlg{padding:1.15rem 1.25rem}
.dlg h2{font-size:1.2rem;margin-bottom:.8rem}
.fld{margin-bottom:.7rem}
.fld>label{display:block;font-size:.86rem;font-weight:600;margin-bottom:.25rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}
.foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:.6rem 1rem;border-radius:10px;font-size:.92rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;max-width:92%;text-align:center}
.toast.show{opacity:1}
.empty{padding:1.2rem;text-align:center;color:var(--muted)}
.spin{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:sp 1s linear infinite;margin:2rem auto}
@keyframes sp{to{transform:rotate(360deg)}}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (max-width:560px){.grid2{grid-template-columns:1fr}}