:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17231d;background:#edf2ef;--green: #1f7a52;--green-dark: #155c3d;--line: #dce4df;--muted: #68756e;--name-width: 176px;--slot-width: 44px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:#17231d;border-radius:8px;padding:8px 12px}button:disabled{cursor:not-allowed;opacity:.48}button:hover:not(:disabled){border-color:#9eb1a6}.action-progress{position:fixed;right:16px;bottom:16px;z-index:1000;pointer-events:none}.action-progress-card{display:flex;align-items:center;gap:12px;min-width:270px;padding:16px 18px;border:1px solid #cbd9d1;border-radius:13px;background:#fff;box-shadow:0 18px 55px #142d2050}.action-progress-card b,.action-progress-card small{display:block}.action-progress-card small{margin-top:2px;color:var(--muted)}.action-spinner{width:28px;height:28px;border:3px solid #cfe1d7;border-top-color:var(--green);border-radius:50%;animation:action-spin .75s linear infinite}@keyframes action-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.action-spinner{animation-duration:1.6s}}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}.primary:hover:not(:disabled){background:var(--green-dark)}.danger{color:#a9362d;border-color:#e1aaa5;background:#fff6f5}.link-button{border:0;background:transparent;color:var(--green);width:100%}.topbar{height:68px;background:linear-gradient(112deg,#164f37,#237b54);color:#fff;display:flex;align-items:center;padding:0 24px;gap:24px;box-shadow:0 3px 12px #143c2a29}.product{display:flex;align-items:center;gap:10px;min-width:240px}.product>span{font-size:26px}.product small,.company span{display:block;font-size:11px;opacity:.72}.topbar nav{height:100%;display:flex}.topbar nav button{border:0;border-radius:0;background:transparent;color:#d5e6dd;border-bottom:3px solid transparent}.topbar nav button.active{color:#fff;border-bottom-color:#f0b057}.company{margin-left:auto;display:flex;align-items:center;gap:10px}.company img{width:40px;height:40px;object-fit:contain;padding:2px;background:#fff;border-radius:7px}.company button{padding:6px 9px;background:#ffffff18;color:#fff;border-color:#fff3}.company-switcher{max-width:260px;padding:7px 30px 7px 9px;border:1px solid #ffffff42;border-radius:7px;background:#ffffff18;color:#fff;font-weight:700}.company-switcher option{color:#17231d;background:#fff}.app-main{padding:22px 26px 34px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.title-row h1{margin:0;font-size:25px}.title-row p{margin:4px 0 0;color:var(--muted)}.title-actions{display:flex;gap:8px}code{background:#e4ece7;padding:2px 5px;border-radius:4px}.board-shell{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 36px #1e2f261c;overflow:hidden}.board-tools{min-height:56px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;border-bottom:1px solid var(--line)}.board-tools strong{margin:0 4px;min-width:250px;text-align:center}.board-tools label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;font-weight:650}.board-tools input[type=date],.board-search{padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#f7f9f8}.jump-control{margin-left:4px}.period-pill{padding:5px 8px;border-radius:20px;background:#e4f0e9;color:var(--green-dark);font-size:11px;font-weight:750}.board-search{margin-left:auto;width:200px}.board-scroll{max-height:calc(100vh - 210px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.planning-board{width:var(--board-width);min-width:100%}.board-grid{display:grid;grid-template-columns:var(--name-width) repeat(var(--slot-count),var(--slot-width))}.week-header{position:sticky;top:0;z-index:12;height:34px;background:#e8eeea}.date-header{position:sticky;top:34px;z-index:11;height:59px;background:#fafcfb;border-bottom:1px solid var(--line)}.sticky-name{position:sticky;left:0;z-index:9;width:var(--name-width);border-right:1px solid var(--line)}.header-name{padding:9px 12px;background:#e8eeea;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.week-group{display:grid;place-items:center;border-left:1px solid #d8e0db;font-size:12px;font-weight:800;color:#53625a}.date-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border-left:1px solid #e5ebe7;text-align:center}.date-heading small{color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:750}.date-heading b{font-size:11px}.date-heading em{width:100%;padding:0 2px;color:#993e36;font-size:8px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-heading.weekend,.slot-cell.weekend{background:#f0eaf5}.date-heading.holiday,.slot-cell.holiday{background:#fbe9e7}.planning-board.weekends-hidden .date-heading.week-start,.planning-board.weekends-hidden .slot-cell.week-start,.planning-board.weekends-hidden .week-group{border-left:3px solid #82958a}.planning-row{position:relative;min-height:92px;border-bottom:1px solid var(--line)}.planning-row.open-row .employee-cell{background:#eef7fb}.employee-cell{grid-row:1;z-index:10;display:flex;align-items:center;gap:9px;padding:10px 11px;background:#fbfcfb}.employee-cell>span:nth-child(2){min-width:0;flex:1}.employee-cell b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.employee-cell small{display:block;color:var(--muted);font-size:9px}.employee-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#dcece3;color:#17432f;font-weight:800}.open-row .employee-avatar{background:#d8ecf5;color:#1e617e}.more{margin-left:auto;border:0;padding:4px;background:transparent;color:var(--muted);font-size:19px}.slot-cell{grid-row:1;min-height:92px;border-left:1px solid #edf0ee;background:repeating-linear-gradient(135deg,transparent,transparent 10px,#e6ebe82e 10px,#e6ebe82e 11px)}.slot-cell.pm{border-left-style:dashed;border-left-color:#e1e7e3}.slot-cell.nonworking{background:repeating-linear-gradient(135deg,#fde9e7,#fde9e7 8px,#f8d8d5 8px,#f8d8d5 9px);border-left-color:#e4b4af}.slot-cell.drop-target{background:#dff0e7;outline:2px dashed var(--green);outline-offset:-3px}.assignment-bar{position:relative;z-index:5;grid-row:1;align-self:center;min-width:0;height:42px;margin:8px 3px;padding:5px 8px;display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--assignment-color, #71887b) 55%,white);border-left:4px solid var(--assignment-color, #71887b);border-radius:7px;background:color-mix(in srgb,var(--assignment-color, #71887b) 16%,white);box-shadow:0 2px 5px #19322514;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.assignment-bar.dragging{cursor:grabbing;opacity:.72;box-shadow:0 8px 18px #1932253d}.assignment-bar.vacation{border-color:#55a477;border-left-color:#228650;background:#dff3e7}.assignment-bar.school,.assignment-bar.training{border-color:#d7a62d;border-left-color:#c28a00;background:#ffefb8}.assignment-bar.sickness{border-color:#d46b62;border-left-color:#b9362d;background:#f9d9d6}.assignment-bar.other{border-color:#9ba5a0;border-left-color:#68756e;background:#e8ecea}.assignment-bar.interruption{z-index:7;border-style:dashed;border-width:2px;border-left-width:5px;box-shadow:0 3px 9px #162a2038}.assignment-bar.interruption .assignment-icon:after{content:"↯";margin-left:2px;color:#9a4b12;font-weight:900}.assignment-bar.fixed{cursor:default;box-shadow:0 0 0 2px #c17a1a66,0 2px 5px #19322514}.assignment-fixed,.legend-fixed{flex:0 0 18px;width:18px;height:18px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:#b66a11;font-size:11px;font-style:normal;font-weight:900}.legend-fixed{margin-right:5px}.assignment-bar.conflict{box-shadow:0 0 0 3px #d84a3f,0 3px 8px #6e19143f}.assignment-bar.conflict:after{content:"!";flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#c93f36;font-size:11px;font-weight:900}.assignment-icon{flex:0 0 auto}.assignment-text{min-width:0;flex:1;overflow:hidden;white-space:nowrap}.assignment-text b,.assignment-text small{display:block;overflow:hidden;text-overflow:ellipsis}.assignment-text b{font-size:11px}.assignment-text small{color:var(--muted);font-size:8px}.drag-handle{color:#718079}.resize-handle{position:absolute;top:3px;bottom:3px;width:9px;z-index:7;cursor:ew-resize}.resize-handle.start{left:-2px}.resize-handle.end{right:-2px}.resize-handle:hover{background:#145a3a38;border-radius:4px}.legend{display:flex;gap:14px;flex-wrap:wrap;padding:10px 12px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.legend-work{background:#dcece3}.legend-interruption{background:#fff4d6;border:2px dashed #b26a2b}.legend-vacation{background:#dff3e7;border:1px solid #55a477}.legend-school{background:#ffefb8;border:1px solid #d7a62d}.legend-sickness{background:#f9d9d6;border:1px solid #d46b62}.legend-other{background:#e8ecea;border:1px solid #9ba5a0}.legend-holiday{background:#f8d8d5}.legend-conflict{background:#fff;box-shadow:0 0 0 2px #d84a3f}.login-page,.loading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e6f1eb,#f7f4ed)}.login-card{width:min(390px,calc(100% - 30px));background:#fff;padding:30px;border-radius:17px;box-shadow:0 20px 55px #203a2c22}.login-card h1{margin:8px 0 4px}.login-card p{color:var(--muted)}.login-card label,.form-grid label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.login-card input,.form-grid input,.form-grid select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:8px;color:#17231d;background:#fff}.login-card .primary{width:100%;margin-top:16px}.login-mark{font-size:34px;color:var(--green)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#111e1780;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 70px #0c19124d}.dialog-head{display:flex;align-items:center;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.dialog-head h2,.dialog-head p{margin:0}.dialog-head p{color:var(--muted);font-size:12px}.dialog-head>button{margin-left:auto;border:0;font-size:22px}.form-grid{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide,.form-grid fieldset{grid-column:1 / -1}.form-grid fieldset{border:1px solid var(--line);border-radius:8px}.form-grid .check{display:inline-flex;margin:5px 13px 5px 0;align-items:center;gap:4px;color:#17231d;text-transform:none}.form-grid .check input{width:auto;margin:0}.employee-picker p{margin:4px 0 8px;color:var(--muted);font-size:11px}.employee-picker .check{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#f8faf9}.employee-picker .check small{color:var(--muted);font-size:10px}.interruption-option{display:flex!important;align-items:flex-start;gap:9px;color:#17231d!important;text-transform:none!important}.interruption-option input{width:auto!important;margin:3px 0 0!important}.interruption-option b,.interruption-option small{display:block}.interruption-option small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:400}.calculated-end{align-self:end;min-height:62px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#f3f7f5}.calculated-end span,.calculated-end b,.calculated-end small{display:block}.calculated-end span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase}.calculated-end b{margin:3px 0 1px}.calculated-end small{color:var(--muted);font-size:10px}.regional-option{display:flex!important;align-items:flex-start;gap:9px;margin:9px 0;color:#17231d!important;text-transform:none!important}.regional-option input{width:auto!important;margin:3px 0 0!important}.regional-option b,.regional-option small{display:block}.regional-option small,.field-note{color:var(--muted);font-size:11px;font-weight:400;text-transform:none}.field-note{margin:8px 3px}.dialog-actions{padding:0 22px 20px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions.split{justify-content:space-between}.dialog-actions>div{display:flex;gap:8px}.employee-overview{width:min(720px,100%)}.employee-list,.history-list{padding:18px 22px;display:grid;gap:8px}.employee-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px}.employee-card.former{opacity:.62}.employee-card>span{width:34px;height:34px;display:grid;place-items:center;background:#dcece3;border-radius:9px;font-weight:800}.employee-card>div{flex:1}.employee-card small{display:block;color:var(--muted)}.employee-card-actions{display:flex;gap:6px}.employee-card-actions button{padding:7px 9px}.color-picker{margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f8faf9}.color-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.color-swatch{width:100%;aspect-ratio:1;min-height:24px;padding:0;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 1px #cbd6d0}.color-swatch.selected{box-shadow:0 0 0 3px #17231d;transform:scale(.88)}.color-custom{margin-top:10px}.color-custom span{display:flex;align-items:center;gap:8px;margin-top:5px}.color-custom input[type=color]{width:42px;height:34px;margin:0;padding:2px}.color-custom code{font-size:11px}.history-dialog{width:min(760px,100%)}.history-item{display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.history-item span{color:var(--muted);font-size:11px}.history-item code{grid-column:1 / -1;font-size:10px}.empty-message{color:var(--muted);text-align:center}.member-dialog{width:min(760px,100%)}.invite-row{display:grid;grid-template-columns:1fr 170px auto;gap:8px;padding:18px 22px;border-bottom:1px solid var(--line)}.invite-row input,.invite-row select,.member-card select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.member-list{padding:18px 22px;display:grid;gap:8px}.member-card{display:grid;grid-template-columns:1fr 170px auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.member-card small{display:block;color:var(--muted);font-size:10px}.member-role-static{padding:9px 10px;border-radius:8px;background:#edf1ef;color:#53625a;font-weight:700}.company-admin-dialog{width:min(900px,100%)}.company-create-form{border-bottom:1px solid var(--line)}.company-create-form h3,.company-directory h3{margin:0;padding:18px 22px 0}.form-grid.compact{padding-top:12px;padding-bottom:12px}.company-create-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px 18px}.company-create-actions span{color:var(--muted);font-size:11px}.company-directory{padding-bottom:10px}.company-directory h3{padding-bottom:12px}.company-card{display:flex;align-items:center;gap:12px;margin:0 22px 8px;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.company-card.active{border-color:#79aa90;background:#eff7f3}.company-card>div{flex:1;min-width:0}.company-card b,.company-card small{display:block}.company-card small{margin-top:2px;color:var(--muted);font-size:10px}.loading-with-action{align-content:center;gap:12px}.loading-with-action p{margin:0}.error{padding:10px;background:#fde9e7;color:#94382f;border-radius:8px}.notice{display:flex;align-items:center;padding:10px 12px;background:#fff5d9;color:#79570f;border:1px solid #ead38b;border-radius:8px}.notice button{margin-left:auto;border:0;background:transparent}.banner{margin-bottom:12px}@media(max-width:900px){.topbar nav,.company span,.company button{display:none}.company b{font-size:11px}.app-main{padding:14px 10px}.title-row{align-items:flex-start;gap:10px}.board-tools strong{order:-1;width:100%;text-align:left}.board-search{margin-left:0;width:100%}}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.form-grid .wide,.form-grid fieldset{grid-column:auto}.title-row{flex-direction:column}.invite-row,.member-card{grid-template-columns:1fr}.company-create-actions,.company-card{align-items:stretch;flex-direction:column}.board-scroll{max-height:calc(100vh - 245px)}.planning-board.compact .planning-row,.planning-board.compact .slot-cell{min-height:72px}.planning-board.compact .employee-cell{gap:4px;padding:6px 4px}.planning-board.compact .employee-avatar{flex-basis:25px;width:25px;height:25px;border-radius:7px;font-size:10px}.planning-board.compact .employee-cell b{font-size:10px}.planning-board.compact .employee-cell small{font-size:7px}.planning-board.compact .more{padding:2px;font-size:16px}.planning-board.compact .assignment-bar{height:36px;margin:6px 2px;padding:4px;gap:3px;touch-action:pan-x pan-y;cursor:pointer}.planning-board.compact .assignment-text b{font-size:9px}.planning-board.compact .assignment-text small,.planning-board.compact .drag-handle{display:none}.planning-board.compact .date-heading b{font-size:9px}.planning-board.compact .date-heading small{font-size:8px}.legend{gap:7px 10px;padding:8px;font-size:9px}}