:root{--red:#ffc600;--navy:#002b5c;--bg:#f7f8fa;--muted:#637083;--line:#e3e8ee;--yellow:#ffc600;--yellow-dark:#e4ad00;--blue:#0055a5;--cyan:#43b9e8;--ink:#102f4f;--soft:#f0f2f4;--success:#15975e;--danger:#c72d3b}
*{scrollbar-color:#bfc9d4 transparent}
body{font-family:"Montserrat","Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:.005em}
h1,h2,h3{color:var(--blue);font-weight:750;letter-spacing:-.025em}
p{color:#566477}
.brand-logo{display:block;object-fit:contain}.login-logo{width:230px;max-width:78%;height:auto;margin:0 auto 28px}.nav-logo{width:172px;height:auto;margin:0 auto 3px}
.login{position:relative;overflow:hidden;background:linear-gradient(132deg,#002b5c 0%,#003f70 60%,#00528a 100%)}
.login:before,.login:after{content:"";position:absolute;border:2px solid #ffffff1f;transform:rotate(35deg)}.login:before{width:520px;height:520px;right:-240px;top:-220px}.login:after{width:420px;height:420px;left:-220px;bottom:-220px;border-color:#ffc6004d}
.login-card{position:relative;z-index:1;border-radius:5px;padding:42px 44px;border-top:6px solid var(--yellow);box-shadow:0 25px 75px #001b3c70}
.login-card h1{font-size:32px;margin-bottom:8px}.login-card>small{display:block;margin-top:17px;color:#6a7685}.login-card label{color:var(--navy);font-size:13px}
input,textarea,select{border-color:#cad3dc;border-radius:5px;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0055a517}
button,.button{border-radius:5px;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 6px 18px #002b5c12;transition:transform .15s,background .15s,box-shadow .15s}button:hover,.button:hover{background:#ffd229;transform:translateY(-1px);box-shadow:0 8px 20px #002b5c1c}button:disabled{background:#c9d0d6;color:#727d87;box-shadow:none;transform:none}
.secondary{background:#eef1f4;color:var(--navy);border:1px solid #dce2e8}.secondary:hover{background:#e4e9ee}.danger{background:#fff1f2;color:#ad2633}.danger:hover{background:#ffe1e4}.light{background:var(--yellow)!important;color:var(--navy)!important}
.eyebrow{color:var(--blue);font-weight:850}.muted{color:var(--muted)}
#app{grid-template-columns:244px 1fr}
aside{position:relative;background:#fff;padding:24px 18px 20px;gap:28px;border-top:4px solid var(--navy);border-right:1px solid var(--line);box-shadow:8px 0 28px #002b5c08}
aside:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--navy) 0 68%,var(--yellow) 68%)}
nav{gap:5px}nav button,.ghost{position:relative;color:#334c66;border-radius:5px;padding:12px 14px;font-size:12px;letter-spacing:.055em;text-transform:uppercase;box-shadow:none}nav button:hover,.ghost:hover{background:#f2f5f7;color:var(--blue);transform:none;box-shadow:none}nav button.active{background:#eef3f7;color:var(--blue);border-left:0;font-weight:900}nav button.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:0 5px 5px 0;background:var(--yellow)}.ghost{color:#6d7781;border:1px solid var(--line)}
.content{padding:28px clamp(22px,4.5vw,70px) 55px;background:linear-gradient(145deg,#fff 0,#f7f8fa 40%,#f4f6f8 100%)}
.content>header{margin:-28px calc(clamp(22px,4.5vw,70px)*-1) 34px;padding:19px clamp(22px,4.5vw,70px);background:#fff;border-top:4px solid var(--navy);border-bottom:1px solid var(--line)}.content>header h2{margin:0;font-size:24px}.content>header .eyebrow{margin:0 0 2px}.pill{background:#f0f3f5;color:var(--navy);border:1px solid #dce2e7;border-radius:5px;font-size:12px}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#00315d,#00517b);border-radius:5px;padding:42px;border-left:7px solid var(--yellow);box-shadow:0 15px 45px #002b5c20}.hero:after{content:"";position:absolute;width:250px;height:250px;right:-90px;top:-90px;border:2px solid #ffffff28;transform:rotate(45deg)}.hero h1{color:#fff}.hero p{color:#e5edf3}.hero .eyebrow{color:var(--yellow)}.score{position:relative;z-index:1;border-radius:5px;background:#ffffff14;border:1px solid #ffffff26}.score strong{color:var(--yellow)}
.cards,.stats{gap:16px}.cards article,.panel,.stat{border-color:var(--line);border-radius:6px;box-shadow:0 8px 26px #002b5c0a}.cards article{border-top:4px solid var(--cyan)}.cards article:nth-child(2){border-top-color:var(--yellow)}.cards article:nth-child(3){border-top-color:var(--navy)}.cards article span{color:var(--blue)}
.panel:hover,.stat:hover{box-shadow:0 10px 30px #002b5c10}.stat{border-left:4px solid var(--yellow)}.stat small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat h1{margin-bottom:0}
.section-title h1{font-size:32px}.section-title h2{font-size:26px}
.day-list{gap:12px}.day-card{border-radius:6px;border-color:var(--line);border-left:5px solid var(--cyan);box-shadow:0 7px 22px #002b5c0b}.day-card.locked{border-left-color:#b9c2ca}.day-number{border-radius:5px;background:var(--navy);color:var(--yellow)}.day-state,.day-badge{color:var(--blue)}
.day-hero{border-radius:6px;border-left:6px solid var(--yellow);background:#fff}.day-progress-summary{border-radius:5px;background:var(--navy)}.day-progress-summary strong{color:var(--yellow)}.progress-track span,.video-progress span{background:var(--yellow)}
.video-card{border-radius:6px}.video-card.completed{border-color:#77bd9a;box-shadow:0 0 0 2px #e1f3e9}.video-heading>span{color:var(--blue)}.watch-status{display:inline-flex;width:auto;gap:8px;margin-top:16px;padding:7px 10px;border:1px solid #e1e6eb;border-radius:5px;background:#f7f8fa}.watch-status strong{width:24px;height:24px;min-width:24px;border:1px solid #c8d1da;background:transparent;color:#647589;font-size:10px}.watch-status span{color:#637083;font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}.video-card.completed .watch-status{border-color:#d4e8dc;background:#f2f8f5}.video-card.completed .watch-status strong{border-color:var(--success);background:var(--success);color:#fff}
.draw-notice{border-radius:6px;border-left:5px solid var(--yellow)}.draw-notice.today{border-color:#65b98d;background:#eef8f3}.program-prize-mini,.prize-showcase{border-radius:6px;background:#fff9e8;border-color:#efcf6a}.program-prize-mini img,.prize-showcase img,.prize-preview,.prize-placeholder{border-radius:5px}
.manager-day{border-radius:6px}.manager-day>summary{display:grid;grid-template-columns:minmax(0,1fr) 92px 24px;align-items:center;column-gap:18px}.manager-day>summary>div{min-width:0}.manager-day>summary>small{width:92px;text-align:center;justify-self:center;color:var(--muted);font-variant-numeric:tabular-nums}.manager-day>summary:after{justify-self:end;color:var(--yellow-dark)}.item-editor,.question-editor{border-radius:5px}.item-number{border-radius:4px;background:var(--navy);color:var(--yellow)}
.draw-card{border-top:5px solid var(--yellow)}.draw-prize-image,.draw-prize-empty{border-radius:0}.draw-prize-name{color:#8a6500}.draw-stats span{border-radius:5px;background:#f2f4f6}.winner{border-radius:5px;background:#eef8f3}.draw-stage{background:#002343f2}.draw-stage-card{border-radius:7px;border-top:7px solid var(--yellow)}.draw-counter{background:var(--navy);color:var(--yellow);box-shadow:0 0 0 8px #ffc60025}.rolling-phase .rolling-name{border-color:var(--yellow);background:#fffbea}.shuffle-track span{background:var(--yellow)}.draw-loader{border-top-color:var(--yellow)}
.draw-result-footer{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:24px}.draw-result-footer small{display:block;line-height:1.5}.draw-stage-card.reveal .draw-result-footer button{margin-top:0}.home-settings-form{margin-bottom:20px;border-left:5px solid var(--yellow)}.home-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.home-settings-grid label{margin:0}.home-settings-grid .full{grid-column:1/-1}.settings-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.program-prize-mini{padding-left:12px}
.welcome-video{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(360px,1.25fr);gap:28px;align-items:center;margin-top:20px;padding:28px;border-left:5px solid var(--cyan)}.welcome-video h2{margin:6px 0 10px}.welcome-frame{position:relative;overflow:hidden;padding-top:56.25%;border-radius:6px;background:#001b3c}.welcome-frame iframe,.welcome-frame>div{position:absolute;inset:0;width:100%;height:100%;border:0}.certificate-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;border-left:5px solid var(--yellow);background:linear-gradient(105deg,#fff,#fff9e8)}.certificate-callout h2,.certificate-callout h3{margin:4px 0}.certificate-callout p:last-child{margin-bottom:0}.certificate-callout.pending{border-left-color:#c5cdd5;background:#fff}.welcome-settings-form,.certificate-settings-form{margin-bottom:20px}.welcome-settings-form{border-left:5px solid var(--cyan)}.certificate-settings-form{border-left:5px solid var(--yellow)}.edition-manager{margin-top:22px;border-left:5px solid var(--danger)}.archive-list{display:grid;gap:8px;margin:12px 0 20px}.archive-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--line);background:#f8fafb}.archive-list span{display:grid;gap:3px}.archive-list small{color:var(--muted)}.archive-list .button{padding:10px 12px;white-space:nowrap}.new-edition-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding-top:18px;border-top:1px solid var(--line)}.new-edition-form label{margin:0}.new-edition-form .form-msg{grid-column:1/-1}
.settings-list{display:grid;gap:12px;margin-bottom:12px}.settings-accordion{padding:0;overflow:hidden;margin:0}.settings-accordion.edition-manager{margin-top:16px}.settings-accordion>summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:18px;padding:20px 22px;cursor:pointer;list-style:none;background:#fff}.settings-accordion>summary::-webkit-details-marker{display:none}.settings-accordion>summary>div{display:grid;gap:4px}.settings-accordion>summary strong{color:var(--blue);font-size:16px}.settings-accordion>summary small{color:var(--muted)}.settings-accordion>summary:after{content:'+';justify-self:end;color:var(--yellow-dark);font-size:24px;font-weight:800}.settings-accordion[open]>summary{border-bottom:1px solid var(--line)}.settings-accordion[open]>summary:after{content:'−'}.settings-body{display:block;padding:22px}.certificate-topic-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:18px;padding:16px;border:1px solid var(--line);background:#f8fafb}.certificate-topic-preview small{grid-column:1/-1;color:var(--muted);font-weight:800;text-transform:uppercase}.certificate-topic-preview span{color:var(--navy);font-weight:700}.table-scroll{max-height:520px;overflow:auto;scrollbar-gutter:stable}.audit-scroll{max-height:calc(100vh - 235px);min-height:280px}.table-scroll table{margin:0}.table-scroll thead{background:#f1f3f5}.table-scroll thead th{position:sticky;z-index:2;top:0;background:#f1f3f5;box-shadow:0 1px 0 var(--line)}
table{background:#fff}th{color:var(--navy);background:#f3f5f7}th,td{border-color:#e5e9ed}.on{color:var(--success)}.off{color:var(--danger)}
@media(max-width:760px){#app{display:block}.content{padding:82px 14px 28px}.content>header{margin:0 0 18px;padding:0 2px 14px;background:transparent;border-top:0}.content>header h2{font-size:20px}aside{height:66px;border-top:3px solid var(--navy);border-right:0;border-bottom:1px solid var(--line);padding:8px 13px}.nav-logo{width:125px;margin:0}.menu-toggle{display:block;color:var(--navy);background:#f0f3f5;border:1px solid #dae1e7;box-shadow:none}.menu-toggle:hover{transform:none}.ghost{padding:9px 10px}aside nav{top:65px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:0 0 6px 6px}aside nav button{color:#334c66}.hero{padding:27px 22px}.cards article{border-radius:5px}.day-card{border-radius:5px}.day-card button{grid-column:2}.login-card{padding:32px 22px}.login-logo{width:205px}.section-title h1{font-size:27px}.panel{border-radius:5px}.draw-stage-card{border-radius:6px}.manager-day>summary{grid-template-columns:minmax(0,1fr) 68px 20px;align-items:center;gap:10px}.manager-day>summary small{width:68px;text-align:right}.watch-status{margin-top:14px}.home-settings-grid{grid-template-columns:1fr}.home-settings-grid .full{grid-column:1}.settings-actions{align-items:flex-start;flex-direction:column}.draw-result-footer{gap:14px}.draw-result-footer button{width:100%}.welcome-video{grid-template-columns:1fr;padding:20px;gap:16px}.certificate-callout{align-items:flex-start;flex-direction:column}.certificate-callout button{width:100%}.archive-list>div{align-items:flex-start;flex-direction:column}.archive-list .button{width:100%;text-align:center}.new-edition-form{grid-template-columns:1fr}.new-edition-form button{width:100%}.settings-accordion>summary{padding:16px;gap:10px}.settings-body{padding:16px}.certificate-topic-preview{grid-template-columns:1fr}.certificate-topic-preview small{grid-column:1}.table-scroll{max-height:430px}.audit-scroll{max-height:calc(100vh - 190px)}}