/* DDR 1985 v0.6 — responsive interface refresh */
:root{--bg:#111719;--panel:#20282b;--panel2:#293235;--line:#475153;--text:#f3f0e8;--muted:#b9c0bf;--red:#a53d32;--gold:#f0c47b;--green:#9bbf91}
body{background:radial-gradient(ellipse at 90% 0%,#273235 0%,#111719 56%);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
header{position:sticky;top:0;z-index:30;background:#182023ed;backdrop-filter:blur(12px);height:76px;border-bottom:1px solid #5a4842}
.brand strong{font-family:Georgia,serif;letter-spacing:1px}.seal{width:48px;height:48px;font-size:24px}
.layout{grid-template-columns:244px minmax(0,1fr)}aside{background:#171f22;padding:23px 12px;border-right:1px solid #354043}aside a{font-size:14px;padding:12px 15px;transition:background .15s}aside a:hover{background:#364144}aside .active{background:#80382f;border-left:3px solid var(--gold)}
.dashboard{max-width:1510px;padding:27px 30px}.hero{min-height:330px;border-radius:15px;border-color:#5d6a65;box-shadow:0 18px 40px #0005;position:relative}.herooverlay{padding:42px}.hero h1{font-size:clamp(30px,3.5vw,49px);text-shadow:0 2px 10px #0008}.hero p{max-width:450px}.hero .day{background:#8a3a2f;border:1px solid #b26451}
.stats{gap:14px;margin:22px 0}.stat{border-radius:12px;padding:19px;background:linear-gradient(145deg,#2c3436,#20282b);border:1px solid #485154}.stat strong{font-size:clamp(19px,2vw,27px)}.stat small{font-weight:700;letter-spacing:1.3px}.bar{height:7px;background:#141b1c}
.panel{border-radius:14px;background:linear-gradient(150deg,#252e30,#20272a);border-color:#465052;box-shadow:0 8px 26px #0002}.panel h2{font-size:21px}.columns{gap:19px;margin:19px 0}
button,.citylaunch{border-radius:8px;transition:transform .15s,filter .15s}button:hover,.citylaunch:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4cc83;outline-offset:3px}
.actionbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 8px}.actiontile{display:flex;flex-direction:column;justify-content:center;min-height:105px;padding:17px 18px;border-radius:12px;background:#293336;border:1px solid #4b5758;color:#f8f4e9;text-decoration:none;transition:background .15s,transform .15s}.actiontile:hover{background:#394649;transform:translateY(-2px);text-decoration:none}.actiontile .actionicon{font-size:25px;color:var(--gold)}.actiontile strong{font-size:14px;margin-top:7px}.actiontile small{font-size:11px;color:#c3c9c5}.sectioneyebrow{color:var(--gold);letter-spacing:2px;font-size:11px;font-weight:800;margin:24px 0 8px}.welcome-note{color:#cbd1ce;font-size:13px;margin:13px 0 0}.stat small,.asideheading{color:#d6c4a5}
@media(max-width:1150px){.actionbar{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:195px 1fr}.dashboard{padding:18px}}
@media(max-width:720px){header{position:relative;min-height:74px}.headright{flex-wrap:wrap;justify-content:flex-end}.layout{display:block}aside{display:flex;overflow-x:auto;position:sticky;top:0;z-index:20;scrollbar-width:thin}aside a{flex-shrink:0}.dashboard{padding:13px}.actionbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.actiontile{min-height:94px;padding:12px}.hero{min-height:260px}.herooverlay{padding:22px}.stats{gap:8px}.stat{padding:13px}.stat strong{font-size:19px}.panel{padding:17px}}
@media(max-width:390px){.stats{grid-template-columns:1fr 1fr}.actiontile strong{font-size:12px}.headright{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}