:root{--text:#212328;--text-h:#16151d;--muted:#8a8b93;--bg:#f4f5f8;--card:#fff;--border:#e7e8ee;--accent:#ff9500;--accent-d:#ff950055;--accent-strong:#e67e00;--gold:#ffc000;--error:#ed1717;--error-bg:#fdeaea;--ok:#2e7d32;--ok-bg:#e8f5e9;--radius:14px;color:var(--text);font-family:Rubik,Segoe UI,Arial,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 25% 15%,#ffd682f2,#0000 55%),radial-gradient(circle at 85% 0,#ff9f45e6,#0000 50%),linear-gradient(160deg,#ffb84d 0%,#ef7a2a 45%,#b5471a 100%) fixed;min-height:100vh;margin:0}h1{color:var(--text-h);margin:0 0 .75rem;font-size:1.5rem}h2{color:var(--text-h);margin:0 0 .75rem;font-size:1.1rem}.muted{color:var(--muted)}.center{text-align:center;padding:3rem 1rem}.topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--accent-strong);font-weight:700}.topnav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.topnav a{color:var(--text);border-radius:8px;padding:.4rem .7rem;text-decoration:none}.topnav a:hover{background:var(--bg)}.topuser{align-items:center;gap:.75rem;margin-left:auto;display:flex}.topmenu{display:contents}.burger,.menu-backdrop{display:none}@media (width<=760px){.topbar{flex-wrap:nowrap;gap:.5rem}.brand{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.burger{z-index:3;border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:10px;flex-direction:column;flex:none;justify-content:center;gap:4px;width:42px;height:38px;margin-left:auto;padding:0 9px;display:flex;position:relative}.burger span{background:var(--text-h);border-radius:2px;height:2px;display:block}.burger[aria-expanded=true]{background:var(--bg)}.menu-backdrop{z-index:1;display:block;position:fixed;inset:0}.topmenu{display:none}.topmenu.open{z-index:2;background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;gap:.35rem;padding:.5rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #501e0029}.topmenu .topnav{flex-direction:column;gap:.15rem}.topmenu .topnav a{padding:.65rem .7rem;font-size:1.02rem}.topmenu .topuser{border-top:1px solid var(--border);justify-content:space-between;margin-left:0;padding:.55rem .7rem .15rem}}.container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd1;border-radius:18px;max-width:880px;margin:1rem auto;padding:1rem 1.1rem;box-shadow:0 10px 34px #501e002e}.container-wide{max-width:1360px}.table-scroll{border-radius:var(--radius);max-height:calc(100vh - 220px);margin-bottom:1rem;overflow:auto}.table-scroll .table{margin-bottom:0;overflow:visible}.table-scroll .table thead th{z-index:3;position:sticky;top:0}.bulk-bar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.check-col{text-align:center;width:34px}.btn.danger{color:#b23c3c;border-color:#e0b4b4}.btn.danger:hover{background:#fbecec}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.btn{font:inherit;border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:9px;padding:.55rem 1rem}.btn:hover{background:var(--bg)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.link{color:var(--accent-strong);cursor:pointer;font:inherit;background:0 0;border:none;padding:.2rem .3rem}.link:hover{text-decoration:underline}label{color:var(--text);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}label.inline{flex-direction:row;align-items:center;gap:.5rem}input{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;padding:.5rem .6rem}input:focus{outline:2px solid var(--accent-d);border-color:var(--accent)}.warn-box{color:#8a5a00;background:#fff4e0;border:1px solid #ffd591;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.error-box{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c0;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.success-box{background:var(--ok-bg);color:var(--ok);border:1px solid #c3e6c5;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.auth-wrap{justify-content:center;padding-top:3rem;display:flex}.auth-card{width:360px;max-width:92vw;padding:0;overflow:hidden}.auth-hero{height:150px;position:relative}.auth-hero img{object-fit:cover;width:100%;height:100%;display:block}.auth-hero-title{color:#fff;background:linear-gradient(#0000,#0009);padding:.6rem 1rem;font-size:1.15rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.auth-form{flex-direction:column;gap:.85rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.auth-form h1{margin:0}.group .rows{flex-direction:column;display:flex}.row{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding:.6rem 0;display:flex}.row:first-child{border-top:none}.row-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}.row-prod{align-items:center;gap:.7rem;min-width:0;display:flex}.thumb{object-fit:cover;background:var(--bg);border-radius:8px;flex:none;width:52px;height:40px}.thumb-empty{border:1px solid var(--border);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.row-name{color:var(--text-h)}.row-price{white-space:nowrap;font-size:.85rem}.row-input{align-items:center;gap:.5rem;display:flex}.row-input input{text-align:right;width:90px}.row-input .unit{color:var(--muted);width:28px}.line-total{color:var(--text-h);font-variant-numeric:tabular-nums;margin-left:auto}.row-error .row-input input{border-color:var(--error)}.row-err{color:var(--error);font-size:.85rem}.order-footer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.3rem;padding:.55rem .75rem;display:flex;position:sticky;bottom:0}.order-footer-main{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.order-footer-details{flex-direction:column;gap:.3rem;display:flex}.order-total{color:var(--text-h);font-size:1.05rem}.order-total-toggle{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:.3rem 0;display:flex}.order-total-toggle .chev{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:6px solid var(--muted);width:0;height:0}.order-total-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.order-footer-main .btn.primary{white-space:nowrap}.order-footer .muted,.order-footer .warn-box{font-size:.82rem;line-height:1.25}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .8rem}.table thead th{background:var(--bg);color:var(--muted);font-size:.85rem}.table tfoot td{background:var(--bg);font-size:1.05rem}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-inactive{opacity:.55}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.price-input{text-align:right;width:90px}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}.create-form h2{margin-top:0}.credential-box{border-radius:var(--radius);background:#fff8ef;border:1px solid #f0d9b8;margin-bottom:1rem;padding:.85rem 1rem}.credential-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.credential-row code{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.3rem .6rem;font-size:1.05rem}code{font-family:Consolas,Courier New,monospace}.thankyou{justify-content:center;padding-top:2.5rem;display:flex}.thankyou-card{text-align:center;width:460px;max-width:92vw}.thankyou-check{background:var(--ok-bg);width:64px;height:64px;color:var(--ok);border-radius:50%;margin:0 auto .5rem;font-size:2rem;font-weight:700;line-height:64px}.thankyou-total{color:var(--text-h);margin:.5rem 0 .75rem;font-size:1.2rem}.thankyou-items{text-align:left;border-top:1px solid var(--border);margin:0 0 1rem;padding:0;list-style:none}.thankyou-items li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;gap:.75rem;padding:.4rem 0;display:grid}.picklist-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tabs{border:1px solid var(--border);border-radius:9px;display:inline-flex;overflow:hidden}.tab{font:inherit;background:var(--card);cursor:pointer;border:none;padding:.5rem .9rem}.tab.active{background:var(--accent);color:#fff}.table.compact th,.table.compact td{padding:.35rem .6rem}.cp-block{break-inside:avoid;border:1px solid var(--border);border-radius:8px;margin-bottom:.7rem;overflow:hidden}.cp-grid{columns:240px;column-gap:1rem}.cp-grid .table{white-space:normal;display:table;overflow:visible}.cp-block .table.compact td{padding:.12rem .5rem}.cp-head{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-h);padding:.3rem .55rem}.pl-prod-grid{columns:2;column-gap:1.5rem}.pl-prod-group{break-inside:avoid;margin-bottom:.5rem}.pl-prod-group h4{color:var(--text-h);margin:.25rem 0 .1rem;font-size:.9rem}.pl-prod-group .table{white-space:normal;width:100%;display:table;overflow:visible}.pl-prod-group .table.compact td{padding:.12rem .5rem}.unit-cell{color:var(--muted);text-align:center;width:2.2rem}.pl-prod-group .table,.cp-block .table{border-collapse:collapse}.pl-prod-group .table td,.cp-block .table td{border:1px solid #d8d8d8}.pl-prod-group .table td.num,.cp-block .table td.num{text-align:right;font-variant-numeric:tabular-nums;width:2.6rem}a.btn{text-decoration:none;display:inline-block}.cost-cat{font-size:.75rem}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.supplier-card{padding:.8rem}.spec-section{margin-bottom:1.2rem}.spec-section h2{margin:0 0 .8rem}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.spec-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);gap:.8rem;padding:.7rem;display:flex}.spec-photo{background:#fff;border-radius:10px;flex:0 0 92px;justify-content:center;align-items:center;width:92px;height:92px;display:flex;overflow:hidden}.spec-photo img{object-fit:cover;width:100%;height:100%}.spec-noimg{font-size:2rem}.spec-body{min-width:0}.spec-body h3{margin:0 0 .3rem;font-size:1rem}.spec-kbju{flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.spec-kbju span{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.05rem .4rem}.spec-meta{margin-bottom:.25rem;font-size:.82rem}.spec-comp{font-size:.8rem;line-height:1.35}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable:hover{color:var(--accent-strong)}.cat-group td{background:var(--bg);color:var(--text-h);border-top:2px solid var(--border);padding-top:.5rem;font-size:.92rem}.cost-up{color:var(--error);font-weight:600}.cost-down{color:var(--ok);font-weight:600}.rec{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.rec-critical{color:#c0140f;background:#fdeaea}.rec-warn{color:#b56a00;background:#fff3df}.rec-info{color:#2b6cb0;background:#eef3fb}.rec-ok{background:var(--ok-bg);color:var(--ok)}.rec-hint{color:var(--muted);font-size:.8rem}.dash-filters{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dash-filters select{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;padding:.45rem .6rem}.kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.kpi{padding:.9rem 1rem}.kpi-label{color:var(--muted);font-size:.85rem}.kpi-value{color:var(--text-h);margin-top:.2rem;font-size:1.5rem;font-weight:600}.chart{width:100%;height:auto;display:block}.chart-label{fill:var(--muted);font-size:10px}.chart-val{fill:var(--text);font-size:9px;font-weight:600}.dash-tables{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=800px){.kpi-row{grid-template-columns:repeat(2,1fr)}.dash-tables{grid-template-columns:1fr}}@media (width<=560px){.form-grid{grid-template-columns:1fr}.row-main{flex-direction:column;align-items:flex-start;gap:.1rem}.order-total{white-space:nowrap;font-size:1rem}.order-total-toggle{gap:.35rem}.order-total-toggle .chev{border-bottom-width:5px;border-left-width:4px;border-right-width:4px}.order-footer-main .btn.primary{padding:.55rem .75rem;font-size:.95rem}.container{border-radius:12px;margin:.5rem;padding:.7rem}.topbar{padding:.6rem .75rem}.row-input input{width:84px;min-height:40px;font-size:16px}.order-page h1{font-size:1.3rem}.auth-hero img{height:120px}.table{white-space:nowrap;display:block;overflow-x:auto}.history-table{overflow-x:visible}.history-table thead{display:none}.history-table,.history-table>tbody{width:100%;display:block}.history-table>tbody>tr.history-row{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-bottom:.6rem;padding:.4rem .7rem;display:block}.history-table>tbody>tr.history-row>td{text-align:right;white-space:normal;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.28rem 0;display:flex}.history-table>tbody>tr.history-row>td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:.85rem}.history-table>tbody>tr.history-row>td.history-actions{justify-content:flex-start;gap:1rem;padding-top:.45rem}.history-table>tbody>tr.history-row>td.history-actions:before{content:none}.history-table>tbody>tr.history-detail{display:block}.history-table>tbody>tr.history-detail>td{white-space:normal;border:none;padding:0;display:block}.order-editor{max-width:calc(100vw - 2.6rem)}.order-editor h3{white-space:normal}.order-editor .table.compact{white-space:normal;background:0 0;border:0;display:block;overflow-x:visible}.order-editor .table.compact thead{display:none}.order-editor .table.compact tbody,.order-editor .table.compact tfoot{display:block}.order-editor .table.compact tbody tr{border:1px solid var(--border);background:var(--card);border-radius:10px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.25rem .35rem;margin-bottom:.45rem;padding:.5rem .6rem;display:grid}.order-editor .table.compact td{border:0;padding:0}.order-editor .table.compact .cell-name{color:var(--text-h);grid-area:1/1/auto/-1}.order-editor .table.compact .cell-qty{grid-area:2/1}.order-editor .table.compact .cell-qty .qty-input{width:4.2rem;padding:.25rem .4rem}.order-editor .table.compact .cell-unit{color:var(--muted);grid-area:2/2}.order-editor .table.compact .cell-price{text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-area:2/3;font-size:.85rem;overflow:hidden}.order-editor .table.compact .cell-price:before{content:"× "}.order-editor .table.compact .cell-sum{text-align:right;color:var(--text-h);grid-area:2/4}.order-editor .table.compact.editing .cell-price{grid-area:2/1/auto/3;font-size:.85rem}.order-editor .table.compact.editing .cell-price:before{content:"цена "}.order-editor .table.compact.editing .cell-del{text-align:right;grid-area:2/3/auto/-1}.order-editor .table.compact.editing .cell-qty,.order-editor .table.compact.editing .cell-unit{grid-row:3}.order-editor .table.compact.editing .cell-sum{grid-area:3/3/auto/-1}.order-editor .table.compact .cell-empty{grid-column:1/-1}.order-editor .table.compact tfoot tr{background:var(--bg);border-radius:10px;align-items:baseline;gap:.5rem;padding:.45rem .6rem;display:flex}.order-editor .table.compact tfoot td{background:0 0}.order-editor .table.compact .cell-total-label{flex:1}}.order-editor h3{margin:0 0 .6rem}.qty-input{text-align:right;width:5rem;padding:.25rem .4rem}.picker{margin:.6rem 0}.picker-panel{border:1px solid var(--border);border-radius:12px;max-width:34rem;overflow:hidden}.picker-search{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.5rem;display:flex}.picker-search input{font:inherit;border:1px solid var(--border);background:var(--card);border-radius:9px;flex:1;min-width:0;padding:.45rem .6rem}.picker-list{background:var(--card);max-height:22rem;overflow-y:auto}.picker-cat{z-index:1;background:var(--bg);color:var(--muted);padding:.35rem .7rem;font-size:.82rem;font-weight:600;position:sticky;top:0}.picker-item{border:0;border-top:1px solid var(--border);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.55rem .7rem;display:flex}.picker-item:hover{background:var(--bg)}.picker-price{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85rem}.picker-empty{padding:.8rem .7rem}.order-editor-actions{align-items:center;gap:.8rem;display:flex}.link.danger{color:var(--error)}.add-product-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.add-product-form input,.add-product-form select{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;padding:.4rem .5rem}.add-product-form input[placeholder=Название]{min-width:14rem}.chk{white-space:nowrap;color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}.cat-row{cursor:pointer}.cat-row:hover{background:var(--bg)}.cat-caret{width:1rem;color:var(--accent-strong);display:inline-block}.cat-product td:first-child{color:var(--muted);padding-left:1.6rem}.perm-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 14px;padding:6px 0;display:grid}.perm-item{cursor:pointer;align-items:center;gap:6px;font-size:.95rem;display:flex}.collapsible-head{cursor:pointer;-webkit-user-select:none;user-select:none}.pl-total{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.4rem;font-size:1rem}.dessert-stops p.muted{margin:.15rem 0 .75rem}.stop-list{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.3rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.stop-list li{border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.stop-list li label{cursor:pointer;flex:1;align-items:center;gap:.55rem;min-width:0;display:flex}.stop-list input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent);cursor:pointer;flex:none}.stop-list .stop-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stop-list li.stopped{background:var(--error-bg)}.stop-list li.stopped .stop-name{color:var(--muted);text-decoration:line-through}.stop-badge{color:var(--error);border:1px solid var(--error);white-space:nowrap;border-radius:999px;flex:none;padding:.05rem .45rem;font-size:.72rem;font-weight:600}.print-only{display:none}@media print{@page{size:A4;margin:10mm}.topbar,.page-head,.dessert-stops{display:none!important}.container{max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;margin:0;padding:0}.printable{color:#000;width:100%;font-size:10.5px;line-height:1.25}.print-only{display:block}.printable h2{margin:0 0 .25rem;font-size:13px}.printable .card{box-shadow:none;border:none;margin:0 0 .5rem;padding:0}.printable .table{white-space:normal;width:100%;display:table;overflow:visible}.printable .table th,.printable .table td{border-color:#bbb;padding:1px 6px}.printable .table thead th{border-bottom:1px solid #888}.printable .pl-prod-grid{columns:2;column-gap:8mm}.printable .pl-prod-group{break-inside:avoid;margin-bottom:2mm}.printable .pl-prod-group h4{margin:2px 0 1px;font-size:10.5px}.printable .cp-grid{columns:3;column-gap:6mm}.printable .cp-block{border:1px solid #999;border-radius:4px;margin-bottom:2mm;overflow:hidden}.printable .cp-head{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#eee;border-bottom:1px solid #bbb;padding:1px 5px;font-weight:700}.printable thead{display:table-header-group}.printable tr{break-inside:avoid}}