.panel-topbar { gap: 22px; }.panel-title { color:#d9efff; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }.panel-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }.panel-actions a,.panel-actions button,.panel-link { padding:9px 13px; color:#b9daf2; background:#082750; border:1px solid #236db0; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; }.panel-actions a:hover,.panel-actions button:hover,.panel-link:hover { color:#fff; background:#0d56a1; }.panel-page { padding:42px 0 70px; }.page-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:22px; }.page-heading h1 { margin:0 0 5px; font:700 34px 'Cinzel',Georgia,serif; text-transform:uppercase; }.page-heading p:not(.eyebrow) { margin:0; color:#9ab5ce; }.dashboard-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px; }.dashboard-card { padding:18px; background:linear-gradient(145deg,rgba(8,39,75,.95),rgba(3,16,34,.98)); border:1px solid rgba(57,143,224,.55); border-radius:4px; box-shadow:0 10px 24px rgba(0,0,0,.2); }.dashboard-card small { color:#7ca8ca; text-transform:uppercase; font-size:10px; }.dashboard-card strong { display:block; margin-top:5px; color:#ebf7ff; font-size:27px; }.dashboard-panel { overflow:hidden; margin-bottom:14px; background:linear-gradient(180deg,rgba(6,25,48,.94),rgba(3,14,29,.98)); border:1px solid rgba(51,126,216,.47); border-radius:4px; }.dashboard-heading { display:flex; justify-content:space-between; align-items:center; padding:15px 17px; border-bottom:1px solid rgba(62,130,210,.32); }.dashboard-heading h2 { margin:0; font-size:15px; text-transform:uppercase; }.dashboard-heading span { color:#67b9ee; font-size:10px; text-transform:uppercase; }.character-table-wrap { overflow-x:auto; }.character-table { width:100%; border-collapse:collapse; min-width:620px; }.character-table th,.character-table td { padding:12px 14px; text-align:left; border-bottom:1px solid rgba(55,114,180,.22); font-size:12px; }.character-table th { color:#82a9ca; font-size:10px; text-transform:uppercase; }.character-table td { color:#d9eafa; }.character-table tbody tr:hover { background:rgba(21,105,181,.15); }.panel-message { padding:12px 15px; margin:0 0 15px; color:#ffd1d1; background:#4b1320; border:1px solid #bd4455; border-radius:4px; }.admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.empty-row { color:#88a6bf !important; text-align:center !important; padding:25px !important; }.admin-command-form { display:grid; grid-template-columns:repeat(5,1fr) auto; gap:10px; padding:15px 17px; align-items:end; }.admin-command-form label { display:grid; gap:5px; color:#a9c7df; font-size:10px; text-transform:uppercase; font-weight:700; }.admin-command-form input,.admin-command-form select { width:100%; padding:10px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; outline:0; font:500 13px Rajdhani,Arial,sans-serif; }.admin-command-form button { padding:10px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; }.command-warning { margin:0; padding:0 17px 12px; color:#a6bed4; font-size:11px; }.command-result { margin:0; padding:10px 17px; font-size:12px; }.command-result.success { color:#8dffc0; background:rgba(16,120,74,.2); }.command-result.error { color:#ffd2d2; background:rgba(137,25,45,.3); }
@media (max-width:720px) { .panel-topbar { gap:10px; }.panel-title { font-size:11px; }.panel-actions a:first-child { display:none; }.panel-page { padding-top:28px; }.page-heading { align-items:start; flex-direction:column; }.dashboard-cards { grid-template-columns:1fr 1fr; }.admin-grid { display:block; } }
@media (max-width:900px) { .admin-command-form { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .admin-command-form { grid-template-columns:1fr; } }
@media (max-width:900px) { .admin-content-grid { grid-template-columns:1fr; } }
.admin-content-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }.content-form { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:15px 17px; }.content-form label { display:grid; gap:5px; color:#a9c7df; font-size:10px; text-transform:uppercase; font-weight:700; }.content-form label:nth-child(5) { grid-column:1 / -1; }.content-form input,.content-form textarea { width:100%; padding:10px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; outline:0; font:500 13px Rajdhani,Arial,sans-serif; }.content-form textarea { resize:vertical; }.content-form button { grid-column:1 / -1; padding:10px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; }.check-field { display:flex !important; align-items:center; gap:8px; }.check-field input { width:auto; }.managed-list { padding:0 17px 12px; }.managed-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid rgba(55,114,180,.22); }.managed-row strong,.managed-row small { display:block; }.managed-row strong { color:#dceeff; font-size:12px; }.managed-row small,.managed-empty { color:#87a8c2; font-size:10px; }.managed-row button { padding:6px 8px; color:#d6efff; background:#103f75; border:1px solid #286da9; border-radius:3px; text-transform:uppercase; font-size:9px; }.managed-row button:hover { background:#0d65b7; }.managed-actions { display:flex; gap:5px; }
.download-manager { margin-bottom:14px; }.form-help { margin:0; padding:0 17px; color:#87a8c2; font-size:11px; line-height:1.5; }
.panel-layout { display:grid; grid-template-columns:238px minmax(0,1fr); gap:18px; align-items:start; }.panel-sidebar { position:sticky; top:18px; overflow:hidden; background:linear-gradient(180deg,#020a16 0%,#030f21 100%); border:1px solid rgba(51,126,216,.58); border-radius:5px; box-shadow:0 18px 38px rgba(0,0,0,.28); }.sidebar-heading { padding:18px 16px 10px; color:#edf8ff; font:700 18px 'Cinzel',Georgia,serif; text-transform:uppercase; letter-spacing:.08em; }.sidebar-account { display:flex; align-items:center; gap:10px; padding:12px 14px 16px; border-bottom:1px solid rgba(62,130,210,.3); }.sidebar-avatar { display:grid; place-items:center; width:36px; height:36px; color:#58bfff; background:#082c58; border:1px solid #246cad; border-radius:50%; font-size:20px; }.sidebar-account small,.sidebar-account strong { display:block; }.sidebar-account small { color:#769cbb; font-size:9px; text-transform:uppercase; }.sidebar-account strong { margin-top:3px; color:#ecf7ff; font-size:14px; }.panel-nav { display:grid; padding:10px; gap:4px; }.panel-nav button { display:flex; align-items:center; gap:10px; padding:12px 11px; color:#9abbd4; background:transparent; border:1px solid transparent; border-radius:3px; text-align:left; font:700 11px Rajdhani,Arial,sans-serif; text-transform:uppercase; cursor:pointer; }.panel-nav button:first-letter { color:#35adff; font-size:16px; }.panel-nav button:hover,.panel-nav button.active { color:#fff; background:linear-gradient(90deg,rgba(14,93,167,.72),rgba(7,43,83,.5)); border-color:#2677bb; }.panel-content { min-width:0; }.panel-view { display:none; }.panel-view.active { display:block; }.panel-message.success { color:#bfffd9; background:#0d4d35; border-color:#39b77e; }.account-info-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(62,130,210,.2); }.account-info-grid > div { display:grid; gap:6px; padding:16px; background:rgba(4,20,39,.95); }.account-info-grid small { color:#7ca8ca; font-size:9px; text-transform:uppercase; }.account-info-grid strong { color:#e9f6ff; font-size:15px; overflow-wrap:anywhere; }.form-grid-two { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.form-grid-two .dashboard-panel { margin-bottom:0; }.content-form { grid-template-columns:1fr; }.content-form label:nth-child(5) { grid-column:auto; }.content-form button { grid-column:auto; }.action-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.action-card-panel { margin:0; padding-bottom:16px; }.action-card-panel p { min-height:42px; margin:15px 17px; color:#9ab5ce; font-size:12px; line-height:1.5; }.action-card-panel > button { margin:0 17px; }.action-card-panel button,.wide-action { padding:10px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; cursor:pointer; }.action-card-panel .danger-button { background:linear-gradient(180deg,#a93552,#691b32); border-color:#e16b83; }.vip-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:17px; }.vip-plan { display:grid; gap:5px; padding:15px; color:#cce7fa; background:#061b35; border:1px solid #1e5e94; border-radius:4px; cursor:pointer; }.vip-plan:has(input:checked) { background:#0a3766; border-color:#41b8ff; box-shadow:0 0 15px rgba(24,152,242,.2); }.vip-plan input { accent-color:#22a5ff; }.vip-plan strong { color:#fff; font-size:17px; }.vip-plan b { color:#54c5ff; font-size:12px; }.vip-plan small { color:#8eacc2; }.wide-action { margin:0 17px 14px; width:calc(100% - 34px); }.support-list { display:grid; gap:10px; padding:12px 17px 17px; max-height:590px; overflow:auto; }.ticket-card { padding:10px; background:#061a31; border:1px solid rgba(54,126,196,.45); border-radius:3px; }.ticket-header { display:flex; justify-content:space-between; align-items:start; gap:8px; }.ticket-header strong,.ticket-header small { display:block; }.ticket-header strong { color:#e8f6ff; font-size:12px; }.ticket-header small { margin-top:4px; color:#75b8df; font-size:10px; text-transform:uppercase; }.ticket-header button,.ticket-reply button { padding:6px 8px; color:#d8f1ff; background:#103f75; border:1px solid #286da9; border-radius:3px; text-transform:uppercase; font-size:9px; cursor:pointer; }.ticket-messages { display:grid; gap:6px; margin-top:10px; }.ticket-message { padding:8px; border-left:2px solid #2a8aca; background:rgba(3,12,26,.8); }.ticket-message.admin { border-left-color:#57d6a0; }.ticket-message small { color:#79a8c4; font-size:9px; }.ticket-message p { margin:4px 0 0; color:#d3e8f5; font-size:11px; line-height:1.45; }.ticket-reply { display:flex; gap:6px; margin-top:9px; }.ticket-reply input { min-width:0; flex:1; padding:8px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; }.online-dot { color:#55ec9a; }.support-list .managed-empty { padding:10px 0; }
@media (max-width:900px) { .panel-layout { grid-template-columns:1fr; }.panel-sidebar { position:static; }.panel-nav { grid-template-columns:repeat(2,1fr); }.action-grid { grid-template-columns:1fr; }.form-grid-two { grid-template-columns:1fr; }.account-info-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px) { .panel-nav { grid-template-columns:1fr; }.account-info-grid { grid-template-columns:1fr; }.vip-plans { grid-template-columns:1fr; }.ticket-header { flex-direction:column; } }
.admin-view { display:none; }.admin-view.active { display:block; }.search-form { display:flex; gap:8px; padding:14px 17px; border-bottom:1px solid rgba(62,130,210,.25); }.search-form input { min-width:0; flex:1; padding:10px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; outline:0; }.search-form button,.secondary-button { padding:9px 12px; color:#d8f1ff; background:#103f75; border:1px solid #286da9; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; cursor:pointer; }.search-form button:first-of-type { color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border-color:#4fc1ff; }.table-action { padding:5px 8px; color:#d8f1ff; background:#103f75; border:1px solid #286da9; border-radius:3px; text-transform:uppercase; font-size:9px; cursor:pointer; }.blocked-label { color:#ff9cae; }.admin-support-list { max-height:none; grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-support-list .ticket-card { min-width:0; }.managed-actions { flex-wrap:wrap; }
@media (max-width:900px) { .admin-support-list { grid-template-columns:1fr; } }
.character-editor-panel { margin-top:14px; }.character-form { display:grid; gap:14px; padding:16px 17px; }.character-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.character-fields label { display:grid; gap:5px; color:#a9c7df; font-size:10px; text-transform:uppercase; font-weight:700; }.character-fields input { width:100%; padding:10px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; outline:0; font:500 13px Rajdhani,Arial,sans-serif; }.character-form > button { padding:10px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; cursor:pointer; }.table-action { white-space:nowrap; }
.character-form-actions { display:flex; flex-wrap:wrap; gap:10px; }.character-form-actions button { flex:1 1 240px; }
.all-builder-grid { display:grid; grid-template-columns:minmax(290px,.85fr) minmax(0,1.6fr); gap:14px; }.all-catalog-panel,.all-build-panel { min-width:0; }.all-catalog-tools { display:grid; gap:9px; padding:14px 17px; border-bottom:1px solid rgba(62,130,210,.25); }.all-catalog-tools input,.all-catalog-tools select,.all-builder-form input,.all-builder-form select { width:100%; padding:10px; color:#edf7ff; background:#020c1b; border:1px solid #225b91; border-radius:3px; outline:0; font:500 13px Rajdhani,Arial,sans-serif; }.all-catalog-tools label,.all-builder-fields label { display:grid; gap:5px; color:#a9c7df; font-size:10px; text-transform:uppercase; font-weight:700; }.all-item-results { display:grid; gap:6px; max-height:620px; overflow:auto; padding:12px 17px 17px; }.all-item-result { display:grid; gap:3px; padding:9px 10px; color:#dff3ff; background:#061a31; border:1px solid rgba(54,126,196,.45); border-radius:3px; text-align:left; cursor:pointer; }.all-item-result:hover { background:#0d4f8e; border-color:#4fc1ff; }.all-item-result strong { font-size:12px; }.all-item-result small { color:#86b3d0; font-size:10px; }.all-builder-form { display:grid; gap:14px; padding:15px 17px; }.all-builder-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.all-check { display:flex !important; align-items:center; gap:7px; padding-top:21px; }.all-check input { width:auto !important; accent-color:#1c9aff; }.all-selected-items { display:grid; gap:6px; min-height:80px; padding:10px; background:#020c1b; border:1px solid rgba(54,126,196,.45); border-radius:3px; }.all-selected-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 8px; background:#061a31; border:1px solid rgba(54,126,196,.3); }.all-selected-row span,.all-selected-row small { display:block; }.all-selected-row b { color:#6fc6ff; font-size:10px; text-transform:uppercase; }.all-selected-row small { color:#e2f2ff; font-size:11px; }.all-selected-row button,.all-saved-heading + .managed-list button { padding:6px 9px; color:#d8f1ff; background:#103f75; border:1px solid #286da9; border-radius:3px; text-transform:uppercase; font-size:9px; cursor:pointer; }.all-builder-actions { display:flex; gap:8px; }.all-builder-actions button { flex:1; padding:11px 13px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; text-transform:uppercase; font-size:10px; font-weight:700; cursor:pointer; }.all-builder-actions .secondary-button { background:#103f75; }.all-saved-heading { margin-top:0; border-top:1px solid rgba(62,130,210,.32); }.all-saved-heading + .managed-list { max-height:280px; overflow:auto; }
@media (max-width:1000px) { .all-builder-grid { grid-template-columns:1fr; }.all-item-results { max-height:300px; } }
@media (max-width:650px) { .all-builder-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.warehouse-summary { grid-template-columns:repeat(4,1fr); padding:14px 17px 0; margin-bottom:0; }.warehouse-summary .dashboard-card { padding:13px; }.warehouse-summary .dashboard-card strong { font-size:22px; }.warehouse-summary .dashboard-card em { display:block; margin-top:4px; color:#83a5c0; font-size:10px; font-style:normal; }.warehouse-free { color:#6dffb4 !important; }.warehouse-note { margin:14px 17px; padding:10px 12px; color:#9bc1da; background:rgba(13,65,112,.35); border:1px solid rgba(54,126,196,.35); border-radius:3px; font-size:11px; }.warehouse-grid { display:grid; grid-template-columns:repeat(12,minmax(48px,1fr)); gap:6px; padding:0 17px 17px; max-height:620px; overflow:auto; }.warehouse-slot { min-height:54px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2px; padding:4px; border-radius:3px; text-align:center; }.warehouse-slot b { font-size:10px; }.warehouse-slot span { font-size:9px; text-transform:uppercase; }.warehouse-slot small { max-width:100%; overflow:hidden; color:#8fb6d1; font-size:7px; text-overflow:ellipsis; }.warehouse-slot.empty { color:#527894; background:#031224; border:1px solid rgba(47,91,132,.35); }.warehouse-slot.occupied { color:#e5f6ff; background:linear-gradient(180deg,#124e83,#082c55); border:1px solid #3a9edf; box-shadow:0 0 8px rgba(21,133,220,.18); }
@media (max-width:800px) { .warehouse-summary { grid-template-columns:repeat(2,1fr); }.warehouse-grid { grid-template-columns:repeat(6,minmax(45px,1fr)); } }
@media (max-width:900px) { .character-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .character-fields { grid-template-columns:1fr; } }
.dashboard-cards { grid-template-columns:repeat(3,1fr); }
.payment-list-panel { display:grid; gap:10px; padding:14px 17px 17px; }
.payment-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:12px; color:#dcefff; background:#061a31; border:1px solid rgba(54,126,196,.45); border-radius:3px; }
.payment-row strong,.payment-row small { display:block; }
.payment-row small { margin-top:4px; color:#79a8c4; font-size:10px; overflow-wrap:anywhere; }
.payment-row b { color:#60caff; }
.payment-status { color:#ffc768; font-size:10px; text-transform:uppercase; }
.payment-status.paid { color:#55ec9a; }
.payment-status.failed { color:#ff7183; }
@media (max-width:520px) { .payment-row { grid-template-columns:1fr auto; }.payment-status { grid-column:1 / -1; } }
.shop-admin-row { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 14px; border-bottom:1px solid rgba(50,130,190,.25); }
.shop-admin-row:last-child { border-bottom:0; }
.shop-admin-row strong, .shop-admin-row small { display:block; }
.shop-admin-row small { margin-top:4px; color:#8eabc1; font-size:11px; }
.shop-admin-row > div:last-child { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.table-action.danger { color:#ffc6cf; border-color:#9d4259; }
@media (max-width:700px) { .shop-admin-row { align-items:flex-start; flex-direction:column; } .shop-admin-row > div:last-child { justify-content:flex-start; } }
.vip-shop-panel { overflow:hidden; }
.vip-shop-intro { margin:18px 18px 0; padding:15px 17px; color:#a7c5db; background:linear-gradient(110deg,#061b35,#082b4e); border:1px solid #18537f; border-radius:4px; }
.vip-shop-intro strong { display:block; color:#eef9ff; font-size:14px; text-transform:uppercase; }
.vip-shop-intro p { margin:5px 0 0; font-size:12px; line-height:1.5; }
.vip-shop-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:18px; }
.vip-shop-plans article { display:flex; align-items:center; gap:12px; padding:16px; background:linear-gradient(145deg,#092e58,#061a34); border:1px solid #267fb5; border-radius:5px; }
.vip-shop-icon { display:grid; place-items:center; width:38px; height:38px; color:#73d8ff; background:#062b50; border:1px solid #2d96d2; border-radius:50%; font-weight:700; box-shadow:0 0 14px rgba(39,174,255,.22); }
.vip-shop-plans strong, .vip-shop-plans small { display:block; }
.vip-shop-plans strong { color:#f3fbff; font-size:13px; text-transform:uppercase; }
.vip-shop-plans small { margin-top:4px; color:#60d2ff; font-size:16px; font-weight:700; }
.vip-shop-link { display:block; margin:0 18px 18px; text-align:center; text-decoration:none; }
@media (max-width:620px) { .vip-shop-plans { grid-template-columns:1fr; } }
.dashboard-card em { display:block; margin-top:5px; color:#79a8c3; font-size:9px; font-style:normal; font-weight:400; line-height:1.3; }
.vip-shop-currency { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 18px 18px; }
.vip-shop-currency article { display:flex; align-items:center; gap:12px; padding:15px; background:#061c35; border:1px solid #215e8d; border-radius:5px; }
.vip-shop-currency article > span { display:grid; place-items:center; width:36px; height:36px; color:#ffe58c; background:#4b3710; border:1px solid #c39a38; border-radius:50%; font-weight:700; }
.vip-shop-currency article:last-child > span { color:#c9efff; background:#073b53; border-color:#3ab9dc; }
.vip-shop-currency strong,.vip-shop-currency small { display:block; }
.vip-shop-currency strong { color:#f1f9ff; font-size:13px; text-transform:uppercase; }
.vip-shop-currency small { margin-top:4px; color:#64d0ff; font-size:11px; }
@media (max-width:620px) { .vip-shop-currency { grid-template-columns:1fr; } }
.panel-shop-filters { display:flex; flex-wrap:wrap; gap:7px; padding:18px 18px 0; }
.panel-shop-filters button { padding:8px 11px; color:#9dbbd1; background:#04172e; border:1px solid #1e5c8d; border-radius:3px; font:700 10px Rajdhani,Arial,sans-serif; text-transform:uppercase; cursor:pointer; }
.panel-shop-filters button.active,.panel-shop-filters button:hover { color:#fff; background:linear-gradient(180deg,#147edb,#0a418d); border-color:#4ebeff; }
.panel-shop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px; }
.panel-shop-card { display:grid; gap:7px; min-width:0; padding:14px; background:linear-gradient(145deg,#092e58,#061a34); border:1px solid #267fb5; border-radius:5px; }
.panel-shop-card > img { width:100%; height:84px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(52,174,255,.34)); }
.panel-shop-icon { display:grid; place-items:center; height:84px; color:#62d2ff; font-size:35px; text-shadow:0 0 14px rgba(40,172,255,.5); }
.panel-shop-card h3 { margin:0; color:#f3fbff; font-size:14px; text-transform:uppercase; }
.panel-shop-card p { min-height:32px; margin:0; color:#9dbbd2; font-size:11px; line-height:1.4; }
.panel-shop-card > strong { color:#62d2ff; font-size:18px; }
.panel-shop-card label { display:grid; gap:4px; color:#9dbbd2; font-size:9px; text-transform:uppercase; }
.panel-shop-card input { padding:7px; color:#eef8ff; background:#020d1d; border:1px solid #2a6b9e; border-radius:3px; }
.panel-shop-actions { display:grid; gap:5px; margin-top:auto; }
.panel-shop-buy { padding:8px 7px; color:#fff; background:linear-gradient(180deg,#1789ef,#0a4bad); border:1px solid #4fc1ff; border-radius:3px; font-size:9px; font-weight:700; text-transform:uppercase; cursor:pointer; }
.panel-shop-buy.gold { color:#fff3bd; background:linear-gradient(180deg,#96701d,#5d4210); border-color:#dcb44c; }
.panel-shop-buy.cash { color:#d8f3ff; background:linear-gradient(180deg,#147a99,#0b3f59); border-color:#49c8e6; }
.panel-shop-buy:disabled { opacity:.6; cursor:wait; }
.vip-shop-panel .panel-shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:900px) { .panel-shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .panel-shop-grid,.vip-shop-panel .panel-shop-grid { grid-template-columns:1fr; } }
.character-actions { display:flex; flex-wrap:wrap; gap:8px; min-width:340px; align-items:center; }
#character-list .character-actions button { min-height:34px; padding:8px 13px; color:#eaf7ff; background:linear-gradient(180deg,#146fc3,#0a3f82); border:1px solid #3b9fe2; border-radius:4px; font:700 11px Rajdhani,Arial,sans-serif; text-transform:uppercase; cursor:pointer; white-space:nowrap; box-shadow:0 2px 8px rgba(0,87,170,.22); }
#character-list .character-actions button:hover { color:#fff; background:linear-gradient(180deg,#1c91ef,#0d57a7); border-color:#65caff; box-shadow:0 0 12px rgba(41,170,255,.35); }
#character-list .character-actions button:disabled,#character-list .character-actions .locked-action { color:#a9b7c5; background:#263646; border-color:#526273; cursor:not-allowed; opacity:1; box-shadow:none; }
#character-list .character-actions button[data-character-action="clear_pk"] { color:#ffe4ab; background:linear-gradient(180deg,#85631e,#563e10); border-color:#d4a944; }
@media (max-width:900px) { .character-actions { min-width:260px; } }
.all-catalog-count { color:#75b9e5; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.all-item-result { grid-template-columns:34px minmax(0,1fr) auto; align-items:center; text-align:left; gap:9px; }
.all-item-result span { min-width:0; }.all-item-result b { color:#8fd4ff; font-size:9px; text-transform:uppercase; white-space:nowrap; }
.all-item-thumb { display:inline-grid; place-items:center; width:30px; height:30px; flex:0 0 30px; color:#bfeaff; background:radial-gradient(circle,#1260a1 0,#072441 62%,#031225 100%); border:1px solid #2379b8; border-radius:4px; font-style:normal; font-size:19px; object-fit:contain; padding:3px; text-shadow:0 0 10px #45bfff; }
.all-item-thumb.weapon { color:#8fd5ff; }.all-item-thumb.wing { color:#d7f3ff; }.all-item-thumb.jewel { color:#ffb7ea; }.all-item-thumb.pet { color:#ffe39b; }.all-item-thumb.shield { color:#9fe6ff; }.all-item-thumb.armor { color:#a9c7ff; }
.all-selected-item { display:flex; align-items:center; gap:9px; min-width:0; }.all-selected-item > span { min-width:0; }.all-selected-item small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.warehouse-inline-panel { margin-top:14px; }.warehouse-inline-panel .warehouse-grid { max-height:430px; }
.warehouse-thumb { width:24px; height:24px; min-height:24px; font-size:14px; margin:2px auto; }.warehouse-slot small { word-break:break-all; line-height:1.1; }