:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.app-shell{color:#17202a;background:#f6f7f9;min-height:100vh}.centered-state{text-align:center;place-content:center;gap:12px;display:grid}.centered-state h1,.centered-state p{margin:0}.spin{margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topbar,.summary-strip,.content-view{max-width:1720px;margin:0 auto}.topbar{background:#fff;border-bottom:1px solid #dfe4ea;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs primary""tabs secondary";align-items:center;gap:6px 10px;min-height:0;padding:8px 14px;display:grid}.eyebrow{color:#667085;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.content-header h2,.detail-panel h2{color:#101828;letter-spacing:0;margin:0}.topbar-actions,.toolbar,.tag-row,.modal-actions,.content-header,.project-card-header,.profile-pill{align-items:center;display:flex}.topbar-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px}.topbar-title{grid-area:tabs;align-items:center;min-width:0;display:flex}.topbar-primary-actions{grid-area:primary}.topbar-secondary-actions{grid-area:secondary}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon-button,.primary-button,.filter-button,.segmented button,.action-grid button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:13px;font-weight:700;display:inline-flex}.icon-button{width:38px;padding:0}.primary-button{color:#fff;background:#155eef;border-color:#155eef;padding:0 13px}.filter-button{padding:0 11px}.danger-button{color:#b42318;background:#fff5f4;border:1px solid #d92d20;border-radius:7px;min-height:36px;padding:0 11px;font-size:13px;font-weight:700}.danger-button:hover:not(:disabled){background:#fee4e2;border-color:#b42318}.danger-button:disabled{cursor:not-allowed;color:#98a2b3;background:#f2f4f7;border-color:#d0d5dd}.date-input{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;height:38px;padding:0 10px;font-size:13px;font-weight:800}.segmented{background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;padding:3px;display:inline-flex}.segmented button{background:0 0;border:0;min-height:30px;padding:0 12px}.segmented .active,.view-tabs-main .active{color:#fff;background:#17202a}.scale-controls{background:#f8fafc;border:1px solid #d0d5dd;border-radius:8px;align-items:center;gap:6px;padding:3px;display:inline-flex}.scale-controls .icon-button{background:0 0;border:0;width:30px;min-height:30px}.scale-controls .icon-button:disabled{cursor:not-allowed;opacity:.38}.scale-controls span{color:#344054;text-align:center;min-width:38px;font-size:12px;font-weight:800}.summary-strip{grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;padding:16px 28px;display:grid}.metric{color:#475467;background:#fff;border:1px solid #dfe4ea;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.metric strong{color:#101828;font-size:20px;line-height:1.15;display:block}.metric span{font-size:12px;font-weight:700}.metric.danger{color:#b42318;background:#fff5f3;border-color:#fecdca}.view-tabs-main{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.view-tabs-main button{color:#344054;white-space:nowrap;background:#fff;border:1px solid #d0d5dd;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.profile-menu{z-index:12;position:relative}.profile-button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 9px 0 5px;font-size:13px;font-weight:800;display:inline-flex}.profile-button:hover,.profile-button[aria-expanded=true]{background:#f8fafc;border-color:#98a2b3}.profile-avatar{object-fit:cover;background:#e6f0ff;border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 1px #10182814}.profile-avatar.large{width:40px;height:40px}.profile-dropdown{background:#fff;border:1px solid #dfe4ea;border-radius:8px;gap:8px;width:270px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px #10182829}.profile-summary{border-bottom:1px solid #edf0f3;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:4px 4px 10px;display:grid}.profile-summary strong,.profile-summary span{display:block}.profile-summary strong{color:#101828;font-size:14px}.profile-summary span{color:#667085;font-size:12px}.profile-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.profile-meta div{background:#f8fafc;border-radius:7px;padding:8px}.profile-dropdown button,.profile-upload-button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:13px;font-weight:700;display:inline-flex}.profile-upload-button{cursor:pointer}.profile-upload-button input{display:none}.profile-dropdown .logout-button{color:#b42318;background:#fff5f3;border-color:#fecdca}.profile-dropdown .logout-button:hover{background:#fee4e2;border-color:#f97066}.logout-state{gap:10px;min-height:100vh}.logout-state h1{margin:6px 0 0;font-size:26px}.logout-state p{color:#667085;margin:0 0 8px}.login-panel{background:#fff;border:1px solid #d0d5dd;border-radius:8px;gap:12px;width:min(360px,100vw - 32px);padding:22px;display:grid;box-shadow:0 18px 40px #1018281f}.login-panel h1{margin:0}.login-panel label{gap:6px;display:grid}.login-panel input{min-height:38px;font:inherit;border:1px solid #d0d5dd;border-radius:7px;padding:0 10px}.form-error{color:#b42318;background:#fff5f3;border:1px solid #fecdca;border-radius:7px;margin:0;padding:8px 10px;font-size:13px;font-weight:700}.workspace{flex-direction:column;gap:10px;width:100%;max-width:none;margin:0;padding:0 0 32px;display:flex}.workspace-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;padding:0 14px;display:grid}.workspace-lower.detail-closed{grid-template-columns:minmax(0,1fr)}.planning-panel,.detail-panel,.project-backlog-panel,.content-view,.modal,.portal-card,.project-card{background:#fff;border:1px solid #dfe4ea;border-radius:8px}.planning-panel{border-left:0;border-right:0;border-radius:0;min-width:0;overflow:hidden}.toolbar{border-bottom:1px solid #dfe4ea;flex-wrap:wrap;align-items:center;gap:9px;padding:14px;display:flex}.search-field{color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:7px;flex:360px;align-items:center;gap:8px;min-width:260px;height:38px;padding:0 12px;display:flex}.chevron-open{transform:rotate(180deg)}.search-field input{border:0;outline:0;width:100%}.select-filter{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;height:38px;padding:0 10px;font-size:13px;font-weight:700}.api-pill{color:#175cd3;background:#eef4ff;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.planning-grid{isolation:isolate;grid-template-columns:124px minmax(0,1fr);width:100vw;display:grid;position:relative;overflow-x:auto}.employee-header,.timeline-header{z-index:4;background:#fff;border-bottom:1px solid #dfe4ea;position:sticky;top:0}.employee-header{z-index:21;color:#475467;text-transform:uppercase;padding:13px 14px;font-size:12px;font-weight:800;left:0}.timeline-header,.row-track{grid-template-columns:repeat(var(--unit-count), var(--unit-width));min-width:max-content;display:grid}.day-header{color:#667085;background:#fff;border-left:1px solid #e6e9ee;padding:9px 10px}.planning-grid.zoom-day .day-header:nth-child(8){border-left:3px solid #98a2b3}.day-header span{font-size:11px;font-weight:800;display:block}.day-header strong{color:#101828;font-size:13px;display:block}.day-header.weekend,.day-cell.weekend{background:#f1f3f5}.planner-row{display:contents}.employee-card{z-index:20;background:#fff;border-bottom:1px solid #dfe4ea;grid-template-columns:32px 1fr;align-content:start;align-items:center;gap:8px;min-height:74px;padding:9px 10px;display:grid;position:sticky;left:0;box-shadow:1px 0 #dfe4ea}.avatar{object-fit:cover;background:#e6f0ff;border-radius:50%;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #10182814,0 1px 2px #10182814}.employee-card h2{color:#101828;margin:0;font-size:14px;line-height:1.2}.employee-totals{color:#475467;flex-direction:column;gap:3px;font-size:12px;font-weight:700;display:flex}.negative,.danger-text{color:#b42318}.row-track{grid-template-rows:var(--capacity-row-height,18px) repeat(var(--lane-count), 40px);min-height:calc(var(--capacity-row-height,18px) + 54px);background:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--unit-width) - 1px), #edf0f3 calc(var(--unit-width) - 1px), #edf0f3 var(--unit-width)), #fff;border-bottom:1px solid #dfe4ea;grid-auto-rows:40px;padding:6px 0 8px;position:relative}.row-track.compact-capacity-row .day-cell.weekend .capacity-pill{display:none}.day-cell{z-index:2;border-left:1px solid #edf0f3;grid-row:1/-1;min-width:0;transition:background-color .16s,box-shadow .16s,outline-color .16s;position:relative}.availability-layer{z-index:1;pointer-events:none;border-left:1px solid #94a3b82e;min-width:0;position:relative;overflow:hidden}.availability-layer.is-unavailable{background:linear-gradient(#f8fafceb,#f1f5f9c7),repeating-linear-gradient(135deg,#94a3b814 0 8px,#94a3b829 8px 9px),#f3f6fa;box-shadow:inset 0 0 0 1px #94a3b82e,inset 0 8px 18px #94a3b80d}.availability-layer.is-partial{background:linear-gradient(#6670851a,#6670850a),#f8fafc}.availability-layer.is-unavailable:before{content:"Niet beschikbaar";color:#64748b29;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planning-grid.zoom-day .day-cell:nth-child(8){border-left:3px solid #98a2b3}.day-cell.unavailable,.day-cell[data-unavailable=true]{z-index:2;background:linear-gradient(#f8fafcb8,#f1f5f985),repeating-linear-gradient(135deg,#94a3b80f 0 8px,#94a3b81f 8px 9px),#f6f8fb;box-shadow:inset 0 0 0 1px #94a3b824,inset 0 0 0 999px #94a3b806}.day-cell.unavailable:after,.day-cell[data-unavailable=true]:after{content:"";pointer-events:none;background:#94a3b809;position:absolute;inset:0}.day-cell.weekend.unavailable,.day-cell.weekend[data-unavailable=true]{background:linear-gradient(#f1f5f9d1,#e2e8f080),repeating-linear-gradient(135deg,#94a3b80f 0 8px,#94a3b821 8px 9px),#f1f5f9}.day-cell.partially-unavailable{background:linear-gradient(#66708512,#66708508),#fff}.day-cell.unavailable .capacity-pill,.day-cell.unavailable .status-tag,.day-cell[data-unavailable=true] .capacity-pill,.day-cell[data-unavailable=true] .status-tag{color:#475467;background:#ffffffc7}.day-cell.overplanned{box-shadow:inset 0 -3px #f04438}.day-cell.drop-target{z-index:4;outline-offset:-2px;background:linear-gradient(#dbeafee6,#eff6ffc7);outline:2px solid #155eef94;box-shadow:inset 0 0 0 999px #155eef12,inset 0 10px 24px #155eef1a,inset 0 -10px 18px #155eef0f}.day-cell.drop-target:before{content:"";pointer-events:none;border:1px dashed #155eef8c;border-radius:8px;position:absolute;inset:7px}.capacity-pill{color:#667085;background:#f8fafce6;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:800;position:absolute;top:5px;right:8px}.overplanned .capacity-pill{color:#b42318;background:#fee4e2}.status-tag{color:#475467;font-size:11px;font-weight:800;position:absolute;bottom:5px;left:7px}.planning-block{z-index:5;color:#101828;text-align:left;border:1px solid #0000;border-radius:7px;grid-template-rows:repeat(2,minmax(0,auto));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 5px;min-width:0;height:38px;margin:2px 5px;padding:4px 8px;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 18px #10182814}.block-day-segments{z-index:0;grid-template-columns:repeat(var(--block-day-count), minmax(0, 1fr));pointer-events:none;display:grid;position:absolute;inset:0}.block-day-segment{border-right:1px solid #1018280f;justify-content:center;align-items:center;min-width:0;display:flex}.block-day-segment:last-child{border-right:0}.block-day-segment.is-zero-hours{color:#4754678f;background:repeating-linear-gradient(-45deg,#6670851f 0 6px,#f8fafc80 6px 12px),#f8fafcbd}.block-day-segment.is-zero-hours span{color:#4754678f}.block-day-segment span{z-index:1;color:#101828b8;background:#ffffff94;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:900;line-height:1.2;position:relative;box-shadow:0 0 0 1px #1018280a}.planning-block{cursor:grab;touch-action:none}.planning-gesture-summary{z-index:100;color:#101828;background:#fff;border:1px solid #cdd7e6;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 20px #1018281f}.planning-gesture-summary.has-error{color:#b42318;border-color:#fecdca}.planning-block:active{cursor:grabbing}.is-dragging .planning-block{pointer-events:none}.app-shell.is-dragging,.app-shell.is-dragging *{cursor:grabbing!important}.planning-block.is-lifted{z-index:9;filter:saturate(1.03);transform:translateZ(0);box-shadow:0 12px 26px #1018282e,0 4px 8px #10182814}.planning-block.is-previewing{outline-offset:-1px;outline:3px solid #155eef;transition:none;box-shadow:0 12px 28px #155eef38}.planning-block strong,.block-client,.block-meta{z-index:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;position:relative;overflow:hidden}.planning-block strong{grid-area:1/1;align-self:start;font-size:12px;line-height:1}.block-meta{color:#101828c2;grid-area:2/1;align-self:end;font-size:10px;font-weight:600}.split-hours-label{color:#101828c7;background:#ffffffb8;border:0;border-radius:999px;align-items:center;height:16px;margin:0 5px;padding:0 6px;font-size:10px;font-weight:900;line-height:16px;display:inline-flex}.timeline-budget{color:#344054;vertical-align:middle;background:#ffffffc2;border-radius:4px;align-items:center;height:16px;margin-left:6px;padding:0 6px;font-size:9px;font-weight:900;line-height:16px;display:inline-flex}.budgets-hidden .financial-value,.budgets-hidden .timeline-budget{display:none!important}.budget-visibility-toggle{flex:0 0 36px;width:36px;height:36px;padding:0}.budget-visibility-toggle[aria-pressed=true]{color:#155eef;background:#eff4ff;border-color:#84adff}.budget-off-icon{width:18px;height:18px;display:inline-flex;position:relative}.budget-off-icon:after{content:"";background:currentColor;border-radius:1px;width:22px;height:2px;position:absolute;top:8px;left:-2px;transform:rotate(-45deg)}.budgets-hidden .backlog-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.block-flags{z-index:1;color:#101828b3;grid-area:1/2/3;align-items:center;gap:4px;font-size:10px;font-weight:900;display:inline-flex;position:relative}.planning-block.selected{outline-offset:1px;outline:2px solid #155eef}.planning-block:has(.resize-handle) strong{margin-inline:6px}.planning-block:has(.resize-handle) .block-meta{margin-inline:6px}.resize-handle{z-index:4;opacity:.95;cursor:ew-resize;touch-action:none;background:#ffffffc7;border:2px solid #155eef;width:12px;position:absolute;top:4px;bottom:4px}.resize-handle-start{border-right:0;border-radius:6px 0 0 6px;left:0}.resize-handle-end{border-left:0;border-radius:0 6px 6px 0;right:0}.resize-handle:hover,.resize-handle:active{background:#155eef}.planning-block.potential{border-style:dashed}.priority-spoed{background:#fecaca;border-color:#f04438;box-shadow:inset 0 0 0 1px #b4231833,0 10px 24px #b4231833}.priority-hoog{background:#fedf89;border-color:#f79009;box-shadow:inset 0 0 0 1px #b5470838,0 10px 24px #b547082e}.priority-spoed:after,.priority-hoog:after{content:"";opacity:.72;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.priority-normaal{background:#bfdbfe;border-color:#2e90fa}.priority-laag{background:#d1fadf;border-color:#12b76a}.priority-buffer{background:#e4e7ec;border-color:#98a2b3}.type-verlof,.type-ziekte,.type-vakantie{opacity:.9}.detail-panel{grid-template-columns:1fr;grid-template-areas:"kicker""title""subtitle""tags""stats""description""notes""history""actions";align-items:start;gap:8px;padding:14px 16px 16px;display:grid}.detail-panel>.panel-header{grid-area:kicker}.detail-panel>h2{grid-area:title}.detail-panel>.panel-subtitle{grid-area:subtitle}.detail-panel>.tag-row{grid-area:tags;margin-bottom:6px}.detail-panel>.detail-list{grid-area:stats}.detail-panel>.panel-section:first-of-type{grid-area:description}.detail-panel>.panel-section:nth-of-type(2){grid-area:notes}.detail-panel>.panel-section:nth-of-type(3){grid-area:history}.detail-panel>.action-grid{grid-area:actions}.panel-header{color:#475467;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:2px;font-size:12px;font-weight:800;display:flex}.detail-panel-close{width:30px;min-height:30px;margin-left:auto;padding:0}.detail-panel h2{font-size:20px;line-height:1.15}.panel-subtitle{color:#667085;margin:0}.tag-row{flex-wrap:wrap;gap:7px;margin:0}.tag{color:#344054;background:#f2f4f7;border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.detail-list,.project-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.detail-list div,.project-stats div{background:#f8fafc;border-radius:7px;padding:9px 10px}dt{color:#667085;text-transform:uppercase;font-size:11px;font-weight:800}dd{color:#101828;margin:3px 0 0;font-size:13px;font-weight:800}.panel-section{margin-top:2px}.description-section{background:#f5f8ff;border:1px solid #c7d7fe;border-radius:8px;padding:12px 14px}.description-section h3{color:#1d2939;margin-bottom:7px}.description-section p{color:#344054;font-size:14px;line-height:1.45}.panel-section h3,.project-card h3,.portal-card h3{color:#101828;letter-spacing:0;margin:0 0 8px;font-size:15px}.panel-section p,.project-card p,.own-planning-list p{color:#475467;margin:0;font-size:13px}.employee-admin{gap:14px;display:grid}.employee-admin-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.employee-account-card,.employee-create-form{background:#fff;border:1px solid #d0d5dd;border-radius:8px;gap:10px;padding:14px;display:grid}.employee-account-card label,.employee-create-form label{gap:5px;display:grid}.employee-account-card input,.employee-account-card select,.employee-create-form input,.employee-create-form select{min-height:34px;font:inherit;border:1px solid #d0d5dd;border-radius:7px;padding:0 9px}.employee-account-controls,.password-reset-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.toggle-line{color:#344054;grid-template-columns:auto auto;grid-auto-flow:column;align-items:center;font-size:13px;font-weight:700}.employee-create-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.employee-create-form h3{grid-column:1/-1;margin:0}.history-list{color:#475467;margin:8px 0 0;padding-left:18px;font-size:13px}.history-toggle{color:#344054;text-align:left;background:#fff;border:1px solid #d0d5dd;border-radius:7px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;font-size:13px;font-weight:800;display:inline-grid}.history-toggle span:nth-child(2){color:#175cd3;background:#eef4ff;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:inline-grid}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.action-grid button{justify-content:flex-start;padding:0 10px}.danger-action{color:#b42318}.project-backlog-panel{background:#fff;border-color:#d0d5dd;gap:12px;padding:14px 16px 16px;display:grid}.backlog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.backlog-header p{color:#667085;margin:5px 0 0;font-size:13px}.backlog-add-button{white-space:nowrap}.backlog-summary{background:#f8fafc;border:1px solid #e4e7ec;border-radius:7px;flex-wrap:wrap;gap:7px;padding:9px 10px;display:flex}.backlog-summary span{color:#344054;background:#fff;border:1px solid #d7dde7;border-radius:6px;align-items:center;min-height:25px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.backlog-summary span:first-child{color:#101828;background:#eef4ff;border-color:#c7d7fe}.backlog-list{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:9px;display:grid}.backlog-item{background:#fff;border:1px solid #d0d5dd;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;min-height:150px;padding:13px 14px 12px 17px;display:grid;position:relative;box-shadow:inset 4px 0 #f79009}.backlog-item.status-approved{box-shadow:inset 4px 0 #12b76a}.backlog-item-main{align-content:start;gap:5px;display:grid}.backlog-item-main strong{color:#101828;font-size:16px}.backlog-item-main p{color:#667085;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.backlog-status{color:#b54708;text-transform:uppercase;background:#fff4e5;border-radius:5px;width:fit-content;padding:3px 7px;font-size:11px;font-weight:800}.status-approved .backlog-status{color:#027a48;background:#ecfdf3}.backlog-facts{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;display:grid}.backlog-facts div{background:#f8fafc;border-radius:6px;padding:7px 8px}.backlog-facts dt{color:#667085;text-transform:uppercase;font-size:10px;font-weight:800}.backlog-facts dd{color:#101828;margin:2px 0 0;font-size:12px;font-weight:800}.backlog-item-actions{gap:6px;display:inline-flex}.compact-icon-button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 1px 2px #1018280d}.compact-icon-button:hover{background:#f8fafc;border-color:#98a2b3;box-shadow:0 2px 5px #10182814}.compact-icon-button:focus-visible{outline-offset:2px;outline:2px solid #155eef}.backlog-item-actions .backlog-delete-button{color:#b42318;background:#fff5f3;border-color:#fecdca}.backlog-item-actions .backlog-delete-button:hover{color:#912018;background:#fee4e2;border-color:#f97066}.backlog-form{background:#f5f8ff;border:1px solid #b2ccff;border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:13px;display:grid}.backlog-form-heading,.backlog-title-field,.backlog-notes-field,.backlog-error,.backlog-form-actions{grid-column:1/-1}.backlog-form-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.backlog-form-heading span{color:#667085;font-size:12px}.backlog-form label,.backlog-form-field{color:#344054;gap:5px;font-size:12px;font-weight:800;display:grid}.backlog-status-select{min-width:0;position:relative}.backlog-status-select summary{color:#101828;cursor:pointer;background:#fff;border:1px solid #cfd6e4;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:13px;font-weight:600;list-style:none;display:grid}.backlog-status-select summary::-webkit-details-marker{display:none}.backlog-status-select summary>svg{color:#667085;transition:transform .16s}.backlog-status-select[open] summary{border-color:#84adff;box-shadow:0 0 0 3px #155eef1f}.backlog-status-select[open] summary>svg{transform:rotate(180deg)}.backlog-status-dot{background:#f79009;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #fff4e5}.backlog-status-select.status-approved>summary .backlog-status-dot,.backlog-status-menu button.status-approved .backlog-status-dot{background:#12b76a;box-shadow:0 0 0 3px #ecfdf3}.backlog-status-menu{z-index:30;background:#fff;border:1px solid #d0d5dd;border-radius:8px;gap:3px;width:100%;min-width:220px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 30px #10182829}.backlog-status-menu button{color:#344054;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:48px;padding:7px 9px;display:grid}.backlog-status-menu button:hover,.backlog-status-menu button:focus-visible{background:#f2f4f7;outline:0}.backlog-status-menu button.is-selected{color:#175cd3;background:#eef4ff}.backlog-status-menu button>span:nth-child(2){gap:2px;display:grid}.backlog-status-menu strong{font-size:13px}.backlog-status-menu small{color:#667085;font-size:11px;font-weight:500}.backlog-form input,.backlog-form select,.backlog-form textarea{color:#101828;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cfd6e4;border-radius:6px;padding:0 10px;font-weight:500}.backlog-form textarea{resize:vertical;min-height:76px;padding-top:9px}.budget-input,.duration-inputs{grid-template-columns:auto minmax(0,1fr);display:grid}.budget-input span{background:#f8fafc;border:1px solid #cfd6e4;border-right:0;border-radius:6px 0 0 6px;place-items:center;min-width:34px;display:grid}.budget-input input{border-radius:0 6px 6px 0;min-width:0}.form-grid .currency-input{grid-template-columns:38px minmax(0,1fr);display:grid}.form-grid .currency-input>span{color:#475467;background:#f8fafc;border:1px solid #d0d5dd;border-right:0;border-radius:6px 0 0 6px;place-items:center;font-weight:800;display:grid}.form-grid .currency-input>input{border-radius:0 6px 6px 0;min-width:0}.duration-inputs{grid-template-columns:minmax(70px,.45fr) minmax(100px,1fr);gap:6px}.backlog-form-actions{justify-content:flex-end;gap:8px;display:flex}.backlog-form-actions button{min-height:36px}.backlog-error{color:#b42318;background:#fff5f3;border:1px solid #fecdca;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;font-weight:700}.backlog-empty{color:#667085;border:1px dashed #d0d5dd;border-radius:7px;place-content:center;justify-items:center;gap:7px;min-height:82px;font-size:13px;font-weight:700;display:grid}.content-view{margin-bottom:28px;padding:26px}.content-header{justify-content:space-between;gap:16px;margin-bottom:24px}.content-header h2{font-size:22px}.project-grid,.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card,.portal-card{padding:20px}.project-card-header{gap:7px;margin-bottom:12px}.project-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.risk-callout{color:#175cd3;background:#eff8ff;border-radius:7px;align-items:center;gap:8px;margin-top:14px;padding:10px;font-size:13px;font-weight:800;display:flex}.risk-callout.danger{color:#b42318;background:#fff5f3}.availability-table{border:1px solid #dfe4ea;border-radius:8px;overflow-x:auto}.table-row{grid-template-columns:210px repeat(var(--unit-count), 132px);border-bottom:1px solid #dfe4ea;min-width:max-content;display:grid}.table-row:last-child{border-bottom:0}.table-row span,.table-row strong{border-left:1px solid #edf0f3;padding:12px;font-size:13px}.table-row strong{border-left:0}.table-head{color:#475467;background:#f8fafc;font-weight:800}.zero-hours{color:#b42318;background:#f2f4f7;font-weight:800}.portal-grid{grid-template-columns:1.15fr .85fr}.profile-pill{color:#344054;border:1px solid #d0d5dd;border-radius:999px;gap:7px;padding:8px 11px;font-size:13px;font-weight:800}.availability-editor{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.availability-editor label{color:#475467;border:1px solid #dfe4ea;border-radius:7px;gap:6px;padding:10px;font-size:13px;font-weight:800;display:grid}.availability-editor input,.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:9px 10px}.availability-editor small{color:#667085}.employee-portal-scheduler{gap:14px;padding:18px;display:grid}.availability-command{background:#fff;border:1px solid #dfe4ea;border-radius:8px;grid-template-columns:minmax(160px,.9fr) minmax(330px,1.5fr) minmax(110px,.55fr) minmax(150px,.75fr) auto;align-items:end;gap:12px;padding:14px;display:grid}.availability-mode-switch{background:#f2f4f7;border:1px solid #d0d5dd;border-radius:7px;grid-column:1/-1;justify-self:start;padding:3px;display:inline-flex}.availability-mode-switch button{color:#475467;background:0 0;border:0;border-radius:5px;min-height:32px;padding:0 11px;font-size:13px;font-weight:800}.availability-mode-switch button.active{color:#101828;background:#fff;box-shadow:0 1px 3px #1018281f}.availability-selection-summary{background:#f5f8ff;border:1px dashed #84adff;border-radius:7px;align-content:end;gap:6px;min-height:58px;padding:8px 10px;display:grid}.availability-selection-summary strong{color:#155eef;font-size:13px}.availability-command label{gap:6px;display:grid}.availability-command input,.availability-command select{box-sizing:border-box;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;padding:9px 10px;font-weight:500}.portal-schedule-grid{grid-template-columns:180px repeat(var(--unit-count), minmax(126px, 1fr));background:#fff;border:1px solid #dfe4ea;border-radius:8px;display:grid;overflow:auto;box-shadow:0 1px 2px #1018280a}.portal-schedule-header,.portal-band-label,.portal-band-cell,.portal-employee-cell,.portal-availability-cell{border-bottom:1px solid #eaecf0;border-right:1px solid #eaecf0;min-width:0}.employee-column{z-index:2;background:#fff;position:sticky;left:0}.portal-schedule-header{color:#667085;background:#fff;padding:11px 12px;font-size:12px;font-weight:800}.portal-schedule-header strong,.portal-schedule-header span{display:block}.portal-schedule-header strong{color:#101828;font-size:13px}.portal-schedule-header.weekend,.portal-band-cell.weekend,.portal-availability-cell.weekend{background:#f8fafc}.portal-band-label{color:#b42318;text-transform:uppercase;background:#fff8f7;border-left:3px solid #f97066;align-items:center;padding:12px 14px;font-size:12px;font-weight:900;display:flex}.portal-band-label.available-label{color:#079455;background:#f3fcf7;border-left-color:#12b76a}.portal-band-cell{color:#b54708;min-height:48px;padding:8px;font-size:12px;font-weight:700}.unavailable-band{background:#fff4f2}.available-band{background:#ecfdf3}.portal-employee-cell{background:#fff;grid-template-columns:32px 1fr;align-items:center;gap:9px;min-height:62px;padding:10px 12px;display:grid}.portal-employee-cell strong,.portal-employee-cell span{display:block}.portal-employee-cell strong{color:#101828;font-size:14px}.portal-employee-cell span{color:#667085;font-size:12px}.portal-availability-cell{text-align:left;background:#fff;border-top:0;border-left:0;min-height:62px;padding:8px;transition:background-color .12s,box-shadow .12s}.portal-availability-cell.is-editable{cursor:pointer}.portal-availability-cell.is-editable:hover{background:#f5f8ff;box-shadow:inset 0 0 0 2px #84adff}.portal-availability-cell.is-readonly{cursor:default}.portal-availability-cell.is-selected{z-index:1;background:#eaf2ff;position:relative;box-shadow:inset 0 0 0 3px #155eef}.portal-availability-cell.is-zero{background:#f8fafc}.portal-availability-cell.is-zero.weekend{background:#f2f4f7}.availability-shift{color:#05603a;background:#ecfdf3;border:1px solid #6ce9a6;border-radius:6px;gap:2px;padding:7px 8px;display:grid}.availability-shift strong{color:#054f31;font-size:13px}.availability-shift span,.zero-shift{color:#667085;font-size:12px;font-weight:700}.zero-shift{background:#fff;border-radius:5px;align-items:center;min-height:28px;padding:0 7px;display:inline-flex;box-shadow:0 1px 2px #1018280f}.availability-quick-modal{background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:min(420px,100%);padding:18px;box-shadow:0 24px 70px #1018283d}.availability-quick-modal>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.availability-quick-modal h2{color:#101828;margin:0;font-size:20px}.availability-quick-modal header span{color:#667085;margin-top:3px;font-size:13px;display:block}.availability-quick-fields{grid-template-columns:minmax(100px,.65fr) minmax(180px,1fr);gap:10px;margin-top:16px;display:grid}.availability-quick-fields label{gap:6px;display:grid}.availability-quick-fields input,.availability-quick-fields select{box-sizing:border-box;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:7px;width:100%;min-height:40px;padding:8px 10px}.own-planning-list{gap:10px;display:grid}.own-planning-list>div{background:#f8fafc;border-radius:7px;grid-template-columns:10px 1fr;align-items:start;gap:10px;padding:10px;display:grid}.dot{border-radius:50%;width:10px;height:10px;margin-top:5px}.modal-backdrop{z-index:20;background:#10182861;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(760px,100%);max-height:calc(100vh - 40px);padding:18px;overflow:auto;box-shadow:0 24px 70px #1018283d}.confirm-modal{background:#fff;border:1px solid #fecdca;border-radius:8px;grid-template-columns:42px 1fr;gap:14px;width:min(430px,100%);padding:18px;display:grid;box-shadow:0 24px 70px #1018283d}.confirm-icon{color:#b42318;background:#fee4e2;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.confirm-modal h2{color:#101828;margin:0;font-size:19px;line-height:1.22}.confirm-modal p:not(.eyebrow){color:#475467;margin:8px 0 0;font-size:13px;line-height:1.45}.confirm-modal .modal-actions{grid-column:1/-1}.delete-button{color:#fff;background:#d92d20;border:1px solid #d92d20;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.modal .icon-button{font-size:24px;line-height:1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid label{color:#344054;gap:6px;font-size:13px;font-weight:800;display:grid}.date-range-field{border:0;margin:0;padding:0}.date-range-field legend{margin-bottom:6px;padding:0}.date-range-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.date-range-inputs label{gap:5px}.date-range-inputs label span,.range-separator{color:#667085;font-size:12px;font-weight:700}.range-separator{padding-bottom:10px}.date-range-picker{position:relative}.date-range-trigger{box-sizing:border-box;color:#101828;text-align:left;background:#fff;border:1px solid #d0d5dd;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;font-size:14px;font-weight:500;display:grid}.date-range-trigger:hover{background:#fbfcfd;border-color:#98a2b3}.date-range-trigger:focus-visible{outline-offset:1px;outline:2px solid #155eef}.date-range-trigger span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.date-range-trigger svg{color:#667085}.date-range-trigger .chevron-open{transform:rotate(180deg)}.date-range-popover{z-index:40;background:#fff;border:1px solid #dfe4ea;border-radius:8px;width:max-content;max-width:min(720px,100vw - 56px);padding:12px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 42px #1018282e}.date-range-popover .rdp-root{--rdp-accent-color:#155eef;--rdp-accent-background-color:#eef4ff;--rdp-day_button-border-radius:7px;--rdp-range_middle-background-color:#e0edff;color:#101828;margin:0;font-size:13px}.date-range-popover .rdp-months{gap:16px}.date-range-popover .rdp-caption_label{font-size:14px;font-weight:800}.date-range-popover .rdp-weekday{color:#667085;text-transform:uppercase;font-size:11px;font-weight:800}.date-range-footer{color:#475467;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding-top:10px;font-size:13px;font-weight:600;display:flex}.date-range-footer button{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700}.field-label{color:#475467;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.field-label svg{color:#667085}.form-grid input,.form-grid select,.form-grid textarea,.availability-editor input{font-weight:500}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#98a2b3;font-weight:500}.form-grid textarea{resize:vertical;min-height:84px}.collapsible-form-field{background:#fff;border:1px solid #d0d5dd;border-radius:7px}.collapsible-form-field summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;list-style:none;display:flex}.collapsible-form-field summary::-webkit-details-marker{display:none}.collapsible-form-field summary>svg{color:#667085;transition:transform .16s}.collapsible-form-field[open] summary>svg{transform:rotate(180deg)}.collapsible-form-field textarea{width:calc(100% - 24px);margin:0 12px 12px}.form-grid .project-select{color:#17202a;background:#f8fafc;border-color:#98a2b3;font-weight:700}.form-grid .project-select option[value=__none__]{color:#667085;font-style:italic}.form-grid .project-select optgroup{color:#475467;font-style:normal;font-weight:800}.conflict-box{background:#fffcf5;border:1px solid #fedf89;border-radius:8px;margin:4px 0 0;padding:12px}.conflict-box legend{color:#b54708;padding:0 5px;font-size:13px;font-weight:900}.conflict-list{gap:7px;margin-bottom:12px;display:grid}.conflict-list span{color:#475467;background:#fff;border-radius:7px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.conflict-list strong{color:#101828}.full-width{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px}@media (width<=1180px){.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs tabs""primary secondary"}.detail-panel{grid-template-columns:1fr;grid-template-areas:"kicker""title""subtitle""tags""stats""hours""description""notes""history""actions"}.summary-strip{grid-template-columns:repeat(3,minmax(150px,1fr))}.project-grid{grid-template-columns:1fr}}@media (width<=1080px){.topbar{grid-template-columns:1fr;grid-template-areas:"tabs""primary""secondary"}.topbar-actions{justify-content:flex-start}}@media (width<=760px){.topbar,.content-header{align-items:flex-start}.topbar-actions{flex-wrap:wrap}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-lower{grid-template-columns:1fr}.content-view,.summary-strip,.topbar{padding-left:14px;padding-right:14px}.workspace{padding-left:0;padding-right:0}.workspace-lower{padding-left:14px;padding-right:14px}.planning-grid{grid-template-columns:124px minmax(0,1fr)}.action-grid,.employee-card,.portal-grid,.availability-editor,.form-grid,.backlog-form{grid-template-columns:1fr}.backlog-header,.backlog-form-heading{flex-direction:column;align-items:stretch}.backlog-add-button{justify-content:center;width:100%}.backlog-list,.backlog-facts{grid-template-columns:1fr}}