:root{color-scheme:dark;--ink-900: #0b132b;--ink-800: #1c2541;--ink-600: #3a506b;--sky-400: #5bc0de;--sand-200: #f4d6b0;--amber-600: #d97706;--text: #e6ecf5;--text-dim: #9fb0c8;--text-mute: #6b7d99;--bg: #0b132b;--surface: #1c2541;--surface-2: #223056;--field-bg: #16203a;--field-text: #e6ecf5;--btn-bg: #1c2541;--chip-bg: #1c2541;--radius: 20px;--radius-sm: 14px;--sh-dark: rgba(4, 8, 20, .75);--sh-light: rgba(58, 80, 107, .45);--shadow-out: 8px 8px 18px var(--sh-dark), -8px -8px 18px var(--sh-light);--shadow-out-sm: 5px 5px 12px var(--sh-dark), -5px -5px 12px var(--sh-light);--shadow-in: inset 6px 6px 12px var(--sh-dark), inset -6px -6px 12px var(--sh-light);--accent-glow: 0 0 24px rgba(217, 119, 6, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(217,119,6,.12),transparent 60%),radial-gradient(1000px 500px at 110% 10%,rgba(91,192,222,.12),transparent 60%),var(--bg);color:var(--text);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:240px 1fr;flex:1;min-height:0}.sidebar{padding:22px 16px;display:flex;flex-direction:column;gap:12px;border-right:1px solid rgba(58,80,107,.35)}.brand{display:flex;align-items:center;gap:12px;padding:8px 6px 18px}.brand .logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,var(--amber-600),#b45309);box-shadow:var(--shadow-out-sm),var(--accent-glow);display:grid;place-items:center;font-weight:800;color:#fff}.brand h1{font-size:18px;margin:0;letter-spacing:.3px}.brand small{color:var(--text-mute);font-size:11px}.nav{display:flex;flex-direction:column;gap:10px}.nav button{text-align:left;border:none;cursor:pointer;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);font-size:14px;font-weight:600;box-shadow:var(--shadow-out-sm);transition:all .18s ease}.nav button:hover{color:var(--text);transform:translateY(-1px)}.nav button.active{color:#fff;background:linear-gradient(145deg,#33507a,#1c2541);box-shadow:var(--shadow-out-sm),inset 0 0 0 1px #d977068c}.sidebar-footer{margin-top:auto;color:var(--text-mute);font-size:11px;padding:10px 6px}.main{overflow-y:auto;padding:26px 30px 60px}.page-title{font-size:24px;font-weight:800;margin:0 0 4px}.page-sub{color:var(--text-mute);margin:0 0 22px;font-size:13px}.neo-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-out);padding:20px}.neo-card.tight{padding:16px}.neo-inset{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-in);padding:14px 16px}.neo-btn{border:none;cursor:pointer;border-radius:var(--radius-sm);padding:12px 18px;font-size:14px;font-weight:700;color:var(--text);background:var(--btn-bg);box-shadow:var(--shadow-out-sm);transition:all .15s ease}.neo-btn:hover{transform:translateY(-1px);color:#fff}.neo-btn:active{box-shadow:var(--shadow-in);transform:translateY(0)}.neo-btn.primary{background:linear-gradient(145deg,var(--amber-600),#b45309);color:#fff;box-shadow:var(--shadow-out-sm),var(--accent-glow)}.neo-btn.sky{background:linear-gradient(145deg,var(--sky-400),#2f9fc0);color:#06263a}.neo-btn.small{padding:8px 12px;font-size:12px}.neo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.neo-input,.neo-select{width:100%;border:none;outline:none;border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-in);font-size:14px;font-family:inherit}.neo-select option{background:var(--field-bg);color:var(--field-text)}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:600}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1 1 200px}.grow{flex:1}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid.two{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.stat{display:flex;flex-direction:column;gap:8px}.stat .k{font-size:12px;color:var(--text-dim);font-weight:600;letter-spacing:.3px}.stat .v{font-size:30px;font-weight:800;line-height:1}.stat .sub{font-size:12px;color:var(--text-mute)}.accent-amber{color:var(--sand-200)}.accent-sky{color:var(--sky-400)}.accent-amber2{color:var(--amber-600)}.price-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed rgba(58,80,107,.45);font-size:14px}.price-row:last-child{border-bottom:none}.price-row .a{font-weight:700;white-space:nowrap}.total-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px solid rgba(58,80,107,.6)}.total-row .t{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.total-row .sum{font-size:26px;font-weight:800;color:var(--sand-200)}.note{font-size:11px;color:var(--text-mute)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;background:var(--ink-600);color:#fff}.badge.amber{background:var(--amber-600)}.badge.sky{background:var(--sky-400);color:#06263a}.seg{display:inline-flex;gap:8px;padding:6px;border-radius:var(--radius-sm);box-shadow:var(--shadow-in);margin-bottom:20px}.seg button{border:none;cursor:pointer;background:transparent;color:var(--text-dim);padding:9px 16px;border-radius:10px;font-weight:700;font-size:13px}.seg button.active{background:linear-gradient(145deg,var(--amber-600),#b45309);color:#fff;box-shadow:var(--shadow-out-sm)}.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.heat .cell{border-radius:var(--radius-sm);padding:12px;box-shadow:var(--shadow-out-sm);min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.heat .cell .d{font-size:12px;font-weight:700;color:var(--text-dim)}.heat .cell .o{font-size:20px;font-weight:800}.heat .cell .p{font-size:11px;color:var(--text-mute)}table.cal{width:100%;border-collapse:collapse;font-size:13px}table.cal th{text-align:left;color:var(--text-dim);font-weight:700;padding:10px 12px;font-size:12px}table.cal td{padding:10px 12px;border-top:1px solid rgba(58,80,107,.3)}table.cal tr:hover td{background:#3a506b26}.toast{position:fixed;bottom:22px;right:22px;background:var(--surface);box-shadow:var(--shadow-out),var(--accent-glow);padding:14px 18px;border-radius:var(--radius-sm);font-size:13px;max-width:380px;z-index:50}.toast.err{color:#ff2d2d;border:1px solid rgba(255,45,45,.55);box-shadow:var(--shadow-out),0 0 22px #ff2d2d8c;font-weight:600}[data-theme=light] .toast.err{color:#c00;border-color:#c006;box-shadow:var(--shadow-out),0 0 18px #cc000059}.muted{color:var(--text-mute)}textarea.neo-input{min-height:260px;font-family:Consolas,Courier New,monospace;font-size:12.5px;line-height:1.5;resize:vertical}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer;user-select:none}.check input{width:18px;height:18px;accent-color:var(--amber-600)}.nav button{display:flex;align-items:center;gap:11px}.nav button svg{flex:0 0 auto;color:var(--sky-400)}.nav button.active svg{color:var(--sand-200)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:12px 14px;border:none;cursor:pointer;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);font-weight:600;font-size:13px;box-shadow:var(--shadow-out-sm)}.switch{position:relative;width:46px;height:26px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-in);cursor:pointer;border:none;padding:0;flex:0 0 auto}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-dim);transition:all .2s ease}.switch.on{background:linear-gradient(145deg,var(--amber-600),#b45309);box-shadow:var(--shadow-out-sm),var(--accent-glow)}.switch.on:after{left:23px;background:#fff}.zone{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-out-sm);margin-bottom:12px}.zone .zi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--surface);box-shadow:var(--shadow-in);color:var(--text-dim);flex:0 0 auto}.zone.on .zi{color:#fff;background:linear-gradient(145deg,var(--amber-600),#b45309);box-shadow:var(--shadow-out-sm)}.zone .zt{flex:1;min-width:0}.zone .zt b{display:block;font-size:14px;margin-bottom:2px}.zone .zt span{font-size:12px;color:var(--text-mute)}.zone .zp{font-weight:800;color:var(--sand-200);white-space:nowrap}.zone-body{margin:-4px 0 14px;padding:16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-in);background:var(--surface)}.vk-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-out-sm);margin-bottom:10px}.vk-toggle.on{box-shadow:var(--shadow-out-sm),inset 0 0 0 1px #d977068c}.vk-toggle.base{background:linear-gradient(145deg,var(--surface-2),var(--surface));transition:opacity .18s ease}.vk-toggle.base.dim{opacity:.55}.vk-toggle .zt{flex:1;min-width:0}.vk-toggle .zt b{display:block;font-size:13.5px;margin-bottom:2px}.vk-toggle .zt span{font-size:12px;color:var(--text-mute)}.vk-toggle .zp{font-weight:800;color:var(--sand-200);white-space:nowrap}[data-theme=light] .vk-toggle{background:linear-gradient(145deg,#f8fbff,#e6eefb)}[data-theme=light] .vk-toggle .zt span{color:#6b7896}[data-theme=light] .vk-toggle .zp{color:#b45309}.hint{font-size:12px;color:var(--text-mute);margin:0 0 14px}[data-theme=light]{color-scheme:light;--text: #16203a;--text-dim: #44547c;--text-mute: #7786a8;--bg: #d3ddec;--surface: #e9f0fa;--surface-2: #e0e9f6;--field-bg: #ffffff;--field-text: #16203a;--btn-bg: linear-gradient(145deg, #f8fbff, #e6eefb);--chip-bg: linear-gradient(145deg, #f8fbff, #e6eefb);--sh-dark: rgba(148, 163, 188, .7);--sh-light: rgba(255, 255, 255, .95);--accent-glow: 0 0 18px rgba(217, 119, 6, .3)}[data-theme=light] body{background:radial-gradient(1200px 600px at 8% -12%,rgba(217,119,6,.16),transparent 58%),radial-gradient(1000px 520px at 112% 8%,rgba(91,192,222,.28),transparent 58%),var(--bg)}[data-theme=light] .sidebar{border-right-color:#a0afc899}[data-theme=light] .zone,[data-theme=light] .theme-toggle{background:linear-gradient(145deg,#f8fbff,#e6eefb)}[data-theme=light] .neo-inset,[data-theme=light] .zone-body{background:#e5ecf7}[data-theme=light] .price-row,[data-theme=light] table.cal td{border-color:#a0afc8bf}[data-theme=light] .total-row{border-top-color:#a0afc8e6}[data-theme=light] .neo-input,[data-theme=light] .neo-select{background:#fff;color:#16203a;box-shadow:inset 3px 3px 7px #a0afc8b3,inset -3px -3px 7px #fff}[data-theme=light] .neo-select option{background:#fff;color:#16203a}[data-theme=light] .accent-amber,[data-theme=light] .accent-amber2,[data-theme=light] .zone .zp,[data-theme=light] .total-row .sum{color:#b45309}[data-theme=light] .accent-sky{color:#1f7fa3}[data-theme=light] .nav button svg{color:#2b93b8}[data-theme=light] .brand small,[data-theme=light] .sidebar-footer{color:#6b7896}[data-theme=light] .heat .cell{box-shadow:4px 4px 10px #a0afc8d9,-4px -4px 10px #fff}.window{height:100%;display:flex;flex-direction:column;background:var(--bg)}.titlebar{flex:0 0 34px;height:34px;display:flex;align-items:center;gap:10px;padding:0 150px 0 14px;background:var(--surface);border-bottom:1px solid rgba(58,80,107,.35);-webkit-app-region:drag;user-select:none;font-size:12.5px;font-weight:700;letter-spacing:.3px;color:var(--text-dim)}.titlebar .tb-mark{width:10px;height:10px;border-radius:50%;background:linear-gradient(145deg,#f59e0b,#b45309);box-shadow:0 0 10px #d9770699}[data-theme=light] .titlebar{border-bottom-color:#a0afc8b3}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:999px;border:3px solid transparent;background-clip:padding-box;background-color:#3a506bd9;transition:background-color .15s ease}::-webkit-scrollbar-thumb:hover{background-color:#d97706e6}[data-theme=light] ::-webkit-scrollbar-thumb{background-color:#788caf99}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background-color:#d97706cc}.ord-picker{margin-top:8px}.ord-label{display:block;font-size:12px;color:var(--text-dim);font-weight:600;margin-bottom:8px}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{border:none;cursor:pointer;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--text-dim);background:var(--chip-bg);box-shadow:var(--shadow-out-sm);transition:all .15s ease}.chip:hover{color:var(--text);transform:translateY(-1px)}.chip.on{color:#fff;background:linear-gradient(145deg,var(--amber-600),#b45309);box-shadow:var(--shadow-out-sm),var(--accent-glow)}.ord-sum{font-size:12px;font-weight:700;color:var(--sand-200)}[data-theme=light] .ord-sum{color:#b45309}.topbar,.bottomnav{display:none}@media (max-width: 720px){.titlebar,.sidebar{display:none}.app{grid-template-columns:1fr}.main{padding:calc(12px + env(safe-area-inset-top,0px)) 14px 96px}.topbar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:var(--surface);border-bottom:1px solid rgba(58,80,107,.35);position:sticky;top:0;z-index:20}.topbar .brand{padding:0;gap:10px}.topbar .brand .logo{width:34px;height:34px;border-radius:11px}.topbar .brand h1{font-size:16px}.topbar .theme-toggle{margin-left:auto}.bottomnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid rgba(58,80,107,.35);box-shadow:0 -8px 20px #04081480}.bottomnav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;cursor:pointer;color:var(--text-mute);font-size:10.5px;font-weight:600;padding:8px 4px;border-radius:14px;font-family:inherit}.bottomnav button.active{color:var(--sand-200);background:#d9770629}.page-title{font-size:20px}.row>*{flex:1 1 100%}.neo-card{padding:14px}.zone{padding:12px;gap:10px}.zone .zi{width:36px;height:36px;border-radius:12px}.zone .zt b{font-size:13.5px}.zone .zt span{font-size:11px}.zone .zp{font-size:13px}.vk-toggle{flex-wrap:wrap;padding:11px 12px}.toolbar{flex-wrap:wrap}.toolbar .neo-btn{flex:1 1 44%;justify-content:center}.price-row{gap:8px}.total-row .sum{font-size:15px}}[data-theme=light] .topbar{border-bottom-color:#a0afc8b3}[data-theme=light] .bottomnav{background:linear-gradient(145deg,#f8fbff,#e6eefb);border-top-color:#a0afc8b3}[data-theme=light] .bottomnav button.active{color:#b45309;background:#d9770624}
