:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#26332f;background:#f6f3ee;--ink:#26332f;--muted:#63716b;--paper:#fff;--line:#e4e5de;--green:#275c4d;--green-dark:#194b3d;--cream:#f6f3ee;--soft:#edf3ee;--red:#a6453b;--amber:#8c6126;--radius:16px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--green)}:focus-visible{outline:3px solid #7bae93;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(25px,3vw,36px);line-height:1.15;letter-spacing:-.035em}h2{font-size:21px;letter-spacing:-.025em}h3{font-size:16px}small,.subtle{color:var(--muted)}.boot{padding:40px}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{background:#fcfbf8;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:4px 12px;font-size:17px;font-weight:750;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:#fff;border-radius:11px;font-size:19px}.nav{display:grid;gap:5px}.nav button,.sidebar-foot button{width:100%;text-align:left;border:0;background:transparent;color:#4d5d54;padding:12px 13px;border-radius:10px;min-height:45px;display:flex;align-items:center;gap:11px;font-weight:590}.nav button:hover,.sidebar-foot button:hover{background:#edf1eb}.nav button.active{background:#e2ece4;color:var(--green-dark)}.nav svg{width:19px;height:19px;stroke-width:1.8}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.main{min-width:0;padding:28px clamp(20px,3.3vw,56px) 72px}.topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:750;margin-bottom:9px}.top-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.btn{border:1px solid #cdd8ce;border-radius:10px;background:#fff;color:var(--ink);padding:10px 15px;min-height:44px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn:hover{background:#f1f6f0}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:var(--green-dark)}.btn.danger{color:var(--red);border-color:#eacac4}.btn.ghost{background:transparent;border-color:transparent}.btn.small{padding:7px 10px;min-height:36px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.stat,.panel,.order-card,.item-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.stat{padding:18px}.stat .label{font-size:13px;color:var(--muted);margin-bottom:8px}.stat strong{font-size:26px;letter-spacing:-.04em}.panel{padding:20px;margin-bottom:16px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.space{justify-content:space-between}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;min-height:42px;color:#55655b}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.input,.select,.textarea{width:100%;border:1px solid #cbd4ca;background:#fff;border-radius:10px;color:var(--ink);padding:10px 12px;min-height:44px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #cbe3d2}.textarea{min-height:86px;resize:vertical}.field{display:grid;gap:6px;min-width:0}.field label{font-size:13px;font-weight:700;color:#46554b}.field .hint{font-size:12px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span-all{grid-column:1/-1}.search{max-width:300px;min-width:180px}.order-list{display:grid;gap:9px;margin-top:16px}.order-card{padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.order-card:hover{border-color:#a6c4ac}.order-card h3{margin:0 0 6px;font-size:16px}.order-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.order-card .side{text-align:right;display:grid;gap:8px;justify-items:end}.order-card .side strong{white-space:nowrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#edf3ed;color:#356249;white-space:nowrap}.badge.warn{background:#fff1d9;color:#81581d}.badge.danger{background:#fae9e4;color:#9a3e34}.badge.gray{background:#eff0ed;color:#59675d}.empty{padding:38px 18px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:18px;margin-bottom:8px}.drawer-backdrop{position:fixed;inset:0;background:rgba(20,36,28,.42);z-index:20}.drawer{position:absolute;right:0;top:0;height:100%;width:min(860px,100%);background:var(--cream);overflow:auto;box-shadow:-12px 0 40px #1c2e2030}.drawer-header{position:sticky;top:0;background:#fcfbf8;border-bottom:1px solid var(--line);z-index:2;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-content{padding:24px 22px 110px}.drawer-footer{position:sticky;bottom:0;background:#fcfbf8;border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.form-section{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0 0 14px}.form-section h3{margin:0 0 16px}.item-card{padding:16px;margin:10px 0;background:#fdfdfa}.item-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.item-card h4{margin:0}.callout{border:1px solid #c7dccc;background:#edf6ee;border-radius:12px;padding:12px 14px;color:#305842;font-size:13px}.errorbox{border:1px solid #e1aaa0;background:#fff1ed;color:#8c3229;border-radius:12px;padding:12px 14px;margin-bottom:15px}.detail-hero{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.detail-hero h2{margin-bottom:5px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.kv{margin:0 0 8px;color:var(--muted);font-size:13px}.kv b{display:block;color:var(--ink);font-size:15px;margin-top:3px;font-weight:650}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{padding:10px 0;border-bottom:1px solid var(--line)}.plain-list li:last-child{border-bottom:0}.timeline{border-left:2px solid #dae6dc;padding-left:15px;margin-left:6px}.timeline>div{padding:0 0 14px;position:relative;font-size:13px}.timeline>div:before{content:"";position:absolute;left:-21px;top:3px;background:var(--green);width:10px;height:10px;border-radius:50%}.photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.photo-grid figure{width:92px;margin:0}.photo-grid img{width:92px;height:92px;object-fit:cover;border-radius:8px;cursor:zoom-in}.photo-grid figcaption{font-size:11px;color:var(--muted);line-height:1.3}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-grid .dow{text-align:center;font-size:12px;color:var(--muted);padding:8px}.day{border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left;min-height:88px;padding:10px}.day.has{background:#f1f7f0;border-color:#bed5c3}.day.today{outline:2px solid var(--green)}.day strong{display:block}.day small{display:block;margin-top:8px;line-height:1.35}.day:hover{border-color:var(--green)}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{padding:11px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.simple-table th{color:var(--muted);font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:white;border:1px solid var(--line);border-radius:20px;padding:32px;width:min(420px,100%)}.login-card h1{font-size:28px}.login-card form{display:grid;gap:15px}.login-card .btn{width:100%}.tabbar{display:none}.offline-banner{background:#fff0d1;border:1px solid #e7c88a;color:#6a4c1e;padding:11px 15px;border-radius:10px;margin-bottom:15px;font-size:13px}.stack{display:grid;gap:12px}.right{text-align:right}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#263b31;color:white;padding:11px 18px;border-radius:12px;box-shadow:0 8px 25px #20382730;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;max-width:min(460px,90vw);text-align:center}#toast.visible{opacity:1}.link-button{border:0;background:none;color:var(--green);text-decoration:underline;padding:0}.nowrap{white-space:nowrap}.two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}.progress{height:7px;border-radius:10px;background:#e6e9e3;overflow:hidden}.progress span{display:block;background:#649276;height:100%}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.sidebar{width:70px;padding-inline:8px}.app-shell{grid-template-columns:70px minmax(0,1fr)}.sidebar .brand span:last-child,.sidebar .nav button span,.sidebar-foot span{display:none}.sidebar .brand{padding:3px}.sidebar .nav button,.sidebar-foot button{justify-content:center}}
@media(max-width:700px){.app-shell{display:block}.sidebar{display:none}.main{padding:22px 15px 95px}.topline{align-items:flex-start}.topline .top-actions{justify-content:flex-end}.topline .top-actions .btn.ghost{display:none}.cards{gap:8px}.stat{padding:13px}.stat strong{font-size:20px}.stat .label{font-size:11px}.panel{padding:15px}.field-grid,.field-grid.three,.detail-grid{grid-template-columns:1fr}.field-grid .span-all{grid-column:auto}.order-card{padding:14px;grid-template-columns:1fr}.order-card .side{display:flex;justify-content:space-between;align-items:center;text-align:left}.drawer-content{padding:15px 14px 100px}.drawer-header{padding:12px 15px}.drawer-footer{padding:10px 14px;justify-content:stretch}.drawer-footer .btn{flex:1}.form-section{padding:15px}.calendar-grid{gap:2px}.day{min-height:65px;padding:5px;border-radius:6px}.day small{font-size:10px;margin-top:4px}.tabbar{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;background:#fcfbf8;border-top:1px solid var(--line);padding:6px 5px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.tabbar button{border:0;background:none;color:#68776b;display:grid;justify-items:center;gap:2px;min-width:58px;min-height:45px;padding:4px;font-size:10px;font-weight:650}.tabbar button.active{color:var(--green-dark)}.tabbar svg{width:20px;height:20px}.search{width:100%;max-width:none}.filters{width:100%}.filters .filter{font-size:12px;padding:8px 11px}.simple-table{display:block;overflow:auto}.login-wrap{align-items:start;padding-top:10vh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.set-component{padding:12px 0;border-top:1px solid var(--line);margin-top:10px}.set-component .btn{justify-self:start}.local-photos{margin-top:8px}.local-photos .field{margin-top:8px}
[hidden]{display:none!important}
.year-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}
.year-grid .day{min-height:90px}
.audit-detail{margin-top:7px}.audit-detail summary{color:var(--green);cursor:pointer;font-weight:650}.audit-detail ul{padding-left:18px;margin:7px 0 0}.audit-detail li{margin-bottom:5px;line-height:1.45;overflow-wrap:anywhere}
.production-contact{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 8px;font-size:16px}.production-contact a{font-weight:650;overflow-wrap:anywhere}.production-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;color:var(--muted);font-size:14px}.production-meta strong{color:var(--ink)}.delivery-card p{font-size:15px;margin-top:5px}.order-card p a{font-size:16px;font-weight:650;overflow-wrap:anywhere}
@media(max-width:700px){.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.year-grid .day{min-height:75px}}
:where([hidden]){display:none!important}
.wizard-progress{padding:12px 0;margin-bottom:12px;font-weight:700;color:var(--accent,#285a42);border-bottom:2px solid currentColor}
.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;background:#f4f2ed;border-radius:12px;padding:16px}
.staff-edit{padding:16px 0;border-bottom:1px solid #ddd}
.local-photos{overflow-wrap:anywhere;margin-top:8px}
.drawer-footer{flex-wrap:wrap}
.drawer-footer .btn{min-height:44px}
.telegram-staff-list{margin-top:16px;border-top:1px solid var(--line)}
.telegram-staff-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.telegram-staff-row .subtle{margin-top:4px;overflow-wrap:anywhere}
.telegram-staff-actions,.telegram-invite-copy{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.telegram-staff-actions .btn,.telegram-invite-copy .btn{min-height:44px}
.telegram-invite-box{flex-basis:100%;background:#f4f2ed;border-radius:12px;padding:14px}
.telegram-invite-box label{display:block;font-weight:650;margin-bottom:8px}
.telegram-invite-copy .input{flex:1;min-width:190px}
@media(max-width:700px){.telegram-staff-row{align-items:stretch}.telegram-staff-actions{width:100%}.telegram-staff-actions .btn{flex:1}}
.order-filterbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.secondary-filters{justify-content:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.secondary-filters label,.period-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.secondary-filters .select{min-width:125px}.period-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:16px}.period-controls .input{width:auto}.order-actions{margin-top:18px}.order-actions summary{cursor:pointer;color:var(--green);font-weight:700;min-height:44px;display:flex;align-items:center}.order-actions .hint{margin:8px 0 14px}.order-actions .row{gap:9px}.photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.danger-text{color:var(--red)}.local-photo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}.local-photo img{width:88px;height:88px;object-fit:cover;border-radius:9px}.local-photo strong{display:block;font-size:13px;margin-bottom:8px}.local-photo .btn{margin-top:8px}
@media(max-width:700px){.order-filterbar{align-items:stretch}.order-filterbar .search{order:-1}.secondary-filters label{flex:1;min-width:130px}.period-controls label{flex:1;min-width:125px}.period-controls .input{width:100%}.period-controls .btn{width:100%}.photo-grid figure{width:104px}.photo-grid img{width:104px;height:104px}}
.install-app-panel{max-width:560px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin:0 0 16px;background:#edf4ed;border:1px solid #c7dccc;border-radius:var(--radius)}
.install-app-panel strong{display:block;margin-bottom:5px;color:var(--green-dark)}
.install-app-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.install-app-panel .btn{flex:none}
.login-card .install-app-panel{margin:22px 0 0;padding:15px;display:grid;gap:12px}
.login-card .install-app-panel .btn{width:100%}
@media(max-width:700px){.install-app-panel{display:grid;gap:12px;padding:15px}.install-app-panel .btn{width:100%}}
@supports(padding:max(0px)){.main{padding-top:max(28px,env(safe-area-inset-top))}.drawer-header{padding-top:max(15px,env(safe-area-inset-top))}.login-wrap{padding-top:max(20px,env(safe-area-inset-top))}#toast{bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:700px){.main{padding-top:max(22px,env(safe-area-inset-top))}.drawer-header{padding-top:max(12px,env(safe-area-inset-top))}.login-wrap{padding-top:max(10vh,env(safe-area-inset-top))}}}
.catalog-controls{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.catalog-controls .input{flex:2;min-width:180px}.catalog-controls .select{flex:1;min-width:150px}.catalog-list{display:grid;gap:0}.catalog-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.catalog-row strong{display:block}.catalog-row p{font-size:13px;color:var(--muted);line-height:1.45;margin:7px 0 0}.catalog-price{display:grid;justify-items:end;text-align:right;gap:7px;min-width:125px}.catalog-price strong{color:var(--green-dark);white-space:nowrap}.catalog-inactive{opacity:.55}.catalog-toggle{display:flex;align-items:center;gap:9px}.catalog-toggle input{width:18px;height:18px}.catalog-calc{margin-bottom:15px}.catalog-calc p{margin:7px 0 10px;line-height:1.45}@media(max-width:700px){.catalog-row{display:grid;gap:9px}.catalog-price{display:flex;justify-content:space-between;align-items:center;text-align:left}.catalog-controls .input,.catalog-controls .select{width:100%;flex:auto}}
:root{--task-completed-bg:#f1f4f2}
.task-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0}
.task-text{display:block;margin:6px 0}
.task-status{font-size:12px;font-weight:700}
.task-completed{background:var(--task-completed-bg);padding:16px;border-radius:10px;margin:8px 0;color:#516157}
.task-completed .task-text{text-decoration:line-through;font-weight:500}
.completed-tasks summary{font-weight:700;cursor:pointer;padding:8px 0}
.receipt-preview{width:min(800px,calc(100% - 24px));height:min(900px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;overflow:hidden}
.receipt-preview::backdrop{background:rgba(0,0,0,.55)}
.receipt-preview[open]{display:flex;flex-direction:column}
.receipt-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #ddd;flex-shrink:0}
.receipt-preview h2{margin:0;font-size:20px}
.receipt-preview-body{flex:1;min-height:0;overflow:auto;padding:12px;text-align:center}
.receipt-preview-body img{display:block;max-width:100%;height:auto;margin:auto}
.receipt-preview-body canvas{display:block;max-width:100%;height:auto;margin:auto;background:white}
.receipt-pages{display:flex;justify-content:center;gap:12px;align-items:center;margin-bottom:12px}
@media(max-width:520px){.task-row{align-items:flex-start;flex-direction:column}.task-row>.row{flex-wrap:wrap}.receipt-preview header{padding-top:max(16px,env(safe-area-inset-top))}}