:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#d9dde6;background:#12151b;font-synthesis:none;color-scheme:dark;--bg: #12151b;--sidebar: #171b23;--surface: #1b2029;--surface-2: #222833;--surface-3: #181c24;--line: #303746;--line-soft: #272d39;--text: #e4e7ed;--muted: #9199aa;--accent: #8493d8;--accent-hover: #96a3e2;--green: #6eb89d;--red: #d47b84;--amber: #c5a56c;--blue: #68a9c7}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;padding:0 8px 10px;background:var(--sidebar);border-right:1px solid var(--line)}.brand{min-height:58px;display:flex;align-items:center;gap:11px;padding:0 7px;border-bottom:1px solid var(--line-soft)}.brand-mark{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:5px}.brand-mark svg{width:21px;height:21px}.brand-mark svg circle{fill:#0b4c44}.brand-mark.large{width:48px;height:48px;border-radius:6px}.brand-mark.large svg{width:29px;height:29px}.brand strong,.login-brand strong{display:block;color:#fff;font-size:12px;font-weight:700;letter-spacing:.035em}.brand small,.login-brand small,.operator small{display:block;margin-top:2px;color:#727c92;font-size:8px;font-weight:700;letter-spacing:.16em}.sidebar nav{display:flex;flex-direction:column;gap:15px;padding:12px 0;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-caption{padding:0 11px 6px;color:#50606a;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sidebar nav a{position:relative;height:36px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#94a1a9;border-radius:7px;font-size:11px;font-weight:550}.sidebar nav a:hover,.sidebar-bottom>a:hover{color:#dfe7eb;background:#121d23}.sidebar nav a.active,.sidebar-bottom>a.active{color:#71ead3;background:#15302c}.sidebar nav a.active svg,.sidebar-bottom>a.active svg{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line-soft)}.sidebar-bottom>a{height:38px;display:flex;align-items:center;gap:10px;margin:7px 0 0;padding:0 11px;color:#94a1a9;border-radius:7px;font-size:11px}.sidebar-foot{padding:10px 6px 0;display:flex;align-items:center;gap:6px}.operator{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.operator>span,.client>span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;background:#14252a;color:#5eead4;font-size:10px;font-weight:700}.operator div{min-width:0}.operator strong{max-width:135px;display:block;overflow:hidden;color:#cfd5e2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot>button,.icon{border:0;background:transparent;color:#8b95aa;padding:7px;border-radius:4px}.sidebar-foot>button:hover,.icon:hover{color:#fff;background:#16242a}.sidebar-close,.mobile-menu{display:none}main{min-width:0;padding:0 0 30px}main>header{height:58px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line-soft)}main h1{margin:0;color:#f0f5f6;font-size:25px;font-weight:680;letter-spacing:-.025em}.workspace-switch{height:36px;display:flex;align-items:center;gap:8px;padding:0 11px 0 6px;color:#cdd6db;background:#101820;border:1px solid #283841;border-radius:8px;font-size:10px}.workspace-switch .brand-mark{width:24px;height:24px;border-radius:4px}.workspace-switch .brand-mark svg{width:15px;height:15px}.topbar-separator{width:1px;height:22px;margin:0 12px;background:var(--line)}.topbar-section{color:#778791;font-size:10px}.content-heading{width:calc(100% - 52px);max-width:1540px;margin:22px auto 16px}.content-heading p{margin:5px 0 0;color:var(--muted);font-size:10px}.eyebrow{color:#5a727b;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page{width:calc(100% - 52px);max-width:1540px;margin:0 auto;padding-top:0;display:flex;flex-direction:column;gap:14px}.panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:11px}.panel{padding:18px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-title h2{margin:4px 0 0;color:var(--text);font-size:14px;font-weight:650}.panel-title>a{display:inline-flex;align-items:center;gap:5px;color:#55ddc2;font-size:10px}.panel-title>svg{color:#7c88a0}.overview-page{gap:16px}.overview-summary{min-height:126px;display:grid;grid-template-columns:1.25fr repeat(4,1fr);padding:20px 4px}.overview-summary>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 18px;border-right:1px solid var(--line-soft)}.overview-summary>div:last-child{border-right:0}.overview-summary span{color:#71818a;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.summary-primary strong{margin:6px 0 3px;color:#f0f5f6;font-size:clamp(25px,3vw,38px);font-weight:700;letter-spacing:-.04em;white-space:nowrap}.summary-primary small{color:#72828b;font-size:9px}.summary-item strong{margin-top:8px;color:#e3e9ec;font-size:20px;font-weight:650;white-space:nowrap}.overview-layout{display:grid;grid-template-columns:minmax(0,3.1fr) minmax(265px,1fr);gap:16px}.overview-main,.overview-aside{min-width:0;display:flex;flex-direction:column;gap:16px}.overview-chart{min-height:306px}.overview-chart .panel-title small,.side-card .panel-title small{display:block;margin-top:4px}.overview-chart .chart{height:235px}.chart-legend{display:flex;align-items:center;gap:6px;padding:6px 9px;color:#85959e;background:#0c1318;border:1px solid var(--line);border-radius:6px;font-size:8px}.chart-legend i{width:7px;height:7px;background:var(--accent);border-radius:2px}.recent-list{padding-bottom:6px}.recent-list .panel-title{margin-bottom:4px}.recent-rows>div:not(.empty){min-height:53px;display:grid;grid-template-columns:108px 62px minmax(160px,1fr) 100px 110px;align-items:center;gap:10px;border-top:1px solid var(--line-soft)}.recent-rows time{color:#71818a;font-size:9px}.recent-rows>div>div{min-width:0}.recent-rows strong{display:block;overflow:hidden;color:#d9e1e5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.recent-rows small{display:block;overflow:hidden;margin-top:3px;color:#687982;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.recent-rows b{color:#e7edef;font-size:10px;text-align:right;white-space:nowrap}.side-card{padding:16px}.side-card .panel-title{margin-bottom:13px}.progress-list{display:flex;flex-direction:column;gap:13px}.progress-list>div>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9cabb2;font-size:9px}.progress-list>div>span b{color:#d9e1e5;font-size:9px}.progress-list>div>i{height:5px;display:block;overflow:hidden;margin-top:7px;background:#1d2a31;border-radius:9px}.progress-list>div>i em{height:100%;display:block;background:var(--accent);border-radius:inherit}.product-share>div>span{justify-content:flex-start}.product-share>div>span b{margin-left:auto}.product-share .empty{padding:20px}.finance-card>div:not(.panel-title){min-height:37px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line-soft)}.finance-card>div:not(.panel-title) span{color:#7f9098;font-size:9px}.finance-card>div:not(.panel-title) strong{color:#dce4e7;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{min-height:102px;padding:15px 16px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.metric-top svg{width:17px;height:17px;color:var(--accent)}.metric>strong{display:block;margin:16px 0 3px;color:#f2f4f8;font-size:21px;font-weight:650;letter-spacing:-.025em}.metric>small,.panel small,td small{color:var(--muted);font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.7fr);gap:14px}.chart{height:250px}.chart.compact{height:205px}.recharts-text{fill:#64757e;font-size:9px}.profit{text-align:right}.profit span{display:block;color:var(--muted);font-size:9px}.profit strong{color:#eef1f6;font-size:15px}.status-list{display:flex;flex-direction:column}.status-list>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft)}.status-list>div:last-child{border-bottom:0}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;color:#aeb6c7;background:#18242a;font-size:9px;font-weight:650;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:#8791a5}.status-review{color:#e8be71;background:#4c3d273d}.status-review i{background:var(--amber)}.status-success{color:#6bdab4;background:#17483770}.status-success i{background:var(--green)}.status-failed,.status-cancelled,.status-refunded{color:#f28b95;background:#51263066}.status-failed i,.status-cancelled i,.status-refunded i{background:var(--red)}.status-paid,.status-pending,.status-answered{color:#6bdff0;background:#14364288}.status-paid i,.status-pending i,.status-answered i{background:var(--blue)}.toolbar{min-height:40px;display:flex;align-items:center;gap:8px}.toolbar.between{justify-content:space-between}.search{height:38px;min-width:310px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#737e94;background:var(--surface);border:1px solid var(--line);border-radius:4px}input,select,textarea{width:100%;padding:9px 10px;outline:none;color:#e3e7ef;background:#0b1217;border:1px solid #2a3a43;border-radius:6px;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#19d3ae;box-shadow:0 0 0 2px #19d3ae1f}.search input{padding:0;background:transparent;border:0;box-shadow:none}.toolbar select{width:auto;min-width:150px;height:38px}.primary,.secondary{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:4px;font-size:10px;font-weight:650}.primary{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary{color:#b7c3c8;background:var(--surface-2);border:1px solid #2a3a43}.secondary:hover{color:#fff;border-color:#3c555d}.danger-text{color:#f0808b}.table-wrap{overflow:auto;margin:0 -18px -18px}table{width:100%;min-width:760px;border-collapse:collapse}th{padding:10px 18px;color:#71818a;background:#0d141a;border-bottom:1px solid var(--line);text-align:left;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}td{padding:12px 18px;color:#cbd1dd;border-bottom:1px solid var(--line-soft);font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#15222988}td code,.menu-row code{padding:3px 6px;color:#a9bac1;background:#0b1217;border:1px solid #24343c;border-radius:4px;font-size:9px}td small{display:block;margin-top:4px}.money{color:#eef1f6;font-weight:650;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end;gap:2px}.row-actions a{padding:7px;color:#8e98ac}.icon.success{color:var(--green)}.icon.danger{color:var(--red)}.clickable-table tbody tr{cursor:pointer}.empty{padding:38px;color:var(--muted);text-align:center;font-size:11px}.type{display:inline-flex;padding:4px 6px;color:#aebbc1;background:#1a292f;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.type-stars{color:#e7c274;background:#4a3b25}.type-steam{color:#8fb8ed;background:#273e5f}.type-topup{color:#aaa7f3;background:#34335e}.type-voucher{color:#70d1b0;background:#254c40}.catalog-list{display:flex;flex-direction:column;gap:8px}.catalog-group{padding:0;overflow:hidden}.catalog-head{width:100%;min-height:64px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;color:var(--text);background:transparent;border:0;text-align:left}.catalog-head:hover{background:#142028}.catalog-head h2{display:inline;margin-left:10px;font-size:12px}.catalog-head small{display:block;margin-top:6px}.catalog-head svg{color:#7d879c;transition:transform .15s}.catalog-head svg.rotated{transform:rotate(180deg)}.product-grid{padding:0 14px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-card{min-height:84px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px;background:var(--surface-3);border:1px solid var(--line-soft);border-radius:4px}.product-card.disabled{opacity:.55}.product-card strong{display:block;color:#dfe3ec;font-size:10px}.product-card small{display:block;margin-top:4px}.product-card label{min-width:136px;color:#8f98aa;font-size:8px}.price-input{display:flex;margin-top:5px}.price-input input{width:92px;border-radius:4px 0 0 4px}.price-input button{width:34px;color:#fff;background:var(--accent);border:0;border-radius:0 4px 4px 0}.segmented{display:flex;align-items:center;gap:7px;color:#8993a8;font-size:9px}.segmented>*{padding:7px 9px;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:4px}.segmented button{color:#aeb8d0}.menu-page{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start}.bot-preview{position:sticky;top:86px}.telegram-preview{padding:16px;background:#090f13;border:1px solid var(--line-soft);border-radius:8px}.tg-message{overflow:hidden;padding-bottom:10px;background:#1a242a;border-radius:7px 7px 3px}.tg-banner{height:140px;margin-bottom:10px;display:grid;place-items:center;background:#10252a;border-bottom:1px solid #243a42}.tg-banner span{width:54px;height:54px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:6px;font-size:25px;font-weight:750}.tg-message strong,.tg-message p{padding:0 11px}.tg-message strong{font-size:11px}.tg-message p{margin:5px 0 0;color:#bac1cf;font-size:9px}.tg-buttons>div{display:flex;gap:3px;margin-top:3px}.tg-buttons button{flex:1;padding:7px 4px;color:#e4e8f0;background:#26363e;border:0;border-radius:4px;font-size:8px}.tg-buttons button.primary{background:#137d72}.tg-buttons button.success{background:#34795f}.tg-buttons button.danger{background:#87424d}.menu-row{min-height:48px;display:grid;grid-template-columns:22px minmax(145px,1fr) minmax(120px,1fr) 105px 32px 32px;align-items:center;gap:7px;color:#828ca1;border-bottom:1px solid var(--line-soft)}.menu-row:last-child{border-bottom:0}.menu-row>svg{opacity:.35}.button-style{color:#d7dce7;font-size:10px}.menu-row small{font-size:8px}.content-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start}.screen-list{position:sticky;top:86px;max-height:calc(100vh - 106px);overflow:auto;padding:10px}.screen-list .panel-title{margin:0;padding:4px 5px 11px}.screen-list>button{width:100%;min-height:46px;display:flex;align-items:center;gap:9px;padding:7px 8px;color:#8f99ae;background:transparent;border:0;border-radius:4px;text-align:left}.screen-list>button:hover{color:#dbe4e7;background:#142028}.screen-list>button.active{color:#fff;background:#15302c;box-shadow:inset 2px 0 var(--accent)}.screen-list>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.screen-list strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.screen-list small{margin-top:2px;color:#727d93;font:8px ui-monospace,monospace}.screen-list i{width:5px;height:5px;margin-left:auto;background:var(--accent);border-radius:50%}.screen-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;color:#5eead4;background:#14252a;border-radius:5px}.count-pill{padding:4px 7px;color:#8d97aa;border:1px solid var(--line);border-radius:3px;font-size:8px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.7fr);gap:15px}.code-editor{min-height:340px;resize:vertical;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.form-grid{display:flex;flex-direction:column;gap:13px}.form-grid label,.login-card label,.direct-message label{color:#9aa3b5;font-size:9px;font-weight:600}.form-grid label input,.form-grid label select,.form-grid label textarea,.login-card label input{margin-top:6px}.form-grid label small{display:block;margin-top:5px;line-height:1.5}.form-grid code{color:#5eead4}.media-card{display:flex;flex-direction:column;gap:10px;padding:11px;background:var(--surface-3);border:1px solid var(--line-soft);border-radius:4px}.media-preview{aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;background:#080d11;border:1px solid #25363e;border-radius:6px}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-empty{display:flex;flex-direction:column;align-items:center;gap:7px;color:#59647a;font-size:9px}.media-card p{margin:4px 0;color:var(--muted);font-size:9px}.upload-button{position:relative}.settings-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-sections>.panel:first-child{grid-column:1 / -1}.sticky-actions{position:sticky;bottom:12px;grid-column:1 / -1;display:flex;justify-content:flex-end;padding:9px;background:#0b141aed;border:1px solid var(--line);border-radius:8px}.two,.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.check{display:flex;align-items:center;gap:7px}.check input{width:auto;margin:0!important}.promo-code{display:inline-flex;padding:4px 7px;color:#65e5cc;background:#15302c;border:1px solid #216052;border-radius:4px;font:650 10px ui-monospace,monospace}.promo-chart .chart{height:205px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0c101ad9}.modal{width:min(600px,100%);max-height:92vh;overflow:auto;padding:18px;background:var(--surface);border:1px solid #2a3a43;border-radius:10px;box-shadow:0 18px 60px #0009}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.form-error{padding:9px 10px;color:#ef9aa2;background:#4d2730;border:1px solid #71343f;border-radius:4px;font-size:10px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#080c10}.login-grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),#17313a calc(50% - .5px),#17313a calc(50% + .5px),transparent calc(50% + .5px));opacity:.45}.login-card{position:relative;width:min(390px,100%);display:flex;flex-direction:column;gap:15px;padding:28px;background:var(--surface);border:1px solid #2a3a43;border-radius:11px;box-shadow:0 20px 55px #0008}.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:19px;border-bottom:1px solid var(--line)}.login-title h1{margin:5px 0 4px;color:#f3f5f9;font-size:20px;font-weight:650}.login-title span{color:var(--muted);font-size:10px}.wide{width:100%;margin-top:2px}.ticket-page{height:calc(100vh - 140px);max-width:1540px;display:grid;grid-template-columns:360px minmax(0,1fr);padding-bottom:0}.ticket-inbox,.ticket-dialog{min-height:0;overflow:hidden;padding:0}.ticket-tools{display:flex;align-items:center;gap:5px;padding:12px}.ticket-tools .search{min-width:0;flex:1;height:36px}.ticket-filters{display:flex;gap:4px;padding:0 12px 10px}.ticket-filters button{padding:5px 7px;color:#8993a8;background:var(--surface-3);border:1px solid var(--line);border-radius:3px;font-size:8px}.ticket-filters button.active{color:#dfe9e7;background:#15302c;border-color:#216052}.ticket-list{height:calc(100% - 94px);overflow:auto;border-top:1px solid var(--line-soft)}.ticket-list>button{width:100%;display:grid;grid-template-columns:6px minmax(0,1fr);gap:9px;padding:12px 13px;color:#d1d6e1;background:transparent;border:0;border-bottom:1px solid var(--line-soft);text-align:left}.ticket-list>button:hover{background:#142028}.ticket-list>button.active{background:#14252a;box-shadow:inset 2px 0 var(--accent)}.ticket-list strong{display:block;font-size:10px}.ticket-list p{overflow:hidden;margin:5px 0;color:#8e98aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ticket-list small{color:#69748a;font-size:8px}.ticket-state{width:6px;height:6px;margin-top:4px;background:#687287;border-radius:50%}.state-open{background:var(--green)}.state-answered{background:var(--blue)}.ticket-dialog{display:flex;flex-direction:column}.ticket-dialog>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line-soft)}.ticket-dialog h2{margin:3px 0;font-size:13px}.ticket-dialog header small{color:#7e899d;font-size:8px}.messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:17px;background:#0c1318}.message{max-width:72%;padding:9px 10px;background:#18242a;border:1px solid #2a3a43;border-radius:7px}.message.admin{align-self:flex-end;background:#12342e;border-color:#216052}.message p{margin:0 0 5px;font-size:10px;line-height:1.5;white-space:pre-wrap}.message small{color:#8893aa;font-size:8px}.reply-box{display:flex;gap:7px;padding:11px;border-top:1px solid var(--line-soft)}.reply-box textarea{resize:none}.reply-box button{width:42px;padding:0}.ticket-placeholder{height:100%;display:grid;place-content:center;gap:9px;color:#657086;text-align:center;font-size:10px}.ticket-placeholder svg{margin:auto}.client{display:flex;align-items:center;gap:8px}.client strong{color:#dce1ea;font-size:10px}.user-modal{width:min(800px,100%);padding:0;overflow:hidden}.user-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.client.large>span{width:42px;height:42px}.client h2{margin:0 0 3px;font-size:14px}.user-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.user-facts>div{padding:13px 16px;border-right:1px solid var(--line)}.user-facts>div:last-child{border-right:0}.user-facts small{display:block;color:#788398;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.user-facts strong{display:block;margin-top:5px;color:#e1e5ed;font-size:11px}.user-actions{display:flex;gap:7px;padding:13px 16px}.user-actions a{font-size:10px}.direct-message{display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px;padding:0 16px 14px}.direct-message textarea{display:block;margin-top:6px;resize:none}.direct-message button{height:36px}.user-history{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.user-history section{padding:14px 16px}.user-history section+section{border-left:1px solid var(--line)}.user-history h3{color:#818ca0;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.user-history section>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:8px}.user-history span{min-width:0;display:flex;align-items:center;gap:4px}.user-history strong{color:#8d98ac;white-space:nowrap}.toast{position:fixed;right:20px;bottom:20px;z-index:150;padding:10px 14px;color:#86dcbf;background:#244337;border:1px solid #386551;border-radius:4px;font-size:10px}.toast.error{color:#ee9ba3;background:#4a2830;border-color:#713a44}.skeleton{position:relative;overflow:hidden}.skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff0a,transparent);animation:shine 1.3s infinite}.tall{height:330px}.splash{min-height:100vh;display:grid;place-items:center}@keyframes shine{to{transform:translate(100%)}}.app-shell{grid-template-columns:248px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{min-height:66px;padding-inline:9px}.brand-mark{width:38px;height:38px}.brand-mark svg{width:23px;height:23px}.brand strong,.login-brand strong{font-size:14px}.brand small,.login-brand small,.operator small{font-size:9px}.sidebar nav{gap:18px;padding-block:16px}.nav-caption{padding:0 12px 7px;font-size:9px}.sidebar nav a,.sidebar-bottom>a{height:42px;padding-inline:12px;font-size:13px}.sidebar nav a svg,.sidebar-bottom>a svg{width:18px;height:18px}.operator>span,.client>span{width:34px;height:34px;font-size:12px}.operator strong{max-width:155px;font-size:11px}.sidebar-foot{padding-top:12px}main>header{height:66px;padding-inline:32px}.workspace-switch{height:40px;padding-right:14px;font-size:12px}.workspace-switch .brand-mark{width:28px;height:28px}.topbar-section{font-size:12px}.content-heading{width:calc(100% - 64px);max-width:1680px;margin:28px auto 20px}main h1{font-size:29px}.content-heading p{margin-top:7px;font-size:12px}.page{width:calc(100% - 64px);max-width:1680px;gap:18px}.panel,.metric{border-radius:13px}.panel{padding:22px}.panel-title{margin-bottom:20px}.panel-title h2{font-size:16px}.panel-title>a{font-size:12px}.eyebrow{font-size:10px}.panel small,td small,.metric>small{font-size:11px}.overview-summary{min-height:150px;padding-block:24px}.overview-summary>div{padding-inline:23px}.overview-summary span{font-size:10px}.summary-primary strong{margin-block:8px 5px;font-size:clamp(32px,3vw,44px)}.summary-primary small{font-size:11px}.summary-item strong{margin-top:10px;font-size:23px}.overview-layout{grid-template-columns:minmax(0,3.15fr) minmax(310px,1fr);gap:18px}.overview-main,.overview-aside{gap:18px}.overview-chart{min-height:360px}.overview-chart .chart{height:285px}.chart-legend{padding:8px 11px;font-size:10px}.recent-rows>div:not(.empty){min-height:64px;grid-template-columns:90px 72px minmax(190px,1fr) 120px 125px;gap:13px}.recent-rows time{font-size:11px}.recent-rows strong{font-size:12px}.recent-rows small{margin-top:4px;font-size:10px}.recent-rows b{font-size:12px}.side-card{padding:20px}.side-card .panel-title{margin-bottom:17px}.progress-list{gap:17px}.progress-list>div>span,.progress-list>div>span b{font-size:11px}.progress-list>div>i{height:6px;margin-top:9px}.finance-card>div:not(.panel-title){min-height:46px}.finance-card>div:not(.panel-title) span,.finance-card>div:not(.panel-title) strong{font-size:11px}.metric-grid{gap:16px}.metric{min-height:122px;padding:19px 20px}.metric-top{font-size:12px}.metric-top svg{width:20px;height:20px}.metric>strong{margin-top:20px;font-size:25px}.chart{height:290px}.recharts-text{font-size:11px}.status{padding:6px 9px;font-size:11px}.status i{width:6px;height:6px}.status-list>div{min-height:50px}.toolbar{min-height:46px;gap:11px}.search{height:44px;min-width:370px;padding-inline:14px;border-radius:7px}input,select,textarea{padding:11px 12px;border-radius:7px;font-size:13px}.toolbar select{min-width:180px;height:44px}.primary,.secondary{min-height:42px;padding:10px 15px;border-radius:7px;font-size:12px}.icon{padding:9px}.table-wrap{margin:0 -22px -22px}table{min-width:850px}th{padding:13px 22px;font-size:10px}td{padding:16px 22px;font-size:13px}td code,.menu-row code{padding:5px 8px;font-size:11px}td small{margin-top:6px}.type{padding:5px 8px;font-size:10px}.empty{padding:48px;font-size:13px}.catalog-head{min-height:76px;padding:17px 21px}.catalog-head h2{font-size:14px}.catalog-head small{margin-top:8px}.product-grid{padding:0 18px 18px;gap:11px}.product-card{min-height:106px;padding:15px}.product-card strong{font-size:12px}.product-card small{margin-top:6px}.product-card label{min-width:155px;font-size:10px}.price-input input{width:110px}.segmented{gap:9px;font-size:11px}.segmented>*{padding:9px 12px}.menu-page{grid-template-columns:400px minmax(0,1fr)}.telegram-preview{padding:20px}.tg-banner{height:170px}.tg-message strong{font-size:13px}.tg-message p{font-size:11px}.tg-buttons button{padding:10px 6px;font-size:10px}.menu-row{min-height:58px;grid-template-columns:26px minmax(170px,1fr) minmax(140px,1fr) 120px 38px 38px;gap:9px}.button-style{font-size:12px}.menu-row small{font-size:10px}.content-layout{grid-template-columns:300px minmax(0,1fr)}.screen-list{padding:13px}.screen-list>button{min-height:55px;gap:11px;padding:9px 10px}.screen-list strong{font-size:12px}.screen-list small{margin-top:3px;font-size:10px}.screen-icon{width:34px;height:34px}.count-pill{padding:6px 9px;font-size:10px}.content-grid{gap:20px}.code-editor{min-height:390px;font-size:12px}.form-grid{gap:17px}.form-grid label,.login-card label,.direct-message label{font-size:11px}.form-grid label input,.form-grid label select,.form-grid label textarea,.login-card label input{margin-top:8px}.media-card{gap:13px;padding:14px}.media-card p,.media-empty{font-size:11px}.settings-sections{gap:18px}.two,.three{gap:13px}.sticky-actions{padding:12px}.promo-code{padding:6px 9px;font-size:12px}.modal{width:min(680px,100%);padding:23px}.modal-actions{margin-top:22px;gap:10px}.form-error{padding:11px 12px;font-size:12px}.login-card{width:min(430px,100%);gap:19px;padding:34px}.login-title h1{font-size:25px}.login-title span{font-size:12px}.ticket-page{height:calc(100vh - 158px);grid-template-columns:410px minmax(0,1fr)}.ticket-tools{padding:15px}.ticket-tools .search{height:42px}.ticket-filters{gap:6px;padding:0 15px 13px}.ticket-filters button{padding:7px 10px;font-size:10px}.ticket-list{height:calc(100% - 111px)}.ticket-list>button{gap:11px;padding:16px}.ticket-list strong{font-size:12px}.ticket-list p{margin:7px 0;font-size:11px}.ticket-list small{font-size:10px}.ticket-dialog>header{min-height:78px;padding:16px 20px}.ticket-dialog h2{font-size:16px}.ticket-dialog header small{font-size:10px}.messages{gap:11px;padding:22px}.message{padding:12px 14px}.message p{font-size:12px}.message small{font-size:10px}.reply-box{gap:10px;padding:15px}.reply-box button{width:48px}.client strong{font-size:12px}.user-modal{width:min(900px,100%)}.user-head{padding:20px 23px}.client.large>span{width:50px;height:50px}.client h2{font-size:18px}.user-facts>div{padding:17px 20px}.user-facts small{font-size:10px}.user-facts strong{margin-top:7px;font-size:13px}.user-actions{gap:10px;padding:17px 20px}.user-actions a{font-size:12px}.direct-message{gap:10px;padding:0 20px 19px}.user-history section{padding:18px 20px}.user-history h3{font-size:11px}.user-history section>div{padding:10px 0;font-size:10px}.toast{padding:13px 17px;font-size:12px}.extended-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytic-card{min-width:0}.analytic-card .chart{height:300px}.analytic-card .tall-chart{height:330px}.donut-layout{min-height:300px;display:grid;grid-template-columns:minmax(210px,.9fr) minmax(220px,1.1fr);align-items:center;gap:12px}.donut-layout .chart{height:270px}.legend-list{display:flex;flex-direction:column;gap:8px}.legend-list>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.legend-list>div>i{width:8px;height:8px;border-radius:2px}.legend-list span{color:#a8b4ba;font-size:11px}.legend-list strong{color:#e0e7ea;font-size:11px}.legend-list small{grid-column:2 / -1;font-size:10px}.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.operation-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.operation-stats>div{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line-soft)}.operation-stats span{color:#87969d;font-size:11px}.operation-stats strong{color:#e1e8ea;font-size:12px;text-align:right}body{background:var(--bg);color:var(--text)}.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding-inline:14px;background:var(--sidebar);border-color:var(--line-soft);box-shadow:8px 0 28px #090b101f}.brand{min-height:72px;padding-inline:10px;border-color:var(--line-soft)}.brand-mark{color:#f4f5fb;background:var(--accent);border-radius:9px}.brand-mark svg circle{fill:#4f5986}.brand strong,.login-brand strong{color:#f0f2f6;letter-spacing:.025em}.brand small,.login-brand small,.operator small{color:#7f8798}.sidebar nav{gap:20px;padding-block:18px}.nav-caption{color:#737b8d}.sidebar nav a,.sidebar-bottom>a{color:#a5acba;border-radius:9px}.sidebar nav a:hover,.sidebar-bottom>a:hover{color:#e2e5eb;background:#20252f}.sidebar nav a.active,.sidebar-bottom>a.active{color:#dce1fa;background:#282f48;box-shadow:inset 3px 0 #8795d8}.sidebar nav a.active svg,.sidebar-bottom>a.active svg{color:#aab5ec}.sidebar-bottom{border-color:var(--line-soft)}.operator>span,.client>span{color:#cbd2f4;background:#292f45}.operator strong{color:#d5d9e2}.sidebar-foot>button,.icon{color:#8e96a8}.sidebar-foot>button:hover,.icon:hover{color:#e6e9ef;background:#242a35}main>header{height:72px;padding-inline:34px;background:#151920;border-color:var(--line-soft)}main>header h1{color:#ebedf2;font-size:21px;font-weight:650;letter-spacing:-.015em}.page{margin-top:26px;margin-bottom:34px}.panel,.metric{background:var(--surface);border-color:var(--line);box-shadow:0 2px 8px #080a0e1f}.panel-title h2{color:#e0e3e9}.panel-title>a{color:#aab5eb}.panel small,td small,.metric>small{color:var(--muted)}.overview-summary{background:#1d222c}.overview-summary>div{border-color:var(--line-soft)}.overview-summary span{color:#8c94a5}.summary-primary strong,.summary-item strong{color:#edf0f5}.summary-primary small{color:#8991a1}.chart-legend{color:#9da4b2;background:var(--surface-3);border-color:var(--line)}.chart-legend i{background:var(--accent)}.recharts-text{fill:#858d9e}.recent-rows>div:not(.empty),.finance-card>div:not(.panel-title),.legend-list>div,.operation-stats>div{border-color:var(--line-soft)}.recent-rows time,.recent-rows small{color:#848c9d}.recent-rows strong,.recent-rows b,.finance-card>div:not(.panel-title) strong{color:#dfe2e8}.progress-list>div>span,.finance-card>div:not(.panel-title) span,.operation-stats span{color:#969eae}.progress-list>div>span b,.operation-stats strong{color:#dde0e7}.progress-list>div>i{background:#2c3340}.progress-list>div>i em{background:var(--accent)}.metric-top{color:#969eae}.metric-top svg{color:#a5b0e5}.metric>strong{color:#eceef3}input,select,textarea{color:#e0e3ea;background:var(--surface-3);border-color:#343c4c}input:focus,select:focus,textarea:focus{border-color:#7f8dd0;box-shadow:0 0 0 3px #8493d820}.search{color:#8991a2;background:var(--surface);border-color:var(--line)}.primary{color:#f8f9fc;background:#7484cc;border-color:#7484cc}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.secondary{color:#bdc3cf;background:var(--surface-2);border-color:#394151}.secondary:hover{color:#eef0f4;border-color:#505a6d}.table-wrap{border-radius:0 0 12px 12px}th{color:#858d9e;background:#181c24;border-color:var(--line)}td{color:#cdd1da;border-color:var(--line-soft)}tbody tr:hover{background:#222834}td code,.menu-row code{color:#b5bbc8;background:#181c24;border-color:#303746}.type{color:#bdc3cf;background:#292f3b}.type-stars{color:#d6bd89;background:#3b3429}.type-steam{color:#a8bfdd;background:#29374a}.type-topup{color:#b9b1df;background:#343247}.type-voucher{color:#9fc8ba;background:#293d38}.status{color:#bbc1cd;background:#292f3b}.catalog-head:hover,.screen-list>button:hover,.ticket-list>button:hover{background:#222731}.product-card,.media-card{background:var(--surface-3);border-color:var(--line-soft)}.screen-list>button.active,.ticket-list>button.active{color:#edf0f7;background:#282f48;box-shadow:inset 3px 0 #8795d8}.screen-icon{color:#bec7f1;background:#292f45}.promo-code{color:#c6cef3;background:#292f49;border-color:#46517c}.sticky-actions{background:#181c24ed;border-color:var(--line)}.telegram-preview,.messages{background:#151920;border-color:var(--line-soft)}.tg-message,.message{background:#252b36;border-color:#363e4d}.tg-banner{background:#252b3d;border-color:#363e50}.tg-buttons button{color:#e2e5ec;background:#343b49}.tg-buttons button.primary{background:#6878ba}.tg-buttons button.success{background:#527d70}.tg-buttons button.danger{background:#84565d}.message.admin{background:#2a3049;border-color:#46527c}.login-page{background:var(--bg)}.login-grid{background:linear-gradient(90deg,transparent calc(50% - .5px),#2d3446 calc(50% - .5px),#2d3446 calc(50% + .5px),transparent calc(50% + .5px));opacity:.3}.login-card,.modal{background:var(--surface);border-color:var(--line);box-shadow:0 24px 70px #07090d66}.mobile-menu{background:var(--accent)}.toast{color:#a9d2c1;background:#283d37;border-color:#3c5a50}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-summary{grid-template-columns:1.35fr repeat(4,1fr)}.overview-summary>div{padding:0 12px}.summary-primary strong{font-size:27px}.summary-item strong{font-size:17px}.overview-layout{grid-template-columns:minmax(0,2.4fr) minmax(245px,1fr)}.recent-rows>div:not(.empty){grid-template-columns:88px 56px minmax(130px,1fr) 90px}.recent-rows .status{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-page{grid-template-columns:320px minmax(0,1fr)}.content-layout{grid-template-columns:230px minmax(0,1fr)}.content-grid{grid-template-columns:1fr}.media-card{max-width:420px}.extended-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{grid-template-columns:1fr}.donut-layout .chart{height:220px}}@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:left .18s}.sidebar.open{left:0}.scrim{position:fixed;inset:0;z-index:20;background:#080b12bf}.sidebar-close{display:block;margin-left:auto;color:#adb5c7;background:transparent;border:0}.mobile-menu{position:fixed;right:16px;top:14px;z-index:15;width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--accent);border:0;border-radius:4px}main{padding:0 0 26px}main>header{height:58px;padding:0 58px 0 16px}.content-heading,.page{width:calc(100% - 32px)}.overview-summary{grid-template-columns:1.4fr repeat(2,1fr)}.overview-summary>div:nth-child(3){border-right:0}.overview-summary>div:nth-child(n+4){padding-top:15px;margin-top:15px;border-top:1px solid var(--line-soft)}.overview-layout,.dashboard-grid,.settings-sections,.menu-page,.content-layout,.analytics-grid,.operations-grid{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.settings-sections>.panel:first-child{grid-column:auto}.sticky-actions{grid-column:auto}.bot-preview,.screen-list{position:relative;top:0}.screen-list{max-height:320px}.ticket-page{height:auto;grid-template-columns:310px minmax(0,1fr)}.ticket-inbox{height:620px}.ticket-dialog{min-height:620px}}@media(max-width:650px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-heading{margin-top:17px}.overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-summary .summary-primary{grid-column:1 / -1;padding-bottom:16px;margin-bottom:15px;border-right:0;border-bottom:1px solid var(--line-soft)}.overview-summary>div:nth-child(3){border-right:0}.overview-summary>div:nth-child(n+4){padding-top:15px;margin-top:15px;border-top:1px solid var(--line-soft)}.overview-aside,.extended-metrics,.operation-stats{grid-template-columns:1fr}.recent-rows>div:not(.empty){grid-template-columns:68px 1fr 80px}.recent-rows .type,.recent-rows .status{display:none}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar.between{align-items:stretch}.search{min-width:100%}.product-grid,.three{grid-template-columns:1fr}.product-card{align-items:flex-start;flex-direction:column}.menu-row{grid-template-columns:20px 1fr 30px 30px}.menu-row code,.menu-row small{display:none}.ticket-page{display:flex;height:auto}.ticket-inbox{height:420px}.ticket-dialog{min-height:560px}.user-facts{grid-template-columns:1fr 1fr}.user-history{grid-template-columns:1fr}.user-history section+section{border-top:1px solid var(--line);border-left:0}.direct-message{grid-template-columns:1fr}}body{font-weight:500}button,input,select,textarea{font-weight:560}button,a,.panel,.metric,input,select,textarea{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #aeb8ed;outline-offset:2px}.nav-caption,.eyebrow,th,.summary-primary span,.overview-summary span{font-weight:800}.sidebar nav a,.sidebar-bottom>a{font-weight:680}.panel-title h2,.product-card strong,.recent-rows strong,.ticket-list strong,.client strong{font-weight:720}td,.panel small,td small,.metric>small,.content-heading p{font-weight:540}.primary,.secondary{font-weight:720}.primary:not(:disabled):active,.secondary:not(:disabled):active,.icon:not(:disabled):active{transform:translateY(1px)}.panel:hover,.metric:hover{border-color:#414a5d}.request-progress{position:fixed;inset:0 0 auto;z-index:300;height:3px;overflow:hidden;background:#8493d82b}.request-progress:after{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,#b8c2f4,transparent);animation:request-slide 1s ease-in-out infinite}@keyframes request-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.topbar{position:sticky;top:0;z-index:12;justify-content:space-between;gap:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#151920ed!important}.topbar-title{min-width:0}.topbar-title span{display:block;margin-top:4px;color:#9098a9;font-size:11px;font-weight:590}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions time{min-width:43px;color:#8f97a8;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.command-trigger{height:38px;display:flex;align-items:center;gap:8px;padding:0 8px 0 11px;color:#aeb5c4;background:#1c212a;border:1px solid #353d4c;border-radius:8px;font-size:11px}.command-trigger:hover{color:#eef0f6;background:#242a35;border-color:#505a6e}kbd{padding:4px 6px;color:#8f97a7;background:#12151b;border:1px solid #343b49;border-radius:5px;box-shadow:0 1px #080a0e;font:700 9px ui-monospace,monospace}.connection-state{display:flex;align-items:center;gap:6px;padding:7px 9px;color:#83c6ad;background:#24352f;border:1px solid #365247;border-radius:8px;font-size:10px;font-weight:750}.connection-state.busy{color:#c9b27d;background:#3b3325;border-color:#5a4c34}.command-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding:min(16vh,150px) 20px 20px;background:#080b12b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-palette{width:min(620px,100%);overflow:hidden;background:#1d222b;border:1px solid #41495a;border-radius:14px;box-shadow:0 28px 90px #000b;animation:palette-in .15s ease-out}@keyframes palette-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.command-search{height:60px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.command-search>svg{color:#aab5e9}.command-search input{flex:1;padding:0;background:transparent;border:0;box-shadow:none;font-size:15px;font-weight:620}.command-results{max-height:min(55vh,480px);overflow:auto;padding:9px}.command-caption{display:block;padding:7px 10px;color:#7f8798;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.command-results>button{width:100%;display:flex;align-items:center;gap:12px;padding:11px;color:#aeb6c5;background:transparent;border:0;border-radius:8px;text-align:left}.command-results>button:hover{color:#eef0f6;background:#282f48}.command-results>button>svg{color:#aab5e8}.command-results>button span{display:flex;flex-direction:column;gap:3px}.command-results>button strong{font-size:12px;font-weight:720}.command-results>button small{color:#8991a2;font-size:10px;font-weight:540}.toast{min-width:min(390px,calc(100vw - 32px));max-width:520px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;overflow:hidden;padding:13px 12px 13px 14px;border-radius:9px;box-shadow:0 16px 45px #0008;text-align:left}.toast span{font-weight:650}.toast button{display:grid;place-items:center;padding:4px;color:inherit;background:transparent;border:0;border-radius:4px}.toast>i{position:absolute;inset:auto 0 0;height:2px;background:currentColor;opacity:.7;transform-origin:left;animation:toast-time 4s linear forwards}.toast.error>i{animation-duration:6.5s}@keyframes toast-time{to{transform:scaleX(0)}}.toast.error{color:#efafb6;background:#462a31;border-color:#70414a}.filter-tabs{display:inline-flex;align-items:center;gap:3px;padding:3px;background:#171b23;border:1px solid var(--line);border-radius:9px}.filter-tabs button{min-height:34px;padding:7px 11px;color:#929aaa;background:transparent;border:0;border-radius:6px;font-size:11px;font-weight:680}.filter-tabs button:hover{color:#e3e6ed}.filter-tabs button.active{color:#e9ecf7;background:#303853;box-shadow:0 1px 4px #0005}.compact-tabs button{min-height:29px;padding:5px 8px;font-size:9px}.chart-controls{display:flex;align-items:center;gap:9px}.toolbar-cluster{min-width:0;display:flex;align-items:center;gap:10px}.catalog-search{min-width:260px}.search-clear{display:grid;place-items:center;padding:4px;color:#929aab;background:transparent;border:0;border-radius:4px}.search-clear:hover{color:#fff;background:#303746}.results-range{color:#9199aa;font-size:11px;font-weight:620}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px -22px -22px;padding:14px 22px;border-top:1px solid var(--line-soft)}.pagination span{color:#969eaf;font-size:11px;font-weight:580}.pagination strong{color:#e4e7ed}.product-title{display:flex;align-items:flex-start;gap:7px}.availability{flex:0 0 auto;padding:3px 5px;color:#d1939a;background:#462a31;border-radius:4px;font-size:8px;font-weight:750;text-transform:uppercase}.availability.available{color:#8bc9b0;background:#263b34}.price-input button.changed{background:#7484cc}.price-input button:disabled{cursor:default;opacity:.38}@media(max-width:1000px){.topbar-actions .connection-state span,.command-trigger span{display:none}.toolbar-cluster{align-items:stretch;flex:1;flex-direction:column}.catalog-search{width:100%;min-width:0}}@media(max-width:650px){.topbar-title span,.topbar-actions time,.command-trigger kbd{display:none}.topbar-actions{margin-right:42px}.connection-state{padding:7px}.catalog-toolbar{flex-direction:column}.catalog-toolbar>.primary{width:100%}.filter-tabs{width:100%}.filter-tabs button{flex:1;padding-inline:6px}.chart-controls{align-items:flex-end;flex-direction:column}.chart-legend{display:none}.orders-toolbar select{flex:1;min-width:calc(50% - 6px)}.pagination{gap:8px}.pagination .secondary{min-width:42px;padding-inline:9px;font-size:0}.pagination .secondary svg{margin:0}}