@font-face{font-family:Onest;src:url('./fonts/onest-latin-BXvespbm.woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Onest;src:url('./fonts/onest-cyrillic-B4DTQzs9.woff2');font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+2116}
@font-face{font-family:Unbounded;src:url('./fonts/unbounded-latin-CRXBNjfR.woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:Unbounded;src:url('./fonts/unbounded-cyrillic-D0U_xfn4.woff2');font-weight:200 900;font-display:swap;unicode-range:U+0400-045F,U+2116}
:root{color-scheme:light;--bg:#f3f0e8;--panel:#fff;--panel-2:#ece9e1;--line:#d8d7cf;--text:#171715;--muted:#666962;--accent:#f4a259;--accent-soft:#f4a25920;--danger:#b83232;--success:#287458;--sidebar:252px;font-family:Onest,sans-serif}
:root[data-theme=blue]{color-scheme:dark;--bg:#020711;--panel:#071424;--panel-2:#0b2036;--line:#25384d;--text:#f4f7fa;--muted:#a9bdce;--danger:#ff9696;--success:#82d3ae}
body{font-family:Onest,sans-serif;background:radial-gradient(circle,var(--line) 1px,transparent 1px) 0 0/26px 26px,var(--bg);transition:background-color .25s,color .25s}
h1,h2,.metric strong{font-family:Unbounded,Onest,sans-serif;letter-spacing:-.045em}
.page-head h1{font-size:clamp(28px,3.6vw,48px);font-weight:700;line-height:1.12;margin-bottom:14px}.page-head p{font-size:15px;line-height:1.6;color:var(--muted)}
.content{max-width:1680px;padding:40px clamp(20px,3vw,48px) 70px;margin:auto}.page-head{margin-bottom:30px;align-items:center}
.sidebar{background:var(--panel);border-color:var(--line);padding:28px 16px 20px;overflow-y:auto}.brand{padding-bottom:32px}.brand b{font-family:Unbounded;font-size:18px;letter-spacing:-1px}.brand small{font-size:9px;letter-spacing:1.4px}
.brand-mark,.login-mark{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}.brand-mark{width:42px;height:42px;flex:none}.brand-mark img,.login-mark img{width:75%;height:75%;object-fit:contain}.login-mark{width:78px;height:78px;border-radius:24px}
.nav-item{min-height:44px;border-radius:14px;color:var(--muted);font-weight:550;transition:background .2s,transform .2s,color .2s}.nav-item:hover{background:var(--panel-2);color:var(--text);transform:translateX(2px)}.nav-item.active{background:var(--accent);color:#171715}.nav-item span img,.nav-item.active span img{filter:none}.nav-item:hover span img{filter:none}:root[data-theme=blue] .nav-item:not(.active) span img{filter:invert(80%)}
.topbar{height:84px;background:var(--bg);border-color:var(--line);padding:0 clamp(20px,3vw,48px);gap:14px}.search input{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:999px;height:46px}.search span{top:11px}.system-state{color:var(--muted);font-size:11px;white-space:nowrap}
.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:11px 16px;white-space:nowrap;font-size:12px;font-weight:600}.theme-toggle:hover{background:var(--panel-2)}.login-theme{position:absolute;top:24px;right:24px}
.panel,.metric,.stat-card,.product-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 3px 0 color-mix(in srgb,var(--line) 40%,transparent)}.panel-head{padding:24px;border-color:var(--line)}.panel-head h2{font-size:17px;line-height:1.4}.metric{padding:26px}.metric strong{font-size:clamp(27px,3vw,40px)}
.primary,.secondary,.danger-button{border-radius:999px;min-height:44px;padding:10px 20px;font-weight:600;transition:transform .18s,box-shadow .18s}.primary{color:#171715;box-shadow:0 3px 0 #a96930}.secondary{background:var(--panel-2);border-color:var(--line);color:var(--text)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.45;cursor:not-allowed}
input,select,textarea,.login-id input,.password-stage input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:13px;padding:12px;font-family:Onest}.filters input,.filters select{background:var(--panel);color:var(--text);border-radius:14px;border-color:var(--line)}
table{color:var(--text)}th{color:var(--muted);background:var(--panel-2)}td,th{border-color:var(--line)}tbody tr:hover{background:var(--accent-soft)}.avatar{background:var(--panel-2);color:var(--text);border-radius:12px}.badge{border-radius:999px;font-weight:600}
.detail-drawer,.modal{background:var(--panel);color:var(--text);border:1px solid var(--line)}.detail-drawer{border-radius:28px 0 0 28px}.modal{border-radius:28px;padding:30px;box-shadow:0 24px 80px #0003}.modal h2{font-size:24px;line-height:1.35}.modal-backdrop,.drawer-backdrop{backdrop-filter:blur(5px);background:#02071170}
.info,.snapshot,.period-editor,.preview-tariff,.action-center,.action-group,.settings-card,.command-list button,.snapshot-card{background:var(--panel-2);border-color:var(--line);color:var(--text);border-radius:16px}.command-list button:hover{background:var(--accent-soft);color:var(--text)}.form-grid label,.product-marketing label,.period-editor label{color:var(--muted)}
.toast{left:auto;right:24px;bottom:24px;max-width:min(440px,calc(100vw - 32px));padding:18px 24px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:18px;box-shadow:0 10px 40px #0003;animation:admin-enter .24s ease both;line-height:1.5}
.login{position:relative;max-width:460px;padding:100px 20px 60px}.login h1{font-size:clamp(25px,5vw,32px);line-height:1.3}.login .wide{min-height:50px}.login-id{letter-spacing:1px}.login-copy{margin-top:12px}.eyebrow{letter-spacing:1.5px}.error{color:var(--danger)}.operation-warning{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}
#content>.page-head,#content>.metrics-grid,#content>.panel{animation:admin-enter .3s ease both}.loading{color:var(--muted);padding:60px 20px}.period-grid{gap:14px}.period-editor input{width:100%;min-width:0}.chart-axis{stroke:var(--line)}
@keyframes admin-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.system-state{display:none}.topbar{padding-inline:18px}.content{padding:26px 18px 60px}.page-head{align-items:flex-start}.panel-head{padding:18px}.theme-toggle{padding:10px 12px}.detail-drawer{border-radius:22px 0 0 22px}}
@media(max-width:560px){.search input{font-size:12px}.topbar{gap:8px;height:72px}.theme-toggle{font-size:11px}.page-head h1{font-size:28px}.modal{padding:22px;border-radius:22px}.toast{right:16px;bottom:16px}.login-theme{right:0}.period-grid{grid-template-columns:1fr}.metric strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.product-marketing,.product-actions,.preview-locations span{background:var(--panel-2);border-color:var(--line);border-radius:16px}
.form-grid input,.form-grid textarea,.form-grid select,.product-marketing input,.product-marketing select,.product-marketing textarea,.product-description textarea,.period-editor input,.inline-field input{background:var(--panel);color:var(--text);border-color:var(--line);border-radius:12px}
.product-marketing{grid-template-columns:repeat(2,minmax(0,1fr))}.product-marketing textarea{width:100%;min-height:80px}.period-editor>p{grid-column:1/-1}
@media(max-width:560px){.product-marketing{grid-template-columns:1fr}.product-title{align-items:flex-start;flex-direction:column}.product-actions{flex-wrap:wrap}.preview-tariff{overflow-x:auto}}