:root{color:#232420;background:#f3f3ef;font-family:Inter,ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}header{color:#fff;background:#181917}.head{justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:14px 24px;display:flex}.brand,.user{align-items:center;gap:13px;display:flex}.brand>span{background:#fff;border-radius:6px;width:94px;height:42px;padding:6px;display:flex}.brand img{object-fit:contain;width:100%}.brand small,.user small{color:#a7a7a2;letter-spacing:.12em;font-size:10px;display:block}.brand h1{margin:2px 0;font-size:17px}.user svg{width:18px}.user button{color:#fff;background:0 0;border:1px solid #555;border-radius:5px;padding:7px 10px}.workspace{max-width:1400px;margin:auto;padding:30px 24px}.toolbar{border-bottom:1px solid #d3d4ce;justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.toolbar h2{letter-spacing:-.04em;margin:5px 0;font-size:38px}.eyebrow{letter-spacing:.14em;color:#73756e;font-size:10px;font-weight:800}.sub{color:#777}.dark,.login button{color:#fff;background:#20211f;border:0;border-radius:6px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:flex}.dark svg{width:16px}.warning{background:#fff2cf;border:1px solid #dfc878;border-radius:7px;padding:12px}.metrics{background:#fff;border:1px solid #ddd;grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.metrics>div{border-right:1px solid #ddd;padding:18px}.metrics strong{font-size:25px;display:block}.metrics small{color:#777}.planlist{gap:8px;margin-top:20px;display:grid}.planlist article{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:14px;padding:15px;display:flex}.planlist article>div{flex:1}.planlist h3{margin:0}.planlist p{color:#777;margin:4px 0}.planlist a{color:#222;gap:6px;display:flex}.planlist a svg{width:16px}.empty{text-align:center;border:1px dashed #aaa;border-radius:8px;padding:60px}.login{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #ddd;border-radius:10px;gap:15px;width:min(390px,100% - 30px);padding:32px;display:grid}.login img{width:130px}.login h1{margin:0}.login label{gap:6px;font-size:12px;font-weight:700;display:grid}.login input{border:1px solid #bbb;border-radius:6px;padding:10px}.login [role=alert]{color:#9b2c2c;font-size:12px}@media (max-width:700px){.toolbar,.head{flex-direction:column;align-items:flex-start;gap:18px}.toolbar h2{font-size:30px}.user{width:100%}.user button{margin-left:auto}}.demo-banner{color:#191815;text-align:center;letter-spacing:.1em;background:#f1b82d;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:11px;font-weight:900;display:flex}.demo-banner svg{width:15px}.demo-heading{border-bottom:1px solid #d3d4ce;justify-content:space-between;align-items:end;padding-bottom:20px;display:flex}.demo-heading h2{letter-spacing:-.04em;margin:5px 0;font-size:42px}.version-chip{background:#fff;border:1px solid #d8d8d1;border-radius:999px;padding:11px 16px}.demo-tabs{gap:5px;margin:22px 0;display:flex}.demo-tabs button{color:#666;background:0 0;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.demo-tabs button.active{color:#fff;background:#20211f}.demo-notice{color:#34542b;background:#edf7e9;border:1px solid #b5d5a7;border-radius:7px;padding:11px 14px}.demo-actions{gap:10px;margin:18px 0;display:flex}.approve,.pdf-button,.panel-title button,.catalog-row button{color:#232420;background:#fff;border:1px solid #c9cbc4;border-radius:6px;align-items:center;gap:6px;padding:9px 12px;font-weight:700;text-decoration:none;display:flex}.demo-actions svg,.panel-title svg{width:16px}.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.schedule-grid>article{background:#fff;border:1px solid #ddd;border-radius:10px;padding:17px}.schedule-grid>article.quiet-day{border-left:5px solid #5c9950}.schedule-grid>article.busy-day{border-left:5px solid #d38a52}.day-title{border-bottom:1px solid #ecece7;justify-content:space-between;align-items:flex-start;padding-bottom:10px;display:flex}.day-title h3,.demo-panel h3{margin:0;font-size:18px}.day-title small{color:#777}.day-title span{background:#f2f2ed;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.task-card{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:12px 0;display:flex}.task-card svg{color:#777;width:16px}.task-card div{flex:1;display:grid}.task-card small,.catalog-row small{color:#777;margin-top:3px}.task-card em{text-transform:uppercase;color:#60615b;font-size:10px;font-style:normal;font-weight:800}.free-day{color:#777;font-size:13px}.catalog-columns{grid-template-columns:1fr 1.3fr;gap:15px;display:grid}.demo-panel{background:#fff;border:1px solid #ddd;border-radius:10px;padding:18px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.catalog-row{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.catalog-row>div{display:grid}.catalog-row button{padding:6px 9px;font-size:12px}.sales-panel{gap:18px;display:grid}.demo-sales{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.demo-sales label{background:#f5f5f1;border-radius:7px;gap:7px;padding:10px;font-size:12px;font-weight:700;display:grid}.demo-sales select{background:#fff;border:1px solid #bbb;border-radius:5px;padding:8px}.external-note{color:#777;font-size:12px}@media (max-width:800px){.demo-heading,.demo-actions{flex-direction:column;align-items:flex-start}.schedule-grid,.catalog-columns{grid-template-columns:1fr}.demo-sales{grid-template-columns:repeat(2,1fr)}}.print-preview{background:#fff;border:1px solid #ccc;border-radius:10px;margin-top:18px;padding:18px}.print-preview>p{color:#666;font-size:11px}.weekly-preview{border-top:1px solid #999;border-left:1px solid #999;grid-template-columns:2.8fr repeat(7,1fr);display:grid}.weekly-preview>b{color:#fff;text-align:center;background:#24251f;border-right:1px solid #666;padding:8px 4px;font-size:11px}.preview-row{display:contents}.preview-row>span,.preview-row>i{border-bottom:1px solid #999;border-right:1px solid #999;min-height:48px;padding:7px;font-size:11px}.preview-row>span{font-style:normal;display:grid}.preview-row small{color:#777;margin-top:3px}.preview-row>i{text-align:center;font-size:25px;font-style:normal}.preview-row>i.not-planned{color:#8b8c87;background:#d7d8d3}.worker-row{border-top:1px solid #eee;justify-content:space-between;align-items:center;max-width:420px;padding:12px 0;font-weight:700;display:flex}.worker-row input{text-align:center;text-transform:uppercase;border:1px solid #aaa;border-radius:5px;width:90px;padding:9px;font-weight:800}.initial-error{color:#9b2c2c;background:#fff0f0;border-radius:6px;padding:10px}.shift-group{border-top:1px solid #e6e6df;padding-top:7px}.shift-group h4{color:#555;text-transform:uppercase;letter-spacing:.08em;margin:4px 0;font-size:11px}.worker-row select{background:#fff;border:1px solid #aaa;border-radius:5px;padding:8px}.opening-hours{gap:6px;max-width:760px;margin:14px 0;display:grid}.opening-row{background:#fff;border:1px solid #dedfd9;border-radius:7px;grid-template-columns:92px 96px 126px 18px 126px minmax(130px,1fr);align-items:center;gap:10px;min-height:44px;padding:6px 10px;display:grid}.opening-day{font-weight:800}.opening-check,.opening-next{white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.opening-time input{background:#fff;border:1px solid #b8bab2;border-radius:5px;width:100%;min-width:0;padding:7px 8px}.opening-separator{text-align:center;color:#6e7069}.opening-row input:focus-visible{outline-offset:2px;outline:3px solid #7b9cff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.opening-hours{max-width:none}.opening-row{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px}.opening-day,.opening-check,.opening-next{grid-column:1/-1}.opening-time{min-width:0}.opening-start{grid-column:1/2}.opening-separator{grid-column:2/3}.opening-end{grid-column:3/4}.opening-next{justify-self:start}.opening-time input{min-width:0}}