:root{--font-sans:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:224 71% 4%;--panel-bg:224 71% 7%;--panel-border:224 30% 15%;--primary:217 91% 60%;--primary-hover:217 91% 68%;--primary-glow:217 91% 60% / .15;--emerald:156 72% 43%;--amber:37 90% 51%;--rose:347 77% 50%;--text-primary:220 15% 96%;--text-secondary:220 10% 70%;--text-muted:220 10% 48%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}.bg-glow{filter:blur(160px);z-index:-1;pointer-events:none;opacity:.25;border-radius:50%;position:fixed}.bg-glow-1{background:radial-gradient(circle, hsl(var(--primary) / .7) 0%, transparent 70%);width:600px;height:600px;top:-200px;left:-200px}.bg-glow-2{background:radial-gradient(circle, hsl(var(--emerald) / .6) 0%, transparent 70%);width:700px;height:700px;bottom:-250px;right:-150px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--panel-border));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}.niramaya-app{flex-direction:column;min-height:100vh;display:flex}.login-page-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background-color:hsl(var(--panel-bg) / .4);border:1px solid hsl(var(--panel-border) / .5);-webkit-backdrop-filter:blur(20px);border-radius:32px;grid-template-columns:1.15fr .85fr;width:100%;max-width:1080px;display:grid;overflow:hidden;box-shadow:0 32px 80px #00000080}.login-left-panel{background:linear-gradient(145deg, hsl(var(--primary) / .04) 0%, hsl(var(--panel-bg) / .2) 100%);border-right:1px solid hsl(var(--panel-border) / .5);flex-direction:column;justify-content:space-between;gap:40px;padding:60px;display:flex}.login-right-panel{background-color:#02061766;flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.login-brand{align-items:center;gap:14px;display:flex}.login-brand .logo-icon{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-hover)));width:44px;height:44px;box-shadow:0 0 20px hsl(var(--primary) / .3);border-radius:16px;justify-content:center;align-items:center;display:flex}.login-brand .logo-title{letter-spacing:2px;color:#fff;font-size:1.35rem;font-weight:900;display:block}.login-brand .logo-tagline{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:1.5px;margin-top:1px;font-size:.65rem;display:block}.login-content{flex-direction:column;gap:24px;display:flex}.login-title{color:#fff;letter-spacing:-.8px;font-size:2.25rem;font-weight:900;line-height:1.2}.login-title span{background:linear-gradient(135deg, hsl(var(--primary-hover)), hsl(var(--emerald)));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-description{color:hsl(var(--text-secondary));font-size:.9rem;font-weight:500;line-height:1.6}.login-features-list{flex-direction:column;gap:20px;margin-top:10px;display:flex}.login-feature-item{align-items:flex-start;gap:16px;display:flex}.login-feature-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login-feature-icon-wrapper.emerald{background-color:hsl(var(--emerald) / .1);border:1px solid hsl(var(--emerald) / .2);color:hsl(var(--emerald))}.login-feature-icon-wrapper.primary{background-color:hsl(var(--primary) / .1);border:1px solid hsl(var(--primary) / .25);color:hsl(var(--primary))}.login-feature-icon-wrapper.amber{background-color:hsl(var(--amber) / .1);border:1px solid hsl(var(--amber) / .2);color:hsl(var(--amber))}.login-feature-text{flex-direction:column;gap:2px;display:flex}.login-feature-title{color:#f8fafc;font-size:.9rem;font-weight:700}.login-feature-desc{color:hsl(var(--text-secondary));font-size:.78rem;line-height:1.4}.login-footer{color:hsl(var(--text-muted));letter-spacing:1px;text-transform:uppercase;font-size:.72rem;font-weight:600}.login-clerk-container{flex-direction:column;align-items:center;width:100%;display:flex}.login-clerk-mobile-header{text-align:center;margin-bottom:24px;display:none}.login-clerk-mobile-header h2{color:#fff;font-size:1.4rem;font-weight:800}.login-clerk-mobile-header p{color:hsl(var(--text-secondary));margin-top:4px;font-size:.8rem}.app-header{-webkit-backdrop-filter:blur(16px)saturate(180%);background-color:hsl(var(--panel-bg) / .65);border-bottom:1px solid hsl(var(--panel-border) / .5);z-index:100;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:16px 24px;display:flex}.brand-logo{align-items:center;gap:12px;display:flex}.brand-logo .logo-icon{background:linear-gradient(135deg, hsl(var(--primary)), hsl(var(--primary-hover)));width:38px;height:38px;box-shadow:0 0 16px hsl(var(--primary) / .25);border-radius:12px;justify-content:center;align-items:center;display:flex}.brand-logo .logo-title{letter-spacing:1px;color:#fff;font-size:1.2rem;font-weight:800}.brand-logo .logo-tagline{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.main-content{flex:1;width:100%;max-width:1300px;margin:28px auto 0;padding:0 24px}.portal-grid{grid-template-columns:360px 1fr;align-items:start;gap:28px;display:grid}.panel{background-color:hsl(var(--panel-bg) / .45);border:1px solid hsl(var(--panel-border) / .55);-webkit-backdrop-filter:blur(12px);border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:0 12px 40px #00000059}.summary-panel,.antrean-panel{min-height:520px}.panel-title{color:#fff;align-items:center;gap:12px;margin-bottom:24px;font-size:1.15rem;font-weight:700;display:flex}.title-icon{width:20px;height:20px}.dashboard-stats{flex-direction:column;gap:16px;margin:24px 0;display:flex}.stat-card{background-color:hsl(var(--bg-dark) / .4);border:1px solid hsl(var(--panel-border) / .6);border-radius:16px;flex-direction:column;gap:6px;padding:20px;transition:all .3s;display:flex}.stat-card:hover{border-color:hsl(var(--primary) / .3);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-label{color:hsl(var(--text-secondary));font-size:.78rem;font-weight:600}.stat-val{color:#fff;font-size:1.85rem;font-weight:900;line-height:1.1}.stat-val.text-emerald{color:hsl(var(--emerald))}.stat-val.text-primary{color:hsl(var(--primary-hover))}.stat-desc{color:hsl(var(--text-muted));font-size:.72rem;font-weight:500}.quick-info{background-color:hsl(var(--primary) / .03);border:1px dashed hsl(var(--primary) / .25);border-radius:16px;margin-top:auto;padding:20px}.quick-info h3{color:hsl(var(--primary-hover));align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.quick-info p{color:hsl(var(--text-secondary));margin-top:8px;font-size:.75rem;line-height:1.5}.med-table{border-collapse:separate;border-spacing:0;width:100%}.med-table th{color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid hsl(var(--panel-border) / .6);background-color:hsl(var(--bg-dark) / .2);padding:14px 16px;font-size:.68rem;font-weight:700}.med-table td{border-bottom:1px solid hsl(var(--panel-border) / .3);color:hsl(var(--text-secondary));vertical-align:middle;padding:16px;transition:all .2s}.med-table tr:hover td{background-color:hsl(var(--bg-dark) / .25);color:#fff}.med-table tr:last-child td{border-bottom:none}.badge-q{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary-hover));border:1px solid hsl(var(--primary) / .2);border-radius:8px;padding:4px 10px;font-family:monospace;font-size:.85rem;font-weight:800}.action-buttons{justify-content:flex-end;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn.confirm{background-color:hsl(var(--emerald) / .1);border:1px solid hsl(var(--emerald) / .25);color:hsl(var(--emerald))}.action-btn.confirm:hover{background-color:hsl(var(--emerald));color:#fff;box-shadow:0 4px 12px hsl(var(--emerald) / .3)}.action-btn.cancel{background-color:hsl(var(--rose) / .1);border:1px solid hsl(var(--rose) / .25);color:hsl(var(--rose))}.action-btn.cancel:hover{background-color:hsl(var(--rose));color:#fff;box-shadow:0 4px 12px hsl(var(--rose) / .3)}.status-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:100px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.status-badge.confirmed{background-color:hsl(var(--emerald) / .1);border-color:hsl(var(--emerald) / .25);color:hsl(var(--emerald))}.status-badge.cancelled{background-color:hsl(var(--rose) / .1);border-color:hsl(var(--rose) / .25);color:hsl(var(--rose))}.status-badge.pending{background-color:hsl(var(--amber) / .1);border-color:hsl(var(--amber) / .25);color:hsl(var(--amber))}.access-denied-panel{text-align:center;border:1px solid hsl(var(--panel-border) / .6);background-color:hsl(var(--panel-bg) / .45);-webkit-backdrop-filter:blur(16px);border-radius:28px;max-width:440px;margin:80px auto;padding:40px;box-shadow:0 20px 50px #0006}.access-denied-panel .lock-icon-wrapper{background-color:hsl(var(--amber) / .1);border:1px solid hsl(var(--amber) / .2);width:56px;height:56px;color:hsl(var(--amber));border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.access-denied-panel h3{color:#fff;margin-bottom:12px;font-size:1.35rem;font-weight:800}.access-denied-panel p{color:hsl(var(--text-secondary));font-size:.85rem;line-height:1.6}.access-denied-panel .clerk-signout-wrapper{justify-content:center;margin-top:28px;display:flex}@media (width<=1024px){.login-card{border-radius:24px;grid-template-columns:1fr}.login-left-panel{border-right:none;border-bottom:1px solid hsl(var(--panel-border) / .5);padding:40px}.login-right-panel{padding:40px}.login-clerk-mobile-header{display:block}.portal-grid{grid-template-columns:1fr;gap:24px}.summary-panel,.antrean-panel{min-height:auto}}