:root{--blue:#00184f;--blue2:#062a76;--dark:#000d2f;--gold:#dda936;--gold2:#ffd574;--white:#f7f9ff;--muted:#cbd5ee;--line:rgba(221,169,54,.65);--danger:#ffb7b7}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--white);background:#00113b url('pix/server-security.png') center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(0,10,43,.98),rgba(0,31,94,.88) 52%,rgba(0,9,38,.96));z-index:-1}a{color:var(--gold2)}button,input{font:inherit}.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.auth-header{height:88px;border-bottom:1px solid rgba(221,169,54,.32);background:rgba(0,12,44,.92);display:flex;align-items:center}.auth-container{width:min(calc(100% - 36px),1120px);margin:auto}.auth-brand img{width:118px;height:74px;object-fit:contain}.auth-main{display:grid;place-items:center;padding:44px 0}.auth-grid{width:min(980px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);box-shadow:0 26px 90px rgba(0,0,0,.48);background:rgba(0,19,63,.86);backdrop-filter:blur(12px)}.auth-copy{padding:42px;background:linear-gradient(145deg,rgba(0,42,119,.72),rgba(0,15,54,.88));border-right:1px solid rgba(221,169,54,.38)}.auth-copy h1{font-size:37px;line-height:1.12;color:var(--gold2);margin:10px 0 18px}.auth-copy p{color:#e2e9f8;line-height:1.7}.auth-badge{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.auth-feature{display:flex;gap:12px;margin-top:20px;color:#e9eef9}.auth-feature strong{color:var(--gold2)}.auth-form{padding:42px}.auth-form h2{font-size:28px;margin:0 0 8px;color:var(--gold2)}.auth-form>p{margin:0 0 22px;color:var(--muted)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.field input{width:100%;padding:13px 14px;background:#001039;border:1px solid rgba(221,169,54,.48);color:#fff;border-radius:3px;outline:none}.field input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(255,213,116,.18)}.hint{font-size:12px;color:#aebbd8;margin-top:6px}.error{padding:12px 14px;border:1px solid #ef7f7f;background:rgba(155,28,28,.28);color:#ffe8e8;margin-bottom:16px}.auth-submit{width:100%;padding:13px;border:1px solid #f4c451;border-radius:3px;background:linear-gradient(180deg,#ffe391,#d39a25 54%,#ad7514);font-weight:700;color:#1d1400;cursor:pointer}.auth-links{display:flex;justify-content:space-between;gap:18px;margin-top:18px;font-size:12px;flex-wrap:wrap}.auth-footer{background:#001039;border-top:1px solid rgba(221,169,54,.4);padding:18px 0;font-size:12px;color:#cbd5ee}.auth-footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.cookie-gate{width:min(800px,100%);border:1px solid var(--line);background:rgba(0,18,60,.96);box-shadow:0 26px 90px rgba(0,0,0,.55);padding:34px}.cookie-gate h1{color:var(--gold2);font-size:31px;margin:0 0 14px}.cookie-gate p,.cookie-gate li{line-height:1.65;color:#e3e9f7}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.cookie-actions button{padding:12px 18px;border-radius:3px;cursor:pointer}.accept{border:1px solid #f4c451;background:linear-gradient(180deg,#ffe391,#d39a25 54%,#ad7514);color:#1d1400;font-weight:700}.reject{border:1px solid rgba(255,255,255,.35);background:#00103a;color:#fff}.policy-box{margin-top:18px;padding:16px;border:1px solid rgba(221,169,54,.35);background:rgba(0,10,40,.42);font-size:13px}.dashboard-body{background:#00113b;min-height:100vh}.dash-header{height:86px;background:#000d2f;border-bottom:1px solid rgba(221,169,54,.35);display:flex;align-items:center}.dash-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.dash-logo{width:112px}.dash-user{text-align:right}.dash-user strong{display:block;color:var(--gold2)}.logout{display:inline-block;margin-top:4px;font-size:12px}.dash-main{padding:40px 0}.welcome{padding:30px;border:1px solid var(--line);background:linear-gradient(120deg,#00194f,#082d7b);margin-bottom:22px}.welcome h1{margin:0 0 8px;color:var(--gold2);font-size:34px}.welcome p{margin:0;color:#dce5f7}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-card{min-height:180px;padding:22px;border:1px solid rgba(221,169,54,.5);background:linear-gradient(145deg,#00184d,#001039);box-shadow:0 12px 30px rgba(0,0,0,.18)}.dash-card h2{font-size:19px;color:var(--gold2);margin:0 0 12px}.dash-card p{color:#cdd7ec;font-size:14px}.status-pill{display:inline-block;padding:5px 9px;border:1px solid rgba(89,224,140,.55);color:#b9f2ce;font-size:12px}.demo-note{margin-top:20px;padding:14px;border:1px dashed rgba(221,169,54,.55);color:#dce4f5;font-size:13px}@media(max-width:820px){.auth-grid{grid-template-columns:1fr}.auth-copy{border-right:0;border-bottom:1px solid rgba(221,169,54,.38)}.dash-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.auth-copy,.auth-form,.cookie-gate{padding:25px}.auth-copy h1{font-size:30px}.dash-grid{grid-template-columns:1fr}.auth-footer-row{display:block}.auth-footer-row div+div{margin-top:8px}}
