:root{
  --gold:#d9b75d;--gold2:#f2d58c;--cyan:#55caff;--text:#f4f0e8;--muted:#a8b4c3;
  --panel:rgba(2,8,16,.78);--panel2:rgba(4,14,25,.9);--border:rgba(217,183,93,.48)
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:#030914;color:var(--text);font-family:"Inter",system-ui,sans-serif}button,input{font:inherit}
.dashboard-control-panel{position:relative;min-height:100svh;overflow:auto;background:url('/portal_ui/assets/dashboard/HourBound_Background.png') center center/cover no-repeat fixed}
.dashboard-backdrop{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,5,12,.08),rgba(0,5,12,.12) 52%,rgba(0,5,12,.7)),radial-gradient(circle at 50% 44%,transparent 0 35%,rgba(0,0,0,.26) 100%)}
.dashboard-login-wrap,.dashboard-home{position:relative;z-index:2;min-height:100svh}
.dashboard-login-wrap{display:grid;place-items:end center;padding:180px 18px 54px}
.hourbound-login-card{width:min(520px,94vw);padding:26px 28px 24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(4,14,26,.92),rgba(2,8,16,.84));box-shadow:0 24px 55px rgba(0,0,0,.5),inset 0 0 0 1px rgba(217,183,93,.04);backdrop-filter:blur(12px)}
.login-kicker{margin:0 0 5px;color:#79cff9;font-size:10px;letter-spacing:.2em;text-align:center;text-transform:uppercase}.hourbound-login-card h1{margin:0;color:var(--gold2);font:600 32px/1.1 "Cinzel",serif;text-align:center;letter-spacing:.08em}.login-subtitle{margin:7px 0 18px;color:#d7c28b;font:500 12px "Cinzel",serif;letter-spacing:.28em;text-align:center;text-transform:uppercase}.login-welcome{margin:0 0 18px;color:#d4dde7;text-align:center;font-size:13px}.login-field{display:block;margin:12px 0 6px;color:#e4cb82;font-size:11px;font-weight:600}.hourbound-login-card input{width:100%;height:43px;padding:0 12px;border:1px solid rgba(91,121,148,.38);border-radius:8px;background:#020810;color:#fff;outline:none}.hourbound-login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(217,183,93,.1)}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.password-toggle{min-width:58px;border:1px solid var(--border);border-radius:8px;background:#091522;color:#e9ce84}.login-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:11px}.login-options label{display:flex;align-items:center;gap:6px}.login-options input{width:14px;height:14px}.login-options button{border:0;background:transparent;color:#78d4ff;cursor:pointer}.login-primary{width:100%;min-height:44px;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(180deg,rgba(217,183,93,.22),rgba(217,183,93,.08));color:#f5dc96;font:600 14px "Cinzel",serif;cursor:pointer}.login-primary:hover{background:rgba(217,183,93,.18)}.login-result{min-height:18px;margin:10px 0 0;color:#ffb0b0;font-size:11px;text-align:center}
.dashboard-home{display:none;padding:clamp(165px,23vh,250px) clamp(14px,3vw,46px) 36px}.dashboard-control-panel.is-authenticated .dashboard-login-wrap{display:none}.dashboard-control-panel.is-authenticated .dashboard-home{display:block}
.dashboard-userbar{position:fixed;z-index:10;top:14px;right:18px;display:flex;gap:8px;align-items:center}.dashboard-userbar>div,.dashboard-userbar button{min-height:38px;border:1px solid var(--border);border-radius:999px;background:rgba(2,8,16,.78);color:#edd38a;backdrop-filter:blur(9px)}.dashboard-userbar>div{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11px}.session-dot{width:7px;height:7px;border-radius:50%;background:#79d9a4;box-shadow:0 0 12px rgba(121,217,164,.8)}.dashboard-userbar button{padding:0 15px;cursor:pointer}.dashboard-userbar button:hover{border-color:var(--gold2);background:rgba(217,183,93,.12)}
.dashboard-module-grid{width:min(1280px,96%);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:clamp(12px,1.5vw,22px)}.module-card{min-height:176px;padding:13px 10px;border:1px solid rgba(217,183,93,.33);border-radius:16px;background:linear-gradient(180deg,rgba(4,14,25,.48),rgba(2,8,16,.34));box-shadow:0 14px 32px rgba(0,0,0,.22);color:var(--text);text-align:center;cursor:pointer;backdrop-filter:blur(7px);transition:.16s ease}.module-card:hover,.module-card:focus-visible{transform:translateY(-4px);border-color:var(--gold2);background:linear-gradient(180deg,rgba(7,23,39,.68),rgba(3,12,23,.56));box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 18px rgba(71,190,255,.12);outline:none}.module-card.featured{border-color:rgba(85,202,255,.52)}.module-card img{display:block;width:clamp(84px,7.5vw,112px);aspect-ratio:1;object-fit:cover;margin:0 auto 7px;border-radius:50%;filter:drop-shadow(0 6px 11px rgba(0,0,0,.4))}.module-card strong{display:block;color:#f1d58d;font:600 clamp(12px,1vw,16px) "Cinzel",serif}.module-card span{display:block;margin-top:5px;color:var(--muted);font-size:9.5px;line-height:1.3}.dashboard-toast{position:fixed;z-index:20;left:50%;bottom:18px;transform:translate(-50%,18px);opacity:0;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(2,8,16,.92);color:#f0d58c;font-size:11px;transition:.18s ease;pointer-events:none}.dashboard-toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:1180px){.dashboard-control-panel{background-attachment:scroll}.dashboard-home{padding-top:180px}.dashboard-module-grid{grid-template-columns:repeat(3,minmax(145px,1fr));width:min(900px,94%)}}
@media(max-width:760px){.dashboard-control-panel{background-position:50% top;background-size:auto 100svh;background-color:#030914}.dashboard-login-wrap{padding:130px 12px 24px;place-items:end center}.hourbound-login-card{padding:20px 16px}.dashboard-home{padding:140px 10px 28px}.dashboard-userbar{top:8px;right:8px}.dashboard-userbar>div{display:none}.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(520px,100%);gap:10px}.module-card{min-height:143px;padding:9px 7px;border-radius:12px}.module-card img{width:clamp(70px,25vw,94px)}.module-card strong{font-size:11px}.module-card span{font-size:8.5px}}
@media(max-width:420px){.dashboard-home{padding-top:132px}.module-card{min-height:132px}.module-card span{display:none}.hourbound-login-card h1{font-size:27px}}