:root{--brown-950: #241608;--brown-900: #2e1d12;--brown-800: #3d2818;--brown-700: #52351f;--brown-600: #6b4526;--brown-500: #8a6444;--brown-400: #a9825f;--brown-300: #c6a481;--brown-200: #e0c8ab;--brown-100: #eedfcb;--beige-050: #fdfaf6;--beige-100: #f7f1e8;--beige-200: #f1e7d9;--beige-300: #e8dac7;--beige-400: #dcc9b0;--green-700: #3a5729;--green-600: #4c6f38;--green-500: #5f8546;--green-200: #cfe0bd;--green-100: #e7f0dc;--terra-700: #8f4526;--terra-600: #b05a33;--terra-500: #c47048;--terra-200: #f0cfbd;--terra-100: #f9e7dd;--amber-700: #8a6316;--amber-600: #b0822a;--amber-200: #f0dfb4;--amber-100: #faf1dc;--ink: #241a12;--ink-soft: #4f4034;--ink-muted: #7b6957;--ink-faint: #a3907c;--line: #e6d8c5;--line-soft: #f0e6d8;--page: var(--beige-100);--surface: #ffffff;--surface-warm: var(--beige-050);--surface-sunk: var(--beige-200);--sidebar: var(--brown-900);--sidebar-hover: rgba(255, 246, 235, .08);--sidebar-active: rgba(255, 246, 235, .14);--primary: var(--brown-700);--primary-hover: var(--brown-600);--success: var(--green-600);--warning: var(--amber-600);--danger: var(--terra-600);--font-sans: "Manrope", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-display: "Playfair Display", "Georgia", serif;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: clamp(26px, 3.4vw, 36px);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(64, 42, 24, .06);--shadow-sm: 0 1px 2px rgba(64, 42, 24, .06), 0 6px 14px -10px rgba(64, 42, 24, .22);--shadow-md: 0 2px 4px rgba(64, 42, 24, .06), 0 16px 32px -20px rgba(64, 42, 24, .3);--shadow-lg: 0 4px 8px rgba(64, 42, 24, .07), 0 32px 60px -28px rgba(56, 34, 18, .38);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .6);--ring: 0 0 0 3px rgba(107, 69, 38, .22);--fast: .12s cubic-bezier(.4, 0, .2, 1);--normal: .2s cubic-bezier(.4, 0, .2, 1);--slow: .34s cubic-bezier(.22, 1, .36, 1);--sidebar-w: 268px;--topbar-h: 68px;--content-max: 1520px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--page);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.015em;color:var(--ink)}h1{font-family:var(--font-display);font-size:var(--text-3xl);line-height:1.2}h2{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3}h3{font-size:var(--text-md);font-weight:700}p{margin:0}a{color:var(--brown-600);text-decoration:none;transition:color var(--fast)}a:hover{color:var(--brown-800)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::selection{background:var(--brown-200);color:var(--brown-900)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*{scrollbar-width:thin;scrollbar-color:var(--beige-400) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--beige-400);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--brown-300);background-clip:content-box}.row{display:flex;align-items:center;gap:var(--s-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.col{display:flex;flex-direction:column;gap:var(--s-2)}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.strong{font-weight:700}.right{text-align:right}.center{text-align:center}.nowrap{white-space:nowrap}.label{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.divider{height:1px;background:var(--line-soft);margin:var(--s-4) 0}.hide-mobile{display:initial}.only-mobile{display:none}@media(max-width:860px){.hide-mobile{display:none!important}.only-mobile{display:initial}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}@keyframes spin{to{transform:rotate(360deg)}}.app{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--brown-900) 0%,var(--brown-950) 100%);color:var(--brown-100);padding:var(--s-5) var(--s-4) var(--s-4);overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 60% at 20% -10%,rgba(255,214,160,.16),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 2px,transparent 2px 7px)}.sidebar>*{position:relative}.brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-5)}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brown-400),var(--brown-600));box-shadow:inset 0 1px #ffffff47,0 8px 18px -10px #000000b3;font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff8ef}.brand-name{display:block;font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:.01em;color:#fdf6ec;line-height:1.1}.brand-role{display:block;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--brown-300)}.nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;margin:0 calc(var(--s-2) * -1);padding:0 var(--s-2)}.nav-group{margin-top:var(--s-4);padding:0 var(--s-3) var(--s-2);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#c6a481b3}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-3);border-radius:var(--r-md);color:#eedfcbd1;font-size:var(--text-md);font-weight:500;transition:background var(--fast),color var(--fast),transform var(--fast)}.nav-item:hover{background:var(--sidebar-hover);color:#fff8ef}.nav-item.active{background:var(--sidebar-active);color:#fff8ef;font-weight:600;box-shadow:inset 0 0 0 1px #ffe9cc1f}.nav-item.active .nav-icon{color:var(--brown-200)}.nav-icon{width:19px;height:19px;flex:none;color:#c6a481d9;transition:color var(--fast)}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:var(--r-full);background:#ffecd229;color:#fff3e3;font-size:var(--text-xs);font-weight:700;display:grid;place-items:center}.nav-count.alert{background:var(--terra-600);color:#fff}.sidebar-foot{padding-top:var(--s-3);border-top:1px solid rgba(255,233,204,.12);display:flex;align-items:center;gap:var(--s-3)}.sidebar-user{min-width:0}.sidebar-user .name{font-size:var(--text-sm);font-weight:600;color:#fdf6ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .phone{font-size:var(--text-xs);color:var(--brown-300)}.avatar{width:36px;height:36px;flex:none;border-radius:var(--r-full);display:grid;place-items:center;background:linear-gradient(145deg,var(--brown-500),var(--brown-700));color:#fff6ea;font-size:var(--text-sm);font-weight:700;box-shadow:inset 0 1px #ffffff38}.logout{margin-left:auto;background:none;border:none;color:var(--brown-300);cursor:pointer;padding:6px;border-radius:var(--r-sm);display:grid;place-items:center;transition:color var(--fast),background var(--fast)}.logout:hover{color:#fff3e3;background:var(--sidebar-hover)}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-7);background:#f7f1e8db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar h1{font-size:var(--text-xl)}.topbar-sub{font-size:var(--text-sm);color:var(--ink-muted)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}.burger{display:none;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);cursor:pointer;place-items:center}.page{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--s-7);display:flex;flex-direction:column;gap:var(--s-6);animation:fade-up var(--slow) both}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}.page-head .lead{max-width:62ch;color:var(--ink-muted);font-size:var(--text-md)}.grid{display:grid;gap:var(--s-4)}.grid-kpi{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}.split-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:var(--s-5);align-items:start}.tabbar,.drawer-scrim{display:none}@media(max-width:1280px){:root{--sidebar-w: 240px}.page{padding:var(--s-6)}}@media(max-width:1100px){.split-main{grid-template-columns:1fr}}@media(min-width:861px)and (max-width:1080px){:root{--sidebar-w: 78px}.sidebar{padding:var(--s-4) var(--s-2);align-items:center}.brand{justify-content:center;padding:var(--s-1) 0 var(--s-4)}.brand>span:last-child,.nav-group,.sidebar-user{display:none}.nav{width:100%}.nav-item{position:relative;justify-content:center;padding:11px 0}.nav-item>span:not(.nav-count){display:none}.nav-count{position:absolute;top:5px;right:12px;min-width:9px;width:9px;height:9px;padding:0;font-size:0;border-radius:50%}.sidebar-foot{justify-content:center}.logout{margin-left:0}.topbar{padding:0 var(--s-5)}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:60;top:0;bottom:0;left:0;width:282px;transform:translate(-102%);transition:transform var(--slow);box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#24160870;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--normal) both}.burger{display:grid}.topbar{padding:0 var(--s-4);height:62px}.topbar h1{font-size:var(--text-lg)}.page{padding:var(--s-4) var(--s-4) 86px;gap:var(--s-5)}.tabbar{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--r-md);color:var(--ink-muted);font-size:10.5px;font-weight:600}.tabbar a.active{color:var(--brown-700);background:var(--beige-200)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.card.flat{box-shadow:none;background:var(--surface-warm)}.card.tight{padding:var(--s-4);gap:var(--s-3)}.card.pad-0{padding:0;overflow:hidden}.card.pad-0>.card-head{padding:var(--s-4) var(--s-5) 0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.card-head h2,.card-head h3{min-width:0}.card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:1.35}.kpi{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);transition:transform var(--normal),box-shadow var(--normal)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brown-400)}.kpi.accent-green:after{background:var(--green-500)}.kpi.accent-terra:after{background:var(--terra-500)}.kpi.accent-amber:after{background:var(--amber-600)}.kpi-label{font-size:var(--text-xs);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.kpi-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-value.text{font-size:var(--text-lg);line-height:1.25;overflow-wrap:anywhere}.kpi-value .unit{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);margin-left:4px}.kpi-foot{font-size:var(--text-sm);color:var(--ink-muted);display:flex;align-items:center;gap:6px}.kpi-spark{margin-top:auto;height:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:40px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid transparent;background:linear-gradient(180deg,var(--brown-600),var(--brown-700));color:#fff8ef;font-size:var(--text-base);font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs),inset 0 1px #ffffff29;transition:transform var(--fast),box-shadow var(--fast),background var(--fast),color var(--fast),border-color var(--fast)}.btn:hover:not(:disabled){background:linear-gradient(180deg,var(--brown-500),var(--brown-600));box-shadow:var(--shadow-sm),inset 0 1px #fff3}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--brown-700);box-shadow:var(--shadow-xs)}.btn.ghost:hover:not(:disabled){background:var(--beige-050);border-color:var(--brown-200);color:var(--brown-800)}.btn.quiet{background:none;border-color:transparent;box-shadow:none;color:var(--ink-soft)}.btn.quiet:hover:not(:disabled){background:var(--beige-200);color:var(--ink)}.btn.success{background:linear-gradient(180deg,var(--green-500),var(--green-600))}.btn.success:hover:not(:disabled){background:linear-gradient(180deg,var(--green-500),var(--green-500))}.btn.danger{background:var(--surface);border-color:var(--terra-200);color:var(--terra-700);box-shadow:none}.btn.danger:hover:not(:disabled){background:var(--terra-100)}.btn.sm{height:32px;padding:0 var(--s-3);font-size:var(--text-sm);border-radius:var(--r-sm)}.btn.lg{height:48px;padding:0 var(--s-6);font-size:var(--text-md);border-radius:var(--r-md)}.btn.block{width:100%}.btn.icon{width:40px;padding:0}.btn.icon.sm{width:32px}.icon-btn{position:relative;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--ink-soft);box-shadow:var(--shadow-xs);transition:background var(--fast),color var(--fast),border-color var(--fast)}.icon-btn:hover{background:var(--beige-050);color:var(--brown-700);border-color:var(--brown-200)}.icon-btn .dot{position:absolute;top:6px;right:6px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--r-full);background:var(--terra-600);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--page)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-full);background:var(--beige-200);color:var(--brown-700);font-size:var(--text-xs);font-weight:700;letter-spacing:.01em;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge.plain:before{display:none}.badge.green{background:var(--green-100);color:var(--green-700)}.badge.terra{background:var(--terra-100);color:var(--terra-700)}.badge.amber{background:var(--amber-100);color:var(--amber-700)}.badge.brown{background:var(--brown-100);color:var(--brown-800)}.badge.neutral{background:var(--beige-200);color:var(--ink-soft)}.badge.lg{height:28px;font-size:var(--text-sm);padding:0 12px}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{height:34px;white-space:nowrap;flex:none;padding:0 var(--s-4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all var(--fast)}.chip:hover{border-color:var(--brown-300);color:var(--brown-700)}.chip.active{background:var(--brown-700);border-color:var(--brown-700);color:#fff8ef}.chip .count{font-size:var(--text-xs);opacity:.75}.table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-base)}table.data th{position:sticky;top:0;z-index:1;text-align:left;padding:12px var(--s-4);background:var(--surface-warm);border-bottom:1px solid var(--line);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}table.data td{padding:13px var(--s-4);border-bottom:1px solid var(--line-soft);vertical-align:middle}table.data tbody tr{transition:background var(--fast)}table.data tbody tr:hover{background:var(--beige-050)}table.data tbody tr:last-child td{border-bottom:none}table.data tr.clickable{cursor:pointer}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tfoot td{padding:13px var(--s-4);background:var(--surface-warm);font-weight:700;border-top:1px solid var(--line)}.cell-main{font-weight:600}.cell-sub{font-size:var(--text-sm);color:var(--ink-muted)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.input,.select,textarea.input{height:42px;padding:0 var(--s-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--text-base);transition:border-color var(--fast),box-shadow var(--fast),background var(--fast);width:100%}textarea.input{height:auto;min-height:84px;padding:10px var(--s-3);resize:vertical}.input::placeholder{color:var(--ink-faint)}.input:hover,.select:hover{border-color:var(--brown-200)}.input:focus,.select:focus{outline:none;border-color:var(--brown-400);box-shadow:var(--ring)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237b6957' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.search{position:relative;flex:1;max-width:420px}.search .input{padding-left:38px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.field-error{font-size:var(--text-sm);color:var(--terra-700)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--s-4)}.form-actions{display:flex;gap:var(--s-3);justify-content:flex-end;padding-top:var(--s-2)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#24160875;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--s-5);animation:fade-in var(--normal) both}.modal{width:100%;max-width:620px;max-height:88vh;overflow:auto;background:var(--page);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);border:1px solid var(--line);animation:fade-up var(--slow) both}.modal.wide{max-width:900px}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-4);background:var(--page);border-bottom:1px solid var(--line)}.modal-body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.modal-foot{position:sticky;bottom:0;display:flex;gap:var(--s-3);justify-content:flex-end;padding:var(--s-4) var(--s-5);background:var(--page);border-top:1px solid var(--line)}@media(max-width:640px){.modal-scrim{padding:0;align-items:flex-end}.modal{max-width:none;max-height:94vh;border-radius:var(--r-xl) var(--r-xl) 0 0}}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--normal),box-shadow var(--normal),border-color var(--normal)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brown-200)}.product-photo{position:relative;aspect-ratio:4 / 3;background:var(--beige-200);overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--slow)}.product-card:hover .product-photo img{transform:scale(1.04)}.product-photo .corner{position:absolute;top:var(--s-3);left:var(--s-3);display:flex;gap:6px;flex-wrap:wrap}.product-photo .empty{width:100%;height:100%;display:grid;place-items:center;color:var(--brown-300)}.product-body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);flex:1}.product-name{font-weight:700;font-size:var(--text-md);line-height:1.25}.product-meta{font-size:var(--text-sm);color:var(--ink-muted)}.product-price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums;margin-top:auto}.product-price s{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-faint);font-weight:500;margin-left:6px}.product-foot{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-top:1px solid var(--line-soft);background:var(--surface-warm)}.swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:none}.avail{display:flex;flex-direction:column;gap:5px;min-width:110px}.avail-bar{height:6px;border-radius:var(--r-full);background:var(--beige-300);overflow:hidden;display:flex}.avail-bar .free{background:var(--green-500)}.avail-bar .held{background:var(--amber-600);opacity:.85}.avail-text{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.avail-text b{color:var(--ink)}.stepper{display:flex;align-items:center;gap:0;overflow-x:auto;padding:2px}.step{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--ink-faint);white-space:nowrap}.step .dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);background:var(--surface);font-size:11px;font-weight:700;flex:none}.step.done{color:var(--green-700)}.step.done .dot{background:var(--green-100);border-color:var(--green-200);color:var(--green-700)}.step.current{color:var(--brown-800);font-weight:700}.step.current .dot{background:var(--brown-700);border-color:var(--brown-700);color:#fff8ef;box-shadow:0 0 0 4px #6b452624}.step-line{width:26px;height:1.5px;background:var(--line);margin:0 var(--s-2);flex:none}.step-line.done{background:var(--green-200)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-9) var(--s-5);text-align:center;color:var(--ink-muted)}.empty-state .art{width:64px;height:64px;border-radius:var(--r-xl);display:grid;place-items:center;background:var(--beige-200);color:var(--brown-400)}.empty-state h3{color:var(--ink)}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--beige-200) 0%,var(--beige-100) 40%,var(--beige-200) 80%);background-size:320px 100%;animation:shimmer 1.3s linear infinite;height:16px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}.spinner.dark{border-color:var(--beige-300);border-top-color:var(--brown-600)}.loading-page{display:grid;place-items:center;min-height:60vh;gap:var(--s-3)}.toasts{position:fixed;z-index:120;bottom:var(--s-5);right:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);max-width:min(420px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--brown-900);color:#fdf6ec;box-shadow:var(--shadow-lg);font-size:var(--text-base);animation:fade-up var(--normal) both}.toast.error{background:var(--terra-700)}.toast.success{background:var(--green-700)}.toast button{margin-left:auto;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0 2px}@media(max-width:860px){.toasts{bottom:78px;left:var(--s-4);right:var(--s-4)}}.tabs{display:flex;gap:2px;padding:4px;background:var(--surface-sunk);border-radius:var(--r-md);overflow-x:auto}.tabs button{border:none;background:none;padding:8px var(--s-4);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);cursor:pointer;white-space:nowrap;transition:all var(--fast)}.tabs button:hover{color:var(--ink)}.tabs button.active{background:var(--surface);color:var(--brown-800);box-shadow:var(--shadow-xs)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-2)}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--line-soft)}.list-row:last-child{border-bottom:none}.list-row .title{font-weight:600}.thumb{width:46px;height:46px;border-radius:var(--r-md);object-fit:cover;background:var(--beige-200);flex:none}.thumb.lg{width:64px;height:64px}.stat-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:7px 0}.stat-line+.stat-line{border-top:1px dashed var(--line-soft)}.stat-line .v{font-weight:700;font-variant-numeric:tabular-nums}.bar-row{display:grid;grid-template-columns:minmax(90px,1.1fr) minmax(0,2.4fr) auto;align-items:center;gap:var(--s-3);padding:7px 0}.bar-track{height:10px;border-radius:var(--r-full);background:var(--beige-200);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--brown-400),var(--brown-600));transition:width var(--slow)}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:grid;grid-template-columns:26px 1fr;gap:var(--s-3);padding-bottom:var(--s-4);position:relative}.tl-item:not(:last-child):before{content:"";position:absolute;left:12px;top:22px;bottom:0;width:1.5px;background:var(--line)}.tl-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--beige-200);color:var(--brown-600);z-index:1}.tl-dot.in{background:var(--green-100);color:var(--green-700)}.tl-dot.out{background:var(--terra-100);color:var(--terra-700)}.tl-dot.hold{background:var(--amber-100);color:var(--amber-700)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;position:relative;z-index:1}.login-art{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--brown-800),var(--brown-950));color:var(--brown-100);padding:var(--s-9);display:flex;flex-direction:column;justify-content:space-between}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 50% at 15% 10%,rgba(255,210,150,.2),transparent 65%),radial-gradient(60% 60% at 85% 90%,rgba(120,160,90,.16),transparent 70%)}.login-art>*{position:relative}.login-art h2{font-size:clamp(28px,3.6vw,44px);color:#fdf6ec;max-width:22ch;line-height:1.12}.login-art p{max-width:44ch;color:#eedfcbc7;font-size:var(--text-md);margin-top:var(--s-4)}.login-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);padding-top:var(--s-6);border-top:1px solid rgba(255,233,204,.16)}.login-facts .v{font-family:var(--font-display);font-size:var(--text-xl);color:#fdf6ec}.login-facts .k{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#c6a481cc}.login-form-side{display:grid;place-items:center;padding:var(--s-7)}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s-4)}@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-art{display:none}}.doc-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#24160880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--s-5);animation:fade-in var(--normal) both}.doc-window{width:min(1000px,100%);height:min(92vh,100%);display:flex;flex-direction:column;background:var(--page);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);animation:fade-up var(--slow) both}.doc-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--surface);border-bottom:1px solid var(--line)}.doc-window iframe{flex:1;width:100%;border:none;background:#efe6da}.doc-loading{position:fixed;z-index:120;bottom:var(--s-5);right:var(--s-5);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--brown-900);color:#fdf6ec;box-shadow:var(--shadow-lg);animation:fade-up var(--normal) both}@media(max-width:640px){.doc-scrim{padding:0}.doc-window{height:100%;border-radius:0}}.cards-phone{display:none;flex-direction:column;gap:var(--s-3)}.row-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.row-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3)}.row-card-title{font-weight:700;font-size:var(--text-md);line-height:1.3}.row-card-badge{flex:none}.row-card-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-4);margin:0}.row-card-line{display:flex;flex-direction:column;gap:1px;min-width:0}.row-card-line dt{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.row-card-line dd{margin:0;font-size:var(--text-base);font-weight:600}.filters{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.filters .select{min-width:170px;width:auto}@media(max-width:760px){.table-desktop{display:none}.cards-phone{display:flex}}@media(max-width:860px){.filters{gap:var(--s-2)}.filters .search{flex:1 1 100%;max-width:none}.filters .chips{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filters .chips::-webkit-scrollbar{display:none}.filters .select{flex:1 1 calc(50% - var(--s-2));min-width:0}}@media(max-width:600px){.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.kpi{padding:var(--s-4) var(--s-3);gap:4px}.kpi-value{font-size:21px}.kpi-spark{display:none}.kpi-foot{font-size:var(--text-xs)}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.product-body{padding:var(--s-3);gap:4px}.product-name{font-size:var(--text-base)}.product-price{font-size:var(--text-lg)}.product-foot{padding:var(--s-2) var(--s-3)}.card{padding:var(--s-4);gap:var(--s-3)}.card.pad-0>.card-head{padding:var(--s-4) var(--s-4) 0}.row-card-lines{gap:var(--s-2) var(--s-3)}.modal-body,.modal-head,.modal-foot{padding-inline:var(--s-4)}}@media(max-width:380px){.grid-cards{grid-template-columns:1fr}}@media(max-width:1100px){.split-main>.cart-card{order:-1;position:sticky;top:calc(62px + var(--s-2));z-index:6}}