/* Navy, gold and blue design matched to the owner's supplied dashboard reference. */
:root{--bg:#eff4fa;--paper:#fff;--forest:#0a192b;--ink:#102039;--muted:#607696;--gold:#ffce60;--line:#e1eaf4}body{font-family:Segoe UI,Arial,sans-serif}.layout{grid-template-columns:205px 1fr}.sidebar{width:205px;background:linear-gradient(160deg,#091a2d,#11273e 70%,#091828);padding:23px 12px}.sidebar .eyebrow{display:none}.sidebar .brand{padding:0 7px;margin-bottom:34px}.brand{color:#ffce60;font-family:Georgia,serif;font-size:21px;font-weight:900;text-shadow:0 2px 0 #634c28;letter-spacing:0;gap:9px}.brand small{font-family:Segoe UI,sans-serif;font-size:9px;letter-spacing:2.8px;color:#ffe09a;text-align:center;text-shadow:none;margin-top:4px}.crest{clip-path:none;background:none;color:#ffca50;width:35px;height:38px;filter:drop-shadow(0 2px 0 #6c4d1d)}.crest svg{width:100%;height:100%}.nav{gap:6px;margin:0}.nav button{font-size:13px;padding:12px 13px;color:#c1cedd;gap:12px;border-radius:5px}.nav button.active,.nav button:hover{background:linear-gradient(90deg,#183f67,#123052);color:#fff}.nav button.active{box-shadow:inset 3px 0 #1f8cff}.nav i{color:#b7c9dc;font-size:18px}.sidebar-foot{border:0;font-size:11px;color:#7f97b0;padding:24px 10px 0}.sidebar-foot strong{color:#b0c3d7}.topbar{height:63px;background:#0a192b;border:0;padding:0 27px}.topbar>span{color:#8ca1b9;font-size:10px;letter-spacing:1px}.topbar-tools{gap:15px}.topbar select{color:#e4edf9;background:#132940;border-color:#2c445f;padding:7px 12px;font-size:12px;margin:0}.topbar .text-btn{color:#dce7f5;font-size:12px}.avatar{background:#30455e;color:#fff;width:29px;height:29px;font-size:12px}.content{padding:26px 25px 30px;max-width:1700px}.page-heading{margin-bottom:22px}h1{font-family:Segoe UI,Arial,sans-serif;font-size:27px;letter-spacing:-.5px;font-weight:750;margin-bottom:5px}h2{font-size:16px;font-weight:700;margin-bottom:14px}.eyebrow{color:#778ca6;font-size:10px;letter-spacing:1px;margin-bottom:6px}.subtitle{font-size:12px}.btn{background:linear-gradient(#1789ff,#0675fa);border-color:#0879fa;border-radius:5px;padding:11px 18px;font-size:13px;min-height:40px;box-shadow:0 2px 3px #0877f514}.btn.secondary{background:#fff;border-color:#d7e2ef;color:#315172;box-shadow:none}.btn.small{font-size:12px;min-height:33px;padding:7px 11px}.btn.green{background:linear-gradient(#0bcf63,#04b853);border-color:#05b951}.btn.purple{background:linear-gradient(#9645ff,#8130ee);border-color:#8130ee}.btn.navy{background:linear-gradient(#2c3c51,#1c2b3d);border-color:#1c2b3d}.text-btn{color:#067bff;font-size:12px}.stats{gap:15px;margin-bottom:18px}.stat{display:flex;align-items:center;gap:15px;padding:20px 16px;border-radius:7px}.stat-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:29px;flex:none}.stat-icon.blue{background:#dceaff;color:#007bff}.stat-icon.green{background:#d3fae3;color:#02bb52}.stat-icon.red{background:#ffe0e3;color:#f3384b}.stat-icon.purple{background:#ede0ff;color:#8e36f6}.stat .number{font-family:Segoe UI,Arial,sans-serif;font-size:26px;font-weight:750;line-height:1.2;margin:0 0 4px}.stat .label{font-size:11px;color:#5f7593;display:block}.dashboard-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:18px}.dashboard-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.grid-two{grid-template-columns:1.25fr 1fr;gap:18px}.card{padding:18px;border-radius:7px;margin-bottom:18px;min-width:0;box-shadow:0 2px 5px #174b8603}.card-head{margin-bottom:12px}.table-wrap{overflow-x:auto}table{font-size:11px;white-space:nowrap}th{font-size:10px;text-transform:none;letter-spacing:0;color:#5a7393;background:#f0f5fa;padding:10px 9px;font-weight:600}td{padding:13px 9px;border-bottom:1px solid #edf2f8}td strong{font-size:11px;font-weight:650}td small{color:#7c93ac}.badge{font-size:9px;letter-spacing:.2px;border-radius:5px;background:#edf3fa;color:#5a7393;padding:4px 7px}.badge.active,.badge.live,.badge.paid{background:#0cc563;color:#fff}.badge.upcoming{background:#087dff;color:#fff}.badge.pending{background:#fff0cc;color:#a27014}.badge.closed,.badge.disabled{background:#8395aa;color:#fff}.valid-mark{color:#06b956;white-space:nowrap}.code{color:#244367;font-size:11px;letter-spacing:.5px}.rank{font-family:Segoe UI,sans-serif;font-size:13px;font-weight:700;color:#8498b1}.actions{gap:8px}.quick-actions .btn{flex:1;white-space:nowrap;font-size:11px;padding:9px 13px}.status-line{font-size:12px;color:#07b652;display:flex;align-items:center;gap:8px;margin-bottom:12px}.status-dot{background:#10c96a;width:11px;height:11px;display:inline-block;border-radius:50%}.callout{background:#eff5fd;border:1px solid #e0eaf6;color:#577595;padding:13px 15px;border-radius:5px;margin-top:14px}.callout.warn{background:#fff7e6;border-color:#f3e1b9;color:#9d7427}.empty{background:#f8fafd;border-color:#dce6f1;color:#7990aa;font-size:12px;padding:30px 15px}.empty strong{color:#4e6685}.invite-row{display:flex;align-items:center;gap:20px}.invite-row>div{min-width:0}.invite-row p{font-size:12px}.qr{width:135px;height:135px;margin:0;padding:4px;flex:none}.link-box{background:#f0f5fc;color:#557398;border:1px solid var(--line);font-size:11px;text-align:left;margin-bottom:12px;padding:10px}.muted{color:#7e93ad;font-size:11px}.footer{border:0;font-size:10px;color:#869cb7;margin-top:5px;padding-top:16px;line-height:1.7}.footer .text-btn{font-size:10px}.month-input{width:165px;font-size:12px;padding:8px 11px}.help{color:#7c93af;font-size:11px;line-height:1.7}input,select{border-color:#cedbe9;border-radius:5px;color:#1e3654}input:focus,select:focus{outline-color:#3b90ff}input[readonly]{background:#f2f6fb;color:#5c7390}.code-card{background:#f4f8fd;border-color:#dfe9f4;border-radius:6px;padding:18px}.code-large{font-size:24px;letter-spacing:2px;color:#153457}.code-card p{font-size:11px;line-height:1.9}.share-text{background:#eef4fc}.demo{font-size:11px;position:relative;z-index:3}.error{color:#aa4630;background:#fff0ea;border:1px solid #f3cfc5}dialog{border-color:#d9e5f2;border-radius:9px}dialog h2{font-family:Segoe UI,sans-serif;font-size:23px;font-weight:700}dialog::backdrop{background:#06172abb}#toast{background:#173b61;border:1px solid #385b7f}
body:has(.player-shell),body:has(.auth){background:#071626 url('/static/kingdom.svg') center top/cover fixed no-repeat}.auth{background:#eff5fbf2;border-color:#c6d4e2;border-radius:11px;box-shadow:0 15px 60px #0004;max-width:430px;padding:30px;margin:50px auto}.auth .brand{color:#ffcf63;justify-content:center;background:linear-gradient(160deg,#163049,#091c2f);margin:-30px -30px 26px;padding:28px;border-radius:10px 10px 0 0;font-size:29px}.auth .crest{width:47px;height:49px}.auth .brand small{color:#ffe29b;font-size:11px;letter-spacing:4px}.auth h1{font-size:24px;font-weight:750;text-align:center;margin-top:0}.auth>p{text-align:center;font-size:13px}.auth .tabs{margin:21px 0;border-color:#ccdbea}.auth .tabs button{color:#66809e;font-size:12px}.auth .tabs button.active{color:#087aff;border-color:#087aff}.player-shell{max-width:930px;padding:30px 24px;color:#f0f6ff;min-height:100vh}.player-top{margin-bottom:40px}.player-top .brand{color:#ffcf62;font-size:30px}.player-top .brand small{color:#ffe19a;font-size:11px;letter-spacing:4px}.player-top .crest{width:50px;height:52px}.player-top .btn{background:#1d344d;border-color:#435b76;color:#e5eefa}.player-shell h1{color:#ffcf62;font-size:27px}.player-shell .eyebrow{color:#bfd1e9}.player-shell .subtitle{color:#abc0d9}.player-grid{grid-template-columns:1.1fr 1fr;gap:20px;margin-top:20px}.player-shell .card{background:linear-gradient(145deg,#1b3045f2,#081d2feb);border-color:#3c526d;border-radius:9px;padding:23px;color:#eff5fd}.player-shell .card p{color:#b0c4dc}.player-shell .redeem-card{background:#eff4fa;color:#0c1d34;border-color:#dfe8f3}.redeem-card h2{text-align:center;font-size:23px;margin-bottom:8px}.redeem-card>p{text-align:center;color:#2d4462!important;font-size:13px;margin-bottom:25px}.redeem-card input{font-size:14px;letter-spacing:0;text-align:left;padding:12px}.redeem-card input[name=code]{font-size:18px;letter-spacing:2px;text-transform:uppercase;padding:13px}.redeem-card input[readonly]{background:#fff}.redeem-card .btn{min-height:47px;font-weight:750}.player-shell .points{font-family:Segoe UI,sans-serif;font-size:66px;font-weight:750;color:#ffcf62;margin:25px 0}.points small{font-size:11px;font-weight:400;color:#deebf9}.player-shell .callout:not(.warn){background:#1e354e;border-color:#405a79;color:#b7cbe2}.player-shell .redeem-card .callout{background:transparent;border:0;color:#7489a2;padding:4px 0;font-size:11px}.player-shell .month-input{background:#243b55;border-color:#4b6380;color:#f0f6ff;width:142px}.event-row{border-color:#3b526c}.event-icon{color:#ffd268;background:transparent;border:0}.event-row small{color:#9fb5d1}.player-shell .empty{background:#142a42;border-color:#405d7c;color:#a9bed6}.player-shell .empty strong{color:#e5eef9}.player-shell .footer{color:#8fa9c6}.success{background:linear-gradient(145deg,#1b334b,#071e31);border:1px solid #3e5875;color:#eef6ff;border-radius:8px;padding:20px}.success-icon{width:53px;height:53px;display:grid;place-items:center;border:4px solid #0cdb62;color:#0be56c;font-size:35px;border-radius:50%;margin:0 auto 15px}.success h2{color:#11e66c;font-size:21px}.success dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;font-size:11px;border-top:1px solid #40566e;padding-top:17px;margin-bottom:0}.success dt{color:#d4e1f1}.success dd{margin:0;text-align:right;font-weight:650}.success-points{color:#0fee6c}
@media(max-width:1200px){.layout{grid-template-columns:180px 1fr}.sidebar{width:180px}.sidebar .brand{font-size:16px}.sidebar .crest{width:29px}.content{padding:23px 18px}.stats{gap:10px}.stat{padding:17px 11px;gap:10px}.stat-icon{width:42px;height:42px;font-size:24px}.stat .number{font-size:23px}.stat .label{font-size:10px}.dashboard-grid{grid-template-columns:1fr}.dashboard-bottom{grid-template-columns:1.3fr 1fr}.topbar{padding:0 20px}.topbar>span{font-size:9px}}
@media(max-width:720px){.layout{display:block}.sidebar{position:static;width:auto;padding:17px 14px 11px}.sidebar .brand{font-size:22px;margin-bottom:14px;padding-left:3px}.sidebar .crest{width:35px}.sidebar .brand small{font-size:9px}.nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:3px}.nav button{font-size:12px;padding:10px;white-space:nowrap}.nav i{display:inline;font-size:15px;width:16px}.nav button.active{box-shadow:inset 0 -2px #248aff}.topbar{height:57px;padding:0 15px}.topbar-tools{width:100%;justify-content:space-between}.content{padding:22px 13px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:19px}.page-heading .month-input{width:143px;font-size:11px;padding:8px}h1{font-size:24px}.subtitle{font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px 12px;gap:12px}.stat-icon{width:43px;height:43px}.stat .label{font-size:10px}.dashboard-grid,.dashboard-bottom,.grid-two,.player-grid{display:block}.card{padding:15px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions .btn{font-size:12px;min-height:43px}.footer{font-size:9px;gap:13px}.invite-row{gap:13px}.qr{width:110px;height:110px}.form-grid{grid-template-columns:1fr}.code-grid{grid-template-columns:1fr}.code-card .actions .btn{min-height:43px}.player-shell{padding:22px 15px}.player-top{flex-direction:column;gap:20px;margin-bottom:26px}.player-top .brand{font-size:30px}.player-top .actions{align-self:stretch;justify-content:space-between}.player-shell .page-heading{align-items:center}.player-shell h1{font-size:23px}.player-shell .card{padding:20px}.player-shell .redeem-card{padding:23px 19px}.auth{margin:25px 15px;padding:25px}.auth .brand{margin:-25px -25px 23px}.auth h1{font-size:22px}.success dl{font-size:12px}.demo{font-size:10px}}
