:root{--ground:#f3f1ec;--surface:#ffffff;--ink:#1c1b19;--muted:#5e5a52;--line:#e2ded5;--line-soft:#eeebe4;--field:#d6d1c6;--accent:#1f4e8c;--accent-soft:#edf2f9;--accent-mid:#8fa9cc;--good:#2f6b3f;--warn-bg:#fdebd8;--warn-line:#e8b98a;--warn:#8a3a06;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45}a{color:var(--accent)}h1{font-size:22px;font-weight:700;letter-spacing:-.01em}h1,h2{margin:0}h2{font-size:15px;font-weight:600}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar-in{max-width:760px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.04em;color:var(--ink);margin-right:auto}.brand,.topbar a.nav,.topbar button.nav{text-decoration:none;min-height:44px;display:flex;align-items:center}.topbar a.nav,.topbar button.nav{padding:0 10px;color:var(--muted);font:inherit;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer}.topbar a.nav:hover,.topbar button.nav:hover{color:var(--ink)}.wrap{max-width:760px;margin:0 auto;padding:16px 16px 48px}.stack{gap:16px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:8px}.row{gap:8px}.row,.row-between{display:flex;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between;gap:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:420px){.grid3.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}a.card:hover{border-color:var(--accent-mid)}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--mono)}.back{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:500}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.stat b{font-family:var(--mono);font-size:22px;font-weight:600}.stat.dark{background:var(--accent);border-color:var(--accent);color:#fff}.stat.dark .muted{color:#d5e0ef}.stat.warn{background:var(--warn-bg);border-color:var(--warn-line)}.stat.warn,.stat.warn .muted{color:var(--warn)}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;min-width:0}input,select,textarea{font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--field);border-radius:10px;padding:0 12px;height:46px;width:100%;min-width:0}textarea{height:auto;padding:10px 12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}input.num{font-family:var(--mono);text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;border:none;background:var(--accent);color:#fff;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{background:#163a69}.btn.block{width:100%}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--field);background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.btn-ghost:hover{border-color:var(--muted)}.btn-x{min-width:36px;min-height:36px;border:none;background:none;color:var(--muted);font-size:18px;cursor:pointer;border-radius:8px}.btn-x:hover{background:var(--line-soft);color:var(--warn)}.chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.chip.gray{background:var(--line-soft);color:#3f3b34}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.good{background:#e3efe6;color:var(--good)}.bar{height:6px;background:var(--line-soft);overflow:hidden}.bar,.bar>span{border-radius:3px}.bar>span{display:block;height:100%;background:var(--accent)}.segs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:3px;gap:3px}.segs span{height:6px;border-radius:3px;background:var(--line-soft)}.segs span.done{background:var(--accent)}.segs span.now{background:var(--accent-mid)}.steps{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.step{flex:1 0 88px;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.step>span{height:4px;border-radius:2px;background:var(--line)}.step.done>span{background:var(--accent)}.step.now{color:var(--ink)}.step.now>span{background:var(--accent-mid)}.alert{border-radius:14px;padding:14px 16px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn);display:flex;flex-direction:column;gap:4px}.alert b{font-size:15px}.ok-note{border-radius:12px;padding:12px 14px;background:#e3efe6;color:var(--good);font-weight:500}.tbl-box{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:6px 8px;white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--line-soft)}.tbl td{padding:8px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl .r{text-align:right;font-family:var(--mono);white-space:nowrap}.tbl tfoot td{font-weight:600;border-top:1px solid var(--line)}.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.photos a{display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--line-soft)}.photos img{width:100%;height:100%;object-fit:cover;display:block}.line-row{border:1px solid var(--line-soft);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.swatch{width:12px;height:12px;border-radius:4px;border:1px solid #c9c3b7;display:inline-block}.upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.err{color:var(--warn);font-size:13px;font-weight:500}.dark-card{background:var(--ink);color:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.dark-card .muted{color:#cfcbc2}.big{font-family:var(--mono);font-size:34px;font-weight:600;line-height:1.1}.topbar-in,.wrap.wide{max-width:1100px}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:16px;gap:16px;align-items:start}@media (max-width:380px){.cols{grid-template-columns:minmax(0,1fr)}}.card.item{gap:10px;padding:14px}.dates{gap:6px 14px;font-size:13px}.dates,.donut-wrap{display:flex;flex-wrap:wrap;align-items:center}.donut-wrap{gap:24px;justify-content:center}.legend{margin:0;display:flex;flex-direction:column;gap:10px;min-width:200px;flex:1 1;max-width:340px}.legend>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.legend dt{display:flex;align-items:center;gap:8px;color:var(--muted)}.legend dd{margin:0;font-family:var(--mono);font-weight:600}.legend .legend-total{border-top:1px solid var(--line-soft);padding-top:10px;font-size:15px}.legend .legend-total dt{color:var(--ink);font-weight:600}.center{display:flex;justify-content:center}.home{flex-wrap:wrap;align-items:flex-start}.home,.home-main{display:flex;gap:24px}.home-main{flex:999 1 640px;min-width:0;flex-direction:column}.home-actions,.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.home .card{border-radius:16px;padding:20px}.home .legend{max-width:none;min-width:0;gap:8px}.home .legend>div{font-size:13px}.kpi-card{background:var(--ink);color:#fff;border-radius:16px;padding:20px;gap:14px}.kpi-card,.kpi-card dl{display:flex;flex-direction:column}.kpi-card dl{margin:0;gap:10px}.kpi-bar>div,.kpi-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.kpi-card dt{font-size:13px;color:#cfcbc2}.kpi-card dd{margin:0;font-family:var(--mono);font-size:17px;font-weight:600}.kpi-card dd.sm{font-size:15px}.kpi-card hr{border:none;height:1px;background:#3a3833;margin:0}.kpi-card .kpi-bar{flex-direction:column;align-items:stretch;gap:5px}.kpi-bar>span{display:block;height:4px;border-radius:2px;background:#33312d;overflow:hidden}.kpi-bar>span>span{display:block;height:100%;border-radius:2px;background:var(--accent-mid)}.big-action{min-height:132px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;padding:24px;display:flex;align-items:center;gap:18px}.big-action:hover{border-color:var(--accent-mid)}.big-action .ico{width:56px;height:56px;flex:none;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.big-action>span:last-child{display:flex;flex-direction:column;gap:4px}.big-action b{font-size:20px}.big-action small{font-size:14px;color:var(--muted)}.big-action.primary{background:var(--accent);border-color:var(--accent);color:#fff}.big-action.primary:hover{background:#163a69}.big-action.primary .ico{background:#2f5f9e;color:#fff}.big-action.primary small{color:#d5e0ef}.orders-panel{flex:1 1 400px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;padding:4px;background:var(--line-soft);border-radius:10px}.tabs a{min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.tabs a.on{background:#fff;color:var(--ink)}.order-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);background:var(--surface)}.order-card:hover{border-color:var(--accent-mid)}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px}.kv>div{display:flex;flex-direction:column;gap:1px;min-width:0}.kv span{font-size:11px;color:var(--muted)}.kv b{font-weight:600}.kv b,.kv em{font-size:14px}.kv em{font-style:normal}.order-dates{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:12px}.segs.all-done span{background:var(--good)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-right:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kartela-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mini-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--field);background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.mini-btn:hover{border-color:var(--muted)}.mini-btn.wa{color:#136c3a;border-color:#9fd3b4;background:#f0faf4}.kartela{gap:14px}.kartela,.sheet{display:flex;flex-direction:column}.sheet{background:#fff;border:2px solid var(--ink);border-radius:4px;padding:14px;gap:12px}.sheet input,.sheet select{height:38px;border-radius:6px;font-size:14px}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:8px;gap:8px}.sheet-title{font-size:26px;font-weight:700;letter-spacing:.08em;text-align:center}.sheet-date{justify-self:end}.sheet-date input{width:160px;font-family:var(--mono)}.sheet-top{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);grid-gap:12px;gap:12px}@media (max-width:640px){.sheet-top{grid-template-columns:minmax(0,1fr)}.sheet-title{font-size:20px}}.photo-box{position:relative;border:2px dashed #b9b2a5;border-radius:8px;min-height:300px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#faf9f6;overflow:hidden}.photo-box:focus-visible,.photo-box:hover{border-color:var(--accent);outline:none}.photo-box.has{border-style:solid;border-color:var(--line);background:#fff}.photo-box img{width:100%;height:100%;max-height:380px;object-fit:contain;display:block}.photo-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:13px}.photo-empty b{font-size:22px;letter-spacing:.1em;color:var(--ink)}.photo-busy{position:absolute;inset:auto 8px 8px 8px;background:var(--ink);color:#fff;border-radius:6px;padding:6px;text-align:center;font-size:13px}.info-rows{display:flex;flex-direction:column;gap:8px}.info-rows label{display:flex;align-items:center;gap:10px;flex:1 1;min-width:0}.info-rows label>span{width:128px;flex:none;font-size:13px;font-weight:700}.info-rows label.price>span{width:auto}.info-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.info-line>label{flex:1 1 260px}.unit-sel{width:auto!important;flex:none}.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumb{position:relative;width:64px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:11px;border:none;background:rgba(28,27,25,.75);color:#fff;cursor:pointer;line-height:1}.sheet-table-box{overflow-x:auto}.sheet-table{width:100%;min-width:760px;border-collapse:collapse}.sheet-table td,.sheet-table th{border:1px solid var(--ink);padding:2px;text-align:center}.sheet-table th{font-size:12px;font-weight:700;padding:6px 4px;background:#f3f1ec}.sheet-table td input{border:none;border-radius:0;height:40px;text-align:center;padding:0 4px;background:transparent}.sheet-table td input:focus{outline:2px solid var(--accent);outline-offset:-2px}.sheet-table .w-color{width:22%}.sheet-table td.w-color input{text-align:left;font-weight:600}.sheet-table .size-cell{padding:2px}.sheet-table .size-cell input{height:32px;border:none;background:transparent;text-align:center;font-weight:700;font-family:var(--mono)}.sizes-head{position:relative}.size-tools{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.size-tools button{width:24px;height:24px;border-radius:6px;border:1px solid var(--field);background:#fff;cursor:pointer;font-weight:700;line-height:1}.row-total{font-family:var(--mono);font-weight:600;min-width:64px}.sheet-table tfoot td{text-align:left;padding:10px 8px;font-size:13px;font-weight:700;background:#f3f1ec}.sheet-table tfoot .r-foot{text-align:right}.sheet-table tfoot b{font-family:var(--mono);font-size:15px;margin-left:6px}.sheet-table th small{display:block;font-size:10px;font-weight:500;color:var(--muted);text-transform:none}.sheet input.locked,.sheet input[readonly]{background:#f3f1ec;color:#3f3b34;cursor:default}.sheet-table td input[readonly]{background:transparent}.sheet-table.mode-order .cut-col{background:repeating-linear-gradient(135deg,#f6f4ef 0 6px,#eeebe4 6px 7px)}.sheet-table.mode-order th.cut-col{color:#8c877d}.sheet-table.mode-cut td:first-child,.sheet-table.mode-cut td:nth-child(2){background:#f6f4ef}.photo-box.static{cursor:default}@media (max-width:640px){.sheet{padding:10px}.photo-box{min-height:220px}.info-rows label>span{width:96px;font-size:12px}.info-line>label{flex:1 1 200px}.sheet-head{grid-template-columns:1fr auto}.sheet-head>span:first-child{display:none}}.row-total input{font-weight:700}.kartela-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.drop-overlay{position:fixed;inset:0;z-index:50;background:rgba(31,78,140,.18);border:4px dashed var(--accent);display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-overlay span{background:var(--accent);color:#fff;padding:14px 22px;border-radius:12px;font-size:18px;font-weight:600}@media print{@page{size:A4 portrait;margin:10mm}body{background:#fff}.back,.no-print,.topbar{display:none!important}.wrap{max-width:none;padding:0}.sheet{border:2px solid #000;padding:8px}.sheet input,.sheet select{border:none!important;background:transparent!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 2px;color:#000}.sheet input::placeholder{color:transparent}.sheet-table{min-width:0}.sheet-table tfoot td,.sheet-table th{background:#fff!important}.sheet-table td input{height:30px}.photo-box{border:1px solid #000;min-height:240px}.unit-sel{display:none}.sheet input.locked,.sheet input[readonly],.sheet-table td{background:#fff!important}.sheet-table th small{color:#000}}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.links a{min-height:56px;display:flex;align-items:center;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;font-weight:600}.links a:hover{border-color:var(--accent-mid)}