*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Devanagari',sans-serif;background:#f5f6f8;color:#202124}.container{width:min(1180px,94%);margin:auto}.flex{display:flex;gap:12px}.between{justify-content:space-between}.topbar{background:#111;color:#fff;padding:7px 0;font-size:13px}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#111}.brand b{display:block;font-size:28px}.brand small{display:block;color:#b00000}.logo{background:#c40000;color:#fff;padding:16px 12px;font-weight:800;border-radius:5px}.login-link,.btn{background:#c40000;color:#fff;padding:10px 16px;border-radius:4px;text-decoration:none;border:0;cursor:pointer}nav{background:#c40000}.navlinks{display:flex;flex-wrap:wrap}.navlinks a{padding:13px 16px;color:#fff;text-decoration:none}.ticker{background:#fff;margin:18px 0;padding:12px;border-left:5px solid #c40000}.grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 9px #00000012}.card img,.card video{width:100%;height:210px;object-fit:cover;background:#ddd}.card-body{padding:15px}.tag{display:inline-block;background:#ffe1e1;color:#a00000;padding:4px 8px;border-radius:3px;font-size:12px}.sidebar-box{background:#fff;padding:16px;margin-bottom:18px}.sidebar-box a{display:block;color:#222;text-decoration:none;padding:8px 0;border-bottom:1px solid #eee}.hero{background:#fff;padding:20px;margin:20px 0}.article-media{width:100%;max-height:560px;object-fit:contain;background:#111}.article-body{font-size:18px;line-height:1.8}.auth{width:min(460px,96%);margin:50px auto;background:#fff;padding:25px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-weight:bold}.form-control{width:100%;padding:11px;border:1px solid #ccc;border-radius:4px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#151515;color:#fff;padding:20px}.sidebar a{display:block;color:#fff;text-decoration:none;padding:10px;border-bottom:1px solid #333}.content{padding:24px;background:#f5f6f8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;padding:20px;border-left:5px solid #c40000}.table-wrap{overflow:auto;background:#fff;padding:15px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ddd;text-align:left}.notice{padding:10px;background:#e8fff0;border:1px solid #8fd5a9;margin-bottom:14px}.danger{background:#ffeaea;border-color:#e6a0a0}@media(max-width:800px){.grid,.dashboard{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{position:static}.brand b{font-size:21px}}
/* SNP dark dashboard */
.dashboard{background:#07131b;color:#eaf5fb;grid-template-columns:245px 1fr}.sidebar{background:linear-gradient(180deg,#10232d,#091820);border-right:1px solid #274450;box-shadow:8px 0 25px #0005;padding:24px 18px}.admin-brand{font-size:29px;font-weight:900;line-height:.9;margin:3px 10px 24px;color:#fff}.admin-brand span{display:block;color:#52c8f5;font-size:20px;margin-top:8px}.sidebar p{padding:12px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px}.sidebar a{border:0;margin:5px 0;border-radius:7px;color:#b9cbd3;padding:12px 13px}.sidebar a:hover{background:#153746;color:#fff}.content{padding:24px;background:radial-gradient(circle at 70% -10%,#17394a 0,#091820 35%,#07131b 75%);min-width:0}.snp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;border-bottom:1px solid #294551;padding-bottom:15px}.snp-head h1{margin:0;font-size:31px}.snp-head p{color:#91a9b4;margin:6px 0 0}.snp-clock{text-align:right}.snp-clock strong{display:block;font-size:25px}.snp-clock span{color:#a9bdc5}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.metric{padding:17px;border:1px solid #2b4a58;background:#10232dd9;border-radius:8px;box-shadow:0 6px 20px #0003}.metric span,.metric small{display:block;color:#b8c9d0}.metric b{display:block;font-size:28px;margin:8px 0}.metric.cyan b{color:#42c7fa}.metric.red b{color:#ff6573}.metric.amber b{color:#ffc64d}.metric.green b{color:#3ed69a}.metric.violet b{color:#a98aff}.dash-grid{display:grid;gap:14px;margin-bottom:14px}.two-one{grid-template-columns:2fr 1fr}.three-two{grid-template-columns:3fr 2fr}.panel{background:linear-gradient(145deg,#10242e,#0b1b23);border:1px solid #294651;border-radius:9px;box-shadow:0 8px 22px #0003;padding:14px;color:#eaf5fb}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #294550;padding-bottom:10px;margin-bottom:12px}.panel-title h3{margin:0;font-size:18px}.panel-title span{font-size:12px;color:#829da8}.line-chart{height:185px;display:flex;align-items:end;gap:12px;padding:15px 10px 2px;border-left:1px solid #294550;border-bottom:1px solid #294550;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#ffffff0c 45px)}.line-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.line-col i{width:65%;background:linear-gradient(#38c8ef,#4c75e8);border-radius:8px 8px 2px 2px;box-shadow:0 0 12px #38c8ef55}.line-col b{font-size:11px;color:#b7cbd3;margin-top:6px}.line-col small{font-size:10px;color:#5de1ff}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:25px;min-height:185px}.donut{--p:60;width:135px;height:135px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#3bc8f4 calc(var(--p)*1%),#ffc64d 0 72%,#283e49 0);position:relative}.donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#10242e}.donut b,.donut small{z-index:1}.donut b{font-size:20px}.legend p{font-size:12px;color:#aac0c9}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.lg-cyan{background:#3bc8f4}.lg-amber{background:#ffc64d}.lg-green{background:#3ed69a}.bar-row{display:grid;grid-template-columns:110px 1fr 42px;align-items:center;gap:9px;margin:10px 0}.bar-row label{font-size:13px}.bar-row label small{display:block;color:#718e99}.bar-row>div{height:10px;background:#263d47;border-radius:20px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#28a9dc,#58dbaf);border-radius:20px}.bar-row>b{text-align:right;color:#6cddff}.reporter{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #203a45}.reporter>span{width:36px;height:36px;border-radius:50%;display:grid;place-content:center;background:#1c6277;color:#fff;font-weight:bold}.reporter div{flex:1}.reporter small{display:block;color:#77949f}.reporter em{font-style:normal;color:#48d5a3;font-size:12px}.top-news a{display:flex;align-items:center;gap:10px;padding:9px;color:#e8f3f7;text-decoration:none;border-bottom:1px solid #203945}.top-news a:hover{background:#ffffff08}.top-news strong{width:26px;height:26px;display:grid;place-content:center;border-radius:5px;background:#153d4c;color:#52cdf8}.top-news div{flex:1}.top-news div b{display:block;font-size:13px}.top-news div small{color:#78949e}.top-news em{font-style:normal;color:#ffc74d}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.workflow div{text-align:center;background:#152d38;padding:10px;border-radius:6px}.workflow b{display:block;font-size:23px;color:#5edbff}.workflow span{font-size:11px;color:#9bb1ba}.activity{margin-top:10px;max-height:170px;overflow:auto}.activity p{display:flex;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #1f3741;font-size:12px}.activity p i{width:8px;height:8px;border-radius:50%;background:#45d29b;margin-top:5px}.activity small{display:block;color:#708e99;margin-top:3px}.empty{color:#78929d;text-align:center;padding:30px}
/* Public dashboard */
.public-dash-body{background:#07131b;color:#eaf5fb}.public-shell{display:grid;grid-template-columns:225px 1fr;min-height:100vh;padding:18px;background:radial-gradient(circle at 70% 0,#173846,#07131b 50%)}.public-side{border:1px solid #2f5666;background:#0d2029;border-radius:15px 0 0 15px;padding:25px 13px}.snp-logo{font-size:32px;font-weight:900;line-height:.85;padding:10px;color:#fff;margin-bottom:22px}.snp-logo span{color:#52caf8;font-size:20px}.public-side a{display:block;padding:13px;color:#a9bec7;text-decoration:none;border-radius:6px;margin:4px 0}.public-side a.active,.public-side a:hover{background:#1b4050;color:white}.public-main{border:1px solid #2f5666;border-left:0;border-radius:0 15px 15px 0;padding:15px;min-width:0}.public-main header h1{font-size:29px;margin:4px 0 17px}.live-strip{display:flex;background:#102733;border:1px solid #345461;border-radius:6px;padding:7px;gap:15px}.live-strip b{background:#d73545;border-radius:5px;padding:5px 12px}.live-strip marquee{padding:5px;color:#d9e8ed}.public-grid{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:12px;margin-top:12px}.gauge-row{display:flex;justify-content:space-around;padding:22px}.gauge{width:150px;height:80px;border-radius:150px 150px 0 0;border:18px solid #223e49;border-bottom:0;position:relative;text-align:center;padding-top:25px}.gauge.cyan{border-top-color:#37bde9;border-left-color:#37bde9}.gauge.red{border-top-color:#df4b59;border-left-color:#df4b59}.gauge b{font-size:28px}.gauge span{display:block;font-size:12px;margin-top:21px;color:#b4c6cd}.css-map{height:180px;margin:5px 15px;background:#143847;clip-path:polygon(8% 32%,22% 15%,38% 25%,55% 8%,72% 24%,93% 18%,88% 48%,96% 66%,77% 83%,59% 77%,42% 93%,22% 80%,5% 60%);position:relative;display:grid;place-content:center;border:2px solid #4ad1f1;box-shadow:inset 0 0 35px #37cdf044,0 0 18px #37cdf033}.css-map span{font-size:19px;font-weight:bold}.css-map i{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff535f;box-shadow:0 0 18px #ff535f}.css-map .p1{left:25%;top:35%}.css-map .p2{left:65%;top:30%}.css-map .p3{left:53%;top:65%}.css-map .p4{left:78%;top:57%}.compact a{padding:7px}.public-lower{display:grid;grid-template-columns:3fr 1fr;gap:12px;margin-top:12px}.tehsil-chart{height:220px;display:flex;align-items:end;gap:7px;padding:12px;border-bottom:1px solid #35515d}.tehsil-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center}.tehsil-chart i{display:block;min-height:8px;background:linear-gradient(#3cc8ee,#4a7be7);border-radius:5px 5px 0 0}.tehsil-chart b{font-size:10px;writing-mode:vertical-rl;height:55px;margin:5px auto}.tehsil-chart small{color:#63d9f9}.action-card{display:flex;flex-direction:column;justify-content:center;text-align:center}.action-card p{color:#8ca5af;line-height:1.6}.action-card .btn{display:inline-block;align-self:center;background:#284451;border:1px solid #567580;border-radius:25px}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-one,.three-two,.public-grid,.public-lower{grid-template-columns:1fr}.public-shell{grid-template-columns:1fr;padding:0}.public-side{border-radius:0}.public-main{border-left:1px solid #2f5666;border-radius:0}.public-side a{display:inline-block}.dashboard{grid-template-columns:1fr}.snp-head{align-items:flex-start}.bar-row{grid-template-columns:90px 1fr 35px}}
/* Exact public dashboard layout v5 */
.snp-public-body{margin:0;background:#06131b;color:#e7f2f6;font-family:Arial,'Noto Sans Devanagari',sans-serif;overflow-x:hidden}.snp-frame{min-height:100vh;display:grid;grid-template-columns:230px 1fr;padding:10px;background:linear-gradient(135deg,#0a1922,#06121a 55%,#0b202b);border:1px solid #314d59;border-radius:28px;box-shadow:inset 0 0 0 7px #0d2631,0 0 0 1px #6b8790}.snp-nav{background:linear-gradient(180deg,#102630,#081922);border:1px solid #294b58;border-radius:23px 0 0 23px;overflow:hidden}.snp-brand{height:112px;padding:23px 30px;border-bottom:1px solid #31505c;position:relative;line-height:.85}.snp-brand b{display:block;font-size:31px;color:#fff}.snp-brand span{display:block;font-size:21px;color:#44c9f4;margin-top:11px;font-weight:900}.snp-brand i{position:absolute;right:26px;top:30px;color:#8edbfa;font-size:26px}.snp-nav nav{background:none;padding:22px 14px}.snp-nav a{display:flex;align-items:center;gap:13px;color:#a8bcc4;text-decoration:none;padding:13px 14px;margin:5px 0;border-radius:5px;font-size:16px}.snp-nav a span{width:22px;text-align:center}.snp-nav a.active,.snp-nav a:hover{background:#1b3d4b;color:#fff;border-left:3px solid #3cd0f5}.snp-content{border:1px solid #294b58;border-left:0;border-radius:0 23px 23px 0;padding:0 13px 13px;min-width:0;background:linear-gradient(180deg,#0d232e,#071820)}.snp-public-head{height:102px;display:flex;align-items:center;border-bottom:1px solid #294b58}.snp-public-head h1{font-size:34px;font-weight:500;margin:0 7px;color:#f0f5f7}.snp-live{height:48px;margin:11px 0;display:flex;align-items:center;gap:15px;background:#102a36;border:1px solid #345463;border-radius:5px;padding:5px 8px}.snp-live strong{background:#d83d4d;padding:9px 14px;border-radius:5px;font-size:19px}.snp-live>div{display:flex;min-width:0;flex:1;align-items:center;color:#d7e2e6}.snp-live b{color:#f2c253;margin-right:7px;white-space:nowrap}.snp-live marquee{flex:1}.snp-box{background:linear-gradient(145deg,#102732,#0b1e27);border:1px solid #31515d;border-radius:8px;box-shadow:0 8px 20px #0005;min-width:0}.box-head{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px 8px;border-bottom:1px solid #294753}.box-head h2{font-size:18px;margin:0;font-weight:500}.box-head p{font-size:11px;color:#7f9aa5;margin:4px 0 0}.box-head button{border:0;background:none;color:#9eb1b9;font-size:16px}.snp-top-grid{display:grid;grid-template-columns:1.15fr 1.25fr .85fr;gap:11px;height:245px}.flow-box,.map-box,.popular-box{height:245px}.meter-wrap{display:flex;justify-content:space-around;align-items:center;height:190px;padding-top:20px}.semi-meter{width:145px;height:73px;border-radius:145px 145px 0 0;position:relative;background:#29434e;overflow:visible}.semi-meter:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 270deg at 50% 100%,var(--meter) 0 42%,transparent 42% 100%);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--meter) 55%,transparent))}.semi-meter:after{content:"";position:absolute;left:19px;right:19px;top:19px;height:54px;background:#0d2029;border-radius:110px 110px 0 0}.semi-meter.blue{--meter:#36bee9}.semi-meter.coral{--meter:#ed4d5b}.meter-value{position:absolute;z-index:2;left:0;right:0;top:29px;text-align:center;font-size:28px;font-weight:700}.semi-meter label{position:absolute;top:95px;width:165px;left:-10px;text-align:center;font-size:14px;color:#dce8ec}.map-box{position:relative;overflow:hidden}.map-tools{position:absolute;z-index:4;left:10px;top:17px;display:flex;flex-direction:column}.map-tools button,.layers{background:#172d37;color:#d7e3e7;border:1px solid #425c67;width:24px;height:25px}.layers{position:absolute;right:10px;top:17px;z-index:4}.sagar-map{position:absolute;inset:21px 24px 27px 36px;background:linear-gradient(145deg,#183f4f,#102b38);clip-path:polygon(7% 32%,24% 12%,39% 22%,56% 6%,71% 22%,92% 16%,87% 46%,96% 68%,78% 86%,59% 78%,42% 94%,22% 80%,4% 58%);filter:drop-shadow(0 0 10px #39cef177);border:2px solid #5ccfe9}.sagar-map:after{content:"";position:absolute;inset:9px;background:repeating-linear-gradient(70deg,transparent 0 38px,#7899a722 39px 40px),repeating-linear-gradient(-35deg,transparent 0 49px,#7899a722 50px 51px)}.city{position:absolute;z-index:3;font-size:10px;color:#f0f5f7;text-shadow:0 1px 2px #000}.city.deori{left:34%;top:26%}.city.khurai{left:62%;top:22%}.city.sagar{left:49%;top:48%;font-size:12px;font-weight:bold}.city.bina{left:78%;top:37%}.city.banda{left:24%;top:56%}.heat{position:absolute;z-index:2;width:20px;height:20px;border-radius:50%;background:#ff4f55;box-shadow:0 0 8px 5px #ff5155,0 0 20px 14px #ffc84d99,0 0 35px 24px #51e39866}.h1{left:29%;top:48%}.h2{left:57%;top:34%}.h3{left:70%;top:62%}.h4{left:47%;top:70%}.map-legend{position:absolute;right:11px;bottom:7px;font-size:9px;color:#8fa6af}.tehsil-key,.density-key{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px}.tehsil-key{background:#397996}.density-key{background:#ef5c55}.popular-list{padding:4px 8px;overflow:hidden}.popular-list a{height:38px;display:grid;grid-template-columns:57px 1fr 42px;align-items:center;gap:7px;color:#e8f1f4;text-decoration:none;border-bottom:1px solid #223d48}.popular-list .thumb{height:31px;border-radius:3px;overflow:hidden;background:linear-gradient(135deg,#557080,#293e48);display:grid;place-items:center}.popular-list img{width:100%;height:100%;object-fit:cover}.popular-list .thumb i{font-size:8px;color:#fff;font-style:normal}.popular-list b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-list small{font-size:9px;color:#839ba5}.snp-bottom-grid{display:grid;grid-template-columns:2.2fr .95fr .95fr;grid-template-rows:166px 96px;gap:11px;margin-top:11px}.trend-box{grid-row:1/3}.trend-box select{background:#122a35;border:1px solid #3b5864;color:#d5e2e7;padding:5px 9px;border-radius:4px}.trend-legend{font-size:10px;color:#9bb0b9;padding:7px 14px}.trend-legend span{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 12px}.trend-legend .crime{background:#49a4ef}.trend-legend .politics{background:#ed5a61}.trend-legend .education{background:#f1bd47}.trend-legend .other{background:#45c69d}.trend-chart{height:165px;margin:0 13px 11px;display:flex;align-items:end;gap:7px;border-left:1px solid #294955;border-bottom:1px solid #294955;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#ffffff0d 40px)}.trend-col{position:relative;flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:1px}.trend-col i{width:6px;border-radius:4px 4px 0 0}.trend-col .c1{background:#48a7f1}.trend-col .c2{background:#e75761}.trend-col .c3{background:#eebd49}.trend-col b{position:absolute;bottom:-16px;font-size:8px;color:#9caeb5;max-width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row{display:flex;align-items:center;gap:9px;padding:6px 11px;border-bottom:1px solid #203b46}.rank-row>span{width:31px;height:31px;border-radius:50%;background:#d59d45;display:grid;place-items:center;color:white;font-weight:bold}.rank-row div{flex:1;min-width:0}.rank-row b{display:block;font-size:11px}.rank-row small{display:block;font-size:9px;color:#829aa4}.rank-row em{font-style:normal;color:#47d39f;font-size:11px}.poll-box{padding-bottom:8px}.poll-box h3{font-size:12px;margin:8px 12px}.poll-box label{font-size:10px;display:flex;justify-content:space-between;margin:5px 12px 2px}.poll-box>div:not(.box-head){height:7px;margin:0 12px;background:#263d47;border-radius:5px;overflow:hidden}.poll-box>div i{display:block;height:100%;background:#43ca99}.poll-box>div.no i{background:#e95d63}.poll-box>div.maybe i{background:#8578e8}.mini{min-height:96px}.mini .box-head{padding:7px 9px 5px}.mini .box-head h2{font-size:14px}.mini>div:not(.box-head){height:60px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:30px 22px;align-items:center;padding:5px 12px}.mini span{grid-row:1/3;font-size:27px}.mini b{font-size:20px}.mini small{font-size:9px;color:#839ba5}.calendar span{border:2px solid #6b8490;border-radius:7px;text-align:center;font-size:22px}.report-card{position:relative;overflow:hidden}.report-card:after{content:"✦";position:absolute;right:18px;top:20px;font-size:50px;color:#bed0d733}.report-card a{display:block;margin:13px auto;width:145px;text-align:center;background:#526570;color:#fff;text-decoration:none;padding:10px;border-radius:24px;position:relative;z-index:2}@media(max-width:1050px){.snp-frame{grid-template-columns:1fr;padding:0;border-radius:0}.snp-nav{border-radius:0}.snp-nav nav{padding:8px}.snp-nav a{display:inline-flex}.snp-content{border-left:1px solid #294b58;border-radius:0}.snp-top-grid,.snp-bottom-grid{height:auto;grid-template-columns:1fr}.flow-box,.map-box,.popular-box{height:245px}.trend-box{grid-row:auto}.snp-public-head{height:75px}.snp-public-head h1{font-size:24px}}@media(max-width:650px){.snp-brand{height:85px}.snp-top-grid{grid-template-columns:1fr}.meter-wrap{transform:scale(.85)}.snp-live b{display:none}.snp-nav a{font-size:12px;padding:8px}.snp-bottom-grid{grid-template-columns:1fr;grid-template-rows:auto}.trend-chart{overflow-x:auto}.snp-public-head h1{font-size:20px}}
/* News portal homepage inspired by modern Hindi news sites */
.newsportal-body{margin:0;background:#f5f5f5;color:#171717;font-family:Arial,"Noto Sans Devanagari",sans-serif}.np-container{width:min(1180px,calc(100% - 28px));margin:auto}.np-top{height:32px;background:#171717;color:#ddd;font-size:12px}.np-top .np-container{display:flex;align-items:center;justify-content:space-between;height:100%}.np-header{background:#fff;border-bottom:1px solid #e6e6e6}.np-headrow{height:94px;display:flex;align-items:center;gap:25px}.np-logo{display:flex;align-items:center;text-decoration:none;color:#111;min-width:360px}.np-logo>span{display:grid;place-items:center;width:66px;height:66px;background:#d71920;color:#fff;border-radius:5px;font-size:25px;font-weight:900}.np-logo div{margin-left:13px}.np-logo b{display:block;font-size:29px;letter-spacing:.5px}.np-logo small{display:block;color:#d71920;margin-top:5px}.np-ad{flex:1;height:56px;border:1px dashed #bbb;background:#fafafa;display:grid;place-items:center;color:#999}.np-login{background:#d71920;color:#fff;padding:11px 22px;text-decoration:none;border-radius:4px;font-weight:bold}.np-nav{background:#c90008;box-shadow:0 2px 6px #0002;position:sticky;top:0;z-index:20}.np-nav .np-container{display:flex;overflow-x:auto}.np-nav a{color:#fff;text-decoration:none;padding:14px 18px;white-space:nowrap;font-weight:700;font-size:15px}.np-nav a:hover,.np-nav a.active{background:#9e0006}.np-ticker{background:#fff;border-bottom:1px solid #ddd}.np-ticker .np-container{height:44px;display:flex;align-items:center;overflow:hidden}.np-ticker b{background:#171717;color:#fff;padding:9px 14px;margin-right:13px;font-size:12px}.np-marquee{overflow:hidden;white-space:nowrap;flex:1}.np-marquee span{display:inline-block;animation:npScroll 28s linear infinite;color:#444}@keyframes npScroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.np-main{padding:18px 0 35px}.np-leadgrid{display:grid;grid-template-columns:1.65fr 1fr;gap:13px;margin-bottom:20px}.np-lead{height:430px;position:relative;overflow:hidden;background:#222;color:#fff;text-decoration:none}.np-lead img{width:100%;height:100%;object-fit:cover;transition:.35s}.np-lead:hover img,.np-card:hover img,.np-smalllead:hover img{transform:scale(1.035)}.np-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.88))}.np-overlay{position:absolute;z-index:2;left:25px;right:25px;bottom:22px}.np-overlay span,.np-card span,.np-horizontal span{display:inline-block;background:#d71920;color:#fff;font-size:11px;font-weight:bold;padding:5px 8px}.np-overlay h1{font-size:31px;line-height:1.25;margin:10px 0 7px}.np-overlay p{margin:0;color:#ddd}.np-sidelead{display:grid;grid-template-columns:1fr 1fr;gap:12px}.np-smalllead{background:#fff;text-decoration:none;color:#151515;overflow:hidden;box-shadow:0 1px 4px #0001}.np-smalllead img{width:100%;height:130px;object-fit:cover;transition:.3s}.np-smalllead div{padding:9px}.np-smalllead span,.np-listitem span{font-size:11px;color:#d71920;font-weight:bold}.np-smalllead h3{font-size:15px;line-height:1.35;margin:5px 0}.np-smalllead small,.np-listitem small{font-size:11px;color:#888}.np-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.np-section{background:#fff;margin-bottom:20px;padding:0 16px 17px;border-top:3px solid #d71920;box-shadow:0 1px 4px #0001}.np-sectionhead{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8;margin-bottom:15px}.np-sectionhead h2{font-size:23px;margin:0}.np-sectionhead a{color:#d71920;text-decoration:none;font-size:13px;font-weight:bold}.np-cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.np-card a{text-decoration:none;color:#161616}.np-img{height:145px;position:relative;overflow:hidden;background:#ddd}.np-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.np-img i,.np-videogrid i{position:absolute;left:12px;bottom:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d71920;color:#fff;font-style:normal}.np-card span{margin-top:9px}.np-card h3{font-size:17px;line-height:1.4;margin:7px 0}.np-card p{font-size:13px;color:#666;line-height:1.45;margin:0}.np-listgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.np-listitem{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #eee;text-decoration:none;color:#151515}.np-listitem img{width:135px;height:82px;object-fit:cover}.np-listitem h3{font-size:16px;line-height:1.4;margin:5px 0}.np-horizontal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.np-horizontal a{color:#171717;text-decoration:none}.np-horizontal img{width:100%;height:115px;object-fit:cover}.np-horizontal h3{font-size:15px;line-height:1.4;margin:6px 0}.np-video{background:#171717;color:#fff;border-top-color:#e1282e}.np-video .np-sectionhead{border-color:#333}.np-videogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.np-videogrid a{color:#fff;text-decoration:none}.np-videogrid a>div{height:125px;position:relative;overflow:hidden}.np-videogrid img{width:100%;height:100%;object-fit:cover}.np-videogrid h3{font-size:15px;line-height:1.4}.np-widget{background:#fff;border-top:3px solid #171717;padding:14px;margin-bottom:18px;box-shadow:0 1px 4px #0001}.np-widget>h3{margin:0 0 12px;font-size:20px}.np-tehsils{display:grid;grid-template-columns:1fr 1fr}.np-tehsils a{display:flex;justify-content:space-between;color:#333;text-decoration:none;padding:9px 6px;border-bottom:1px solid #eee;font-size:13px}.np-tehsils b{color:#d71920}.np-ranked{display:grid;grid-template-columns:33px 1fr;gap:10px;align-items:start;text-decoration:none;color:#222;padding:11px 0;border-bottom:1px solid #eee}.np-ranked>b{font-size:27px;color:#d71920}.np-ranked span{font-size:14px;line-height:1.4}.np-report{background:#202020;color:#fff;border-color:#d71920}.np-report p{color:#bbb;line-height:1.6}.np-report a{display:block;text-align:center;padding:11px;background:#d71920;color:#fff;text-decoration:none;font-weight:bold}.np-footer{background:#171717;color:#ddd;text-align:center;padding:35px 0}.np-footer b{font-size:25px;color:#fff}.np-footer p{color:#aaa}.np-footer small{color:#777}@media(max-width:900px){.np-headrow{height:auto;padding:14px 0}.np-logo{min-width:0;flex:1}.np-logo b{font-size:22px}.np-ad{display:none}.np-leadgrid,.np-layout{grid-template-columns:1fr}.np-lead{height:380px}.np-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.np-cardgrid{grid-template-columns:repeat(2,1fr)}.np-horizontal,.np-videogrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.np-container{width:min(100% - 18px,1180px)}.np-logo>span{width:50px;height:50px;font-size:20px}.np-logo b{font-size:17px}.np-logo small{font-size:10px}.np-login{padding:9px 12px}.np-nav a{padding:12px 13px;font-size:13px}.np-lead{height:330px}.np-overlay{left:15px;right:15px}.np-overlay h1{font-size:23px}.np-sidelead{grid-template-columns:1fr 1fr}.np-smalllead img{height:100px}.np-smalllead h3{font-size:13px}.np-cardgrid,.np-listgrid,.np-horizontal,.np-videogrid,.np-sidebar{grid-template-columns:1fr}.np-listitem{grid-template-columns:115px 1fr}.np-listitem img{width:115px;height:76px}.np-cardgrid{gap:20px}.np-img{height:205px}}

/* Admin panel color and contrast fix */
.dashboard .content{color:#eaf5fb}
.dashboard .content>h1{color:#ffffff;margin:12px 0 20px;font-size:30px}
.dashboard .content form{background:linear-gradient(145deg,#10242e,#0b1b23);border:1px solid #294651;border-radius:10px;padding:18px;box-shadow:0 8px 22px #0003}
.dashboard .content .form-control,
.dashboard .content input,
.dashboard .content select,
.dashboard .content textarea{background:#f7fafc!important;color:#17242b!important;border:1px solid #9fb2bb!important;border-radius:5px!important;outline:none}
.dashboard .content .form-control::placeholder,
.dashboard .content input::placeholder,
.dashboard .content textarea::placeholder{color:#697b84!important;opacity:1}
.dashboard .content .form-control:focus,
.dashboard .content input:focus,
.dashboard .content select:focus,
.dashboard .content textarea:focus{border-color:#39bfe9!important;box-shadow:0 0 0 3px #39bfe933!important}
.dashboard .content .btn{background:#d71920;color:#fff;font-weight:700;border:0;box-shadow:0 4px 10px #0004}
.dashboard .content .btn:hover{background:#f02b32}
.dashboard .table-wrap{background:linear-gradient(145deg,#10242e,#0b1b23)!important;border:1px solid #294651;border-radius:10px;padding:14px!important;box-shadow:0 8px 22px #0003}
.dashboard .table-wrap table{color:#eaf5fb;background:transparent}
.dashboard .table-wrap th{background:#173542;color:#72d8ff;font-weight:800;border-bottom:1px solid #3b5d6a;white-space:nowrap}
.dashboard .table-wrap td{color:#e2edf2;border-bottom:1px solid #203945}
.dashboard .table-wrap tr:nth-child(even) td{background:#ffffff05}
.dashboard .table-wrap tr:hover td{background:#1a3d4b;color:#fff}
.dashboard .notice{background:#12382d;color:#7ff0bb;border-color:#2c7d62;border-radius:7px}
.dashboard .danger{background:#451e24;color:#ffb1b7;border-color:#87424b}
.dashboard label{color:#c9d9df;font-weight:700}
.dashboard small{color:#9db2bb}
.dashboard .flex{align-items:stretch}
.dashboard .flex>*{min-width:0}
@media(max-width:800px){
  .dashboard .content{padding:16px}
  .dashboard .content form{padding:13px}
  .dashboard .content .flex{flex-direction:column}
  .dashboard .table-wrap{padding:8px!important}
  .dashboard .table-wrap th,.dashboard .table-wrap td{padding:9px 8px;font-size:13px}
}

/* =========================================================
   SNP ADMIN DASHBOARD - RESPONSIVE LAYOUT FIX (2026-07-23)
   Kept at the end intentionally so older bundled rules cannot override it.
   ========================================================= */
html,body.admin-body{min-height:100%;background:#07131b}
body.admin-body{overflow-x:hidden}
.admin-body .dashboard{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;min-height:100vh;width:100%;background:#07131b;color:#eaf5fb}
.admin-body .sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;z-index:100;padding:20px 16px 16px;background:linear-gradient(180deg,#102630 0%,#091820 72%,#07131b 100%);border-right:1px solid #294854;box-shadow:8px 0 25px rgba(0,0,0,.28)}
.admin-body .sidebar::-webkit-scrollbar{width:5px}.admin-body .sidebar::-webkit-scrollbar-thumb{background:#315462;border-radius:10px}
.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.admin-body .admin-brand{display:block;margin:1px 8px 20px;padding:0;color:#fff;text-decoration:none;font-size:28px;font-weight:900;line-height:.9;border:0}
.admin-body .admin-brand:hover{background:transparent}
.admin-body .admin-brand span{display:block;color:#52c8f5;font-size:19px;margin-top:8px}
.admin-body .admin-brand small{display:block;color:#6e8d99;font-size:8px;letter-spacing:2px;margin-top:10px}
.sidebar-close{display:none;background:transparent;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.admin-user-card{display:flex;align-items:center;gap:10px;padding:11px;margin:0 2px 13px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px}
.admin-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-content:center;background:linear-gradient(145deg,#2bb7e7,#285a83);font-weight:900;color:#fff}
.admin-user-card div{min-width:0}.admin-user-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-card small{display:block;margin-top:3px;color:#82a3b0;font-size:11px}
.admin-side-search{display:grid!important;grid-template-columns:minmax(0,1fr) 38px;gap:0!important;padding:0!important;margin:0 2px 13px!important;background:#0a1921!important;border:1px solid #294a57!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden}
.admin-side-search input{width:100%;min-width:0;padding:10px 11px!important;background:transparent!important;color:#eaf5fb!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:13px}
.admin-side-search input::placeholder{color:#718e99!important}.admin-side-search button{border:0;background:#173845;color:#61d7ff;font-size:20px;cursor:pointer}
.admin-menu{display:block}.admin-menu a{display:flex!important;align-items:center;gap:11px;margin:4px 0!important;padding:11px 12px!important;border:0!important;border-radius:7px!important;color:#afc3cb!important;text-decoration:none;transition:.18s}
.admin-menu a i{width:23px;flex:0 0 23px;text-align:center;color:#5fcff6;font-style:normal;font-size:17px}.admin-menu a span{font-size:14px}
.admin-menu a:hover,.admin-menu a.active{background:linear-gradient(90deg,#1b4555,#153541)!important;color:#fff!important;box-shadow:inset 3px 0 #4bcdf9}
.sidebar-footer-links{margin-top:18px;padding-top:12px;border-top:1px solid #25424d}
.sidebar-footer-links a{display:flex!important;align-items:center;justify-content:space-between;margin:2px 0!important;padding:10px 12px!important;border:0!important;border-radius:7px!important;color:#8eaab5!important;text-decoration:none;font-size:12px}
.sidebar-footer-links a:hover{background:#153541!important;color:#fff!important}.sidebar-footer-links .logout-link{color:#ff8d96!important}
.admin-stage{min-width:0;min-height:100vh;background:radial-gradient(circle at 72% -10%,#17394a 0,#091820 36%,#07131b 76%)}
.admin-mobilebar{display:none}
.admin-body .content{min-width:0;width:100%;padding:22px 24px 30px!important;background:transparent!important;color:#eaf5fb}
.sidebar-overlay{display:none}

.snp-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;border-bottom:1px solid #294551;padding-bottom:15px}
.snp-head h1{margin:0!important;color:#fff;font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2}.snp-head p{color:#91a9b4;margin:6px 0 0}
.snp-head-actions{display:flex;align-items:center;gap:16px}.head-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:7px;background:#d71920;color:#fff;text-decoration:none;font-weight:800;font-size:13px;white-space:nowrap;box-shadow:0 5px 15px #0004}.head-action:hover{background:#f02b32}
.snp-clock{text-align:right;min-width:72px}.snp-clock strong{display:block;font-size:25px}.snp-clock span{display:block;color:#a9bdc5;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px;margin-bottom:14px}
.metric{display:block;min-width:0;padding:17px;border:1px solid #2b4a58;background:#10232dd9;border-radius:9px;box-shadow:0 6px 20px #0003;text-decoration:none;color:#eaf5fb;transition:transform .18s,border-color .18s,box-shadow .18s}
.metric:hover{transform:translateY(-2px);border-color:#48717f;box-shadow:0 10px 25px #0005}.metric span,.metric small{display:block;color:#b8c9d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric b{display:block;font-size:28px;margin:8px 0}
.dash-grid{display:grid!important;gap:14px;margin-bottom:14px;min-width:0}.two-one{grid-template-columns:minmax(0,2fr) minmax(290px,1fr)!important}.three-two{grid-template-columns:minmax(0,3fr) minmax(300px,2fr)!important}
.panel{min-width:0;overflow:hidden}.panel-title{gap:12px}.panel-title h3{min-width:0}.panel-title span{white-space:nowrap}
.line-chart{overflow-x:auto;overflow-y:hidden}.line-col{min-width:34px}.donut-wrap{flex-wrap:wrap}.bar-list,.reporter-list,.top-news,.activity{min-width:0}
.top-news a div,.reporter div,.activity p span{min-width:0}.top-news div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity p span{overflow-wrap:anywhere}
.admin-body .content form:not(.admin-side-search){width:100%;overflow:hidden}.admin-body .content .flex{display:flex;gap:12px;flex-wrap:wrap}.admin-body .content .flex>.form-group{flex:1 1 220px}.admin-body .content .form-group{min-width:0}.admin-body .content textarea{resize:vertical}.admin-body .content a{overflow-wrap:anywhere}
.admin-body .table-wrap{width:100%;max-width:100%;overflow:auto}.admin-body .table-wrap table{min-width:720px}.admin-body .table-wrap a{color:#6ed9ff;font-weight:700;text-decoration:none}.admin-body .table-wrap a:hover{text-decoration:underline}

@media(max-width:1320px){
  .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .two-one,.three-two{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)!important}
}
@media(max-width:1050px){
  .admin-body .dashboard{grid-template-columns:230px minmax(0,1fr)!important}
  .admin-body .content{padding:20px!important}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .two-one,.three-two{grid-template-columns:1fr!important}
  .donut-wrap{min-height:155px}
}
@media(max-width:900px){
  .admin-body .dashboard{display:block!important;min-height:100vh}
  .admin-body .sidebar{position:fixed;left:0;top:0;width:min(290px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;z-index:1002;box-shadow:14px 0 35px rgba(0,0,0,.5)}
  .admin-body .dashboard.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar-close{display:block}
  .admin-stage{min-height:100vh}
  .admin-mobilebar{position:sticky;top:0;z-index:900;height:62px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:8px 13px;background:#0c2029eF;border-bottom:1px solid #294955;backdrop-filter:blur(12px)}
  .menu-toggle,.mobile-add{width:40px;height:40px;border:1px solid #31525e;border-radius:8px;display:grid;place-content:center;background:#153440;color:#fff;text-decoration:none;font-size:21px;cursor:pointer}
  .admin-mobilebar>div{min-width:0;text-align:center}.admin-mobilebar b{display:block;font-size:14px;letter-spacing:.4px}.admin-mobilebar small{display:block;color:#79a0ae;font-size:10px;margin-top:2px}
  .sidebar-overlay{position:fixed;inset:0;z-index:1001;display:block;border:0;background:#0009;opacity:0;visibility:hidden;transition:.2s;cursor:pointer}
  .admin-body .dashboard.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}
  .admin-body .content{padding:16px!important}
  .snp-head{align-items:flex-start}.head-action{display:none}.snp-clock span{max-width:100px}
}
@media(max-width:620px){
  .admin-body .content{padding:13px!important}
  .snp-head{gap:10px}.snp-head h1{font-size:22px!important}.snp-head p{font-size:12px}.snp-clock strong{font-size:20px}.snp-clock span{font-size:11px}
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:9px}.metric{padding:13px}.metric b{font-size:23px;margin:6px 0}.metric span{font-size:12px}.metric small{font-size:10px}
  .panel{padding:12px}.panel-title h3{font-size:16px}.panel-title span{font-size:10px}
  .line-chart{height:165px;gap:7px;padding-left:5px;padding-right:5px}.line-col{min-width:27px}.line-col i{width:72%}
  .bar-row{grid-template-columns:90px minmax(80px,1fr) 34px;gap:7px}.bar-row label{font-size:12px}.bar-row label small{font-size:9px}
  .workflow{gap:6px}.workflow div{padding:8px 4px}.workflow b{font-size:20px}
  .reporter{padding:8px 2px}.reporter>span{width:32px;height:32px}.reporter em{font-size:10px}
  .top-news a{padding:9px 2px}.top-news em{font-size:11px}
  .admin-body .content>h1{font-size:24px!important}.admin-body .content form:not(.admin-side-search){padding:13px!important}
}
@media(max-width:420px){
  .metric-grid{grid-template-columns:1fr!important}.metric{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px}.metric b{grid-row:1/3;grid-column:2;margin:0;font-size:26px}.metric small{grid-column:1}
  .donut{width:120px;height:120px}.donut:after{inset:20px}.donut-wrap{gap:12px}
}
.admin-list-head{margin-bottom:14px}.list-search-form{margin-bottom:14px}.search-button-group{flex:0 0 auto!important;align-self:flex-end}.search-button-group .btn{display:inline-block;margin-right:6px}.btn.secondary{background:#31505c!important;color:#fff;text-decoration:none}@media(max-width:620px){.search-button-group{width:100%}.search-button-group label{display:none}.search-button-group .btn{width:auto}}
.inline-password-form,.inline-toggle-form{display:inline-flex!important;align-items:center;gap:6px!important;padding:0!important;margin:2px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}.inline-password-form input{width:145px!important;padding:8px!important}.inline-password-form .btn,.inline-toggle-form .btn{padding:8px 10px!important;white-space:nowrap}@media(max-width:800px){.inline-password-form{display:flex!important}.inline-password-form input{width:150px!important}}