:root{
  --bg:#f4f7fb; --text:#0f172a; --muted:#64748b; --card:#ffffff; --line:#e5edf8;
  --primary:#2563eb; --primary2:#14b8a6; --violet:#7c3aed; --amber:#f59e0b; --danger:#ef4444; --success:#16a34a;
  --shadow:0 22px 70px rgba(15,23,42,.12); --soft:0 12px 32px rgba(15,23,42,.08); --radius:24px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit} button,input,select,textarea{font:inherit} input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;padding:13px 14px;outline:0;color:var(--text);transition:.18s} textarea{min-height:96px;resize:vertical} input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.12)} label{display:grid;gap:7px;color:#475569;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.muted{color:var(--muted)} code{background:#eef6ff;border:1px solid #dbeafe;border-radius:8px;padding:4px 7px;color:#1d4ed8}
.btn{border:0;border-radius:16px;padding:12px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:44px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed);color:#fff;box-shadow:0 16px 30px rgba(37,99,235,.28)}.btn.ghost{background:#fff;color:#0f172a;border:1px solid var(--line);box-shadow:0 8px 18px rgba(15,23,42,.06)}.btn.warn{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.btn.small{min-height:34px;padding:8px 12px;border-radius:12px;font-size:12px;background:#eef6ff;color:#1d4ed8}.btn.wide{width:100%}.flash{border-radius:18px;padding:14px 16px;margin:0 0 18px;background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0;font-weight:800}.flash.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.login-page{background:#051126;min-height:100vh;overflow:hidden}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative;isolation:isolate;background:radial-gradient(circle at 16% 16%,rgba(34,211,238,.35),transparent 24%),radial-gradient(circle at 86% 14%,rgba(249,115,22,.28),transparent 24%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.22),transparent 28%),linear-gradient(135deg,#06142c 0%,#0a2d55 34%,#0b5f61 68%,#3b1f77 100%)}
.login-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.07) 0 1px,transparent 1px 74px),linear-gradient(30deg,rgba(255,255,255,.05) 0 1px,transparent 1px 90px);opacity:.45;pointer-events:none}
.login-bg-shape{position:absolute;border-radius:999px;filter:blur(14px);opacity:.55;animation:floaty 12s ease-in-out infinite}
.login-bg-shape.shape-a{width:240px;height:240px;left:5%;top:8%;background:rgba(56,189,248,.55)}
.login-bg-shape.shape-b{width:210px;height:210px;right:6%;top:12%;background:rgba(250,204,21,.42);animation-delay:-2s}
.login-bg-shape.shape-c{width:280px;height:280px;left:35%;bottom:-70px;background:rgba(168,85,247,.38);animation-delay:-4s}
.login-card-premium{position:relative;z-index:1;width:min(1180px,100%);min-height:680px;display:grid;grid-template-columns:1.12fr 430px;border-radius:40px;overflow:hidden;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);box-shadow:0 42px 120px rgba(2,6,23,.48);backdrop-filter:blur(20px)}
.login-visual.premium-visual{position:relative;overflow:hidden;padding:34px;background:linear-gradient(160deg,rgba(3,7,18,.32),rgba(7,89,133,.18));display:flex;flex-direction:column;justify-content:space-between}
.visual-glow{position:absolute;border-radius:999px;filter:blur(4px);opacity:.8;pointer-events:none}
.glow-a{width:260px;height:260px;background:rgba(34,211,238,.45);left:-80px;top:-60px;animation:floaty 9s ease-in-out infinite}
.glow-b{width:220px;height:220px;background:rgba(250,204,21,.35);right:-40px;bottom:-40px;animation:floaty 11s ease-in-out infinite reverse}
.visual-header,.visual-footer-mark{position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#f8fafc;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(6px)}
.visual-header h2{margin:18px 0 0;color:#fff;font-size:46px;line-height:1.05;max-width:430px;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.25)}
.hajj-visual-scene{position:relative;z-index:1;min-height:420px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 40px rgba(0,0,0,.18)}
.scene-card{position:absolute;inset:0;background:url('pakistan-hajj-scene.svg') center/cover no-repeat;animation:sceneDrift 18s ease-in-out infinite}
.crescent-moon{position:absolute;right:42px;top:34px;width:84px;height:84px;border-radius:50%;box-shadow:-18px 0 0 0 #fef08a;background:transparent;transform:rotate(-12deg);filter:drop-shadow(0 0 18px rgba(254,240,138,.5));animation:glowPulse 5s ease-in-out infinite}
.scene-ring{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.18);border-radius:50%}
.ring-one{width:220px;height:220px;animation:spinSlow 20s linear infinite}
.ring-two{width:280px;height:280px;animation:spinSlow 28s linear infinite reverse}
.visual-footer-mark{color:rgba(255,255,255,.9);font-weight:800;font-size:13px;letter-spacing:.06em;text-align:center;padding-top:14px}
.login-form-box.premium-box{background:rgba(255,255,255,.97);padding:52px 42px 38px;display:flex;flex-direction:column;justify-content:center}
.login-brand-block{text-align:center;margin-bottom:22px}
.login-logo.premium-logo{width:82px;height:82px;border-radius:28px;margin:0 auto 18px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#fef3c7,#67e8f9 48%,#c4b5fd);box-shadow:0 20px 50px rgba(37,99,235,.18)}
.login-brand-block h1{font-size:46px;line-height:1;letter-spacing:-.09em;margin:0;color:#0f172a}
.login-subtitle{margin-top:8px;font-size:16px;font-weight:900;color:#0f766e;letter-spacing:.04em}
.auth-form.premium-form{display:grid;gap:15px;text-align:left}
.auth-form.premium-form label{display:grid;gap:8px}
.auth-form.premium-form label span{font-size:12px;color:#475569;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.auth-form.premium-form input{height:58px;border-radius:18px;font-weight:700;background:#f8fbff;border:1px solid #dbe7f5}
.auth-form.premium-form .btn{height:56px;border-radius:18px}
.footer-stamp{margin-top:22px;align-self:center;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;border:1px solid rgba(15,118,110,.18);background:linear-gradient(135deg,#ecfeff,#f0fdf4);color:#0f766e;font-weight:900;font-size:12px;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 12px 24px rgba(15,23,42,.08);animation:glowPulse 5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes spinSlow{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes glowPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.03)}}
@keyframes sceneDrift{0%,100%{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-6px)}}
.public-page{background:linear-gradient(135deg,#e0f2fe,#f5f3ff)}.register-screen{min-height:100vh;display:grid;place-items:center;padding:32px}.register-card{width:min(980px,100%);background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);padding:28px}.register-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.register-head h1{margin:0;font-size:30px;letter-spacing:-.04em}.register-head a{margin-left:auto;font-weight:900;color:#2563eb}.clean-form{grid-template-columns:repeat(2,minmax(0,1fr))}

.app-body{background:linear-gradient(135deg,#edf6ff 0%,#f6f0ff 40%,#f7fbff 100%);min-height:100vh}.app-shell{display:grid;grid-template-columns:306px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px;background:linear-gradient(180deg,#061b3a,#123d73 48%,#0f766e);color:#fff;box-shadow:20px 0 70px rgba(15,23,42,.18)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-icon{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#fef3c7,#67e8f9,#c4b5fd);display:grid;place-items:center;font-size:24px;box-shadow:0 18px 34px rgba(0,0,0,.18)}.brand b{font-size:22px;letter-spacing:-.05em;display:block}.brand span{font-size:12px;opacity:.75}.user-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px;margin:10px 0 18px}.user-chip strong{display:block}.user-chip span{font-size:12px;opacity:.86}.side-nav{display:grid;gap:7px}.side-nav a{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:16px;color:rgba(255,255,255,.86);font-weight:800;font-size:13px}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.16);color:#fff}.side-nav a b{display:none}.logout-form{margin-top:18px}.content{padding:26px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.topbar h2{margin:3px 0 0;font-size:30px;letter-spacing:-.045em}.crumb{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.top-actions{display:flex;gap:10px}.dashboard-hero,.module-head{border-radius:30px;padding:26px 28px;margin-bottom:20px;background:linear-gradient(135deg,#0ea5e9,#2563eb 50%,#7c3aed);color:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.dashboard-hero:after,.module-head:after{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:999px;background:rgba(255,255,255,.18)}.dashboard-hero span,.module-head span{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.dashboard-hero h1,.module-head h3{margin:4px 0 0;font-size:34px;letter-spacing:-.055em}.hero-badge{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:12px 18px;font-weight:900;z-index:1}.module-head{justify-content:flex-start;gap:16px}.module-head-icon{width:66px;height:66px;border-radius:23px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:30px;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{min-height:132px;padding:20px;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid rgba(226,232,240,.9);box-shadow:var(--soft);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-28px;top:-30px;width:110px;height:110px;border-radius:999px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(20,184,166,.14))}.stat-icon{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,#dbeafe,#f5d0fe);display:grid;place-items:center;font-size:24px}.stat-card span{font-size:12px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.07em}.stat-card strong{font-size:28px;letter-spacing:-.05em}.card{background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);border-radius:24px;box-shadow:var(--soft)}.panel{padding:22px;margin-bottom:18px}.panel h3{margin:0 0 16px;font-size:20px;letter-spacing:-.035em}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head input{max-width:280px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.module-tile{min-height:154px;border-radius:22px;padding:18px;background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid #e5edf8;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 22px rgba(15,23,42,.06);transition:.18s}.module-tile:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,99,235,.14)}.module-tile i{font-style:normal;font-size:30px;width:54px;height:54px;border-radius:19px;background:linear-gradient(135deg,#e0f2fe,#f3e8ff);display:grid;place-items:center}.module-tile span{font-size:12px;font-weight:900;color:#2563eb}.module-tile b{font-size:16px;line-height:1.15}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form .full{grid-column:1/-1}.mt{margin-top:14px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.row-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-form select,.row-form input{width:auto;min-width:120px;padding:8px 10px;border-radius:10px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:680px;background:#fff}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #eef2f7;font-size:13px;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;background:#f8fafc}tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:900;font-size:11px;white-space:nowrap}.status.green{background:#dcfce7;color:#166534}.status.orange{background:#ffedd5;color:#9a3412}.status.red{background:#fee2e2;color:#991b1b}.status.blue{background:#dbeafe;color:#1d4ed8}.status.gray{background:#f1f5f9;color:#475569}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.chip-row span{padding:10px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-weight:900;font-size:12px}.footer-note{color:#94a3b8;text-align:center;font-size:12px;font-weight:800;margin:24px 0 4px}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.login-card-premium{grid-template-columns:1fr;width:min(560px,100%);min-height:auto}.premium-visual{display:none}.login-form-box.premium-box{padding:44px 34px}.clean-form{grid-template-columns:1fr}}
@media(max-width:640px){.content{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.top-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.dashboard-hero,.module-head{border-radius:24px;padding:22px}.dashboard-hero h1,.module-head h3{font-size:27px}.login-screen{padding:14px}.login-form-box.premium-box{padding:34px 22px}.login-card-premium{border-radius:28px}.login-brand-block h1{font-size:34px}.login-subtitle{font-size:14px}.panel-head{flex-direction:column;align-items:flex-start}.panel-head input{max-width:none}}

.module-head h3{margin:0;font-size:34px;letter-spacing:-.055em}.module-head .module-head-icon+div span{display:none}.module-tile span{display:none}.module-tile{min-height:132px}.dashboard-hero{min-height:142px}.dashboard-hero .hero-badge{display:none}.chip-row.mt{margin-top:14px}.top-actions .btn.ghost{display:none}

/* Coordinator Makkah LCD control room */
.lcd-hero{min-height:190px;border-radius:34px;padding:34px;margin-bottom:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 16% 20%,rgba(34,211,238,.45),transparent 28%),radial-gradient(circle at 90% 10%,rgba(245,158,11,.45),transparent 22%),linear-gradient(135deg,#031933,#064e3b 48%,#1e1b4b);box-shadow:0 32px 90px rgba(3,7,18,.25);position:relative;overflow:hidden}.lcd-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.09) 0 1px,transparent 1px 70px)}.lcd-hero h1{font-size:44px;line-height:1;letter-spacing:-.06em;margin:6px 0 0;position:relative;z-index:1}.lcd-hero span{font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;opacity:.9;position:relative;z-index:1}.lcd-clock{position:relative;z-index:1;min-width:190px;text-align:center;padding:20px 24px;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.lcd-clock b{display:block;font-size:24px}.lcd-clock small{opacity:.8;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.control-filter{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:14px;align-items:end}.filter-actions{display:flex;gap:10px;align-items:center}.kpi-lcd-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}.lcd-kpi{min-height:150px;border-radius:26px;padding:18px;background:linear-gradient(145deg,#ffffff,#f8fbff);border:1px solid rgba(226,232,240,.9);box-shadow:0 14px 36px rgba(15,23,42,.08);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.lcd-kpi:after{content:"";position:absolute;right:-36px;top:-40px;width:120px;height:120px;border-radius:999px;background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(124,58,237,.14))}.lcd-kpi i{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;font-style:normal;font-size:25px;background:linear-gradient(135deg,#dbeafe,#ccfbf1,#fef3c7)}.lcd-kpi span{font-size:11px;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.lcd-kpi strong{font-size:32px;letter-spacing:-.06em}.visual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.lcd-panel{min-height:360px}.lcd-panel.full-span{grid-column:1/-1;min-height:auto}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:160px 70px minmax(160px,1fr);gap:12px;align-items:center}.bar-row div:first-child{display:grid}.bar-row b{font-size:13px}.bar-row span{font-size:11px;color:#64748b;font-weight:800}.bar-row strong{text-align:right;font-size:16px}.bar-track{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#0ea5e9,#7c3aed)}.ring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 22px}.ring{--p:65;aspect-ratio:1;border-radius:999px;background:conic-gradient(#0ea5e9 calc(var(--p)*1%),#e2e8f0 0);display:grid;place-items:center;position:relative;min-width:0}.ring:before{content:"";position:absolute;inset:13px;border-radius:inherit;background:#fff}.ring span,.ring b{position:relative;z-index:1}.ring span{font-size:24px;font-weight:950;letter-spacing:-.05em}.ring b{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.08em;align-self:start;margin-top:-30px}.alert-feed{border-radius:22px;background:linear-gradient(145deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;padding:18px}.alert-feed h4{margin:0 0 10px;font-size:16px}.alert-feed p{margin:8px 0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.65);font-weight:800;color:#334155}
@media(max-width:1300px){.kpi-lcd-grid{grid-template-columns:repeat(4,1fr)}.control-filter{grid-template-columns:repeat(2,1fr)}.filter-actions{grid-column:1/-1}.visual-grid{grid-template-columns:1fr}}
@media(max-width:760px){.kpi-lcd-grid{grid-template-columns:repeat(2,1fr)}.lcd-hero{align-items:flex-start;flex-direction:column}.lcd-hero h1{font-size:32px}.control-filter{grid-template-columns:1fr}.filter-actions{flex-direction:column;align-items:stretch}.bar-row{grid-template-columns:1fr 60px;gap:8px}.bar-track{grid-column:1/-1}.ring-grid{grid-template-columns:1fr}}

.full-span{grid-column:1/-1}
.top-actions{align-items:center}.top-logout{margin:0;display:inline-flex}.top-logout .btn{min-height:44px}

/* Force navbar logout to remain visible beside Home for all users */
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.top-actions .top-logout{display:inline-flex!important;margin:0}
.top-actions .top-logout .logout-btn,.top-actions .top-logout .btn.ghost{display:inline-flex!important;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:0;box-shadow:0 14px 28px rgba(239,68,68,.22)}
.top-actions>a.btn.primary{display:inline-flex!important}
@media(max-width:640px){.top-actions{width:100%;display:flex;gap:10px}.top-actions>a.btn.primary,.top-actions .top-logout{flex:1}.top-actions .top-logout .logout-btn{width:100%}}

.auth-link{display:block;text-align:center;color:#2563eb;font-weight:900;font-size:13px;margin-top:-4px}
.field-note{font-size:11px;text-transform:none;letter-spacing:0;font-weight:800;min-height:14px;color:#94a3b8}
.field-note.ok{color:#16a34a}.field-note.bad{color:#dc2626}
input:invalid:not(:placeholder-shown),select:invalid{border-color:#fecaca}


/* URL-safe navigation: forms/buttons look like normal navigation without exposing filters or IDs in the browser URL */
.inline-nav-form,.side-nav-form,.module-tile-form,.top-home,.top-logout{margin:0;display:inline}
.side-nav-form{display:block}
.side-nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.86);display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:16px;font-weight:800;font-size:13px;cursor:pointer;text-align:left}
.side-nav button:hover,.side-nav button.active{background:rgba(255,255,255,.16);color:#fff}
.side-nav button b{display:none}
.module-tile-form{display:block}
.module-tile-form .module-tile{width:100%;border:1px solid #e5edf8;text-align:left;cursor:pointer;color:inherit;font:inherit}
.auth-link{border:0;background:transparent;color:#2563eb;font-weight:900;cursor:pointer;text-align:center;padding:8px 0}
.top-actions form{display:inline-flex}
.logout-btn{background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(239,68,68,.24)!important}

.login-links{display:grid;gap:10px;margin-top:14px}.login-links .inline-nav-form{display:block}.login-links .btn,.login-links .auth-link{width:100%;justify-content:center}


/* DG sample workflow PHP implementation */
.dg-meter{margin:0 0 18px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#0b3d2e,#11593f);color:#fff;box-shadow:0 16px 36px rgba(11,61,46,.16);display:grid;gap:10px;border-bottom:3px solid #c9a24b}.dg-meter b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#e7cf94}.dg-meter span{display:inline-flex;margin:4px 10px 0 0;font-size:12px;font-weight:800;color:#f6f1e6}.dg-note{margin:0 0 18px;padding:13px 16px;border:1px dashed #c9a24b;border-radius:14px;background:#fffaf0;color:#3a2c08;font-size:13px;line-height:1.55}.wide-register{max-width:1060px}.dg-register .form.clean-form{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-step{padding:13px 16px;border-radius:14px;background:#f8fafc;border-left:5px solid #c9a24b;margin-top:8px}.dg-step b{display:block;color:#0b3d2e;font-size:15px}.dg-step span{display:block;color:#64748b;font-size:12px;margin-top:3px}.dg-calc-box{padding:15px 16px;border-radius:14px;background:#0b3d2e;color:#fff;display:grid;gap:4px}.dg-calc-box b{color:#e7cf94;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.dg-calc-box span{font-size:19px;font-weight:950}.dg-calc-box small{color:#d9e4dd;font-weight:700}.dg-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid #e5edf8;background:#fcfbf6;padding:14px;border-radius:14px}.dg-health-grid h4{grid-column:1/-1;margin:8px 0 2px;color:#0b3d2e}.dg-yn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:#fff;border:1px solid #e5edf8;border-radius:10px}.dg-yn span{font-size:12px;font-weight:800}.dg-yn select{width:88px}.dg-oath{display:flex!important;gap:10px;align-items:flex-start;background:#fff6dc;border:1px solid #c9a24b;border-radius:12px;padding:13px 16px;font-weight:800;color:#5b4a18}.dg-oath input{width:18px;height:18px}.dg-regno{padding:16px;border-radius:16px;background:linear-gradient(135deg,#0b3d2e,#11593f);color:#fff;margin:12px 0}.dg-regno span,.dg-regno small{display:block;color:#e7cf94;font-weight:800;font-size:12px}.dg-regno b{display:block;font-size:28px;letter-spacing:.04em}.dg-cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dg-cap{padding:15px;border:1px solid #e5edf8;border-radius:16px;background:#fff}.dg-cap b{display:block;color:#0b3d2e}.dg-cap span{display:block;font-size:12px;color:#64748b;font-weight:900;margin:5px 0}.dg-cap i{display:block;height:10px;background:#eef2f7;border-radius:99px;overflow:hidden}.dg-cap em{display:block;height:100%;background:linear-gradient(90deg,#0b3d2e,#c9a24b)}.dg-flow-list p{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e5edf8;font-weight:800}.deposit-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deposit-stages div{padding:14px;border-radius:14px;background:#fffaf0;border:1px solid #c9a24b}.deposit-stages b,.deposit-stages span{display:block}.deposit-stages span{color:#64748b;font-weight:900;font-size:12px;margin-top:4px}
@media(max-width:760px){.dg-register .form.clean-form,.dg-health-grid,.dg-cap-grid,.deposit-stages{grid-template-columns:1fr}.dg-meter span{display:block}.wide-register{max-width:100%}}

/* Beautiful card layout for Hajj Live Booking Meter */
.dg-meter.dg-meter-cards{
  margin:0 0 22px;
  padding:18px;
  border:1px solid rgba(201,162,75,.32);
  border-radius:24px;
  background:
    radial-gradient(900px 260px at 100% -20%, rgba(201,162,75,.24), transparent 55%),
    linear-gradient(135deg,#062a20 0%,#0b3d2e 52%,#11593f 100%);
  color:#fff;
  box-shadow:0 24px 55px -28px rgba(11,61,46,.78);
  position:relative;
  overflow:hidden;
}
.dg-meter.dg-meter-cards::before{
  content:"";
  position:absolute;
  inset:-80px auto auto -80px;
  width:220px;
  height:220px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  pointer-events:none;
}
.dg-meter-head{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:15px;
}
.dg-meter-head b{
  display:block;
  margin:0 0 4px;
  color:#e7cf94;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dg-meter-head span{
  display:block;
  margin:0;
  color:#e9f4ee;
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
.dg-meter-head em{
  flex:0 0 auto;
  padding:7px 11px;
  border:1px solid rgba(231,207,148,.45);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff6dc;
  font-style:normal;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
.dg-meter-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.dg-meter-card{
  position:relative;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:10px 12px;
  padding:15px;
  min-height:180px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,253,248,.91));
  color:#13251d;
  box-shadow:0 12px 28px -22px rgba(0,0,0,.58);
  overflow:hidden;
}
.dg-meter-card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#0b3d2e,#c9a24b);
}
.dg-meter-card.warning::after{background:linear-gradient(90deg,#c9a24b,#d97706)}
.dg-meter-card.danger::after{background:linear-gradient(90deg,#dc2626,#f97316)}
.dg-meter-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#0b3d2e,#11593f);
  color:#fff;
  font-size:21px;
  box-shadow:0 10px 22px -14px rgba(11,61,46,.8);
}
.dg-meter-copy h3{
  margin:3px 0 0;
  color:#0b3d2e;
  font-size:16px;
  line-height:1.15;
  font-weight:950;
}
.dg-meter-type{
  display:block!important;
  margin:0!important;
  color:#98752e!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dg-meter-number{
  grid-column:1/-1;
  display:flex;
  align-items:flex-end;
  gap:7px;
  margin-top:2px;
}
.dg-meter-number strong{
  color:#0b3d2e;
  font-size:30px;
  line-height:1;
  letter-spacing:-.04em;
  font-weight:1000;
  font-variant-numeric:tabular-nums;
}
.dg-meter-number span{
  display:inline-flex!important;
  margin:0 0 3px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
}
.dg-meter-bar{
  grid-column:1/-1;
  height:10px;
  border-radius:999px;
  background:#e9eef3;
  overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08);
}
.dg-meter-bar i{
  display:block;
  width:var(--used);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0b3d2e,#c9a24b);
}
.dg-meter-card.warning .dg-meter-bar i{background:linear-gradient(90deg,#c9a24b,#d97706)}
.dg-meter-card.danger .dg-meter-bar i{background:linear-gradient(90deg,#dc2626,#f97316)}
.dg-meter-meta{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.dg-meter-meta span{
  margin:0!important;
  padding:4px 7px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569!important;
  font-size:10px!important;
  font-weight:950!important;
  white-space:nowrap;
}
.dg-meter-card p{
  grid-column:1/-1;
  margin:0;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
@media(max-width:1180px){.dg-meter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dg-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-meter-head{display:block}.dg-meter-head em{display:inline-flex;margin-top:10px}}
@media(max-width:560px){.dg-meter.dg-meter-cards{padding:14px;border-radius:20px}.dg-meter-grid{grid-template-columns:1fr}.dg-meter-card{min-height:0}.dg-meter-number strong{font-size:28px}}

/* === Clean unified UHMS green/gold card system === */
:root{
  --bg:#f6f1e6;
  --text:#1c2620;
  --muted:#6f7b72;
  --card:#fffdf8;
  --line:#e3dcc9;
  --primary:#0b3d2e;
  --primary2:#11593f;
  --gold:#c9a24b;
  --gold-soft:#e7cf94;
  --danger:#a8430f;
  --success:#2f8a4f;
  --shadow:0 22px 58px -30px rgba(11,61,46,.55);
  --soft:0 14px 34px -22px rgba(11,61,46,.35);
}
html,body{color:var(--text);background:var(--bg)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.18)}
code{background:#fffaf0;border-color:var(--gold-soft);color:var(--primary)}
.app-body,.public-page{background:
  radial-gradient(1000px 520px at 85% -10%, rgba(17,89,63,.10), transparent 60%),
  radial-gradient(850px 480px at -10% 110%, rgba(201,162,75,.16), transparent 55%),
  var(--bg)}
.sidebar{background:linear-gradient(180deg,#062a20 0%,#0b3d2e 58%,#11593f 100%);box-shadow:20px 0 70px -38px rgba(11,61,46,.85)}
.brand-icon,.login-logo,.login-logo.premium-logo,.stat-icon,.module-head-icon,.module-tile i,.lcd-kpi i,.dg-meter-icon{background:linear-gradient(135deg,#fff6dc,#e7cf94 48%,#c9a24b);color:#0b3d2e;box-shadow:0 14px 26px -18px rgba(11,61,46,.55)}
.user-chip,.side-nav button:hover,.side-nav button.active{background:rgba(255,255,255,.13);border-color:rgba(231,207,148,.28)}
.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 16px 30px -18px rgba(11,61,46,.75)}
.btn.ghost{background:#fffdf8;color:var(--primary);border:1px solid var(--line)}
.btn.small{background:#fffaf0;color:var(--primary);border:1px solid var(--gold-soft)}
.btn.warn{background:linear-gradient(135deg,var(--gold),#b98f33);color:#3a2c08}
.logout-btn,.top-actions .top-logout .logout-btn,.top-actions .top-logout .btn.ghost{background:linear-gradient(135deg,#7a2f0f,#a8430f)!important;color:#fff!important;box-shadow:0 14px 28px -18px rgba(168,67,15,.75)!important}
.card,.panel,.register-card,.login-form-box.premium-box{background:rgba(255,253,248,.96);border-color:var(--line);box-shadow:var(--soft)}
.dashboard-hero,.module-head,.lcd-hero{background:
  radial-gradient(600px 220px at 100% -40%, rgba(231,207,148,.34), transparent 62%),
  linear-gradient(135deg,#062a20,#0b3d2e 56%,#11593f);color:#fff;border-bottom:3px solid var(--gold);box-shadow:var(--shadow)}
.dashboard-hero span,.module-head span,.lcd-hero span{color:var(--gold-soft)}
.stat-card,.module-tile,.lcd-kpi,.dg-cap,.deposit-stages div{background:linear-gradient(145deg,#fffdf8,#fffaf0);border:1px solid var(--line);box-shadow:0 12px 28px -22px rgba(11,61,46,.42)}
.stat-card:after,.lcd-kpi:after{background:radial-gradient(circle, rgba(201,162,75,.20), transparent 62%)}
.stat-card span,.lcd-kpi span,.module-tile span{color:var(--muted)}
.stat-card strong,.lcd-kpi strong,.module-tile b,.panel h3{color:var(--primary)}
.module-tile:hover,.stat-card:hover,.lcd-kpi:hover,.dg-meter-card:hover,.dg-cap:hover{transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(11,61,46,.50);border-color:var(--gold-soft)}
.module-tile-form .module-tile{border-color:var(--line)}
.chip-row span{background:#fffaf0;color:var(--primary);border:1px solid var(--gold-soft)}
.table-wrap{border-color:var(--line)}
th{background:#f6f1e6;color:var(--primary)}
td{border-color:#eee7d6}
.status.green{background:#dcefe2;color:#0b3d2e}.status.orange,.status.blue{background:#fff3d6;color:#7a5a14}.status.red{background:#fbe5dc;color:#7a2f0f}.status.gray{background:#eef1ee;color:#5d6b62}
.flash{background:#dcefe2;color:#0b3d2e;border-color:#b9d8c4}.flash.error{background:#fbe5dc;color:#7a2f0f;border-color:#e0bba8}
.auth-link,.register-head a{color:var(--primary)}
.login-page{background:#062a20}.login-screen{background:
  radial-gradient(circle at 14% 16%,rgba(201,162,75,.32),transparent 24%),
  radial-gradient(circle at 88% 16%,rgba(17,89,63,.32),transparent 26%),
  linear-gradient(135deg,#062a20 0%,#0b3d2e 48%,#11593f 100%)}
.login-visual.premium-visual{background:linear-gradient(160deg,rgba(6,42,32,.78),rgba(17,89,63,.38))}
.login-subtitle,.footer-stamp{color:var(--primary)}
.footer-stamp{background:#fffaf0;border-color:var(--gold-soft)}
/* Cleaner live meter: only essential values, no repeated descriptions */
.dg-meter.dg-meter-cards{background:
  radial-gradient(900px 260px at 100% -20%, rgba(201,162,75,.24), transparent 55%),
  linear-gradient(135deg,#062a20 0%,#0b3d2e 55%,#11593f 100%);border:1px solid rgba(201,162,75,.36);border-bottom:3px solid var(--gold);box-shadow:0 24px 55px -30px rgba(11,61,46,.82)}
.dg-meter.dg-meter-cards.compact{padding:14px;margin-bottom:18px}
.dg-meter-head{margin-bottom:12px}.dg-meter-head span,.dg-meter-head em{display:none!important}.dg-meter-head b{margin:0;color:var(--gold-soft)}
.dg-meter-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px}
.dg-meter-card{background:linear-gradient(145deg,#fffdf8,#fffaf0);border-color:rgba(231,207,148,.92);box-shadow:0 16px 30px -25px rgba(11,61,46,.58);min-height:158px;color:var(--text)}
.dg-meter-card::after{background:linear-gradient(90deg,var(--primary),var(--gold))}.dg-meter-card.warning::after{background:linear-gradient(90deg,var(--gold),#d97706)}.dg-meter-card.danger::after{background:linear-gradient(90deg,#a8430f,#d97706)}
.dg-meter-type{color:var(--gold);background:#fff6dc;border:1px solid var(--gold-soft)}
.dg-meter-copy h3,.dg-meter-number strong{color:var(--primary)}.dg-meter-number span,.dg-meter-meta span{color:var(--muted)}
.dg-meter-bar{background:#eee7d6}.dg-meter-bar i{background:linear-gradient(90deg,var(--primary),var(--gold))}
.dg-meter-card p,.dg-note{display:none!important}
.dg-cap-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dg-cap em{background:linear-gradient(90deg,var(--primary),var(--gold))}
.bar-track i,.ring{background:linear-gradient(90deg,var(--primary),var(--gold))}
.ring{background:conic-gradient(var(--gold) calc(var(--p)*1%),#eee7d6 0)}
.alert-feed{background:#fffaf0;border-color:var(--gold-soft)}
@media(max-width:760px){.dg-meter-grid{grid-template-columns:1fr}.dg-meter-card{min-height:0}.dashboard-hero,.module-head,.lcd-hero{border-radius:22px}.kpi-lcd-grid{grid-template-columns:1fr}}

/* === Health Window workflow: unified green/gold cards === */
.health-head{align-items:center}.health-head p{position:relative;z-index:1;margin:4px 0 0;color:#e9f4ee;font-weight:700;line-height:1.45}.health-layout{display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:18px;align-items:start}.health-search-panel{position:sticky;top:18px}.health-search-form{grid-template-columns:1fr}.health-actions{display:flex;gap:10px;flex-wrap:wrap}.health-actions .btn{flex:1}.health-results{display:grid;gap:10px;margin-top:14px;max-height:760px;overflow:auto;padding-right:4px}.health-result-card{margin:0}.health-result-card button{width:100%;border:1px solid var(--line);background:linear-gradient(145deg,#fffdf8,#fffaf0);border-radius:18px;padding:13px 14px;text-align:left;display:grid;gap:6px;cursor:pointer;box-shadow:0 12px 26px -24px rgba(11,61,46,.45);transition:.18s}.health-result-card button:hover,.health-result-card.active button{border-color:var(--gold);box-shadow:0 18px 34px -25px rgba(11,61,46,.55);transform:translateY(-1px)}.health-result-card.active button{background:linear-gradient(145deg,#fff6dc,#fffdf8)}.health-result-card b{color:var(--primary);font-size:13px;letter-spacing:.04em}.health-result-card span{color:var(--text);font-weight:900}.health-result-card em{font-style:normal}.health-result-card small{color:var(--muted);font-weight:800}.health-form-panel{overflow:hidden}.health-selected{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:20px;margin-bottom:16px;background:radial-gradient(400px 150px at 100% -30%, rgba(231,207,148,.28), transparent 62%),linear-gradient(135deg,#062a20,#0b3d2e 58%,#11593f);color:#fff;border-bottom:3px solid var(--gold)}.health-selected span{display:block;color:var(--gold-soft);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.health-selected h3{margin:4px 0 3px;color:#fff;font-size:24px}.health-selected p{margin:0;color:#e9f4ee;font-weight:700}.health-assessment-form{grid-template-columns:repeat(4,minmax(0,1fr))}.health-assessment-form .full{grid-column:1/-1}.health-criteria{padding:15px;border-radius:18px;background:#fffaf0;border:1px solid var(--gold-soft);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-criteria h4,.doctor-sign-box h4,.health-history h4{grid-column:1/-1;margin:0;color:var(--primary);font-size:17px}.health-criteria label{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;text-transform:none;letter-spacing:0;color:var(--text);font-size:13px}.health-criteria label span{font-weight:900;color:var(--primary);line-height:1.35}.doctor-sign-box{padding:16px;border:1px solid var(--gold-soft);border-radius:20px;background:linear-gradient(145deg,#fffdf8,#fffaf0)}.doctor-sign-box .nested{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.checkline{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:#fff6dc;border:1px solid var(--gold-soft);font-size:13px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.45;color:#5b4a18!important}.checkline input{width:18px!important;height:18px!important;min-width:18px;margin-top:2px;padding:0}.health-history{margin-top:16px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fffdf8}.health-history-grid{display:grid;grid-template-columns:150px 1fr;gap:9px 12px;margin-top:10px}.health-history-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-weight:950}.health-history-grid b{color:var(--primary);word-break:break-word}.health-risk-note{background:#fbe5dc;border:1px solid #e0bba8;color:#7a2f0f;border-radius:14px;padding:12px 14px;font-weight:800}.health-layout .status.red,.health-layout .status.orange{font-weight:950}.health-layout textarea{min-height:88px}.health-layout input[readonly]{background:#f8f4e9;color:var(--primary);font-weight:900}.health-layout .table-wrap table{min-width:0}
@media(max-width:1120px){.health-layout{grid-template-columns:1fr}.health-search-panel{position:relative;top:auto}.health-assessment-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.health-assessment-form,.doctor-sign-box .nested,.health-criteria{grid-template-columns:1fr}.health-selected{align-items:flex-start;flex-direction:column}.health-history-grid{grid-template-columns:1fr}.health-actions .btn{width:100%}}


/* === Clean Health Window + even card rhythm patch === */
.module-head.health-head{min-height:92px;padding:20px 24px;margin-bottom:16px}
.health-head p{display:none!important}
.health-layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px}
.health-search-panel,.health-form-panel{border-radius:22px;border:1px solid var(--line);box-shadow:0 18px 36px -28px rgba(11,61,46,.50)}
.health-search-panel h3,.health-form-panel h3{margin-top:0}
.health-results{max-height:690px}
.health-result-card button{min-height:112px;grid-template-columns:1fr auto;align-content:start;gap:6px 10px}
.health-result-card b{grid-column:1/2}.health-result-card em{grid-column:2/3;grid-row:1/3;align-self:start}.health-result-card span,.health-result-card small{grid-column:1/2}
.health-selected{min-height:102px}.health-selected h3{font-size:22px;line-height:1.1}.health-selected p{font-size:13px}
.health-assessment-form{gap:14px}.health-assessment-form>div:not(.full){min-height:82px}
.health-assessment-form textarea{min-height:78px}
.health-criteria{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.health-criteria label{min-height:96px;display:flex;flex-direction:column;justify-content:space-between}
.doctor-sign-box{margin-top:2px}.doctor-sign-box .nested>div{min-height:82px}
.checkline{min-height:54px;align-items:center!important}
.health-history{background:linear-gradient(145deg,#fffdf8,#fffaf0)}
.health-history-grid{grid-template-columns:120px 1fr 120px 1fr;align-items:center}
.card.panel{border-radius:22px}
.stats-grid,.module-grid,.dg-meter-grid,.dg-cap-grid,.deposit-stages,.grid.two{align-items:stretch}
.stat-card,.module-tile,.lcd-kpi,.dg-cap,.deposit-stages div,.dg-meter-card{height:100%}
@media(max-width:1120px){.health-layout{grid-template-columns:1fr}.health-search-panel{position:relative;top:auto}.health-criteria{grid-template-columns:repeat(2,minmax(0,1fr))}.health-history-grid{grid-template-columns:120px 1fr}}
@media(max-width:680px){.health-criteria,.health-history-grid{grid-template-columns:1fr}.health-result-card button{grid-template-columns:1fr}.health-result-card em{grid-column:auto;grid-row:auto}}

/* === Role-specific Pilgrim / Group Head / Deputy dashboards === */
.citizen-hero{min-height:104px;display:flex;align-items:center;margin-bottom:18px}
.citizen-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;align-items:stretch}
.citizen-summary-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#fffaf0);border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;box-shadow:0 16px 34px -28px rgba(11,61,46,.55);min-height:126px;display:flex;flex-direction:column;justify-content:space-between}
.citizen-summary-card::after{content:"";position:absolute;right:-32px;top:-36px;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.22),transparent 66%)}
.citizen-summary-card span{position:relative;z-index:1;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:var(--gold)}
.citizen-summary-card b{position:relative;z-index:1;color:var(--primary);font-size:22px;line-height:1.12;font-weight:1000;word-break:break-word}
.citizen-summary-card small{position:relative;z-index:1;color:var(--muted);font-weight:800;line-height:1.35}
.citizen-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:stretch}
.citizen-card-form{margin:0;height:100%}
.citizen-action-card{width:100%;height:100%;min-height:132px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#fffaf0);box-shadow:0 14px 32px -28px rgba(11,61,46,.48);padding:16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;gap:8px 12px;transition:.18s}
.citizen-action-card:hover{transform:translateY(-2px);border-color:var(--gold-soft);box-shadow:0 20px 40px -28px rgba(11,61,46,.58)}
.citizen-action-card i{grid-row:1/3;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff6dc,#e7cf94 48%,#c9a24b);color:var(--primary);font-style:normal;font-size:22px;box-shadow:0 14px 26px -18px rgba(11,61,46,.55)}
.citizen-action-card span{align-self:end;color:var(--gold);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.10em}
.citizen-action-card b{align-self:start;color:var(--primary);font-size:17px;line-height:1.22;font-weight:1000}
.group-console{border:1px solid var(--gold-soft);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#fffaf0);padding:16px;margin-top:12px;box-shadow:0 12px 30px -26px rgba(11,61,46,.45)}
.group-console:first-child{margin-top:0}
.group-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.group-console-head span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:950}
.group-console-head h3{margin:2px 0 0;color:var(--primary);font-size:22px;line-height:1.15}
.citizen-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.citizen-kpi-row>div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:11px 12px;min-height:72px}
.citizen-kpi-row span{display:block;color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px}
.citizen-kpi-row b{display:block;color:var(--primary);font-size:14px;line-height:1.25;font-weight:950;word-break:break-word}
.group-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}
.mini-form{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}
.mini-form input,.mini-form select{min-width:0;flex:1}
.compact-table table{min-width:720px}.compact-table th{font-size:11px}.compact-table td{font-size:13px}
.succession-note,.citizen-empty{margin-top:12px;border:1px solid var(--gold-soft);background:#fffaf0;color:#5b4a18;border-radius:16px;padding:12px 14px;font-weight:800;line-height:1.45}
@media(max-width:1100px){.citizen-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.citizen-kpi-row,.group-actions-row{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.citizen-overview-grid,.citizen-kpi-row,.group-actions-row{grid-template-columns:1fr}.citizen-action-card{min-height:112px}.mini-form{flex-direction:column;align-items:stretch}}

/* === Checkpoint Team + Airport/Boarding Officer role dashboards === */
.ops-hero{min-height:104px;display:flex;align-items:center;margin-bottom:18px}
.ops-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px;align-items:stretch}
.ops-grid{align-items:stretch}
.ops-card{height:100%;border-radius:22px;overflow:hidden}
.ops-card .panel-head{gap:12px;align-items:center}
.ops-form{gap:14px}
.ops-form>div:not(.full){min-height:82px}
.ops-form textarea{min-height:84px}
.ops-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.ops-mini-grid>div{min-height:96px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#fffaf0);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 28px -26px rgba(11,61,46,.42)}
.ops-mini-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:var(--gold)}
.ops-mini-grid b{font-size:30px;line-height:1;color:var(--primary);font-weight:1000}
.ops-table table{min-width:960px}
.ops-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#f6f1e6}
.ops-table td{font-size:13px;vertical-align:middle}
.ops-table code{white-space:nowrap}
.ops-card .status.green{font-weight:950;border:1px solid #b9d8c4}
.ops-card .row-form{display:flex;gap:8px;align-items:center;min-width:420px}
.ops-card .row-form input,.ops-card .row-form select{min-width:0;flex:1}
@media(max-width:900px){.ops-mini-grid{grid-template-columns:1fr}.ops-form>div:not(.full){min-height:0}.ops-card .row-form{min-width:0;flex-direction:column;align-items:stretch}}

/* === MDC 1 / MDC 2 role dashboards === */
.mdc-hero{min-height:104px;display:flex;align-items:center;margin-bottom:18px}
.mdc-stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-items:stretch;margin-bottom:16px}
.mdc-grid{align-items:stretch}
.mdc-card{height:100%;border-radius:22px;overflow:hidden}
.mdc-card .panel-head{align-items:center;gap:12px}
.mdc-form{gap:14px}
.mdc-form>div:not(.full){min-height:82px}
.mdc-form input[readonly]{background:#fffaf0;color:var(--primary);font-weight:950;border-color:var(--gold-soft)}
.mdc-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.mdc-mini-grid>div{min-height:104px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#fffaf0);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 28px -26px rgba(11,61,46,.42)}
.mdc-mini-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:var(--gold)}
.mdc-mini-grid b{font-size:30px;line-height:1;color:var(--primary);font-weight:1000}
.mdc-table table{min-width:1080px}
.mdc-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#f6f1e6}
.mdc-table td{font-size:13px;vertical-align:middle}
.mdc-table small{color:var(--muted);font-weight:800}
.mdc-row-form{min-width:520px}
.mdc-row-form input,.mdc-row-form select{min-width:0;flex:1}
@media(max-width:900px){.mdc-mini-grid{grid-template-columns:1fr}.mdc-form>div:not(.full){min-height:0}.mdc-row-form{min-width:0;flex-direction:column;align-items:stretch}}

/* === Meal Management, Transport Coordinator, Nazim role dashboards === */
.role-hero{min-height:104px;display:flex;align-items:center;margin-bottom:18px}
.role-hero .hero-badge{background:#fff6dc;color:var(--primary);border:1px solid var(--gold-soft);border-radius:999px;padding:8px 14px;font-weight:950;box-shadow:0 12px 24px -20px rgba(11,61,46,.45)}
.role-stats{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-items:stretch;margin-bottom:16px}
.role-grid{align-items:stretch}
.role-card{height:100%;border-radius:22px;overflow:hidden}
.role-card .panel-head{align-items:center;gap:12px}.role-card h3{margin-top:0}
.role-form{gap:14px}.role-form>div:not(.full){min-height:82px}.role-form textarea{min-height:84px}
.meal-hero,.transport-hero,.nazim-hero{background:radial-gradient(520px 180px at 95% -35%,rgba(231,207,148,.33),transparent 68%),linear-gradient(135deg,#062a20,#0b3d2e 58%,#11593f);border-bottom:3px solid var(--gold)}
.sector-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:stretch}
.sector-card{position:relative;overflow:hidden;min-height:156px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fffdf8,#fffaf0);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 34px -29px rgba(11,61,46,.52)}
.sector-card::after{content:"";position:absolute;right:-32px;top:-38px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.24),transparent 67%)}
.sector-card span{position:relative;z-index:1;color:var(--gold);font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:950}.sector-card b{position:relative;z-index:1;color:var(--primary);font-size:19px;line-height:1.15}.sector-card div{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.sector-card em{font-style:normal;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sector-card strong{color:var(--primary);font-size:30px;line-height:1}.sector-card small{position:relative;z-index:1;color:var(--muted);font-weight:800;line-height:1.35}
.role-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.role-mini-grid>div{min-height:104px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#fffaf0);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 28px -26px rgba(11,61,46,.42)}.role-mini-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;color:var(--gold)}.role-mini-grid b{font-size:30px;line-height:1;color:var(--primary);font-weight:1000}
.role-table table{min-width:960px}.role-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:#f6f1e6}.role-table td{font-size:13px;vertical-align:middle}.role-table code{white-space:nowrap}
.role-card .row-form{display:flex;gap:8px;align-items:center;min-width:520px}.role-card .row-form input,.role-card .row-form select{min-width:0;flex:1}
@media(max-width:900px){.role-mini-grid{grid-template-columns:1fr}.role-form>div:not(.full){min-height:0}.role-card .row-form{min-width:0;flex-direction:column;align-items:stretch}.sector-card-grid{grid-template-columns:1fr}}

/* === Vaccination Officer dashboard === */
.vaccination-hero{background:radial-gradient(520px 180px at 95% -35%,rgba(231,207,148,.33),transparent 68%),linear-gradient(135deg,#062a20,#0b3d2e 58%,#11593f);border-bottom:3px solid var(--gold)}
.vaccination-stats .stat-card,.vaccination-grid .role-card{border-color:var(--line)}
.vaccination-grid{align-items:stretch}
.vaccination-grid .role-card{min-height:100%;border-radius:22px;overflow:hidden}
.vaccination-grid .role-form>div:not(.full){min-height:82px}
.vaccination-grid .role-table table{min-width:980px}
.vaccination-grid .role-table small{color:var(--muted);font-weight:800}
.vaccination-grid .row-form{min-width:0;display:flex;justify-content:flex-end}
@media(max-width:900px){.vaccination-grid .role-form>div:not(.full){min-height:0}.vaccination-grid .role-table table{min-width:780px}}

/* Login page matched to the provided Pakistan Hajj Portal template */
.login-page{background:#073c2b;min-height:100vh;overflow:auto}
.login-page .login-screen{
  min-height:100vh;
  padding:42px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(760px 430px at 14% 50%, rgba(126,184,178,.44), transparent 58%),
    radial-gradient(640px 420px at 86% 50%, rgba(96,142,57,.46), transparent 56%),
    radial-gradient(820px 520px at 55% 110%, rgba(24,50,75,.42), transparent 55%),
    linear-gradient(120deg,#07351f 0%,#084c33 46%,#0a5d3e 100%);
}
.login-page .login-screen::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,28,21,.20),transparent 28%,transparent 72%,rgba(5,28,21,.18));
  opacity:.82;
  pointer-events:none;
}
.login-page .login-bg-shape{display:none}
.login-page .login-card-premium{
  width:min(1432px,96vw);
  height:min(850px,calc(100vh - 84px));
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1.72fr) 528px;
  position:relative;
  z-index:1;
  border:0;
  border-radius:42px;
  overflow:hidden;
  background:#fffdf7;
  box-shadow:0 42px 120px rgba(2,25,16,.42);
  backdrop-filter:none;
}
.login-page .login-visual.premium-visual{
  padding:0;
  display:block;
  overflow:hidden;
  background:#e7d5c9;
}
.login-page .login-journey-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.login-page .login-form-box.premium-box{
  padding:48px 52px 42px;
  background:#fffdf8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border-left:1px solid rgba(226,216,197,.75);
  box-shadow:none;
}
.login-page .login-brand-block{
  width:100%;
  max-width:450px;
  text-align:center;
  margin:0 0 40px;
}
.login-page .uhms-login-logo{
  display:block;
  width:218px;
  max-width:58%;
  height:auto;
  margin:0 auto 18px;
}
.login-page .login-brand-block .login-system-title{
  margin:0;
  color:#174d35;
  font-size:26px;
  line-height:1.12;
  letter-spacing:.045em;
  text-transform:uppercase;
  font-weight:950;
  white-space:nowrap;
}
.login-page .flash,
.login-page .auth-form.premium-form,
.login-page .login-links{
  width:100%;
  max-width:420px;
  align-self:center;
}
.login-page .auth-form.premium-form{
  display:grid;
  gap:17px;
  text-align:left;
}
.login-page .auth-form.premium-form label{
  display:grid;
  gap:9px;
}
.login-page .auth-form.premium-form label span{
  color:#46566d;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.login-page .auth-form.premium-form input{
  height:72px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid #dfe9f4;
  color:#203041;
  font-size:14px;
  font-weight:800;
  padding:0 20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.login-page .auth-form.premium-form input:focus{
  border-color:#b9d8c4;
  box-shadow:0 0 0 4px rgba(11,77,53,.10);
}
.login-page .auth-form.premium-form input::placeholder{color:#5f6874;opacity:.86}
.login-page .auth-form.premium-form .btn.primary{
  height:68px;
  border-radius:20px;
  margin-top:2px;
  background:linear-gradient(135deg,#064d35,#0b6a49);
  color:#fff;
  font-size:18px;
  font-weight:950;
  box-shadow:0 15px 24px rgba(6,77,53,.18);
}
.login-page .login-links{
  display:grid;
  gap:13px;
  margin-top:18px;
}
.login-page .login-links .inline-nav-form{display:block;margin:0}
.login-page .login-links .btn.ghost{
  width:100%;
  height:58px;
  border-radius:18px;
  background:#fffdf9;
  color:#0b4d35;
  border:1px solid #eadfc9;
  font-size:17px;
  font-weight:950;
  box-shadow:0 9px 18px rgba(60,48,26,.08);
}
.login-page .login-links .auth-link{
  width:100%;
  min-height:auto;
  padding:7px 0 0;
  background:transparent;
  border:0;
  color:#0b4d35;
  font-size:14px;
  font-weight:950;
  box-shadow:none;
}
.login-page .footer-stamp{
  margin-top:auto;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 24px;
  border-radius:999px;
  border:1px solid #eadfc9;
  background:#fffdf9;
  color:#174d35;
  box-shadow:0 9px 18px rgba(60,48,26,.08);
  font-size:13px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  animation:none;
  white-space:nowrap;
}
@media(max-width:1100px){
  .login-page .login-card-premium{width:min(560px,94vw);height:auto;min-height:auto;grid-template-columns:1fr;border-radius:34px}
  .login-page .login-visual.premium-visual{display:none}
  .login-page .login-form-box.premium-box{padding:42px 28px 34px;border-left:0;min-height:680px}
  .login-page .login-brand-block .login-system-title{white-space:normal;font-size:23px}
  .login-page .footer-stamp{margin-top:34px;white-space:normal;text-align:center}
}
@media(max-width:640px){
  .login-page .login-screen{padding:16px}
  .login-page .login-form-box.premium-box{padding:32px 18px 28px;min-height:auto}
  .login-page .uhms-login-logo{max-width:62%;margin-bottom:14px}
  .login-page .login-brand-block{margin-bottom:30px}
  .login-page .auth-form.premium-form input{height:62px;border-radius:17px}
  .login-page .auth-form.premium-form .btn.primary{height:60px;border-radius:17px;font-size:16px}
  .login-page .login-links .btn.ghost{height:54px;font-size:15px}
  .login-page .footer-stamp{font-size:11px;letter-spacing:.11em;padding:10px 16px}
}

/* Login template performance + 13-inch screen fit fixes */
.login-page{overflow:auto;background:#07351f}
.login-page .login-screen{
  min-height:100dvh;
  padding:clamp(12px,2vh,24px) clamp(14px,2.2vw,28px);
}
.login-page .login-card-premium{
  width:min(1120px,96vw);
  height:min(690px,calc(100dvh - 28px));
  min-height:0;
  grid-template-columns:minmax(0,1.58fr) minmax(360px,410px);
  border-radius:34px;
}
.login-page .login-form-box.premium-box{
  padding:26px 32px 24px;
  min-height:0;
  overflow-y:auto;
  justify-content:flex-start;
}
.login-page .login-brand-block{
  max-width:350px;
  margin:0 0 18px;
}
.login-page .uhms-login-logo{
  width:150px;
  max-width:52%;
  margin:0 auto 10px;
}
.login-page .login-brand-block .login-system-title{
  font-size:20px;
  line-height:1.16;
  letter-spacing:.035em;
  white-space:normal;
}
.login-page .flash,
.login-page .auth-form.premium-form,
.login-page .login-links{
  max-width:340px;
}
.login-page .auth-form.premium-form{gap:11px}
.login-page .auth-form.premium-form label{gap:6px;min-width:0}
.login-page .auth-form.premium-form label span{
  font-size:11px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.login-page .auth-form.premium-form input{
  height:50px;
  border-radius:16px;
  font-size:13px;
  padding:0 16px;
  min-width:0;
}
.login-page .auth-form.premium-form .btn.primary{
  height:52px;
  border-radius:16px;
  font-size:15px;
  margin-top:0;
}
.login-page .login-links{
  gap:9px;
  margin-top:12px;
}
.login-page .login-links .btn.ghost{
  height:46px;
  min-height:46px;
  border-radius:15px;
  font-size:14px;
}
.login-page .login-links .auth-link{
  font-size:12px;
  padding-top:2px;
}
.login-page .footer-stamp{
  margin-top:auto;
  min-height:38px;
  max-width:340px;
  padding:9px 16px;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.11em;
  white-space:normal;
  text-align:center;
}
.login-page .field-note{
  font-size:10px;
  line-height:1.18;
  min-height:12px;
  overflow-wrap:anywhere;
}
.login-page .login-journey-image{object-position:center center}

@media(max-width:1100px){
  .login-page .login-card-premium{
    width:min(440px,94vw);
    height:auto;
    max-height:calc(100dvh - 24px);
    min-height:0;
    grid-template-columns:1fr;
    border-radius:28px;
  }
  .login-page .login-visual.premium-visual{display:none}
  .login-page .login-form-box.premium-box{
    padding:28px 24px 24px;
    min-height:0;
  }
  .login-page .uhms-login-logo{width:138px;max-width:54%}
  .login-page .login-brand-block .login-system-title{font-size:19px}
  .login-page .footer-stamp{margin-top:18px}
}
@media(max-width:640px){
  .login-page .login-screen{padding:10px}
  .login-page .login-card-premium{width:100%;border-radius:22px;max-height:calc(100dvh - 20px)}
  .login-page .login-form-box.premium-box{padding:24px 16px 20px}
  .login-page .login-brand-block{margin-bottom:16px}
  .login-page .uhms-login-logo{width:120px;max-width:52%;margin-bottom:8px}
  .login-page .login-brand-block .login-system-title{font-size:17px;line-height:1.18}
  .login-page .auth-form.premium-form input{height:48px;border-radius:14px}
  .login-page .auth-form.premium-form .btn.primary{height:50px;border-radius:14px;font-size:14px}
  .login-page .login-links .btn.ghost{height:44px;min-height:44px;font-size:13px}
  .login-page .footer-stamp{font-size:9px;letter-spacing:.08em;padding:8px 12px}
}