@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--pk:#f2457f;--pk2:#e8336f;--pkbg:#fff2f6;--pkln:#ffd3e2;--ink:#111214;--ink2:#55565e;--ink3:#8b8c94;--ln:#ececf0;--bg:#f6f6f8;--side:#16171b;
--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--font:Inter,"Noto Sans Telugu","Noto Sans Devanagari","Noto Sans Tamil",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg);color:var(--ink);font:400 14px/1.45 var(--font);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
svg.i{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fade{animation:fade .35s var(--ease) both}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.mono{font-family:var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font:600 14px Inter;background:#fff;border:1px solid var(--ln);color:var(--ink);white-space:nowrap;transition:background .15s,transform .12s,box-shadow .2s}
.btn:hover{background:#f8f8fa}.btn:active{transform:scale(.97)}
.btn.pri{background:var(--pk2);border-color:var(--pk2);color:#fff;box-shadow:0 8px 20px -12px rgba(232,51,111,.9)}.btn.pri:hover{background:#d92a63}
.btn.ink{background:var(--ink);border-color:var(--ink);color:#fff}
.btn.big{height:52px;font-size:15.5px;border-radius:14px;padding:0 20px}
.btn.sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:8px}
.btn[disabled]{opacity:.45;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:99px;font:600 11.5px Inter;border:1px solid var(--ln);background:#fff;color:var(--ink2);white-space:nowrap}
.pill.pk{background:var(--pkbg);border-color:var(--pkln);color:var(--pk2)}.pill.ink{background:var(--ink);border-color:var(--ink);color:#fff}.pill.lt{background:#f3f3f5;border-color:#f3f3f5}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--pk)}
.live i{animation:beat 1.6s infinite}@keyframes beat{0%{box-shadow:0 0 0 0 rgba(242,69,127,.55)}70%{box-shadow:0 0 0 7px rgba(242,69,127,0)}100%{box-shadow:0 0 0 0 rgba(242,69,127,0)}}
.card{background:#fff;border:1px solid var(--ln);border-radius:14px}
.ch{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--ln);font:600 14px Inter}.ch .sp{flex:1}.ch small{font:400 12px Inter;color:var(--ink3)}
.cb{padding:14px 16px}
.mark{display:flex;align-items:center;gap:10px;font:700 17px Inter;letter-spacing:-.01em}.mark img{width:24px;height:24px}.mark small{font:500 12px Inter;opacity:.6}
.note{font:400 12px/1.5 Inter;color:var(--ink3)}
.privacy{display:flex;gap:8px;align-items:flex-start;font:500 12px/1.45 Inter;color:var(--ink2);background:#fff;border:1px dashed #d8d8de;border-radius:10px;padding:9px 11px}
.privacy svg{color:var(--pk2);margin-top:1px}

/* desktop shell */
.shell{position:fixed;inset:0;display:grid;grid-template-columns:232px 1fr}
.side{background:var(--side);color:#e8e8ec;display:flex;flex-direction:column;padding:16px 12px}
.side .mark{color:#fff;padding:2px 6px 16px}
.nv{display:flex;align-items:center;gap:11px;height:40px;padding:0 10px;border-radius:9px;font:500 14px Inter;color:#b9bac2}
.nv:hover{background:#202126;color:#fff}.nv.on{background:#26272d;color:#fff}.nv.on svg{color:var(--pk)}
.nv .bd{margin-left:auto;font:700 11px Inter;background:var(--pk2);color:#fff;border-radius:99px;padding:1px 7px}
.side .grp{font:600 10.5px Inter;letter-spacing:.1em;color:#6f7078;margin:16px 10px 6px}
.side .foot{margin-top:auto;font:400 11.5px/1.5 Inter;color:#8b8c94;padding:10px;border:1px solid #2a2b30;border-radius:10px}
.main{overflow:auto}
.top{display:flex;align-items:center;gap:12px;padding:16px 24px 0}
.top h1{font:700 22px Inter;letter-spacing:-.02em}.top .sp{flex:1}
.top .clock{font:600 13px var(--mono);color:var(--ink2)}
.page{padding:16px 24px 32px}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kpi{padding:14px 16px}.kpi b{display:block;font:700 28px Inter;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi span{font:500 12.5px Inter;color:var(--ink2)}
.kpi small{display:block;font:400 11.5px Inter;color:var(--ink3);margin-top:2px}
.kpi.hl{border-color:var(--pkln);background:linear-gradient(160deg,var(--pkbg),#fff 70%)}.kpi.hl b{color:var(--pk2)}
.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);gap:16px;margin-top:16px}
.mapbox{position:relative;height:540px;border-radius:14px;overflow:hidden;background:#f4f5f7;border:1px solid var(--ln)}
.mapbox svg{width:100%;height:100%;display:block}
.desk-pin{cursor:pointer}
.legend{position:absolute;left:12px;bottom:12px;display:flex;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:10px;padding:7px 11px;font:500 11.5px Inter;color:var(--ink2)}
.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:50%}
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.col h4{font:700 11px Inter;letter-spacing:.1em;color:var(--ink3);text-transform:uppercase;margin:4px 2px 8px;display:flex;justify-content:space-between}
.case{background:#fff;border:1px solid var(--ln);border-radius:11px;padding:10px 11px;margin-bottom:8px;font:400 12.5px/1.4 Inter;color:var(--ink2);cursor:pointer;transition:border-color .15s,box-shadow .2s}
.case:hover{border-color:#d9d9df;box-shadow:0 6px 16px -12px rgba(0,0,0,.35)}
.case b{display:flex;align-items:center;gap:6px;font:700 12.5px var(--mono);color:var(--ink)}.case b .g{margin-left:auto;font:600 10.5px Inter;color:var(--ink3)}
.case .who{font:600 13px Inter;color:var(--ink);margin-top:3px}
.case.mine{border-color:var(--pk);box-shadow:0 0 0 3px var(--pkbg)}
.case.new{animation:flash 1.6s var(--ease)}@keyframes flash{from{background:var(--pkbg)}}
.ann .tabs{display:flex;gap:6px;margin-bottom:10px}.ann .tabs button{padding:5px 10px;border-radius:99px;border:1px solid var(--ln);font:500 12.5px var(--font);color:var(--ink2)}.ann .tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ann p{font:500 14.5px/1.55 var(--font)}
.feed .it{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--ln);font:400 12.5px/1.45 Inter;color:var(--ink2)}.feed .it:last-child{border-bottom:0}
.feed time{font:600 11px var(--mono);color:var(--ink3);flex:none;width:40px;padding-top:1px}

/* help desk */
.desksel{display:flex;gap:6px;flex-wrap:wrap}
.desksel button{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--ln);background:#fff;font:600 12px Inter;color:var(--ink2)}.desksel button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dgrid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;margin-top:14px}
.list .row{padding:11px 14px;border-bottom:1px solid var(--ln);cursor:pointer}.list .row:last-child{border-bottom:0}
.list .row:hover{background:#fafafb}.list .row.on{background:var(--pkbg)}
.list .row b{font:700 12.5px var(--mono)}.list .row .who{font:600 13.5px Inter;margin-top:2px}.list .row span{display:block;font:400 12px Inter;color:var(--ink3)}
.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.fld{background:#fafafb;border:1px solid var(--ln);border-radius:10px;padding:9px 11px}.fld span{display:block;font:600 10.5px Inter;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}.fld b{font:600 13.5px Inter}
.sw{display:inline-block;width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.15);vertical-align:-1px;margin-right:4px}
.match{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--ln);border-radius:12px;margin-top:10px}
.match.top{border-color:var(--pk);background:linear-gradient(160deg,var(--pkbg),#fff 70%)}
.ring{width:54px;height:54px;flex:none;position:relative;display:grid;place-items:center;font:800 15px Inter}
.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.match .why{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.match .why span{font:500 11.5px Inter;padding:2px 8px;border-radius:99px;background:#fff;border:1px solid var(--ln);color:var(--ink2)}
.otp{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--ink);color:#fff}
.otp input{width:110px;height:40px;border-radius:9px;border:0;padding:0 12px;font:700 18px var(--mono);letter-spacing:.3em;text-align:center}
.compose textarea{width:100%;min-height:96px;border:1px solid var(--ln);border-radius:12px;padding:11px 13px;font:400 14px/1.5 var(--font);resize:vertical;outline:none}
.compose textarea:focus{border-color:var(--pk);box-shadow:0 0 0 3px var(--pkbg)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chips button{font:500 12px var(--font);padding:5px 10px;border-radius:99px;border:1px solid var(--ln);background:#fff;color:var(--ink2);text-align:left}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid var(--pkln);border-top-color:var(--pk2);animation:sp .7s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}

/* phone pages */
.mob{max-width:460px;margin:0 auto;min-height:100dvh;background:#fff;padding:18px 18px 40px}
@media(min-width:520px){.mob{border-left:1px solid var(--ln);border-right:1px solid var(--ln)}}
.mtop{display:flex;align-items:center;justify-content:space-between}
.hero{margin-top:16px;border-radius:20px;background:var(--ink);color:#fff;padding:18px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;background:radial-gradient(circle,rgba(242,69,127,.45),transparent 70%)}
.hero h2{font:700 21px/1.25 var(--font);position:relative;z-index:1}.hero p{font:400 13.5px/1.5 var(--font);color:#c9c9cf;margin-top:6px;position:relative;z-index:1}
.langs{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.langs button{padding:7px 12px;border-radius:99px;border:1px solid var(--ln);font:500 13.5px var(--font);color:var(--ink2)}.langs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;background:#f3f3f5;border-radius:12px;padding:4px}
.seg button{height:38px;border-radius:9px;font:600 13.5px var(--font);color:var(--ink2)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -4px rgba(0,0,0,.3)}
.q{margin-top:18px;font:600 17px/1.35 var(--font)}
.tl{margin-top:14px}.tl .st{display:flex;gap:12px;padding:8px 0;position:relative}
.tl .st i{width:22px;height:22px;border-radius:50%;border:2px solid #d8d8de;flex:none;display:grid;place-items:center;background:#fff;z-index:1}
.tl .st:not(:last-child):after{content:"";position:absolute;left:10px;top:30px;bottom:-8px;width:2px;background:#ececf0}
.tl .st.on i{border-color:var(--pk2);background:var(--pk2);color:#fff}.tl .st.on i svg{width:12px;height:12px;stroke-width:3}
.tl .st.cur i{border-color:var(--pk2)}.tl .st b{display:block;font:600 14px var(--font)}.tl .st span{font:400 12.5px var(--font);color:var(--ink3)}
.casecard{margin-top:14px;border:1px solid var(--ln);border-radius:16px;padding:14px}
.found{margin-top:14px;border-radius:16px;padding:16px;background:linear-gradient(160deg,var(--pkbg),#fff 70%);border:1.5px solid var(--pk)}
.found b{font:700 18px var(--font)}.found .code{font:800 30px var(--mono);letter-spacing:.2em;color:var(--pk2)}
.band{margin-top:14px;border-radius:16px;background:var(--ink);color:#fff;padding:16px;display:flex;gap:14px;align-items:center}
.band img{width:120px;height:120px;border-radius:10px;background:#fff;padding:6px}
.band b{font:700 18px Inter;display:block}.band span{font:400 12.5px Inter;color:#c9c9cf}
.input{width:100%;height:46px;border:1px solid var(--ln);border-radius:12px;padding:0 13px;font:500 15px var(--font);outline:none;margin-top:8px}
.input:focus{border-color:var(--pk);box-shadow:0 0 0 3px var(--pkbg)}
@media(max-width:1100px){.shell{grid-template-columns:1fr}.side{display:none}.grid,.dgrid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.board{grid-template-columns:1fr}.fields{grid-template-columns:repeat(2,1fr)}}

/* ---------- JalRaksha additions ---------- */
.shell.top2{grid-template-columns:1fr;grid-template-rows:60px 1fr}
.nav2{display:flex;align-items:center;gap:6px;padding:0 20px;background:#fff;border-bottom:1px solid var(--ln)}
.nav2 .mark{color:var(--ink);margin-right:18px}
.nav2 a.t{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:9px;font:500 13.5px Inter;color:var(--ink2)}
.nav2 a.t:hover{background:var(--bg)}.nav2 a.t.on{background:var(--ink);color:#fff}
.nav2 .sp{flex:1}
.gcards{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gc{background:#fff;border:1.5px solid var(--ln);border-radius:14px;padding:12px 13px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.gc:hover{box-shadow:0 8px 20px -14px rgba(0,0,0,.4)}
.gc.on{border-color:var(--ink)}
.gc .st{display:inline-flex;align-items:center;gap:6px;font:700 11px Inter;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gc .st i{width:9px;height:9px;border-radius:50%;background:#b9bac2}
.gc.watch .st{color:var(--pk2)}.gc.watch .st i{background:#ff9fbf}
.gc.advisory{border-color:var(--pk2);background:linear-gradient(160deg,var(--pkbg),#fff 70%)}.gc.advisory .st{color:var(--pk2)}.gc.advisory .st i{background:var(--pk2);animation:beat 1.6s infinite}
.gc b{display:block;font:700 14px Inter;margin-top:6px}
.gc .mini{display:flex;justify-content:space-between;font:500 11.5px Inter;color:var(--ink3);margin-top:6px}
.gc .mini b{display:inline;font:700 12px var(--mono);color:var(--ink);margin:0}
.gc .fc{font:700 12px var(--mono)}.gc .fc.bad{color:var(--pk2)}
.params{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.prm{background:#fafafb;border:1px solid var(--ln);border-radius:12px;padding:10px 12px}
.prm span{font:600 10.5px Inter;letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}.prm b{display:block;font:700 22px Inter;font-variant-numeric:tabular-nums;margin-top:2px}.prm b small{font:500 12px Inter;color:var(--ink3);margin-left:3px}
.prm.bad{background:var(--pkbg);border-color:var(--pkln)}.prm.bad b{color:var(--pk2)}
.prm svg{display:block;width:100%;height:38px;margin-top:4px}
.prm em{display:block;font:500 11px Inter;font-style:normal;color:var(--ink3);margin-top:2px}
.labrow{display:grid;grid-template-columns:90px 1fr 1fr 1fr 110px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ln);font:500 13px Inter}.labrow:last-child{border-bottom:0}
.labrow .k{font:700 12px var(--mono)}.bad{color:var(--pk2);font-weight:700}
.sit{border:1.5px solid var(--pk2);background:linear-gradient(160deg,var(--pkbg),#fff 70%);border-radius:14px;padding:14px 16px}
.sit h4{font:700 16px Inter;margin:6px 0}.sit p{font:500 13px/1.5 Inter;color:var(--ink2)}
.k2{font:700 10.5px Inter;letter-spacing:.14em;color:var(--pk2);text-transform:uppercase;display:flex;align-items:center;gap:7px}
.act{display:grid;grid-template-columns:150px 1fr 60px;gap:8px;padding:7px 0;border-bottom:1px dashed var(--ln);font:500 12.8px Inter}.act:last-child{border-bottom:0}.act b{font:600 12px Inter;color:var(--ink2)}.act span:last-child{text-align:right;font:600 11.5px var(--mono);color:var(--ink3)}
.camp{display:grid;grid-template-columns:1fr repeat(4,74px);gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ln);font:500 12.5px Inter}.camp:last-child{border-bottom:0}
.camp .c{text-align:center;border-radius:8px;padding:5px 0;background:#fafafb;font:700 13px Inter}.camp .c small{display:block;font:500 10px Inter;color:var(--ink3)}
.camp .c.hot{background:var(--pkbg);color:var(--pk2);box-shadow:inset 0 0 0 1.5px var(--pkln)}
.notice{border-radius:12px;background:var(--ink);color:#fff;padding:12px 14px;font:500 14px/1.55 var(--font)}
.steps2 div{display:flex;align-items:center;gap:9px;font:500 12.5px Inter;color:var(--ink3);padding:4px 0}.steps2 div.on{color:var(--ink)}.steps2 div.ok{color:var(--ink)}
.steps2 i{width:15px;height:15px;border-radius:50%;border:2px solid var(--ln);flex:none}.steps2 .on i{border-color:var(--pk2);border-top-color:transparent;animation:sp .7s linear infinite}.steps2 .ok i{background:var(--pk2);border-color:var(--pk2)}
.bigst{margin-top:16px;border-radius:20px;padding:22px 18px;text-align:center}
.bigst.safe{background:var(--ink);color:#fff}.bigst.watch{background:#fff;border:2px solid var(--pk2)}.bigst.advisory{background:linear-gradient(160deg,#ff5d93,var(--pk2));color:#fff}
.bigst b{display:block;font:800 26px/1.2 var(--font)}.bigst span{display:block;font:500 14px/1.5 var(--font);margin-top:6px;opacity:.85}
.tap{height:84px;border-radius:18px;border:1.5px solid var(--ln);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 14px Inter;transition:transform .12s,border-color .2s}
.tap b{font:800 22px Inter}.tap:active{transform:scale(.96)}.tap.hot{border-color:var(--pk2);background:var(--pkbg)}.tap.hot b{color:var(--pk2)}
.taps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.task{border:1.5px solid var(--ln);border-radius:14px;padding:12px 14px;margin-top:10px}.task.on{border-color:var(--pk2)}
.kit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.kit label{font:600 11px Inter;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}.kit input{width:100%;height:44px;border:1px solid var(--ln);border-radius:10px;padding:0 12px;font:700 16px var(--mono);margin-top:4px}
@media(max-width:1100px){.gcards{grid-template-columns:repeat(2,1fr)}.params{grid-template-columns:repeat(2,1fr)}}