:root{--n-0: #ffffff;--n-25: #fcfdfe;--n-50: #f7f9fb;--n-100: #eef2f6;--n-150: #e4eaf0;--n-200: #d8e0e8;--n-300: #c0cad6;--n-400: #94a2b3;--n-500: #6b7888;--n-600: #515d6d;--n-700: #3a4552;--n-800: #26303b;--n-900: #161d25;--accent: #16a34a;--accent-hover: #15903f;--accent-active: #127a36;--accent-soft: #eaf7ef;--accent-border: #b6e3c7;--accent-ring: rgba(22, 163, 74, .18);--ok: #16a34a;--ok-soft: #eaf7ef;--ok-border: #b6e3c7;--warn: #b45309;--warn-soft: #fdf3e6;--warn-border: #f0d5ab;--danger: #dc2626;--danger-soft: #fdeceb;--danger-border: #f6c6c3;--info: #2563eb;--info-soft: #eaf1fe;--info-border: #c3d8fb;--bg: var(--n-50);--surface: var(--n-0);--surface-sunken: var(--n-50);--surface-hover: var(--n-50);--border: var(--n-200);--border-soft: var(--n-150);--border-strong: var(--n-300);--text: var(--n-900);--text-muted: var(--n-500);--text-faint: var(--n-400);--text-invert: var(--n-0);--shadow-xs: 0 1px 2px rgba(22, 29, 37, .04);--shadow-sm: 0 1px 3px rgba(22, 29, 37, .06), 0 1px 2px rgba(22, 29, 37, .04);--shadow-md: 0 4px 12px rgba(22, 29, 37, .07), 0 2px 4px rgba(22, 29, 37, .04);--shadow-lg: 0 16px 40px rgba(22, 29, 37, .12), 0 4px 12px rgba(22, 29, 37, .06);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--font-ui: "Golos Text", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-w: 232px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--n-0: #12171d;--n-25: #151b22;--n-50: #191f27;--n-100: #1f2730;--n-150: #26303a;--n-200: #2e3945;--n-300: #3d4a58;--n-400: #6b7a8b;--n-500: #8b98a8;--n-600: #a9b5c2;--n-700: #c6cfd9;--n-800: #e0e6ec;--n-900: #f2f5f8;--accent: #34d17c;--accent-hover: #46da8a;--accent-active: #28bd6d;--accent-soft: #16281f;--accent-border: #235f3d;--accent-ring: rgba(52, 209, 124, .22);--ok: #34d17c;--ok-soft: #16281f;--ok-border: #235f3d;--warn: #e0a94a;--warn-soft: #2a2013;--warn-border: #5c4620;--danger: #f2726a;--danger-soft: #2c1917;--danger-border: #63302c;--info: #6ba5f5;--info-soft: #16202f;--info-border: #2c4468;--bg: #0e1318;--surface: var(--n-0);--surface-sunken: var(--n-50);--surface-hover: var(--n-100);--text-invert: #0e1318;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.015em;color:var(--text)}h1{font-size:26px;line-height:1.25;letter-spacing:-.025em}h2{font-size:18px;line-height:1.3}h3{font-size:15px;line-height:1.35}p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent-ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.skip-link{position:absolute;left:-9999px;top:var(--s-2);z-index:100;padding:var(--s-2) var(--s-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.skip-link:focus{left:var(--s-4)}*{scrollbar-width:thin;scrollbar-color:var(--n-300) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--n-300);border:3px solid var(--bg);border-radius:var(--r-full)}*::-webkit-scrollbar-thumb:hover{background:var(--n-400)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .22s var(--ease)}.layout.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border-soft);overflow:hidden}.brand{display:flex;align-items:center;gap:var(--s-3);height:var(--topbar-h);padding:0 var(--s-4);flex:0 0 auto;font-weight:600;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-size:13px;font-weight:700}.nav{flex:1 1 auto;overflow-y:auto;padding:var(--s-2) var(--s-2) var(--s-4);display:flex;flex-direction:column;gap:1px}.nav-group{padding:var(--s-4) var(--s-3) var(--s-2);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.nav-group:first-child{padding-top:var(--s-2)}.nav a{display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-3);border-radius:var(--r-md);color:var(--n-600);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .12s var(--ease),color .12s var(--ease)}.nav a .material-symbols-rounded{font-size:19px;flex:0 0 auto;color:var(--n-400);transition:color .12s var(--ease)}.nav a:hover{background:var(--surface-hover);color:var(--text)}.nav a:hover .material-symbols-rounded{color:var(--n-500)}.nav a.active{background:var(--accent-soft);color:var(--accent-active);font-weight:600}.nav a.active .material-symbols-rounded{color:var(--accent)}.sidebar-toggle{flex:0 0 auto;margin:0 var(--s-2) var(--s-3);display:flex;align-items:center;justify-content:center;gap:var(--s-2);height:32px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-faint);cursor:pointer;font:inherit;font-size:12.5px;transition:background .12s var(--ease),color .12s var(--ease)}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-muted)}.sidebar-toggle .material-symbols-rounded{font-size:18px;transition:transform .22s var(--ease)}.layout.collapsed .sidebar-toggle .material-symbols-rounded{transform:rotate(180deg)}.layout.collapsed .nav a{justify-content:center;padding-inline:0}.layout.collapsed .nav a>span:not(.material-symbols-rounded),.layout.collapsed .brand>span:not(.brand-mark),.layout.collapsed .nav-group,.layout.collapsed .sidebar-toggle>span:not(.material-symbols-rounded){display:none}.layout.collapsed .brand{justify-content:center;padding-inline:0}.layout.collapsed .nav-group{display:block;height:1px;margin:var(--s-3) var(--s-3);padding:0;background:var(--border-soft);overflow:hidden;text-indent:-999px}.content{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);height:var(--topbar-h);padding:0 var(--s-6);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft)}.topbar h1{font-size:15px;font-weight:600;letter-spacing:-.01em}.topbar-actions{display:flex;align-items:center;gap:var(--s-2)}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.icon-button:hover{background:var(--surface-hover);color:var(--text)}.icon-button .material-symbols-rounded{font-size:19px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-active);font-size:12px;font-weight:700;border:1px solid var(--accent-border);cursor:pointer}.user-menu{position:relative}.user-menu-panel{position:absolute;right:0;top:calc(100% + var(--s-2));min-width:200px;padding:var(--s-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);animation:pop .14s var(--ease-out)}.user-menu-head{padding:var(--s-2) var(--s-3) var(--s-3);border-bottom:1px solid var(--border-soft);margin-bottom:var(--s-2)}.user-menu-head strong{display:block;font-size:13px}.user-menu-head span{font-size:12px;color:var(--text-muted)}.user-menu-panel button{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-md);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.user-menu-panel button:hover{background:var(--surface-hover)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.page{flex:1 1 auto;width:100%;max-width:1180px;margin:0 auto;padding:var(--s-8) var(--s-6) var(--s-12);animation:rise .28s var(--ease-out) both}.page.wide{max-width:1560px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{margin-bottom:var(--s-6)}.page-head p{margin-top:var(--s-2);color:var(--text-muted);font-size:13.5px;max-width:68ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:34px;padding:0 var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease),box-shadow .12s var(--ease),transform .06s var(--ease)}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .material-symbols-rounded{font-size:17px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.primary:active{background:var(--accent-active)}.btn.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.btn.danger:hover{background:color-mix(in srgb,var(--danger-soft) 80%,var(--danger) 8%)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-muted)}.btn.ghost:hover{background:var(--surface-hover);color:var(--text)}.btn.sm{height:28px;padding:0 var(--s-3);font-size:12.5px}.btn.xs{height:24px;padding:0 var(--s-2);font-size:12px;border-radius:var(--r-sm)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-bottom:var(--s-5)}.toolbar .spacer{flex:1 1 auto}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.field>label .req{color:var(--danger);margin-left:2px}.field .hint{font-size:12px;color:var(--text-faint)}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;min-width:0;height:34px;padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:13px;transition:border-color .12s var(--ease),box-shadow .12s var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{height:auto;min-height:82px;padding:var(--s-2) var(--s-3);resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-sunken);color:var(--text-faint);cursor:not-allowed}select{padding-right:var(--s-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a2b3' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7a8b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.search{position:relative;flex:1 1 260px}.search input{padding-left:var(--s-8)}.search .material-symbols-rounded{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-faint);pointer-events:none}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s-3);margin-bottom:var(--s-4)}.filters.wide{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.filters .full{grid-column:1 / -1}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4)}.form-grid .full{grid-column:1 / -1}.form-rows{display:flex;flex-direction:column;gap:var(--s-4)}.form-row{display:grid;grid-template-columns:180px minmax(0,420px);align-items:center;gap:var(--s-4)}.form-row>label{justify-self:end;text-align:right;font-size:13px;color:var(--text-muted)}.form-row>label .req{color:var(--danger);margin-left:2px}@media (max-width: 720px){.form-row{grid-template-columns:1fr}.form-row>label{justify-self:start;text-align:left}}.check{display:inline-flex;align-items:center;gap:var(--s-2);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.switch{position:relative;display:inline-block;width:34px;height:20px;flex:0 0 auto;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:var(--n-300);transition:background .18s var(--ease)}.switch .track:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform .18s var(--ease)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:after{transform:translate(14px)}.switch input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-ring)}.switch input:disabled+.track{opacity:.5;cursor:not-allowed}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md)}.segmented button{height:28px;padding:0 var(--s-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--s-2);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-sunken);font-size:12px;color:var(--text);white-space:nowrap}.chip button{display:grid;place-items:center;width:14px;height:14px;border:0;padding:0;border-radius:var(--r-xs);background:transparent;color:var(--text-faint);cursor:pointer}.chip button:hover{background:var(--n-200);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card+.card{margin-top:var(--s-4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border-soft)}.card-head h2{font-size:15px}.card-head p{font-size:12.5px;color:var(--text-muted);margin-top:2px}.card-body{padding:var(--s-5)}.card-foot{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-5);border-top:1px solid var(--border-soft);background:var(--surface-sunken);border-radius:0 0 var(--r-lg) var(--r-lg)}.count{display:inline-flex;align-items:baseline;gap:var(--s-2);padding:6px var(--s-3);border:1px solid var(--accent-border);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-active);font-size:13px;font-weight:600}.count.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.count .num{font-size:15px}.total{font-size:13px;color:var(--text-muted)}.total strong{color:var(--text);font-weight:600}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;z-index:1;padding:var(--s-3) var(--s-4);background:var(--surface);border-bottom:1px solid var(--border);text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text-muted)}thead th .material-symbols-rounded{font-size:15px;vertical-align:-3px;opacity:.55}tbody td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .1s var(--ease)}tbody tr:hover{background:var(--surface-hover)}tbody tr.clickable{cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.actions{text-align:right;white-space:nowrap}td.actions .btn+.btn{margin-left:var(--s-1)}.mono{font-family:var(--font-mono);font-size:12.5px;letter-spacing:-.02em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.nowrap{white-space:nowrap}.cell-sub{display:block;margin-top:2px;font-size:11.5px;color:var(--text-faint)}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:var(--r-sm);background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:11.5px;font-weight:500;white-space:nowrap}.badge.ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.badge.warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.badge.danger{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.badge.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.badge[data-status=активно]{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.badge[data-status=резерв]{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.badge[data-status=продано]{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.badge[data-status=архив]{background:var(--surface-sunken);border-color:var(--border);color:var(--text-faint)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.skeleton{position:relative;overflow:hidden;background:var(--surface-sunken);border-radius:var(--r-sm);height:14px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--n-0) 60%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}.page,.user-menu-panel,.modal-panel{animation:none}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-12) var(--s-6);text-align:center;color:var(--text-muted)}.empty .material-symbols-rounded{font-size:34px;color:var(--text-faint);margin-bottom:var(--s-1)}.empty strong{color:var(--text);font-size:14px;font-weight:600}.empty p{font-size:13px;max-width:44ch}.error{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--danger-border);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:13px}.error .material-symbols-rounded{font-size:18px;flex:0 0 auto}.notice{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--info-border);border-radius:var(--r-md);background:var(--info-soft);color:var(--info);font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--s-6);background:#161d2566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-panel{width:100%;max-width:620px;max-height:calc(100vh - var(--s-12));display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:lift .2s var(--ease-out)}.modal-panel.wide{max-width:880px}@keyframes lift{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border-soft)}.modal-head h2{font-size:16px}.modal-body{flex:1 1 auto;overflow-y:auto;padding:var(--s-6)}.modal-foot{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-6);border-top:1px solid var(--border-soft)}.modal-foot .spacer{flex:1 1 auto}.section-title{margin:var(--s-6) 0 var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--border-soft);font-size:13px;font-weight:600;color:var(--text)}.section-title:first-child{margin-top:0}.action-bar{position:sticky;bottom:var(--s-5);z-index:15;display:flex;align-items:center;gap:var(--s-2);width:fit-content;margin:var(--s-8) auto 0;padding:var(--s-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.action-bar .spacer{width:var(--s-4)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:var(--s-8);align-items:start}@media (max-width: 1080px){.form-layout{grid-template-columns:1fr}.anchor-nav{display:none}}.anchor-nav{position:sticky;top:calc(var(--topbar-h) + var(--s-6));display:flex;flex-direction:column;gap:1px}.anchor-nav a{padding:6px var(--s-3);border-radius:var(--r-sm);font-size:13px;color:var(--text-muted);border-left:2px solid transparent;transition:color .12s var(--ease),border-color .12s var(--ease)}.anchor-nav a:hover{color:var(--text)}.anchor-nav a.active{color:var(--accent-active);border-left-color:var(--accent);font-weight:500}.stock-item{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s-6);padding:var(--s-5);border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.stock-item:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.stock-item+.stock-item{margin-top:var(--s-3)}@media (max-width: 900px){.stock-item{grid-template-columns:1fr}}.stock-main{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s-4);min-width:0}@media (max-width: 560px){.stock-main{grid-template-columns:1fr}}.stock-photo{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border-soft)}.stock-photo img{width:100%;height:100%;object-fit:cover;display:block}.stock-photo .count-badge{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--r-sm);background:#161d25b8;color:#fff;font-size:11px}.stock-photo .count-badge .material-symbols-rounded{font-size:13px}.stock-photo.empty-photo{display:grid;place-items:center;color:var(--text-faint)}.stock-crumbs{font-size:12.5px;color:var(--text-muted);margin-bottom:var(--s-1)}.stock-title{font-size:16px;font-weight:600;color:var(--accent-active)}.stock-specs{font-size:13px;color:var(--text-muted);margin-top:2px}.stock-vin{display:inline-flex;align-items:center;gap:5px;margin-top:var(--s-2);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.stock-vin button{display:grid;place-items:center;width:18px;height:18px;border:0;padding:0;border-radius:var(--r-xs);background:transparent;color:var(--text-faint);cursor:pointer}.stock-vin button:hover{background:var(--surface-hover);color:var(--text)}.stock-vin .material-symbols-rounded{font-size:14px}.price-list{margin-top:var(--s-3);display:grid;grid-template-columns:auto 1fr;gap:3px var(--s-4);font-size:13px;max-width:320px}.price-list dt{color:var(--text-muted)}.price-list dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.price-list dd.main{font-weight:600}.price-list dd.discount{color:var(--accent-active);font-weight:600}.placements{display:flex;flex-direction:column;gap:var(--s-3)}.placement{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--s-2) var(--s-3);align-items:start}.placement-name{font-size:13px;font-weight:500}.placement-state{display:block;font-size:11.5px;color:var(--text-faint);margin-top:1px}.placement-state.live{color:var(--ok)}.placement-promos{grid-column:2;display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--s-1)}.dropzone{display:grid;place-items:center;gap:var(--s-2);padding:var(--s-8);border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-sunken);color:var(--text-muted);font-size:13px;text-align:center;cursor:pointer;transition:border-color .12s var(--ease),background .12s var(--ease)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-active)}.dropzone .material-symbols-rounded{font-size:26px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-2);margin-top:var(--s-3)}.thumb{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-soft);background:var(--surface-sunken)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:var(--r-sm);background:#161d25b3;color:#fff;cursor:pointer;opacity:0;transition:opacity .12s var(--ease)}.thumb:hover button{opacity:1}.thumb button .material-symbols-rounded{font-size:14px}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-4);flex-wrap:wrap}.pager-controls{display:flex;align-items:center;gap:var(--s-1)}.tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border-soft);margin-bottom:var(--s-5);overflow-x:auto}.tabs button{position:relative;padding:var(--s-3) var(--s-4);border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:13.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:color .12s var(--ease)}.tabs button:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background .14s var(--ease)}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent-active);font-weight:600}.tabs button.active:after{background:var(--accent)}.row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--s-2)}.stack-4{display:flex;flex-direction:column;gap:var(--s-4)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.grow{flex:1 1 auto}.right{margin-left:auto}audio{height:32px;max-width:260px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;flex:0 0 auto}