@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233b35;background:#f4f6f5;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #459b80;outline-offset:3px}button{color:inherit}button:disabled{cursor:default}svg{flex-shrink:0}h1,h2,p{margin:0}button{border:0;background:none}small{font-size:16px}.topbar{height:83px;padding:0 32px;background:#fff;border-bottom:1px solid #e3e9e5;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;line-height:1.1;letter-spacing:-1px}.brand-mark{width:41px;height:43px;background:#194b3e;display:grid;place-items:center;color:#fff;border-radius:12px}.brand-dot{color:#5b947f}.brand small{display:block;font-family:DM Sans,sans-serif;letter-spacing:1.8px;font-size:16px;margin-top:7px;color:#89968f;font-weight:600}.header-right{display:flex;gap:24px;align-items:center}.demo-badge{display:flex;align-items:center;gap:7px;color:#8a6a32;font-size:16px;background:#fcf6e9;padding:7px 10px;border:1px solid #f3e9d3;border-radius:6px}.demo-badge>span{width:5px;height:5px;border-radius:100%;background:#c6a051}.save-indicator{display:flex;align-items:center;gap:6px;font-size:16px;color:#7c8b83}.profile{width:34px;height:34px;border-radius:100%;background:#e7efeb;display:grid;place-items:center;font-weight:700;font-size:16px;color:#486253}main{padding:27px 28px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:16px;font-weight:700;letter-spacing:1.6px;color:#6d897b;margin-bottom:7px}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-.8px}.page-heading p{font-size:16px;color:#849087;margin-top:6px}.day-controls{display:flex;gap:18px;align-items:center}.date{font-size:16px;display:flex;align-items:center;gap:8px;color:#64776b}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;min-height:42px;padding:0 14px;font-size:16px;font-weight:600;white-space:nowrap}.secondary{border:1px solid #dce3dd;background:#fff}.primary{background:#205440;color:#fff;border:1px solid #205440;box-shadow:0 2px 2px #163d3610}.primary:hover{background:#173e30}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:24px}.stat{border:1px solid #e3e8e4;background:#fff;border-radius:10px;padding:18px 17px;display:flex;justify-content:space-between;box-shadow:0 2px 3px #12342502}.stat>div{display:flex;flex-direction:column}.stat>div>span{font-size:16px;font-weight:500;color:#6f7e75}.stat strong{font-family:Manrope,sans-serif;font-size:30px;font-weight:700;margin:6px 0 5px;line-height:1}.stat small{color:#94a098;font-size:16px}.stat-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px}.stat-icon svg{width:17px;height:17px}.stat-icon.green{background:#eaf2ed;color:#60836b}.stat-icon.blue{background:#ebf1f7;color:#6385a5}.stat-icon.amber{background:#fcf4e8;color:#bf934c}.stat-icon.purple{background:#f1ecf7;color:#9b80b4}.stat-icon.gray{background:#eff1ef;color:#8b978d}.toolbar{display:flex;align-items:center;justify-content:flex-end;padding-bottom:18px;border-bottom:1px solid #e0e6e1;gap:12px}nav{display:flex;padding:4px;border:1px solid #e0e6e1;border-radius:9px;background:#eaf0eb;gap:4px}nav button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;height:37px;border-radius:6px;font-size:16px;color:#76857a;font-weight:500}nav button.active{background:#fff;color:#24563f;box-shadow:0 1px 4px #14352713;font-weight:700}.toolbar-actions{display:flex;gap:10px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e7e1;border-radius:7px;padding:0 12px;color:#8c9b90}.search input{width:145px;border:none;background:none;font-size:16px;height:40px;color:#344e3d;outline:none}.search button{padding:5px}.instruction{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;color:#849187}.instruction>span{display:flex;align-items:center;gap:7px}.instruction small{font-size:16px;color:#9aa49d}.info{border:1px solid #9baa9e;width:14px;height:14px;display:grid;place-items:center;font-size:16px;font-weight:700;border-radius:50%}.instruction.has-selection{color:#215a40}.instruction button{display:flex;align-items:center;gap:6px;font-size:16px;min-height:42px}.board{display:grid;gap:14px;height:calc(100dvh - 425px);min-height:450px}.board.prepare{grid-template-columns:1.2fr 1fr 1fr}.board.work{grid-template-columns:280px 280px minmax(300px,1fr) 260px;gap:12px}.panel{border:1px solid #e0e6e1;border-radius:10px;background:#fcfdfc;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{padding:17px 14px;display:flex;align-items:center;gap:10px;min-height:83px;background:#fff}.heading-icon{color:#698071}.panel h2,.column-title h2,.action-column h2{font-size:16px;font-weight:700}.panel-head small{font-size:16px;color:#94a197;display:block;margin-top:5px}.count{font-size:16px;display:grid;place-items:center;min-width:25px;height:25px;border-radius:6px;background:#edf1ee;color:#6f8477;margin-left:auto}.panel-subtitle{display:flex;justify-content:space-between;gap:5px;font-size:16px;font-weight:600;letter-spacing:.8px;padding:12px 13px;color:#98a29b;border-top:1px solid #e7ece7}.panel-subtitle>span{font-size:16px;letter-spacing:0;font-weight:400}.person-list{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:0 9px 10px;scrollbar-width:thin;scrollbar-color:#d8e0d9 transparent;min-height:0}.person{position:relative;border:1px solid #e2e8e2;border-radius:7px;background:#fff;margin-bottom:7px;box-shadow:0 1px 2px #19382903;transition:border-color .1s}.person:hover{border-color:#9bb5a6}.person.selected{border-color:#26734e;box-shadow:0 0 0 2px #26734e30;background:#f2f9f4}.person.dragging{opacity:.35}.person-select{width:100%;min-height:61px;display:flex;align-items:center;gap:9px;padding:10px 9px;text-align:left;touch-action:pan-y;user-select:none;-webkit-user-select:none}.avatar{width:32px;height:32px;min-width:32px;display:grid;place-items:center;border-radius:9px;background:#f0f3ef;color:#7c8a7c;font-size:16px;font-weight:600}.avatar.early{background:#faf0d9;color:#b08b3d}.avatar.late{background:#e9edf9;color:#7d89b3}.avatar.done{background:#eaf3ed;color:#6e917b}.person-text{min-width:0;flex:1}.person-text strong{font-size:16px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3d5042}.person-text small{font-size:16px;color:#9aa59b;display:flex;align-items:center;gap:4px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:4px;height:4px;border-radius:50%;display:inline-block;background:#aeb9ad;flex-shrink:0}.dot.early{background:#c5a35b}.dot.late{background:#8998c5}.dot.break{background:#a88cb8}.dot.done,.dot.green{background:#659773}.grip{color:#c2ccc2}.cups{flex-shrink:0;font-size:22px;line-height:1.2;white-space:nowrap}.cups:not(:empty){padding:4px 5px;border-radius:6px;background:#faf0d9}.edit-person{position:absolute;right:4px;top:9px;background:#fff!important;opacity:0}.person:hover .edit-person,.person:focus-within .edit-person{opacity:1}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;color:#8b9b8e}.icon-button:hover{background:#e9efea;color:#37563e}.panel-footer{padding:12px;border-top:1px solid #e6ebe5;font-size:16px;color:#99a499;display:flex;align-items:center;gap:6px}.drop{transition:box-shadow .12s,background .12s}.target-button{width:100%;height:100%;text-align:left;padding:0}.shift-head .target-button{display:flex;align-items:center;gap:10px;padding:18px 13px;min-height:83px}.shift-head strong{font-size:16px}.shift-head small{display:block;font-size:16px;margin-top:6px;opacity:.65}.shift-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px}.early .shift-head{background:#fbf6e9;color:#8f753f}.early .shift-icon{background:#f6edcf}.early .count{background:#f2eacb;color:#a18951}.late .shift-head{background:#f0f1fa;color:#717ca4}.late .shift-icon{background:#e5e9f6}.late .count{background:#e4e7f3;color:#7e89ac}.over{box-shadow:inset 0 0 0 3px #418968!important;background:#e3f0e8!important}.empty{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px;color:#b0bbae;padding:42px 14px}.empty strong{font-size:16px;color:#8c9b8e;font-weight:500}.empty p{font-size:16px;line-height:1.7;max-width:215px;color:#9ba89c}.unassign{border:1px dashed #d5e0d5;margin:0 10px 3px;border-radius:5px}.unassign .target-button{font-size:16px;color:#849584;padding:13px 8px;text-align:center}.sections-column{display:flex;flex-direction:column;min-height:0}.column-title{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 3px 7px}.sections-scroll{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;align-content:start;grid-auto-rows:max-content;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8e0d9 transparent;padding-right:2px}.section-box{background:#fff;border:1px solid #e0e6df;border-radius:9px;overflow:hidden;container-type:inline-size}.section-title{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #eef1ec}.section-title>span{display:flex;align-items:center;gap:8px}.section-title strong{font-size:16px;font-weight:600}.section-title small{font-size:16px;color:#94a18f;border-left:1px solid #d9e2d7;padding-left:8px}.slots{padding:9px;display:grid;grid-template-columns:1fr;gap:7px}.slot-wrap{position:relative;min-height:47px}.slot-wrap .drop{height:100%;border:1px dashed #dce5d7;border-radius:6px;min-height:47px;background:#fcfdfb}.slot-wrap .target-button{display:flex;align-items:center;gap:8px;min-height:47px;padding:5px 9px;color:#b1beab;font-size:16px}.slot-number{font-size:16px;color:#b7c3b0;flex-shrink:0}.slot-person{position:absolute;top:0;left:25px;right:0;bottom:0}.slot-person .person{margin:0;height:100%;border-color:#e0e8dc}.slot-person .person-select{min-height:47px;height:100%;padding:5px 7px}.slot-person .avatar{width:26px;min-width:26px;height:28px;border-radius:6px;font-size:16px}.slot-person .person-text strong{font-size:16px}.slot-person .person-text small{font-size:16px;margin-top:3px}.occupied .target-button{padding-left:7px}.add-section{grid-column:1 / -1;border:1px dashed #cbd8c7;border-radius:7px;color:#8e9e86;min-height:43px;display:flex;justify-content:center;align-items:center;gap:6px;width:100%;font-size:16px}.action-column{display:flex;flex-direction:column;gap:13px;min-height:0}.finish-panel{border:1px solid #d7e5da;background:#edf5ef;border-radius:9px;overflow:hidden;flex-shrink:0}.finish-panel .target-button{padding:18px 14px 15px}.action-icon{width:40px;height:40px;display:grid;place-items:center;background:#dfece2;color:#648d6c;border-radius:10px;margin-bottom:13px}.finish-panel h2{color:#52785a}.finish-panel p{font-size:16px;line-height:1.7;color:#8caa91;margin-top:8px}.action-caption{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#72977a;margin-top:19px}.finished-count{display:block;border-top:1px solid #dae7dd;text-align:center;color:#8ca591;font-size:16px;padding:12px 6px}.finished-count b{font-weight:600;color:#60836a}.break-panel{flex:1;min-height:190px;background:#f6f3f9;border:1px solid #e7dfef;border-radius:9px;display:flex;flex-direction:column;overflow:hidden}.break-panel>.drop{flex-shrink:0}.break-panel .target-button{padding:16px 12px}.break-title{display:flex;align-items:center;gap:8px;color:#9278a5}.break-title .count{background:#eae2f1;color:#987aac}.break-panel p{font-size:16px;color:#b09dbc;margin:9px 0}.break-rules{display:flex;gap:10px;padding-top:8px;font-size:16px;color:#b09dbc}.break-rules span{display:flex;gap:5px}.break-rules b{font-weight:500;color:#947fa4}.break-list{overflow:auto;flex:1;padding:0 7px;scrollbar-width:thin}.break-list .person-select{padding:8px 6px;gap:5px}.break-list .person-text strong{font-size:16px}.break-list .avatar{min-width:25px;width:25px;height:29px}.break-list .grip{display:none}.break-list .empty{padding:24px 3px;color:#c6b4d0;gap:0}.break-footer{padding:11px 5px;border-top:1px solid #e8e0ec;text-align:center;font-size:16px;color:#baa8c4}footer{display:flex;align-items:center;justify-content:space-between;color:#a0ada0;font-size:16px;min-height:42px}footer span{display:flex;gap:5px;align-items:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#214838;color:#fff;border-radius:10px;box-shadow:0 8px 30px #17332935;padding:12px 12px 12px 18px;display:flex;gap:20px;align-items:center;z-index:1000;max-width:90vw;font-size:16px}.toast button{color:#fff;min-width:32px;min-height:32px}.drag-overlay{display:flex;gap:10px;align-items:center;min-width:175px;background:#fff;border:2px solid #4f8264;padding:16px;border-radius:8px;box-shadow:0 8px 24px #183f3528;font-size:16px}.storage-error{padding:12px;background:#ffeadc;color:#8b3b21;border-radius:7px;margin-bottom:12px;font-size:16px}dialog{width:min(470px,90vw);border:1px solid #d8e4d9;border-radius:14px;padding:24px;color:#34523d;box-shadow:0 20px 100px #0b2d3030}dialog::backdrop{background:#13352b66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-heading h2{font-size:19px}.field{display:flex;flex-direction:column;gap:9px;font-size:16px;margin-top:17px;font-weight:600}.field input{border:1px solid #d9e1d8;border-radius:7px;height:46px;padding:10px;color:#34523d;width:100%}.field small{font-weight:400;line-height:1.6;color:#8b9b8c}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.danger{color:#ac4e42;margin-right:auto}.reset-description{font-size:16px;line-height:1.9;color:#758875}.form-error{background:#fff0e9;color:#a85037;padding:12px;border-radius:6px;font-size:16px;margin-top:15px}@media(min-width:1550px){.person-text strong{font-size:16px}}@media(max-width:1180px){main{padding:22px 18px 0}.topbar{padding:0 20px}.board.work{grid-template-columns:200px 200px 300px 190px;overflow-x:auto;padding-bottom:10px}.day-controls{gap:10px}.date{font-size:16px}.instruction small{display:none}.stat{padding:14px 12px}.stat-icon{width:28px;height:28px}.stats{gap:9px}.person-select{min-height:64px}.edit-person{opacity:1;background:transparent!important;width:27px}.all-panel .person-select{padding-right:29px}.all-panel .grip{display:none}.board{height:calc(100dvh - 410px)}}@media(pointer:coarse){.icon-button{min-height:44px;min-width:40px}.edit-person{opacity:1;min-width:30px}.all-panel .person-select{padding-right:32px}.all-panel .grip{display:none}.slot-wrap,.slot-wrap .drop,.slot-wrap .target-button,.slot-person .person-select{min-height:54px}.person-select{min-height:66px}.button{min-height:44px}nav button{min-height:42px}}@media(max-width:760px){.topbar{height:70px;padding:0 16px}.header-right{gap:10px}.save-indicator{display:none}.brand{font-size:24px}.profile{display:none}main{padding:20px 14px 0}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}h1{font-size:22px}.page-heading p{font-size:16px}.day-controls{width:100%;justify-content:space-between}.stats{display:flex;overflow:auto;margin-bottom:18px;padding-bottom:4px}.stat{min-width:155px;flex:1}.stat strong{font-size:27px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-actions{justify-content:space-between}.search{flex:1;min-width:0}.search input{width:100%;min-width:0}.instruction{font-size:16px;min-height:64px}.instruction>span{flex-wrap:wrap;line-height:1.6}.instruction button{white-space:nowrap}.board.prepare{grid-template-columns:250px 235px 235px;overflow-x:auto;padding-bottom:10px}.board{height:570px;min-height:450px}.board.work{height:620px}footer{font-size:16px}footer>span:last-child{display:none}}.person-text strong{white-space:normal;line-height:1.35;font-size:16px}.person-text small,.slot-person .person-text strong,.shift-head strong{font-size:16px}.edit-person{min-width:36px;min-height:44px;top:5px}.board.work .all-panel .person-select{padding-right:30px}.board.work .all-panel .grip{display:none}@media(min-width:761px)and (max-width:1180px){.board.work{grid-template-columns:minmax(175px,1fr) minmax(175px,1fr) minmax(270px,1.5fr) minmax(180px,1fr)}}@media(min-width:761px)and (max-height:900px){.topbar{height:68px}main{padding-top:18px}.page-heading{margin-bottom:18px}.stats{margin-bottom:16px}.stat{padding:12px}.stat strong{font-size:26px}.toolbar{padding-bottom:12px}.instruction{min-height:46px}.board{height:calc(100dvh - 410px);min-height:355px}}.person-select,.slot-wrap,.slot-wrap .drop,.slot-wrap .target-button,.slot-person .person-select{min-height:72px}.topbar{min-height:88px;height:auto;padding-block:14px;gap:20px}.brand small{letter-spacing:.4px}.header-right,.day-controls,.toolbar,.toolbar-actions,.page-heading{flex-wrap:wrap}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{gap:8px}.stat small,.stat>div>span{line-height:1.45}.stat-icon{flex-shrink:0}.instruction{padding-block:12px;line-height:1.5}.instruction>span{flex-wrap:wrap}.info{min-width:22px;height:22px}.board.work{grid-template-columns:280px 280px minmax(300px,1fr) 260px;overflow-x:auto}.board{min-height:560px}.slots{grid-template-columns:1fr}.panel-head,.shift-head .target-button{min-height:125px}.shift-head .target-button>span:nth-child(2){min-width:0}.panel-subtitle{flex-wrap:wrap;line-height:1.5;letter-spacing:0}.person-text small{white-space:normal;line-height:1.35}.person-select,.slot-wrap,.slot-wrap .drop,.slot-wrap .target-button,.slot-person .person-select{min-height:96px}.person-text strong{overflow-wrap:anywhere}.panel-footer,.break-footer,.finished-count{line-height:1.5;flex-shrink:0}.section-title>span,.break-rules{flex-wrap:wrap}.section-title small{white-space:nowrap}.break-title{flex-wrap:wrap}.break-panel{min-height:280px}.search{min-width:220px}.search input{width:180px}footer{flex-wrap:wrap;gap:12px;padding-block:14px;line-height:1.5}.modal-actions{flex-wrap:wrap}@media(max-width:900px){.stats{display:flex;overflow-x:auto}.stat{min-width:205px}.board.prepare{grid-template-columns:300px 280px 280px;overflow-x:auto}.header-right{justify-content:flex-end}.instruction small{display:none}}@media(max-width:760px){.topbar{flex-wrap:wrap}.brand{font-size:24px}.header-right{justify-content:flex-start}nav{flex-wrap:wrap}nav button{min-height:44px;height:auto;padding-block:8px}.toolbar-actions{flex-wrap:wrap}.search{width:100%}}@container (min-width: 400px){.slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar{justify-content:flex-start}.topbar nav{margin-left:12px}.topbar .header-right{margin-left:auto}@media(max-width:1320px){.demo-badge{display:none}}@media(max-width:760px){.topbar nav{order:3;width:100%;margin-left:0}.topbar nav button{flex:1;padding-inline:6px}}@media(min-width:761px){.board.prepare,.board.work{height:calc(100dvh - 285px);min-height:620px}}@media(min-width:761px)and (max-width:1250px){.board.work{grid-template-columns:260px 260px minmax(300px,1fr) 240px}}