:root{--rad:14px}
html[data-theme=t1]{--ac:#d4a84b;--on:#1a1405;--bgd:#0e0f13;--bgl:#faf8f3}
html[data-theme=t2]{--ac:#19b394;--on:#021a15;--bgd:#08130f;--bgl:#f1faf7;--rad:8px}
html[data-theme=t3]{--ac:#8b6cff;--on:#fff;--bgd:#110d1f;--bgl:#f6f3ff;--rad:20px}
html[data-theme=t4]{--ac:#e5484d;--on:#fff;--bgd:#160b0c;--bgl:#fff5f5;--rad:4px}
html[data-theme=t5]{--ac:#2d9cdb;--on:#fff;--bgd:#07121c;--bgl:#f2f8fd;--rad:26px}
html[data-mode=dark]{--bg:var(--bgd);--fg:#eceae4;--card:rgba(255,255,255,.055);--bd:rgba(255,255,255,.12);--mu:#9a98a0}
html[data-mode=light]{--bg:var(--bgl);--fg:#17161a;--card:#fff;--bd:rgba(0,0,0,.12);--mu:#6b6970}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 'Hind Siliguri',system-ui,sans-serif;transition:background .25s,color .25s}
a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:.4em 0;line-height:1.25}
.wrap{max-width:960px;margin:auto;padding:14px}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;max-width:960px;margin:auto}
.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.brand h1{font-size:1.15rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ctl{display:flex;gap:8px}.ib{background:var(--card);border:1px solid var(--bd);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;color:var(--fg)}
.nav{display:flex;gap:6px;align-items:center;overflow:visible;flex-wrap:wrap;padding:8px 14px;max-width:960px;margin:auto;border-block:1px solid var(--bd)}
.nav>a:not(.btn),.nav .dd>a{padding:6px 12px;border-radius:99px}.nav>a:not(.btn):hover{background:var(--card)}
.dd{position:relative}.ddm{display:none;position:absolute;right:0;top:100%;z-index:9;background:var(--bg);border:1px solid var(--bd);border-radius:var(--rad);min-width:150px;overflow:hidden;box-shadow:0 14px 40px #0006}
.ddm.on{display:block}.ddm a{display:block;padding:10px 14px}.ddm a:hover{background:var(--card)}
.btn{display:inline-block;background:var(--ac);color:var(--on);border:1px solid var(--ac);padding:11px 20px;border-radius:99px;font:inherit;font-weight:600;cursor:pointer;text-align:center}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--bd)}.btn.sm{padding:5px 14px;font-size:.88rem}.btn.full{display:block;width:100%;margin:10px 0}
.hero{padding:44px 6px 30px}.hero h2{font-size:clamp(1.7rem,6vw,2.8rem);max-width:15em}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--rad);padding:14px;margin:12px 0;backdrop-filter:blur(8px)}
.tabs{display:flex;gap:6px}.tabs a{flex:1;text-align:center;padding:10px;border-radius:var(--rad);border:1px solid var(--bd)}.tabs a.on,.chips a.on{background:var(--ac);color:var(--on);border-color:var(--ac)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.chips a{white-space:nowrap;padding:6px 16px;border-radius:99px;border:1px solid var(--bd)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.cc{display:block;margin:0}.cc img,.frame{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--rad) - 4px);background:var(--bd);display:block}
.frame{border:3px solid #fff}.sp{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}
.badge{font-size:.75rem;padding:2px 10px;border-radius:99px;border:1px solid var(--ac);color:var(--ac);white-space:nowrap}.price{font-weight:700;color:var(--ac);font-size:1.15rem}
input,select,textarea{width:100%;padding:12px 14px;margin:6px 0;background:var(--bg);color:var(--fg);border:1px solid var(--bd);border-radius:var(--rad);font:inherit}
.auth{max-width:420px;margin:24px auto}.big{display:block;text-align:center;font-size:1.05rem;font-weight:700;color:var(--ac);margin-top:16px}
.err{color:#ff6b6b}.ok{color:#3ecf8e}.muted{color:var(--mu)}.sum{border-top:1px dashed var(--bd);margin:10px 0;padding-top:6px}.tot{font-weight:700;font-size:1.1rem}
.st{font-weight:700}.st.pending{color:#f5a524}.st.approved{color:#3ecf8e}.st.canceled{color:#ff6b6b}.lk{font-size:1.1rem}
dialog{background:var(--bg);color:var(--fg);border:1px solid var(--ac);border-radius:var(--rad);max-width:90vw;width:380px}dialog::backdrop{background:#0009}
.pop{position:fixed;top:30%;z-index:20}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--bd);text-align:left;font-size:.9rem}
.scroll{max-height:440px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.stats .card{margin:0;text-align:center}.stats b{font-size:1.6rem;display:block;color:var(--ac)}
.side{display:none;position:fixed;inset:0 30% 0 0;background:var(--bg);z-index:30;padding:20px;border-right:1px solid var(--bd);overflow:auto}.side.on{display:block}.side a{display:block;padding:12px 6px;border-bottom:1px solid var(--bd)}
.sw{display:inline-block;width:46px;height:46px;border-radius:50%;margin:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}