:root { --admin-bg:#0d1226; --admin-surface:#171e3d; --admin-surface-2:#202951; --admin-line:rgba(180,193,255,.15); --admin-text:#edf0ff; --admin-muted:#98a4c9; --admin-violet:#a788ff; --admin-mint:#59e2c0; }
* { box-sizing:border-box; }.admin-body { min-width:320px; margin:0; color:var(--admin-text); background:radial-gradient(circle at 100% 0,rgba(101,67,196,.25),transparent 26rem),var(--admin-bg); font-family:"Segoe UI","Microsoft YaHei",sans-serif; }.admin-body a { color:inherit; text-decoration:none; }.admin-header { border-bottom:1px solid var(--admin-line); background:rgba(12,17,38,.84); backdrop-filter:blur(16px); }.admin-header__inner,.admin-wrap { width:min(1120px,calc(100% - 40px)); margin:0 auto; }.admin-header__inner { min-height:68px; display:flex; align-items:center; gap:48px; }.admin-brand { display:inline-flex; align-items:center; gap:8px; }.admin-brand > span { width:28px; height:28px; display:grid; place-items:center; border-radius:9px 9px 9px 3px; background:linear-gradient(135deg,#c6a9ff,#6550df); color:#fff; font-weight:800; box-shadow:0 5px 14px rgba(128,91,255,.32); }.admin-brand strong { font-size:18px; letter-spacing:-.6px; }.admin-brand small { padding-left:10px; border-left:1px solid var(--admin-line); color:#7480a6; font:9px Consolas,monospace; letter-spacing:1px; }.admin-nav { display:flex; align-self:stretch; gap:25px; }.admin-nav a { position:relative; display:flex; align-items:center; color:var(--admin-muted); font-size:13px; font-weight:600; }.admin-nav a:hover { color:#fff; }.admin-nav a:hover::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--admin-mint); }.admin-page { min-height:calc(100vh - 68px); padding:48px 0 72px; }.admin-wrap--form { max-width:960px; }.admin-page__heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:29px; }.admin-eyebrow { margin:0; color:#8896bd; font:10px Consolas,monospace; letter-spacing:1.5px; }.admin-page__heading h1 { margin:7px 0 6px; font-size:33px; letter-spacing:-1.3px; }.admin-page__heading p:not(.admin-eyebrow) { margin:0; color:var(--admin-muted); font-size:13px; }.admin-button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 15px; border:1px solid transparent; border-radius:9px; font-size:12px; font-weight:700; transition:transform .2s,background .2s; }.admin-button:hover { transform:translateY(-2px); }.admin-button--primary { color:#19122f; background:linear-gradient(100deg,#d5c6ff,#67e5c8); box-shadow:0 8px 21px rgba(73,214,184,.12); }.admin-button--primary span { font-size:16px; }.admin-button--quiet { border-color:rgba(178,190,247,.25); color:#bdc6e4; background:rgba(35,43,80,.65); }.admin-notice { display:flex; align-items:center; gap:8px; margin-bottom:16px; padding:11px 13px; border:1px solid rgba(84,224,190,.27); border-radius:10px; color:#ddfff5; background:rgba(32,111,91,.22); font-size:12px; }.admin-notice span { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#154d40; background:var(--admin-mint); font-size:11px; font-weight:800; }
.product-admin-list { display:grid; gap:10px; }.product-admin-row { display:grid; grid-template-columns:55px minmax(0,1fr) 90px 116px 58px; align-items:center; gap:16px; padding:17px 20px; border:1px solid var(--admin-line); border-radius:13px; background:linear-gradient(135deg,rgba(33,42,83,.87),rgba(20,26,54,.91)); box-shadow:0 11px 25px rgba(3,5,22,.15); }.product-admin-row__id { color:#7884ab; font:11px Consolas,monospace; }.product-admin-row__name { min-width:0; }.product-admin-row__name h2 { overflow:hidden; margin:0 0 3px; color:#eff2ff; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.product-admin-row__name p { overflow:hidden; margin:0; color:#8e99bd; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.delivery-tag,.product-admin-row__state { justify-self:start; padding:5px 7px; border-radius:6px; font-size:10px; font-weight:700; }.delivery-tag.is-gift { color:#d7c5ff; background:rgba(153,111,237,.17); }.delivery-tag.is-mail { color:#79ead1; background:rgba(63,200,168,.15); }.product-admin-row__price { justify-self:end; color:#f0f2ff; font:600 14px Consolas,monospace; }.product-admin-row__price small { color:var(--admin-mint); font:9px Consolas,monospace; }.product-admin-row__state.is-enabled { color:#79e7c9; background:rgba(55,196,157,.13); }.product-admin-row__state.is-disabled { color:#adb6d4; background:rgba(150,162,200,.12); }.admin-empty { padding:74px 20px; border:1px dashed rgba(180,193,255,.22); border-radius:15px; color:var(--admin-muted); text-align:center; }.admin-empty > span { color:var(--admin-mint); font-size:32px; }.admin-empty h2 { margin:8px 0; color:var(--admin-text); font-size:19px; }.admin-empty p { margin:0 0 20px; font-size:13px; }
.product-editor { display:grid; gap:15px; }.editor-card { padding:25px; border:1px solid var(--admin-line); border-radius:15px; background:linear-gradient(135deg,rgba(32,40,79,.89),rgba(19,25,51,.93)); box-shadow:0 14px 30px rgba(2,4,20,.16); }.editor-card[hidden] { display:none; }.editor-card__heading { display:flex; align-items:start; gap:11px; margin-bottom:22px; }.editor-card__heading > span { width:25px; height:25px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(178,151,255,.37); border-radius:8px; color:#c8b4ff; background:rgba(128,93,222,.14); font:10px Consolas,monospace; }.editor-card__heading h2 { margin:0 0 3px; font-size:16px; }.editor-card__heading h2 small { color:#8190b5; font-size:10px; font-weight:500; }.editor-card__heading p { margin:0; color:#909bbf; font-size:11px; line-height:1.55; }.editor-grid { display:grid; gap:17px; }.editor-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }.admin-field { min-width:0; display:grid; gap:7px; }.admin-field--wide { grid-column:1 / -1; }.admin-field > span { color:#b6bfdc; font-size:11px; font-weight:600; }.admin-field > span small { color:#7784ab; font-size:10px; font-weight:400; }.admin-field input,.admin-field select,.admin-field textarea,.attribute-row input,.attribute-row select { width:100%; border:1px solid rgba(178,191,249,.18); border-radius:8px; outline:0; color:#edf0ff; background:rgba(8,13,32,.37); font-size:12px; transition:border-color .2s,box-shadow .2s; }.admin-field input,.admin-field select { height:39px; padding:0 10px; }.admin-field textarea { padding:10px; resize:vertical; }.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.attribute-row input:focus,.attribute-row select:focus { border-color:rgba(161,132,255,.78); box-shadow:0 0 0 3px rgba(138,101,240,.12); }.admin-field em,.attribute-validation { min-height:12px; color:#ffadb9; font-size:10px; font-style:normal; }.admin-switch { display:flex; align-items:center; align-self:end; gap:8px; min-height:39px; color:#aab4d4; font-size:12px; font-weight:600; }.admin-switch input { position:absolute; opacity:0; }.admin-switch span { width:32px; height:18px; position:relative; border-radius:99px; background:#3d4872; transition:.2s; }.admin-switch span::after { content:""; position:absolute; top:3px; left:3px; width:12px; height:12px; border-radius:50%; background:#c6cce7; transition:.2s; }.admin-switch input:checked + span { background:#6c53d8; }.admin-switch input:checked + span::after { left:17px; background:#75ebd0; }.delivery-mode-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.delivery-mode-picker label { position:relative; }.delivery-mode-picker input { position:absolute; opacity:0; }.delivery-mode-picker label span { min-height:83px; display:grid; align-content:center; gap:5px; padding:15px 16px; border:1px solid rgba(178,191,249,.17); border-radius:10px; color:#aeb8d6; background:rgba(11,16,37,.24); transition:.2s; cursor:pointer; }.delivery-mode-picker b { color:#e8ecff; font-size:13px; }.delivery-mode-picker small { font-size:11px; }.delivery-mode-picker input:checked + span { border-color:#a782ff; color:#d5c9ff; background:rgba(137,98,235,.16); box-shadow:0 0 0 3px rgba(137,98,235,.1); }.attribute-table { overflow-x:auto; }.attribute-table__head,.attribute-row { min-width:690px; display:grid; grid-template-columns:52px 1.1fr .95fr 1fr 1fr 1fr; gap:8px; align-items:center; }.attribute-table__head { padding:0 4px 7px; color:#8490b4; font-size:10px; }.attribute-row { padding:8px 4px; border-top:1px solid rgba(184,195,246,.09); }.attribute-row input,.attribute-row select { height:34px; padding:0 8px; }.attribute-row__slot { width:27px; height:27px; display:grid; place-items:center; border-radius:7px; color:#cdbdff; background:rgba(128,93,222,.15); font:10px Consolas,monospace; }.attribute-row [data-range-value] { display:none; }.attribute-row.is-random [data-range-value] { display:block; }.attribute-row.is-random [data-fixed-value] { display:block; visibility:hidden; pointer-events:none; }.attribute-validation { display:flex; gap:15px; padding-left:60px; }.editor-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:4px; }.admin-validation:empty { display:none; }.admin-validation { padding:10px 13px; border:1px solid rgba(255,137,153,.28); border-radius:9px; color:#ffc5cd; background:rgba(137,43,66,.18); font-size:12px; }.admin-validation ul { margin:0; padding-left:17px; }
@media (max-width:760px) { .admin-header__inner,.admin-wrap { width:min(100% - 28px,640px); }.admin-header__inner { min-height:58px; gap:20px; }.admin-brand small { display:none; }.admin-nav { margin-left:auto; gap:15px; }.admin-nav a { font-size:11px; }.admin-page { padding:30px 0 52px; }.admin-page__heading { align-items:start; flex-direction:column; margin-bottom:22px; }.admin-page__heading h1 { font-size:28px; }.product-admin-row { grid-template-columns:46px minmax(0,1fr) auto; gap:10px; padding:15px; }.delivery-tag { grid-column:2; }.product-admin-row__price { grid-column:3; grid-row:1; }.product-admin-row__state { grid-column:3; grid-row:2; justify-self:end; }.editor-card { padding:20px 16px; border-radius:12px; }.editor-grid--three,.delivery-mode-picker { grid-template-columns:1fr; }.admin-field--wide { grid-column:auto; }.editor-actions { justify-content:space-between; }.attribute-table__head { display:none; }.attribute-row { min-width:0; grid-template-columns:31px 1fr 1fr; padding:13px 0; }.attribute-row input:nth-of-type(1) { grid-column:2; }.attribute-row select { grid-column:3; grid-row:1; }.attribute-row [data-fixed-value],.attribute-row [data-range-value] { grid-column:2 / -1; }.attribute-row [data-range-value] { display:none; }.attribute-row.is-random [data-range-value] { display:block; }.attribute-validation { padding-left:39px; }.admin-button { min-height:38px; } }

.admin-account { display:flex; align-items:center; gap:10px; margin-left:auto; color:#aeb8d6; font-size:11px; }.admin-account form { margin:0; }.admin-account button { padding:0; border:0; color:#7ce7cf; background:transparent; font-size:11px; cursor:pointer; }.admin-account button:hover { color:#fff; }.admin-auth { width:min(100% - 32px,430px); min-height:calc(100vh - 68px); display:grid; place-items:center; margin:0 auto; padding:42px 0 70px; }.admin-auth__card { width:100%; padding:34px; border:1px solid var(--admin-line); border-radius:18px; background:linear-gradient(145deg,rgba(37,46,90,.94),rgba(17,23,50,.96)); box-shadow:0 24px 60px rgba(0,0,0,.3); }.admin-auth__mark { width:42px; height:42px; display:grid; place-items:center; margin-bottom:19px; border-radius:14px 14px 14px 4px; color:#fff; background:linear-gradient(135deg,#c6a9ff,#6550df); font-size:20px; font-weight:800; }.admin-auth h1 { margin:0 0 7px; font-size:27px; letter-spacing:-1px; }.admin-auth p { margin:0; color:var(--admin-muted); font-size:12px; line-height:1.6; }.admin-auth form { display:grid; gap:16px; margin-top:26px; }.admin-auth .admin-button { width:100%; margin-top:4px; }.admin-auth__hint { margin-top:20px!important; text-align:center; }.admin-auth__hint a { color:var(--admin-mint); }.admin-auth .admin-switch { align-self:auto; min-height:auto; cursor:pointer; }.admin-auth .admin-switch input { position:static; width:14px; height:14px; accent-color:#7a60db; opacity:1; }.admin-auth .admin-switch span { display:none; }

.gift-code-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:18px; }.gift-code-picker label { position:relative; }.gift-code-picker input { position:absolute; opacity:0; }.gift-code-picker label span { min-height:68px; display:grid; align-content:center; gap:4px; padding:13px 15px; border:1px solid rgba(178,191,249,.17); border-radius:10px; color:#aeb8d6; background:rgba(11,16,37,.24); cursor:pointer; transition:.2s; }.gift-code-picker b { color:#e8ecff; font-size:12px; }.gift-code-picker small { font-size:10px; }.gift-code-picker input:checked + span { border-color:#7de3ca; color:#c8fff0; background:rgba(80,210,176,.12); box-shadow:0 0 0 3px rgba(80,210,176,.08); }

.delivery-selection-hint { margin:14px 0 0; color:#8190b5; font-size:11px; }

.admin-wrap--orders { max-width:1240px; }.order-filter { display:grid; grid-template-columns:170px minmax(230px,1fr) auto auto; align-items:end; gap:11px; margin-bottom:20px; padding:16px; border:1px solid var(--admin-line); border-radius:13px; background:rgba(23,30,61,.67); }.order-filter .admin-button { white-space:nowrap; }.admin-order-list { display:grid; gap:9px; }.admin-order-row { display:grid; grid-template-columns:minmax(190px,1.4fr) minmax(155px,1fr) 75px 78px 100px 58px; align-items:center; gap:12px; padding:15px 17px; border:1px solid var(--admin-line); border-radius:12px; background:linear-gradient(135deg,rgba(33,42,83,.87),rgba(20,26,54,.91)); }.admin-order-row__identity,.admin-order-row__player { min-width:0; display:grid; gap:3px; }.admin-order-row__number { overflow:hidden; color:#cbbdff; font:10px Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }.admin-order-row__identity strong,.admin-order-row__player span { overflow:hidden; color:#edf0ff; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.admin-order-row small { overflow:hidden; color:#8490b4; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.admin-order-status { justify-self:start; padding:5px 7px; border-radius:6px; font-size:10px; font-weight:700; }.admin-order-status.is-delivered { color:#79e7c9; background:rgba(55,196,157,.13); }.admin-order-status.is-failed { color:#ffb1bd; background:rgba(222,78,105,.15); }.admin-order-status.is-review { color:#ffd583; background:rgba(215,159,45,.16); }.admin-order-status.is-processing,.admin-order-status.is-pending { color:#cbbdff; background:rgba(136,105,235,.16); }.admin-order-row__price { justify-self:end; color:#f0f2ff; font:600 13px Consolas,monospace; }.admin-order-row__price small { color:var(--admin-mint); font:9px Consolas,monospace; }.admin-order-row .admin-button { min-height:34px; padding:0 9px; font-size:10px; }.order-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.order-detail-card { margin-top:15px; }.order-detail-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 24px; margin:0; }.order-detail-list div { min-width:0; }.order-detail-list dt { margin-bottom:4px; color:#7f8db4; font-size:10px; }.order-detail-list dd { overflow:hidden; margin:0; color:#ecf0ff; font-size:12px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }.order-detail-list__wide { grid-column:1 / -1; }.order-detail-list__wide dd { white-space:normal; }.order-detail-state { display:flex; gap:8px; margin-bottom:16px; }.order-detail-result { min-height:45px; margin:0; padding:12px; border:1px solid rgba(181,194,249,.12); border-radius:9px; color:#d5dcf5; background:rgba(7,12,31,.22); font-size:12px; line-height:1.55; }.order-detail-time,.order-detail-empty { margin:12px 0 0; color:#8794ba; font-size:11px; }.order-retry-form { margin-top:15px; }.admin-button--danger { color:#fff1f3; background:#bd4661; box-shadow:0 7px 17px rgba(189,70,97,.19); }.admin-alert { margin-top:15px; padding:11px 13px; border:1px solid rgba(241,172,85,.28); border-radius:9px; color:#ffe0ad; background:rgba(144,97,28,.18); font-size:12px; line-height:1.55; }.snapshot-value { display:grid; gap:8px; padding:14px; border:1px solid rgba(181,194,249,.12); border-radius:9px; background:rgba(7,12,31,.22); }.snapshot-value span { color:#8794ba; font-size:10px; }.snapshot-value strong { color:#dcfff5; font:600 13px Consolas,monospace; }.delivery-log-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }.delivery-log-list li { position:relative; display:grid; grid-template-columns:150px 150px 1fr; gap:12px; padding:12px 0 12px 18px; border-top:1px solid rgba(184,195,246,.09); font-size:11px; }.delivery-log-list li::before { content:""; position:absolute; top:17px; left:1px; width:7px; height:7px; border-radius:50%; background:var(--admin-mint); box-shadow:0 0 0 4px rgba(89,226,192,.09); }.delivery-log-list time { color:#8290b7; font-family:Consolas,monospace; }.delivery-log-list strong { color:#d3c5ff; font-size:11px; }.delivery-log-list p { margin:0; color:#b8c1dc; line-height:1.45; }