@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;width:100%;overflow-x:hidden}body{font-family:Lexend,Segoe UI,sans-serif;line-height:1.35;background:#f4eee7;color:#141414}#root{width:100%;overflow-x:hidden}h1,h2,h3,p{margin:0}code{font-family:Cascadia Code,Consolas,monospace}.missing-env{min-height:100vh;display:grid;place-content:center;gap:8px;text-align:center;padding:20px}.missing-env h1{margin:0}.app-error{min-height:100vh;padding:20px;display:grid;place-content:center;gap:10px;text-align:center}:root{--ink: #141414;--paper: #fff9f5;--panel: #fffdfb;--line: #000;--radius: 6px;--hair: #f5bbb4;--nails: #c8e7c2;--massage: #bfdaf6;--danger: #d55d55}#root{min-height:100vh}.app-shell{margin:0 auto;width:100%;max-width:1600px;padding:10px;color:var(--ink);display:grid;gap:10px}.panel{border:3px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:10px;min-width:0}.tabs-panel{background:#fff6f2;order:1}.tabs-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.date-inline{min-width:120px;display:flex;align-items:center}.date-inline input{min-width:120px}.tab-btn{border:3px solid var(--line);border-radius:var(--radius);background:var(--tab-color);color:#111;font-weight:800}.tab-btn.active{box-shadow:inset 0 0 0 2px #fff}.panel-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.panel-title-row h2{margin:0;font-size:1rem}.panel-title-row p{margin:0;color:#3e3e3e;font-size:.82rem}.now-panel{background:#fffcf9;order:3}.now-grid{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.now-card{border:2px solid var(--line);border-radius:var(--radius);padding:8px;background:color-mix(in srgb,var(--where-color) 48%,#fff);display:grid;gap:4px}.name-line{margin:0;font-weight:800;font-size:.85rem}.role-chip{margin:0;display:inline-block;border:2px solid var(--line);border-radius:var(--radius);background:var(--role-color);width:fit-content;padding:2px 6px;font-size:.7rem;font-weight:700}.task-line,.where-line{margin:0;font-size:.78rem}.task-picker-wrap{margin-top:8px}.task-picker-wrap select{min-width:180px}.timeline-panel{--section-color: #f0f0f0;background:color-mix(in srgb,var(--section-color) 18%,#fff);order:2}.timeline-scroll{margin-top:8px;border:3px solid var(--line);border-radius:var(--radius);overflow:auto;background:color-mix(in srgb,var(--section-color) 12%,#fff);max-width:100%}table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}thead th{border-right:1px solid #000;border-bottom:2px solid #000;background:color-mix(in srgb,var(--section-color) 28%,#fff);font-size:.66rem;font-weight:800;text-align:center;padding:6px 4px}tbody th{border-right:1px solid #000;border-bottom:1px solid #000;background:color-mix(in srgb,var(--section-color) 20%,#fff);font-size:.8rem;text-align:left;font-weight:700;padding:6px 8px;white-space:nowrap}td{border-right:1px solid #000;border-bottom:1px solid #000;padding:0}.hour-start{border-left:4px solid #000!important}.name-head,.teammate-cell{min-width:120px}.sticky-col{position:sticky;left:0;z-index:3}.sticky-head{position:sticky;top:0;z-index:2}.sticky-col.sticky-head{z-index:4}input,select,button{font:inherit}input,select{border:2px solid var(--line);border-radius:var(--radius);background:#fff;padding:6px 8px;color:#111;max-width:100%}button{border:2px solid var(--line);border-radius:var(--radius);background:#fff;color:#111;padding:6px 10px;font-weight:700;cursor:pointer;max-width:100%}button:disabled{cursor:not-allowed;opacity:.6}label{display:grid;gap:5px;font-size:.78rem;font-weight:600}.slot-btn{--task-color: #f2f2f2;width:44px;min-height:28px;border:0;border-radius:0;background:color-mix(in srgb,var(--task-color) 26%,#fff);color:transparent;font-size:.56rem;font-weight:700;padding:2px;touch-action:manipulation}.slot-btn:hover{background:color-mix(in srgb,var(--task-color) 40%,#fff)}.slot-btn.filled{color:#111;background:color-mix(in srgb,var(--task-color) 70%,#fff)}.slot-btn.now{box-shadow:inset 0 0 0 2px var(--danger)}.admin-panel{background:#fff9f4;order:4}.admin-unlock,.add-employee{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.admin-unlock{display:flex;gap:8px;align-items:stretch}.admin-password-input,.admin-unlock button{height:40px}.admin-password-input{flex:1 1 220px}.employee-list{margin-top:10px;display:grid;gap:8px}.employee-row{border:2px solid #000;border-radius:var(--radius);background:#fff;padding:8px;display:grid;gap:8px;grid-template-columns:1.2fr .9fr auto auto auto;align-items:center;min-width:0}.employee-row>*{min-width:0}.switch-row{display:flex;align-items:center;gap:6px;font-size:.74rem}.danger-btn{background:#ffe2e2}.status-message{margin:0;border:3px solid #000;border-radius:var(--radius);background:#fff4de;padding:8px;font-size:.82rem;font-weight:700;order:5}.foot-note{margin:0;font-size:.72rem;color:#3e3e3e;text-align:right;order:6}.loading-panel{text-align:center;font-weight:700}@media(max-width:980px){.employee-row{grid-template-columns:1fr}.name-head,.teammate-cell{min-width:90px}.slot-btn{width:36px;min-height:24px;font-size:.52rem}}@media(max-height:520px)and (orientation:landscape){.app-shell{gap:8px;padding:8px}.panel{padding:8px}.now-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.slot-btn{width:34px;min-height:22px;font-size:.5rem}}