:root{--ink-900: #10141b;--ink-800: #171d26;--ink-700: #1f2733;--ink-600: #2b3543;--ink-500: #47536480;--brand-600: #c2410c;--brand-500: #e2632a;--brand-400: #f08c53;--brand-50: #fdf3ec;--slate-900: #0f172a;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--ok-600: #15803d;--ok-50: #ecfdf3;--warn-600: #b45309;--warn-50: #fffbeb;--danger-600: #b91c1c;--danger-50: #fef2f2;--info-600: #1d4ed8;--info-50: #eff6ff;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);--shadow: 0 1px 3px rgb(15 23 42 / 8%), 0 8px 24px -12px rgb(15 23 42 / 12%);--sidebar-width: 244px;--header-height: 58px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--slate-700);background:#f5f6f8;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{margin:0;color:var(--slate-900);font-weight:650;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0 0 10px}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}small{font-size:12px}hr{border:0;border-top:1px solid var(--slate-200);margin:18px 0}.icon{flex:none;vertical-align:-.15em}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex:none;background:var(--ink-900);color:#c3ccd8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:16px 18px;color:#fff;font-weight:700;font-size:15px;letter-spacing:-.02em;border-bottom:1px solid #ffffff12}.sidebar__mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,var(--brand-400),var(--brand-600));display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}.sidebar__section{padding:14px 18px 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;color:#6b7887;font-weight:700}.sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 18px;color:#b8c2ce;font-size:13.5px;border-left:2px solid transparent;text-decoration:none}.sidebar__link:hover{background:#ffffff0a;color:#fff;text-decoration:none}.sidebar__link--active{background:#ffffff0f;color:#fff;border-left-color:var(--brand-500);font-weight:600}.sidebar__link .badge{margin-left:auto}.sidebar__footer{margin-top:auto;padding:14px 18px;border-top:1px solid #ffffff12;font-size:12px;color:#7d8896}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-height);background:#fff;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:20}.topbar__title{font-size:15px;font-weight:650;color:var(--slate-900)}.topbar__spacer{flex:1}.topbar__link{display:inline-flex;align-items:center;gap:6px;color:var(--slate-600);font-size:13px}.content{padding:22px;max-width:1440px;width:100%}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head__text{flex:1;min-width:220px}.page-head p{color:var(--slate-500);font-size:13px;margin:4px 0 0}.page-head__actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card+.card{margin-top:16px}.card__head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--slate-200)}.card__head h2{font-size:14px}.card__head .spacer{flex:1}.card__body{padding:16px}.card__body--tight{padding:0}.card__foot{padding:12px 16px;border-top:1px solid var(--slate-200);background:var(--slate-50);border-radius:0 0 var(--radius) var(--radius);display:flex;gap:8px;align-items:center}.grid{display:grid;gap:16px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--sidebar{grid-template-columns:minmax(0,1fr) 320px;align-items:start}@media(max-width:1100px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--sidebar{grid-template-columns:minmax(0,1fr)}}@media(max-width:780px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}}.stat{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}.stat__label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--slate-500);font-weight:550}.stat__value{font-size:24px;font-weight:700;color:var(--slate-900);margin-top:6px;letter-spacing:-.02em}.stat__meta{font-size:12px;color:var(--slate-500);margin-top:2px}.stat--accent{border-left:3px solid var(--brand-500)}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--slate-300);background:#fff;color:var(--slate-700);font-size:13px;font-weight:550;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1.35;transition:background .12s,border-color .12s,color .12s}.btn:hover{background:var(--slate-50);border-color:var(--slate-400);text-decoration:none}.btn:focus-visible{outline:2px solid var(--brand-400);outline-offset:1px}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn--primary:hover{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.btn--dark{background:var(--ink-800);border-color:var(--ink-800);color:#fff}.btn--dark:hover{background:var(--ink-700);color:#fff}.btn--danger{color:var(--danger-600);border-color:#fca5a5;background:#fff}.btn--danger:hover{background:var(--danger-50)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover{background:var(--slate-100);border-color:transparent}.btn--sm{padding:4px 9px;font-size:12px;border-radius:5px}.btn--block{width:100%;justify-content:center}.btn-group{display:inline-flex;gap:6px;flex-wrap:wrap}.field{margin-bottom:14px}.field__label{display:block;font-size:12.5px;font-weight:600;color:var(--slate-700);margin-bottom:5px}.field__hint{font-size:11.5px;color:var(--slate-500);margin-top:4px}.field__error{font-size:12px;color:var(--danger-600);margin-top:4px}.input,.select,.textarea{width:100%;padding:8px 11px;font-size:13.5px;font-family:inherit;color:var(--slate-900);background:#fff;border:1px solid var(--slate-300);border-radius:var(--radius-sm);transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px #e2632a1f}.input--invalid,.select--invalid,.textarea--invalid{border-color:#ef4444}.textarea{min-height:92px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9.5 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:30px}.input[type=color]{padding:3px;height:36px}.input[type=file]{padding:6px;font-size:12.5px}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row>.field{flex:1;min-width:160px}.checkbox,.radio{display:flex;align-items:flex-start;gap:8px;font-size:13px;padding:5px 0;cursor:pointer}.checkbox input,.radio input{margin:2px 0 0;accent-color:var(--brand-600);width:15px;height:15px}.checkbox span small{display:block;color:var(--slate-500);font-size:11.5px}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:34px;height:19px;border-radius:999px;background:var(--slate-300);position:relative;transition:background .15s;flex:none}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch input:checked+.switch__track{background:var(--brand-600)}.switch input:checked+.switch__track:after{transform:translate(15px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--brand-400);outline-offset:2px}.fieldset{border:1px solid var(--slate-200);border-radius:var(--radius-sm);padding:14px;margin:0 0 16px}.fieldset>legend{font-size:12px;font-weight:700;color:var(--slate-600);padding:0 6px;text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);font-weight:700;padding:9px 14px;border-bottom:1px solid var(--slate-200);background:var(--slate-50);white-space:nowrap}.table td{padding:10px 14px;border-bottom:1px solid var(--slate-100);vertical-align:middle}.table tbody tr:hover{background:#fcfcfd}.table tbody tr:last-child td{border-bottom:0}.table__num{text-align:right;font-variant-numeric:tabular-nums}.table__actions{text-align:right;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--slate-100);color:var(--slate-600);white-space:nowrap}.badge--ok{background:var(--ok-50);color:var(--ok-600)}.badge--warn{background:var(--warn-50);color:var(--warn-600)}.badge--danger{background:var(--danger-50);color:var(--danger-600)}.badge--info{background:var(--info-50);color:var(--info-600)}.badge--brand{background:var(--brand-50);color:var(--brand-600)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.alert{display:flex;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;border:1px solid transparent;align-items:flex-start}.alert--success{background:var(--ok-50);border-color:#bbf7d0;color:#14532d}.alert--error{background:var(--danger-50);border-color:#fecaca;color:#7f1d1d}.alert--warning{background:var(--warn-50);border-color:#fde68a;color:#78350f}.alert--info{background:var(--info-50);border-color:#bfdbfe;color:#1e3a8a}.alert ul{margin:4px 0 0;padding-left:18px}.empty{text-align:center;padding:42px 20px;color:var(--slate-500)}.empty__icon{width:46px;height:46px;border-radius:12px;background:var(--slate-100);color:var(--slate-400);display:grid;place-items:center;margin:0 auto 12px}.empty h3{margin-bottom:4px}.empty p{font-size:13px;max-width:380px;margin:0 auto 14px}.meter{height:6px;background:var(--slate-200);border-radius:999px;overflow:hidden}.meter__fill{height:100%;background:var(--brand-500);border-radius:999px}.meter__fill--warn{background:#f59e0b}.meter__fill--danger{background:#dc2626}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--slate-200);margin-bottom:18px;overflow-x:auto}.tabs a{padding:9px 14px;font-size:13px;color:var(--slate-500);border-bottom:2px solid transparent;white-space:nowrap;font-weight:550}.tabs a:hover{color:var(--slate-900);text-decoration:none}.tabs a.is-active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.pagination{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:16px}.pagination a,.pagination span{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid var(--slate-200);border-radius:var(--radius-sm);background:#fff;font-size:13px;color:var(--slate-600)}.pagination a:hover{background:var(--slate-50);text-decoration:none}.pagination .is-active{background:var(--ink-800);border-color:var(--ink-800);color:#fff;font-weight:600}.pagination .is-disabled{opacity:.45}.muted{color:var(--slate-500)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right}.center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.wrap{flex-wrap:wrap}.spacer{flex:1}.mt-0{margin-top:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.w-full{width:100%}.avatar{width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--slate-100);flex:none}.avatar--sm{width:26px;height:26px;border-radius:6px}.avatar--lg{width:52px;height:52px;border-radius:10px}.thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--slate-100);flex:none}.thumb--empty{display:grid;place-items:center;color:var(--slate-400)}.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:13px}.kv dt{color:var(--slate-500)}.kv dd{margin:0;color:var(--slate-900)}.color-dot{width:14px;height:14px;border-radius:4px;border:1px solid #0000001a;display:inline-block}.dropdown{position:relative}.dropdown__panel{position:absolute;right:0;top:calc(100% + 6px);min-width:190px;background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:5px;z-index:40}.dropdown__item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:5px;font-size:13px;color:var(--slate-700);width:100%;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}.dropdown__item:hover{background:var(--slate-100);text-decoration:none}.dropdown__item--danger{color:var(--danger-600)}dialog.modal{border:0;border-radius:var(--radius-lg);padding:0;width:min(560px,calc(100vw - 32px));box-shadow:0 24px 60px -20px #0f172a59}dialog.modal::backdrop{background:#0f172a73}.modal__head{padding:16px 18px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;gap:10px}.modal__body{padding:18px;max-height:70vh;overflow-y:auto}.modal__foot{padding:13px 18px;border-top:1px solid var(--slate-200);display:flex;gap:8px;justify-content:flex-end;background:var(--slate-50)}.builder{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}@media(max-width:980px){.builder{grid-template-columns:minmax(0,1fr)}}.builder__list{list-style:none;margin:0;padding:6px}.builder__item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-size:13.5px}.builder__item:hover{background:var(--slate-50)}.builder__item.is-active{background:var(--brand-50);border-color:#f3d3c0;color:var(--brand-600);font-weight:600}.builder__item.is-child{margin-left:18px}.builder__handle{color:var(--slate-400);cursor:grab;display:flex}.builder__count{margin-left:auto;font-size:11.5px;color:var(--slate-400)}.product-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--slate-100);background:#fff}.product-row:last-child{border-bottom:0}.product-row.is-inactive{background:#fcfcfd;opacity:.72}.product-row__name{font-weight:550;color:var(--slate-900)}.product-row__meta{font-size:12px;color:var(--slate-500)}.product-row__price{font-variant-numeric:tabular-nums;font-weight:600}.sortable-ghost{opacity:.4;background:var(--brand-50)!important}.sortable-drag{box-shadow:var(--shadow)}.chart{width:100%;height:auto;display:block}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--slate-500);margin-top:8px}.chart-legend span{display:inline-flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.bar-list{display:grid;gap:9px}.bar-list__row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}.bar-list__track{grid-column:1 / -1;height:5px;background:var(--slate-100);border-radius:999px}.bar-list__fill{height:100%;background:var(--brand-500);border-radius:999px}@media print{.sidebar,.topbar,.no-print{display:none!important}body{background:#fff}.content{padding:0;max-width:none}}.sidebar-toggle{display:none}@media(max-width:900px){.app{flex-direction:column}.sidebar{position:fixed;z-index:60;transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #0000004d}body.nav-open .sidebar{transform:none}.sidebar-toggle{display:inline-flex}.content{padding:16px}}