@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Nunito,Microsoft YaHei,sans-serif;background:#f5f7fb}button,input,select,textarea{font:inherit}.admin-shell{min-height:100vh;color:#17233d;background:#f5f7fb;--admin-sidebar: 246px}.admin-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#17233d;background:radial-gradient(circle at 12% 18%,rgba(255,207,10,.16),transparent 22rem),radial-gradient(circle at 88% 82%,rgba(37,137,216,.14),transparent 25rem),#f5f7fb}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login-brand img{width:200px;height:auto}.login-brand span{padding:4px 7px;color:#062d63;font-size:9px;font-weight:900;background:#ffcf0a;border-radius:5px}.login-card{width:min(390px,100%);padding:31px;background:#fff;border:1px solid #e3e8f0;border-radius:19px}.login-icon{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:#0f5da8;border-radius:13px}.login-icon svg{width:21px}.login-card h1{margin:18px 0 3px;font-size:26px}.login-card>p{margin:0 0 22px;color:#8792a4;font-size:12px}.login-card>small{display:block;margin-top:14px;color:#97a0af;font-size:9px;text-align:center}.login-error{display:flex;align-items:center;gap:7px;margin-bottom:14px;padding:9px 11px;color:#c23f38;font-size:10px;font-weight:800;background:#fff0ef;border-radius:8px}.login-error svg{width:15px}.login-input{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dce2eb;border-radius:9px}.login-input:focus-within{border-color:#63a3da;box-shadow:0 0 0 3px #0f5da814}.login-input svg{width:16px;color:#8d98a9}.login-input input{min-height:0;padding:0;border:0;box-shadow:none!important}.login-submit{width:100%;margin-top:3px}.admin-login>a{margin-top:17px;color:#60718a;font-size:10px;font-weight:800;text-decoration:none}.admin-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:var(--admin-sidebar);display:flex;flex-direction:column;padding:22px 15px 18px;color:#c9d5e8;background:#062d63}.admin-brand{position:relative;height:55px;display:flex;align-items:center;gap:8px;margin:0 7px 28px}.admin-brand img{width:200px;height:auto;border-radius:7px}.admin-brand>span{position:absolute;right:0;bottom:2px;padding:2px 5px;color:#062d63;font-size:8px;font-weight:900;letter-spacing:.08em;background:#ffcf0a;border-radius:4px}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav>span{margin:0 13px 8px;color:#7893ba;font-size:10px;font-weight:900;letter-spacing:.12em}.admin-sidebar nav button{position:relative;height:45px;display:flex;align-items:center;gap:13px;padding:0 14px;color:#b9c9df;font-weight:700;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:.15s ease}.admin-sidebar nav button:hover{color:#fff;background:#ffffff14}.admin-sidebar nav button.active{color:#062d63;background:#ffcf0a}.admin-sidebar nav button svg{width:19px}.admin-sidebar-foot{margin-top:auto}.admin-sidebar-foot>a{height:40px;display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:0 12px;color:#aebfd6;font-size:12px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:10px}.admin-sidebar-foot>a svg{width:16px}.admin-sidebar-foot>div{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar-foot>div>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;color:#062d63;font-size:11px;font-weight:900;background:#ffcf0a;border-radius:10px}.admin-sidebar-foot p{min-width:0;display:grid;margin:0}.admin-sidebar-foot>div>button{width:29px;height:29px;display:grid;place-items:center;margin-left:auto;color:#8da3c1;border:0;border-radius:8px;background:transparent;cursor:pointer}.admin-sidebar-foot>div>button:hover{color:#fff;background:#ffffff14}.admin-sidebar-foot>div>button svg{width:15px}.admin-sidebar-foot strong{color:#fff;font-size:11px}.admin-sidebar-foot small{overflow:hidden;color:#8098bb;font-size:9px;text-overflow:ellipsis}.admin-topbar{position:fixed;z-index:40;inset:0 0 auto var(--admin-sidebar);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#ffffffe6;border-bottom:1px solid #e5eaf2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.admin-topbar>div{display:flex;align-items:center;gap:8px}.admin-topbar>div span{color:#99a2b4;font-size:12px}.admin-topbar>div span:after{content:"/";margin-left:8px;color:#c9ced7}.admin-topbar>div strong{font-size:13px}.admin-view-site{display:flex;align-items:center;gap:7px;color:#36547e;font-size:12px;font-weight:800;text-decoration:none}.admin-view-site svg{width:17px}.admin-mobile-menu{display:none}.admin-content{margin-left:var(--admin-sidebar);padding:106px clamp(24px,3.2vw,54px) 60px}.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.admin-page-title.compact{margin-bottom:24px}.admin-page-title>div>span,.panel-head>div>span{color:#0f5da8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-page-title h1{margin:3px 0 2px;color:#102443;font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.admin-page-title p{margin:0;color:#7f8a9f;font-size:13px}.admin-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:12px;font-weight:900;border:0;border-radius:10px;cursor:pointer}.admin-button svg{width:17px}.admin-button.primary{color:#fff;background:#0f5da8}.admin-button.primary:hover{background:#09447f}.admin-button.secondary{color:#536078;background:#edf0f5}.admin-button.danger{color:#c9413b;background:#fff0ef}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-grid article{position:relative;min-width:0;padding:19px;background:#fff;border:1px solid #e6eaf1;border-radius:15px}.stat-grid article>span{display:block;margin:16px 0 2px;color:#778398;font-size:11px;font-weight:800}.stat-grid article>strong{display:block;color:#102443;font-size:28px;line-height:1}.stat-grid article>small{color:#9ba4b4;font-size:9px}.stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.stat-icon svg{width:18px}.stat-icon.blue{color:#0f5da8;background:#eaf4ff}.stat-icon.green{color:#29916a;background:#e8f8f0}.stat-icon.yellow{color:#a87700;background:#fff7cf}.stat-icon.coral{color:#d94d40;background:#fff0ed}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:20px}.admin-panel{background:#fff;border:1px solid #e6eaf1;border-radius:15px}.panel-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 19px;border-bottom:1px solid #edf0f4}.panel-head h2{margin:2px 0 0;font-size:16px}.panel-head>button{color:#0f5da8;font-size:11px;font-weight:800;border:0;background:none;cursor:pointer}.panel-head>svg{width:20px;color:#8a95a7}.recent-list>div{min-height:66px;display:flex;align-items:center;gap:11px;padding:10px 19px;border-bottom:1px solid #f0f2f6}.recent-list>div:last-child{border-bottom:0}.mini-cover{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;overflow:hidden;color:#fff;border-radius:10px}.mini-cover svg{width:20px}.recent-main{min-width:0;display:grid;margin-right:auto}.recent-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recent-main small{color:#939cad;font-size:9px}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:900;border:0;border-radius:20px;white-space:nowrap}.status svg{width:12px}.status.published{color:#16835a;background:#e9f8f0}.status.draft{color:#7a8496;background:#edf0f4}.health-panel{padding-bottom:18px}.health-score{display:flex;align-items:baseline;justify-content:center;padding:27px 20px 10px}.health-score strong{color:#0f5da8;font-size:47px;line-height:1}.health-score span{color:#9aa3b3;font-size:13px}.progress{height:7px;margin:4px 24px 22px;overflow:hidden;background:#eaf0f7;border-radius:10px}.progress span{display:block;height:100%;background:#ffcf0a;border-radius:inherit}.health-panel ul{display:grid;gap:10px;margin:0;padding:0 24px;list-style:none}.health-panel li{display:flex;align-items:center;gap:8px;color:#667389;font-size:11px}.health-panel li svg{width:15px;color:#29916a}.health-panel li.warn svg{color:#e5a000}.table-panel{overflow:hidden}.table-tools{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid #e9edf3}.admin-search,.admin-select{height:39px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8994a7;background:#f7f8fb;border:1px solid #e2e6ed;border-radius:9px}.admin-search{width:min(340px,50%)}.admin-search svg,.admin-select svg{width:16px;flex:0 0 16px}.admin-search input,.admin-select select{width:100%;color:#283750;font-size:11px;border:0;outline:0;background:transparent}.admin-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:90px}.admin-select svg:last-child{width:13px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{height:39px;padding:0 15px;color:#8c96a8;font-size:9px;font-weight:900;text-align:left;letter-spacing:.06em;background:#fafbfc;border-bottom:1px solid #e9edf3}.admin-table td{height:67px;padding:9px 15px;font-size:11px;border-bottom:1px solid #edf0f4}.admin-table tbody tr:hover{background:#fbfcfe}.game-cell{min-width:170px;display:flex;align-items:center;gap:10px}.game-cell>span:last-child{min-width:0;display:grid}.game-cell strong{font-size:11px}.game-cell small{color:#9ca5b4;font-size:9px}.category-chip{padding:4px 8px;color:#3e5d83;background:#eef3f8;border-radius:6px;white-space:nowrap}.url-cell{max-width:210px;display:flex;align-items:center;gap:5px;overflow:hidden;color:#5c708d;font-size:9px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.url-cell svg{width:13px;flex:0 0 13px}.feature-toggle{width:30px;height:30px;display:grid;place-items:center;color:#b4bdc9;border:0;border-radius:8px;background:#f1f3f6;cursor:pointer}.feature-toggle.active{color:#9b7100;background:#fff4b9}.feature-toggle svg{width:15px}.row-actions{display:flex;gap:4px}.row-actions button{width:30px;height:30px;display:grid;place-items:center;color:#64748b;border:0;border-radius:8px;background:transparent;cursor:pointer}.row-actions button:hover{background:#eef3f8}.row-actions button.delete:hover{color:#d34b45;background:#fff0ef}.row-actions svg{width:15px}.admin-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:5px;color:#98a2b1}.admin-empty svg{width:30px}.admin-empty strong{color:#5f6b7e;font-size:13px}.admin-empty span{font-size:10px}.category-admin-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}.category-list>div{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #edf0f4}.category-list>div:last-child{border-bottom:0}.category-list>div.is-editing{background:#f5f9ff}.drag-index{flex:0 0 22px;color:#aab3c1;font-size:10px;font-weight:900}.category-icon-preview{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;color:#0f5da8;background:#eaf4ff;border-radius:9px}.category-icon-preview svg{width:17px}.category-list>div>span:nth-child(3){display:grid;min-width:0;margin-right:auto}.category-list strong{font-size:12px}.category-list small{color:#9ba4b3;font-size:9px}.category-sort-actions{display:flex;gap:3px}.category-list button{width:30px;height:30px;display:grid;place-items:center;color:#a4adba;border:0;border-radius:8px;background:transparent;cursor:pointer}.category-list button:hover{color:#0f5da8;background:#eaf4ff}.category-list button:disabled{opacity:.28;cursor:not-allowed}.category-list button:disabled:hover{color:#a4adba;background:transparent}.category-list>div>button:last-child:hover{color:#d34b45;background:#fff0ef}.category-list button svg{width:15px}.category-icon-select{position:relative;width:34px;height:34px;display:grid;place-items:center;color:#5f6c80;background:#f3f5f8;border-radius:8px;cursor:pointer}.category-icon-select svg{width:15px;pointer-events:none}.category-icon-select select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.add-category{align-self:start;padding:28px;text-align:center}.add-category>svg{width:35px;height:35px;padding:7px;color:#0f5da8;background:#eaf4ff;border-radius:11px}.add-category h2{margin:12px 0 5px;font-size:17px}.add-category p{margin:0 auto 20px;color:#8792a4;font-size:11px}.add-category form{display:grid;gap:9px}.add-category input{height:40px;padding:0 12px;border:1px solid #dce2eb;border-radius:9px;outline:0}.icon-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.icon-picker button{height:38px;display:grid;place-items:center;color:#5f6c80;border:1px solid #e2e7ef;border-radius:9px;background:#f8fafc;cursor:pointer}.icon-picker button:hover{color:#0f5da8;border-color:#b7d2ef;background:#eaf4ff}.icon-picker button.active{color:#fff;border-color:#0f5da8;background:#0f5da8}.icon-picker button svg{width:16px}.add-category .inline-form-actions{justify-content:center}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:18px}.featured-grid article{position:relative;overflow:hidden;background:#f7f9fc;border:1px solid #e8ebf1;border-radius:12px}.feature-cover{height:112px;display:grid;place-items:center;color:#fff}.feature-cover svg{width:38px}.featured-grid article>div{display:grid;padding:10px}.featured-grid small{color:#0f5da8;font-size:8px;font-weight:900;text-transform:uppercase}.featured-grid strong{font-size:11px}.featured-grid article>div span{color:#8d97a8;font-size:9px}.featured-grid article>button{position:absolute;top:7px;right:7px;width:26px;height:26px;display:grid;place-items:center;color:#fff;border:0;border-radius:50%;background:#062d63b3;cursor:pointer}.featured-grid article>button svg{width:13px}.available-panel{margin-top:18px}.available-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#edf0f4}.available-list button{min-height:63px;display:flex;align-items:center;gap:9px;padding:9px 14px;text-align:left;border:0;background:#fff;cursor:pointer}.available-list button>span:nth-child(2){min-width:0;display:grid;margin-right:auto}.available-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.available-list small{color:#98a1b0;font-size:9px}.available-list button>svg{width:16px;color:#0f5da8}.settings-form{padding:0 19px 19px}.settings-form .panel-head{margin:0 -19px 18px}.field{display:grid;gap:6px;margin-bottom:15px}.field>span{color:#5f6c80;font-size:10px;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:40px;padding:0 11px;color:#25344d;font-size:12px;border:1px solid #dce2eb;border-radius:9px;outline:none;background:#fff}.field textarea{min-height:85px;padding-top:10px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#63a3da;box-shadow:0 0 0 3px #0f5da814}.danger-zone{align-self:start;padding:28px}.danger-zone>svg{width:31px;color:#d4534b}.danger-zone h2{margin:12px 0 5px;font-size:17px}.danger-zone p{margin:0 0 18px;color:#808b9d;font-size:11px}.inline-admin-form{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:end;gap:12px;margin-bottom:17px;padding:17px}.inline-admin-form .field{margin:0}.inline-form-actions{display:flex;gap:7px}.admin-users-table{min-width:780px}.admin-user-cell{display:flex;align-items:center;gap:10px;min-width:150px}.admin-user-cell>span{width:34px;height:34px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900;background:#0f5da8;border-radius:10px}.admin-user-cell>div{display:grid}.admin-user-cell strong{display:flex;align-items:center;gap:5px;font-size:11px}.admin-user-cell strong em{padding:2px 5px;color:#0f5da8;font-size:7px;font-style:normal;background:#eaf4ff;border-radius:4px}.admin-user-cell small{color:#96a0af;font-size:9px}.role-chip{padding:4px 8px;color:#5b4e0a;font-size:9px;font-weight:800;background:#fff5c8;border-radius:6px;white-space:nowrap}.row-actions button:disabled,.status:disabled{opacity:.35;cursor:not-allowed}.logs-table{min-width:870px}.logs-table td:first-child{color:#8792a3;white-space:nowrap}.logs-table td:nth-child(5){max-width:320px;color:#5d6a7e}.log-result{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.log-result>span{width:6px;height:6px;border-radius:50%}.log-result.success{color:#16835a}.log-result.success>span{background:#26a876}.log-result.warning{color:#b77800}.log-result.warning>span{background:#e6a000}.admin-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#071631ad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.admin-modal{width:min(670px,100%);max-height:calc(100vh - 30px);overflow-y:auto;background:#fff;border-radius:17px}.admin-modal-head{min-height:77px;display:flex;align-items:center;justify-content:space-between;padding:16px 21px;border-bottom:1px solid #e8ecf2}.admin-modal-head span{color:#0f5da8;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.admin-modal-head h2{margin:2px 0 0;font-size:20px}.admin-icon-btn{width:34px;height:34px;display:grid;place-items:center;color:#68758a;border:0;border-radius:9px;background:#f1f3f6;cursor:pointer}.admin-icon-btn svg{width:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:21px}.form-grid .field{margin-bottom:14px}.field-wide{grid-column:1 / -1}.check-field{display:flex;align-items:center;gap:10px;padding:11px;background:#f7f9fc;border:1px solid #e6eaf0;border-radius:10px}.check-field input{width:16px;height:16px;accent-color:#0f5da8}.check-field span{display:grid}.check-field strong{font-size:11px}.check-field small{color:#8f99a9;font-size:9px}.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 21px;background:#f8f9fb;border-top:1px solid #e8ecf2}.admin-scrim{display:none}@media (max-width: 1040px){.stat-grid{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:repeat(3,1fr)}.available-list{grid-template-columns:repeat(2,1fr)}.inline-admin-form{grid-template-columns:1fr 1fr}.inline-form-actions{grid-column:1 / -1;justify-content:flex-end}}@media (max-width: 780px){.admin-shell{--admin-sidebar: 0px}.admin-sidebar{width:246px;transform:translate(-103%);transition:transform .19s ease}.admin-sidebar.open{transform:translate(0)}.admin-scrim{position:fixed;z-index:55;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#07163180}.admin-topbar{left:0;height:62px;padding:0 17px}.admin-mobile-menu{width:37px;height:37px;display:grid;place-items:center;padding:0;color:#23456f;border:0;border-radius:9px;background:#eef3f8}.admin-mobile-menu svg{width:19px}.admin-topbar>div{margin-right:auto;margin-left:12px}.admin-content{margin-left:0;padding:88px 17px 45px}.dashboard-grid,.category-admin-grid,.settings-grid{grid-template-columns:1fr}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.admin-topbar>div span{display:none}.admin-view-site{font-size:0}.admin-page-title{align-items:flex-start}.admin-page-title .admin-button{width:42px;padding:0;font-size:0}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-grid article{padding:14px}.stat-grid article>strong{font-size:24px}.stat-grid article>span{margin-top:11px}.dashboard-grid{gap:12px}.table-tools{align-items:stretch;flex-direction:column}.admin-search{width:100%}.admin-select{align-self:flex-start}.admin-table{min-width:750px}.featured-grid{grid-template-columns:1fr 1fr;gap:9px;padding:12px}.available-list,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.admin-modal-backdrop{padding:8px}.admin-modal{max-height:calc(100vh - 16px)}.login-card{padding:24px 20px}.login-brand img{width:200px;height:auto}.inline-admin-form{grid-template-columns:1fr}.inline-form-actions{grid-column:auto}}