:root{color-scheme:light;font-family:Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#263446;background:#edf1f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:960px;min-height:100vh;background:#edf1f5}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background-color .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.55}.center-state{display:grid;min-height:100vh;place-items:center;color:#8fa0b6}.auth-page{display:grid;min-height:100vh;place-items:center}.auth-card{width:420px;padding:38px;border:1px solid #dce3eb;border-radius:12px;background:#fff;box-shadow:0 18px 55px #1a355019;text-align:center}.auth-logo{display:grid;width:54px;height:54px;margin:auto;place-items:center;border-radius:14px;color:#151009;background:linear-gradient(135deg,#ffca20,#ff8612);font-size:28px;font-weight:900}.auth-card>p,.page-header p{margin:18px 0 5px;color:#7a8b9e;font-size:12px;letter-spacing:1px}.auth-card h1{margin:5px 0 28px}.auth-card form{display:grid;gap:16px;text-align:left}label{display:grid;gap:8px;color:#3b4c60;font-size:13px}input,select,textarea{width:100%;border:1px solid #d3dce7;border-radius:4px;outline:none;color:#25364a;background:#fff;padding:10px 12px}input::placeholder,textarea::placeholder{color:#99a5b3}input:focus,select:focus,textarea:focus{border-color:#168acb;box-shadow:0 0 0 3px #168acb12}input:disabled,select:disabled,textarea:disabled{background:#f5f7fa}textarea{resize:vertical;line-height:1.7;min-height:94px}.primary-button{border:1px solid #138bca;border-radius:4px;color:#fff;background:#138bca;padding:10px 18px;font-weight:600}.primary-button:hover:not(:disabled){background:#087ebd}.secondary-button{border:1px solid #d3dce6;border-radius:4px;color:#456076;background:#fff;padding:10px 15px}.secondary-button:hover:not(:disabled){border-color:#7eb4d7;background:#f4f9fd}.text-button{border:0;color:#1289cb;background:transparent;margin-top:20px}.auth-card>small{display:block;margin-top:10px;color:#75849a}.form-error,.form-success{margin:0;border-radius:6px;padding:9px 11px;font-size:13px}.form-error{color:#c43d3d;background:#fff0f0;border:1px solid #f5d9d9}.form-success{color:#157849;background:#edf9f2;border:1px solid #ceebda}.admin-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:100vh}.side-menu{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;background:#263445;color:#fff;padding:24px 14px}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.admin-brand>b{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;color:#1b1201;background:#ffad16}.admin-brand span{display:grid}.admin-brand small,.side-account small{color:#a1afbf;font-size:11px;margin-top:4px}.side-menu nav{display:grid;gap:8px}.side-menu nav button{border:0;border-radius:4px;color:#bac6d3;background:transparent;padding:13px 14px;text-align:left}.side-menu nav button.active{color:#fff;background:#187fb4;box-shadow:inset 3px 0 #63d0ff}.side-account{display:grid;gap:5px;margin-top:auto;border-top:1px solid #405063;padding:18px 8px 0}.side-account button{margin-top:8px;border:1px solid #536276;border-radius:4px;color:#d2dce6;background:#2d3b4e;padding:7px}.admin-content{padding:26px 30px;overflow:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header p{margin:0 0 8px}.page-header h1{margin:4px 0 8px;font-size:25px;font-weight:600}.page-header span{color:#77899b;font-size:13px;line-height:1.7}.page-header .primary-button{background:#15a05d;border-color:#15a05d}.page-header .primary-button:hover:not(:disabled){background:#0d8d50}.data-card{overflow:hidden;border:1px solid #dce4ec;border-radius:5px;background:#fff}.data-row{display:grid;grid-template-columns:1.35fr .65fr 1fr .65fr .65fr 1.45fr;align-items:center;min-height:68px;border-top:1px solid #edf0f4;padding:10px 18px;gap:14px;font-size:13px}.data-row:first-child{border-top:0}.data-head{min-height:44px;color:#42576c;background:#f7f9fc;font-size:12px}.game-name{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px 10px}.game-name i{grid-row:1 / 3;display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#1a1100;background:#f1a719;font-style:normal;font-weight:900}.game-name small{color:#647287}.status-badge{display:inline-block;border-radius:3px;padding:4px 9px;color:#697a8c;background:#edf1f5;font-style:normal;font-size:12px;white-space:nowrap}.status-badge.published,.status-badge.active{color:#188553;background:#e2f4e9}.status-badge.pending{color:#b4801b;background:#fff3d9}.status-badge.archived,.status-badge.disabled{color:#c54b52;background:#fdeced}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions button,.form-actions button{border:1px solid #d6e0eb;border-radius:4px;color:#1585bd;background:#fff;padding:6px 10px;white-space:nowrap}.row-actions button.danger{color:#d64b4b}.empty-state{padding:70px;color:#6f7e92;text-align:center}.page-message{margin-bottom:18px}.modal-mask{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:#000b;padding:30px}.modal-card{width:min(760px,90vw);max-height:90vh;overflow:auto;border:1px solid #d5deea;border-radius:6px;background:#fff;box-shadow:0 25px 90px #0004}.modal-card>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e9f1;background:#fff;padding:18px 22px}.modal-card header h2{margin:3px 0 0}.modal-card header small{color:#718198}.modal-card header>button{border:0;color:#8290a2;background:transparent;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:22px}.form-grid .full{grid-column:1 / -1}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e1e7ef;padding-top:18px}.form-actions .primary-button{color:#fff;background:#138bca;border:0}.users-card .data-row{grid-template-columns:1.2fr .7fr .8fr 1.2fr 1.3fr}.catalog-card,.game-editor{border:1px solid #dce4ed;border-top:3px solid #169aca;border-radius:4px;background:#fff;box-shadow:0 2px 6px #273a4f04}.catalog-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:20px;border-bottom:1px solid #e9edf2}.catalog-toolbar label{width:145px;font-size:12px}.catalog-toolbar .search-field{width:260px}.catalog-toolbar button{height:40px;font-size:13px}.catalog-table-wrap{overflow:auto;max-width:100%}.catalog-table{width:100%;min-width:1450px;border-collapse:collapse;font-size:12px}.catalog-table th{height:46px;padding:12px;background:#f8fafc;color:#41546a;text-align:left;font-weight:600;white-space:nowrap;border-bottom:1px solid #e0e6ef}.catalog-table td{height:82px;padding:12px;border-bottom:1px solid #edf0f5;vertical-align:middle}.catalog-table tbody tr:hover{background:#f9fbfe}.catalog-table th:last-child,.catalog-table td:last-child{position:sticky;right:0;min-width:126px;background:#fff;box-shadow:-4px 0 7px #263f5810}.catalog-table th:last-child{background:#f8fafc}.catalog-table td:last-child .row-actions{flex-wrap:nowrap}.catalog-table td.empty-state{height:230px;padding:70px;box-shadow:none;position:static}.catalog-game{display:flex;align-items:center;gap:10px;min-width:180px}.catalog-game img,.catalog-game>i{width:40px;height:40px;flex:0 0 40px;border-radius:5px;object-fit:cover;border:1px solid #e1e8f0}.catalog-game>i{display:grid;place-items:center;color:#b58216;background:#fff5d8;font-style:normal;font-size:18px}.catalog-game>div{display:grid;gap:7px;max-width:165px}.catalog-game b{font-weight:600;overflow-wrap:anywhere}.catalog-game a{color:#1386c2;text-decoration:none;font-size:11px}.catalog-game small,.integration-summary small{color:#8a98a8;font-size:11px}.open-time{white-space:nowrap;color:#23895e}.cell-description{display:-webkit-box;width:140px;line-height:1.7;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.details-cell{width:180px}.integration-summary{display:grid;gap:7px;white-space:nowrap}.recommend-badge{display:inline-block;min-width:40px;padding:3px 7px;border-radius:3px;background:#fff2df;color:#d7841b;white-space:nowrap}.recommend-badge.select{background:#f2eafc;color:#9254c2}.catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;font-size:12px;color:#64768a}.catalog-footer span{color:#98a4b2}.game-editor{max-width:1280px}.game-editor fieldset{margin:0;padding:0;border:0;min-width:0}.editor-section{display:grid;grid-template-columns:185px minmax(0,1fr);gap:26px;padding:28px;border-bottom:1px solid #e9edf3}.editor-section>header h2{margin:0 0 10px;font-size:15px;font-weight:600;color:#244866}.editor-section>header p{margin:0;line-height:1.9;font-size:12px;color:#8995a6}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px 22px}.editor-grid .full{grid-column:1 / -1}.editor-grid label{align-content:start;gap:9px}.editor-grid small,.background-upload small{display:block;color:#92a0b1;font-size:11px;font-weight:400;line-height:1.7}.required-mark{color:#d64646;font-style:normal}.field-label{display:block;margin-bottom:9px;color:#3b4c60;font-size:13px}.background-upload{display:flex;align-items:center;gap:20px;border:1px dashed #d3dfeb;border-radius:4px;padding:16px;background:#fbfdff}.background-preview{display:grid;place-items:center;width:164px;height:94px;flex:0 0 164px;border:1px solid #e5ebf3;border-radius:4px;background:#edf2f7;overflow:hidden;color:#9aa8b7;font-size:12px}.background-preview img{width:100%;height:100%;object-fit:contain}.background-upload>div:last-child{min-width:0}.background-upload small{margin-top:11px}.background-upload .form-error{margin-top:10px}.remove-background{margin:0 0 0 12px;padding:6px;font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;padding:0;border:0}.editor-note{margin:0;border-radius:4px;color:#718699;background:#f2f7fb;padding:12px;font-size:12px;line-height:1.7}.advanced-settings{margin:0;padding:24px 28px;background:#fcfdff}.advanced-settings summary{cursor:pointer;color:#506b83;font-size:13px}.advanced-settings summary span{color:#9aa6b4;font-size:11px;margin-left:12px}.advanced-settings .editor-grid{margin:22px 0 0 211px}.editor-actions{display:flex;position:sticky;bottom:0;z-index:1;align-items:center;justify-content:flex-end;gap:10px;padding:18px 28px;background:#fff;border-top:1px solid #e3e9f0;box-shadow:0 -4px 14px #263f5806}.editor-actions>span{margin-right:auto;color:#92a0ae;font-size:12px}@media(max-width:1250px){.admin-content{padding:24px 22px}.editor-section{grid-template-columns:145px minmax(0,1fr);gap:20px;padding:24px}.advanced-settings .editor-grid{margin-left:165px}.catalog-footer span{max-width:260px;line-height:1.7}}@media(max-width:1050px){.admin-shell{grid-template-columns:180px minmax(0,1fr)}.editor-section{grid-template-columns:1fr;gap:20px}.editor-section>header p{line-height:1.7}.advanced-settings .editor-grid{margin-left:0}.catalog-footer{align-items:flex-start}}