:root{--brand-blue:#074eac;--brand-dark:#12355c;--brand-red:#fa3032;--brand-green:#008b51;color:var(--brand-dark);background:#f3f6fb}
body{background:radial-gradient(ellipse at 100% 10%,#e6efff 0,transparent 48%),#f3f6fb;min-height:100vh}
header{position:relative;background:#fff;color:var(--brand-blue);padding:26px max(5%,calc((100vw - 1100px)/2));padding-bottom:42px;border-bottom:1px solid #d9e5f6;overflow:hidden}
header:after{content:'';position:absolute;bottom:-39px;left:-10%;width:120%;height:65px;border-top:7px solid var(--brand-blue);border-radius:50% 50% 0 0;transform:rotate(-1deg);box-shadow:0 -6px 0 #fff,0 -10px 0 var(--brand-green)}
.brand-block{min-width:0}.brand-logo{display:block;width:min(340px,100%);height:auto;max-height:88px}
header h1{font-size:15px;font-weight:650;letter-spacing:.02em;margin-top:10px;color:#426285}
header p{font-size:13px;color:#647b94;margin-top:5px;opacity:1}
#account{align-self:flex-start;margin-top:12px;flex-shrink:0}#account button{background:#edf3fd;color:var(--brand-blue);border:1px solid #d7e5f9}
main{margin-top:28px}.card{border-color:#dce5f1;border-radius:22px;box-shadow:0 10px 38px #153e7610}
h2{color:#133a6d;letter-spacing:-.025em}h3{color:#193d6d}button{background:var(--brand-blue);border-radius:12px;min-height:44px;transition:background .15s,box-shadow .15s}
button:hover:not(:disabled){box-shadow:0 4px 12px #074eac26}button.secondary{background:#edf3fd;color:var(--brand-blue)}
nav{padding:7px;background:#fff;border:1px solid #dce5f1;border-radius:17px;box-shadow:0 5px 20px #153e7608;gap:6px}
nav button{background:transparent;color:#536c8b;flex:1;white-space:nowrap;padding:11px 14px}nav button.active{background:var(--brand-blue);color:#fff;box-shadow:0 4px 12px #074eac30}
input,select{border-color:#cbd9eb;background:#fcfdff;border-radius:11px}input:focus,select:focus{border-color:var(--brand-blue)}
.tile{position:relative;border-radius:20px;border-color:#dce5f1;border-top:4px solid var(--brand-blue);background:linear-gradient(145deg,#fff,#f8fbff)}
.tile:nth-child(3n+2){border-top-color:var(--brand-green)}.tile:nth-child(3n){border-top-color:var(--brand-red)}
.broadcast-now{border-left-color:var(--brand-red);background:linear-gradient(135deg,#fff,#fff8f8)}.broadcast-now>h3{color:#b82036}.broadcast-now progress{accent-color:var(--brand-blue)}
.broadcast-next{border-left-color:var(--brand-blue);background:#edf4ff}.program-row.is-live{border-left-color:var(--brand-green);background:#f1faf6}.program-row.is-ended{background:#f7f9fc;color:#61738c}
.program-time{color:var(--brand-blue)}.event-squads{color:#56708c}.shift-editor,.schedule-preview{background:#f3f7ff;border-color:#dae5f7}
#login{max-width:450px;margin:7vh auto;padding:32px;border-top:5px solid var(--brand-blue)}#login h2{margin-top:0}#login button{width:100%;margin-top:6px}
footer{color:#7b8da4;font-size:14px;padding:32px 18px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #159e74;outline-offset:3px}
@media(max-width:600px){header{padding:20px 18px 58px;gap:12px}.brand-logo{width:245px;max-width:100%}header h1{font-size:12px}header p{display:none}#account{margin-top:6px}#account button{padding:9px 12px;min-height:40px;font-size:12px}nav{gap:4px}nav button{flex:1 1 auto;font-size:13px;padding:10px 12px}main{padding:0 14px;margin-top:18px}.card{padding:18px;border-radius:18px}#login{padding:24px;margin:5vh auto}.brand-block{flex:1}.broadcast-now,.broadcast-next{border-radius:15px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}