:root{color-scheme:light}
*{box-sizing:border-box}
body.admin-page,body.admin-bg{margin:0;background:radial-gradient(circle at 10% 0,#e9edff 0,#f4f7fb 32%,#f4f7fb 100%);color:#17243a;font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.admin-page a,.admin-bg a{text-decoration:none}
.admin-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(22px,calc((100vw - 1280px)/2));background:rgba(255,255,255,.96);border-bottom:1px solid #dfe5ef;box-shadow:0 4px 20px rgba(32,46,86,.05);backdrop-filter:blur(12px)}
.admin-top .brand{display:flex;align-items:center;gap:11px}.admin-top .brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#5146e5;color:#fff;font-size:20px}.admin-top .brand-copy{display:grid;line-height:1.25}.admin-top strong{color:#15233d;font-size:15px}.admin-top span{color:#687892;font-size:12px}
.admin-top nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-top nav a{padding:9px 12px;color:#42536e;font-weight:700;border-radius:10px}.admin-top nav a:hover,.admin-top nav a:focus-visible{background:#eef0ff;color:#4338ca}.admin-top nav .visit-site{background:#eef0ff;color:#4338ca}.admin-top nav .logout{color:#9b3442}
.admin-wrap{width:min(1280px,100%);margin:auto;padding:26px 22px 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.dashboard-intro{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:20px}.dashboard-intro h1{margin:0;color:#182844;font-size:clamp(26px,3vw,34px);letter-spacing:-.035em;line-height:1.15}.dashboard-intro p{margin:6px 0 0;color:#5d6d84}.dashboard-intro .date-pill{white-space:nowrap;padding:8px 12px;border:1px solid #dfe5ef;border-radius:999px;background:#fff;color:#53637b;font-size:13px;font-weight:700}
.dashboard-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.overview-card{padding:19px 20px;background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 6px 22px rgba(37,55,91,.05)}.overview-card span{display:block;color:#61718a;font-size:13px;font-weight:700}.overview-card strong{display:block;margin-top:4px;color:#192a48;font-size:29px;line-height:1.15;letter-spacing:-.03em}.overview-card small{display:block;margin-top:5px;color:#74839a}.overview-card.alert-card{border-color:#f1d2d2;background:#fffafa}.overview-card.alert-card strong{color:#a93442}
.panel{min-width:0;background:#fff;border:1px solid #dfe5ef;border-radius:20px;padding:24px;box-shadow:0 8px 28px rgba(34,50,83,.055)}.panel h2{margin:0 0 6px;color:#1b2c49;font-size:20px;letter-spacing:-.02em}.panel .panel-note{margin:0 0 20px;color:#65758d;font-size:13px}.list-panel{grid-column:1/-1}.admin-form{display:grid;gap:17px}.admin-form label,.login-card label{display:grid;gap:7px;color:#34445f;font-size:13px;font-weight:750}.admin-form input:not([type=checkbox]):not([type=file]),.admin-form textarea,.login-card input{display:block;width:100%;min-height:44px;padding:11px 13px;border:1px solid #cbd5e2;border-radius:10px;background:#fff;color:#17243a;font:inherit;outline:none;box-shadow:0 1px 2px rgba(25,40,73,.025)}.admin-form textarea{min-height:90px;resize:vertical}.admin-form input::placeholder,.admin-form textarea::placeholder,.login-card input::placeholder{color:#8995a8}.admin-form input:focus,.admin-form textarea:focus,.login-card input:focus{border-color:#6258e8;box-shadow:0 0 0 3px rgba(81,70,229,.14)}.admin-form input[type=file]{width:100%;padding:10px;border:1px dashed #aebbd0;border-radius:10px;background:#f8faff;color:#51627d;font:inherit}.admin-form input[type=file]::file-selector-button{margin-right:12px;padding:7px 11px;border:0;border-radius:8px;background:#e8eafd;color:#4338ca;font-weight:700;cursor:pointer}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-row{display:flex!important;align-items:center;gap:10px;margin:0!important;color:#34445f}.check-row input{width:17px;height:17px;accent-color:#5146e5}.current-img{display:flex;align-items:center;gap:10px;color:#62728b;font-size:13px}.current-img img{width:72px;height:52px;object-fit:cover;border:1px solid #dfe5ef;border-radius:9px}
.primary-btn,.ghost-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font:inherit;font-weight:750;cursor:pointer;text-align:center;box-shadow:none}.primary-btn{background:#5146e5;color:#fff}.primary-btn:hover{background:#4338ca}.ghost-btn{background:#eef0ff;color:#4338ca;border-color:#d7dbff}.danger-btn{background:#b42335;color:#fff}.danger-btn:hover{background:#981c2c}.danger-btn:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.center{text-align:center}.muted{color:#697991}.panel-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.panel-actions .primary-btn{width:auto}
.admin-game-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #e8edf4;cursor:grab}.admin-game-row:first-child{border-top:0}.admin-game-row.dragging{opacity:.5}.admin-game-row img{width:76px;height:56px;object-fit:cover;background:#eef2f8;border-radius:9px}.admin-game-row>div:nth-child(2){display:grid;gap:2px;min-width:0}.admin-game-row strong{color:#22324d}.admin-game-row span{color:#5d6e85;font-size:13px}.admin-game-row small{overflow:hidden;color:#728097;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.row-actions a,.row-actions button{display:inline-block;padding:8px 11px;border:1px solid #d9ddfb;border-radius:8px;background:#f0f1ff;color:#463cc6;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.row-actions button{border-color:#f4d6d9;background:#fff1f2;color:#ab3040}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.stat-card{display:grid;gap:3px;padding:14px;border:1px solid #e1e7f0;border-radius:12px;background:#f8faff}.stat-card strong{color:#263652}.stat-card span{color:#687992;font-size:13px}.referrer-list{display:flex;gap:10px;flex-wrap:wrap}.referrer-list .stat-card{min-width:190px}
.message-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.message-nav a{display:inline-flex;padding:9px 13px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#53657d;font-weight:700}.message-nav a.selected{border-color:#5146e5;background:#5146e5;color:#fff}.message-nav a:focus-visible,.admin-top a:focus-visible,.primary-btn:focus-visible,.danger-btn:focus-visible{outline:3px solid #9b94ff;outline-offset:2px}
.admin-notice{padding:10px 13px;border:1px solid #b7e7c5;border-radius:10px;background:#edfff1;color:#17643a;font-weight:700}
.panel[id]{scroll-margin-top:90px}
.message-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e0e6f0;border-radius:12px;background:#f8faff}.message-tools label{display:flex;align-items:center;gap:7px;font-weight:700;color:#40516b}.message-tools input[type=checkbox],.message-card input[type=checkbox]{width:17px;height:17px;accent-color:#5146e5}.message-tools .actions{display:flex;gap:8px;flex-wrap:wrap}.message-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:17px 2px;border-bottom:1px solid #e7ecf3}.message-card .message-body{display:grid;gap:3px;min-width:0}.message-card strong{color:#253650}.message-card a{color:#4338ca;overflow-wrap:anywhere}.message-card small{color:#7b8aa0}.message-card p{margin:7px 0 0;color:#394b65;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message-card:not(:has(input)){grid-template-columns:1fr}.message-page-nav{margin:18px 0 0}
.admin-bg{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);padding:28px;background:#fff;border:1px solid #dfe5ef;border-radius:20px;box-shadow:0 16px 45px rgba(35,50,80,.1)}.login-card h1{margin:0;color:#182844;font-size:25px}.login-card p{color:#65758d}.login-card form{display:grid;gap:15px}.login-card .alert{padding:10px 12px;border-radius:9px;background:#fff1f2;color:#a42335}.login-card .back-link{display:block;margin-top:17px;color:#5146e5;text-align:center;font-weight:700}
.admin-top .logout-form{margin:0}.admin-top .logout-form button{border:0;background:transparent;color:#9b3442;font:inherit;font-weight:700;cursor:pointer;padding:9px 12px;border-radius:10px}.admin-top .logout-form button:hover{background:#fff1f2}
.live-panel{grid-column:1/-1}.live-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.live-heading h2{margin:6px 0}.live-heading p{margin:0;color:#64748b}.live-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#0f766e;font-weight:750;font-size:13px}.live-dot{width:10px;height:10px;border-radius:50%;background:#20c997;box-shadow:0 0 0 5px #d5faed;animation:live-pulse 2s infinite}@keyframes live-pulse{50%{box-shadow:0 0 0 10px transparent}}.live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.live-summary>div{display:grid;gap:2px;padding:16px;border-radius:14px;background:#f1f8ff;border:1px solid #d6e8fa}.live-summary strong{color:#155fba;font-size:27px;line-height:1.1}.live-summary span{color:#586b82;font-size:13px}.live-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.live-layout>div{min-width:0}.live-layout h3{font-size:16px}.live-list,.page-list{max-height:400px;overflow:auto;border:1px solid #e2eaf3;border-radius:12px}.live-row{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid #e9eef5;font-size:13px}.live-row:last-child{border:0}.live-row span{min-width:0;overflow-wrap:anywhere;color:#586b82}.live-row strong{max-width:55%;min-width:0;overflow-wrap:anywhere;text-align:right;color:#182844}.live-panel .panel-note{margin-top:16px}
.live-list .live-row span{flex:1}.live-list .live-row strong{flex:0 0 auto;max-width:40%}
@media(max-width:600px){.live-summary{gap:8px}.live-summary>div{padding:12px}.live-summary>div:last-child strong{font-size:19px}}
@media(max-width:900px){.admin-wrap{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.admin-top{position:static;align-items:flex-start;flex-direction:column;padding:13px 16px}.admin-top nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.admin-top nav a{white-space:nowrap}.admin-wrap{padding:20px 12px 36px;gap:14px}.dashboard-intro{align-items:start;flex-direction:column;gap:10px}.dashboard-cards{gap:8px}.overview-card{padding:14px}.overview-card strong{font-size:24px}.panel{padding:17px;border-radius:16px}.grid2,.stats-grid,.live-layout{grid-template-columns:1fr}.admin-game-row{grid-template-columns:62px minmax(0,1fr)}.admin-game-row img{width:62px;height:48px}.row-actions{grid-column:1/-1;justify-content:flex-end}.message-tools{align-items:stretch;flex-direction:column}.message-tools .actions button{flex:1}}