:root{--water:#0b5ea8;--aqua:#18b6c4;--navy:#0a2540;--light:#f3f7fa;--green:#22a06b;--orange:#f39c12;--red:#e74c3c}
body{font-family:'Inter','Noto Sans Devanagari',system-ui,sans-serif;background:var(--light);color:#1b2a3a}
.nwh-nav{background:linear-gradient(90deg,var(--navy),var(--water));box-shadow:0 2px 12px rgba(0,0,0,.15)}
.nwh-nav .navbar-brand,.nwh-nav .nav-link{color:#fff!important}
.nwh-nav .navbar-brand small{opacity:.85}
.brand-icon{width:42px;height:42px;border-radius:50%;background:var(--aqua);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.btn-aqua{background:var(--aqua);color:#fff;border:none}
.btn-aqua:hover{background:#12a0ac;color:#fff}
.hero{background:linear-gradient(135deg,var(--navy),var(--water) 60%,var(--aqua));color:#fff;border-radius:18px;padding:40px 28px;animation:fadeUp .6s ease}
.hero-tagline{font-size:1.05rem;opacity:.95}
.hero-icon{font-size:110px;color:rgba(255,255,255,.85);animation:float 3s ease-in-out infinite}
.nwh-card{border:none;border-radius:16px;box-shadow:0 6px 22px rgba(10,37,64,.08);animation:fadeUp .5s ease}
.awareness-banner{border-left:5px solid var(--aqua);border-radius:12px}
.stat-card{background:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 6px 18px rgba(10,37,64,.08);border-top:4px solid var(--aqua)}
.stat-card i{font-size:22px;color:var(--water)}
.stat-card .num{font-size:28px;font-weight:700;color:var(--navy)}
.stat-green{border-top-color:var(--green)} .stat-green i{color:var(--green)}
.stat-orange{border-top-color:var(--orange)} .stat-orange i{color:var(--orange)}
.stat-red{border-top-color:var(--red)} .stat-red i{color:var(--red)}
.stat-blue{border-top-color:var(--water)}
.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;background:#e9ecef;color:#333}
.status-pending{background:#fff1d6;color:#a86200}
.status-accepted{background:#dbeeff;color:#0b5ea8}
.status-in-progress{background:#d9f5f8;color:#0a7c88}
.status-resolved{background:#d8f3e6;color:#16754d}
.status-rejected{background:#fde2e0;color:#b1301f}
.complaint-number{font-size:1.6rem;font-weight:700;color:var(--water);letter-spacing:1px}
.success-icon{font-size:64px;color:var(--green)}
.admin-body{background:#eef3f8}
.admin-sidebar{width:230px;min-height:100vh;background:linear-gradient(180deg,var(--navy),var(--water));color:#fff;flex-shrink:0}
.admin-sidebar .brand{font-size:18px}
.side-link{display:block;color:#dbeafe;padding:10px 12px;border-radius:10px;text-decoration:none;margin-bottom:4px}
.side-link:hover,.side-link.active{background:rgba(255,255,255,.15);color:#fff}
.admin-main{flex:1;min-width:0}
.login-body{background:linear-gradient(135deg,var(--navy),var(--water),var(--aqua))}
.login-card{width:min(92vw,380px)}
.brand-big{font-size:44px;color:var(--water)}
.preview-img{width:110px;height:110px;object-fit:cover;border-radius:12px;border:2px solid var(--aqua)}
.photo-thumb{width:160px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #ddd}
.timeline{list-style:none;padding-left:0;border-left:3px solid var(--aqua)}
.timeline li{padding:6px 0 6px 14px}
.nwh-footer{background:var(--navy);color:#fff}
.nwh-toast{animation:fadeUp .4s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:576px){.hero{padding:26px 18px}.hero-icon{font-size:80px}}