:root{--color-primary:#2b4c7e;--color-success:#1d7a4c;--color-error:#a4262c;--color-warning:#b5401d;--color-white:#fff;--color-text:#1a1a1a;--color-text-muted:#555;--color-text-light:#888;--color-border:#c9c7d1;--color-border-light:#eee;--color-bg:#f4f3f6;--color-bg-success:#dff3e3;--color-bg-error:#f6dede;--color-bg-warning:#f0e6e0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--sidebar-width:16rem;--header-height:3.5rem;--color-sidebar-bg:#fbfbfc;--color-sidebar-border:var(--color-border-light);--color-sidebar-text:var(--color-text-muted);--color-sidebar-active-bg:#eaf0f8;--color-sidebar-active-text:var(--color-primary);--kpi-card-bg:var(--color-white);--kpi-card-border:var(--color-border-light);--kpi-card-radius:var(--radius-lg);--kpi-card-gap:var(--space-md);--kpi-number-size:2rem;--kpi-number-weight:700;--kpi-label-size:.8rem;--kpi-icon-size:1.25rem;--kpi-accent-late:var(--color-warning);--kpi-accent-late-bg:var(--color-bg-warning);--badge-radius:999px;--badge-padding-x:.55rem;--badge-padding-y:.15rem;--badge-font-size:.72rem;--badge-font-weight:600;--badge-bg-low:var(--color-bg-success);--badge-text-low:var(--color-success);--badge-bg-medium:var(--color-bg-warning);--badge-text-medium:var(--color-warning);--badge-bg-high:var(--color-bg-error);--badge-text-high:var(--color-error);--project-header-gap:var(--space-lg);--project-header-padding:var(--space-lg);--project-stat-number-size:1.35rem;--project-section-gap:var(--space-xl);--chart-bar-color:var(--color-primary);--chart-bar-radius:var(--radius-sm) var(--radius-sm) 0 0;--chart-bar-min-height:2px;--chart-height:8rem;--chart-label-size:.7rem;--chart-gap:var(--space-sm);--search-bg:var(--color-bg);--search-border:var(--color-border-light);--search-radius:var(--radius-md);--search-dropdown-bg:var(--color-white);--search-dropdown-border:var(--color-border-light);--search-group-label-size:.72rem;--empty-state-padding:var(--space-xl);--empty-state-icon-size:2.5rem;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}.search{flex:none;position:relative}.search__toggle,.search__close{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.search__field{align-items:center;gap:var(--space-xs);display:none}.search__icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:.6rem}.search__input{border:1px solid var(--search-border);border-radius:var(--search-radius);background:var(--search-bg);width:100%;min-height:2.5rem;color:var(--color-text);padding:0 .6rem 0 2.1rem}.search__input:focus{border-color:var(--color-primary);outline:none}.search--open{flex:auto;min-width:0}.search--open .search__toggle{display:none}.search--open .search__field{display:flex;position:relative}.search__dropdown{top:calc(100% + var(--space-xs));z-index:30;max-height:60vh;padding:var(--space-sm) 0;background:var(--search-dropdown-bg);border:1px solid var(--search-dropdown-border);border-radius:var(--radius-md);position:absolute;left:0;right:0;overflow-y:auto}.search__empty{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);margin:0;font-size:.9rem}.search__group+.search__group{border-top:1px solid var(--color-border-light);margin-top:var(--space-xs);padding-top:var(--space-xs)}.search__group-label{padding:var(--space-xs) var(--space-md);font-size:var(--search-group-label-size);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0;font-weight:600}.search__list{margin:0;padding:0;list-style:none}.search__result{align-items:center;gap:var(--space-sm);width:100%;min-height:2.75rem;padding:var(--space-xs) var(--space-md);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.search__result:hover,.search__result:focus-visible{background:var(--color-sidebar-active-bg);outline:none}.search__result-icon{color:var(--color-text-muted);flex:none}.search__result-text{flex-direction:column;min-width:0;display:flex}.search__result-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.search__result-subtitle{color:var(--color-text-muted);font-size:.78rem}.search__more{margin:var(--space-xs) var(--space-md) 0;padding:var(--space-xs) 0;color:var(--color-primary);cursor:pointer;background:0 0;border:none;min-height:2rem;font-size:.85rem;font-weight:500}@media (width>=768px){.search{width:16rem}.search__toggle,.search__close{display:none}.search__field{display:flex;position:relative}}.sidebar{height:100%;padding:var(--space-md) var(--space-sm);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);flex-direction:column;display:flex;overflow-y:auto}.sidebar__brand{letter-spacing:.02em;color:var(--color-text);padding:var(--space-sm) var(--space-sm) var(--space-md);font-size:.95rem;font-weight:700}.sidebar__list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.sidebar__item{align-items:center;gap:var(--space-sm);width:100%;min-height:2.75rem;padding:0 var(--space-sm);border-radius:var(--radius-md);color:var(--color-sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500;display:flex}.sidebar__item:hover:not(:disabled){background:var(--color-bg);color:var(--color-text)}.sidebar__item--active{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text);font-weight:600}.sidebar__item:disabled{cursor:default;opacity:.55}.sidebar__icon{flex:none}.sidebar__badge{color:var(--color-text-light);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-left:auto;padding:.05rem .35rem;font-size:.7rem;font-weight:500}.app-shell{min-height:100vh;display:flex}.app-shell__sidebar--desktop{width:var(--sidebar-width);flex:none;display:none}.app-shell__body{flex-direction:column;flex:auto;min-width:0;display:flex}.app-shell__header{align-items:center;gap:var(--space-sm);min-height:var(--header-height);padding:0 var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-white);display:flex}.app-shell__menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-shell__breadcrumb{min-width:0;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:1rem;font-weight:600;overflow:hidden}.app-shell__breadcrumb-root{color:var(--color-text-muted);font-weight:500}.app-shell__date{color:var(--color-text-muted);text-transform:capitalize;flex:none;font-size:.85rem;display:none}.app-shell__main{padding:var(--space-md);flex:auto;width:100%;max-width:960px}.app-shell__overlay{z-index:20;background:#14141a66;border:none;padding:0;position:fixed;inset:0}.app-shell__sidebar--drawer{width:min(var(--sidebar-width), 85vw);z-index:21;box-shadow:0 0 0 1px var(--color-sidebar-border);position:fixed;inset:0 auto 0 0}@media (width>=768px){.app-shell__sidebar--desktop{display:block}.app-shell__menu-btn,.app-shell__overlay,.app-shell__sidebar--drawer{display:none}.app-shell__date{display:block}.app-shell__main{padding:var(--space-lg) var(--space-xl)}}@media (width<=767px){.app-shell__breadcrumb--hidden{display:none}}.backup-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.backup-actions button,.backup-import-label{background:var(--color-primary);min-height:2.75rem;color:var(--color-white);cursor:pointer;border:none;border-radius:.5rem;align-items:center;padding:0 1rem;font-weight:600;display:inline-flex}.backup-import-label input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.backup-message{border-radius:.5rem;margin-top:1rem;padding:.6rem .8rem}.backup-message--success{background:var(--color-bg-success);color:var(--color-success)}.backup-message--error{background:var(--color-bg-error);color:var(--color-warning)}.badge{padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);white-space:nowrap;line-height:1.4;display:inline-block}.badge--low{background:var(--badge-bg-low);color:var(--badge-text-low)}.badge--medium{background:var(--badge-bg-medium);color:var(--badge-text-medium)}.badge--high{background:var(--badge-bg-high);color:var(--badge-text-high)}.badge--neutral{background:var(--color-border-light);color:var(--color-text-muted)}.project-detail{gap:var(--project-section-gap);flex-direction:column;display:flex}.project-detail__back{min-height:2.25rem;color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:500}.project-detail__back:hover,.project-detail__back:focus-visible{text-decoration:underline}.project-detail__header{gap:var(--project-header-gap);padding:0 0 var(--project-header-padding);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.project-detail__title{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-detail__title h2{overflow-wrap:anywhere;margin:0}.project-detail__stats{gap:var(--space-lg);flex-wrap:wrap;margin:0;display:flex}.project-detail__stat{flex-direction:column;min-width:5.5rem;display:flex}.project-detail__stat dt{font-size:var(--kpi-label-size);color:var(--color-text-muted)}.project-detail__stat dd{font-size:var(--project-stat-number-size);color:var(--color-text);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.project-detail__section h3{margin:0 0 var(--space-sm);color:var(--color-text);font-size:1rem;font-weight:600}.project-detail__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.project-detail__row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light);display:flex}.project-detail__row-main{flex-direction:column;flex:1;min-width:0;display:flex}.project-detail__row-title{overflow-wrap:anywhere}.project-detail__row-meta{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.85rem}.project-detail__missing{color:var(--color-text-muted)}.project-detail__back-cta{border-radius:var(--radius-md);background:var(--color-primary);min-height:2.75rem;color:var(--color-white);cursor:pointer;border:none;align-self:flex-start;padding:0 1.25rem;font-weight:600}.project-form{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:.75rem;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.project-form input,.material-form input,.project-edit-form input,.project-edit-form select,.project-edit-form textarea,.material-edit-form input{border:1px solid var(--color-border-light);min-height:2.5rem;font:inherit;border-radius:.4rem;width:100%;padding:.25rem .5rem}.project-form button,.material-form button,.project-edit-actions button,.material-edit-actions button,.project-actions button,.material-actions button{background:var(--color-primary);min-height:2.5rem;color:var(--color-white);white-space:nowrap;border:none;border-radius:.4rem;padding:0 .9rem;font-weight:600}.project-edit-actions button[type=button],.material-edit-actions button[type=button]{background:var(--color-border-light);color:var(--color-text)}.form-error{width:100%;color:var(--color-warning);margin:0;font-size:.9rem}.project-filters{gap:.5rem;margin-bottom:1rem;display:flex;overflow-x:auto}.project-filter{border:1px solid var(--color-border);background:var(--color-white);border-radius:.5rem;flex:1 0 auto;min-height:2.25rem;padding:.4rem .75rem}.project-filter--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.project-empty,.material-empty{color:var(--color-text-light);font-style:italic}.project-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-item{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:.75rem;padding:.75rem 1rem}.project-summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.project-info{flex:1;min-width:0}.project-notes{color:var(--color-text-muted);overflow-wrap:anywhere;margin:.35rem 0 0}.project-actions,.material-actions{flex-wrap:wrap;gap:.5rem;display:flex}.project-actions button,.material-actions button{background:var(--color-border-light);color:var(--color-text);font-weight:400}.project-edit-form,.material-edit-form{flex-direction:column;gap:.5rem;display:flex}.project-edit-actions,.material-edit-actions{gap:.5rem;display:flex}.material-form{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.material-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.material-item{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem 0;display:flex}.material-content{overflow-wrap:anywhere;flex:1;min-width:0}.material-note{margin:0 0 .25rem}.project-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.project-open{min-height:2.25rem;color:var(--color-primary);text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.project-open:hover,.project-open:focus-visible{text-decoration:underline}.project-meta{color:var(--color-text-light);margin:.15rem 0 0;font-size:.85rem}.empty-state{align-items:center;gap:var(--space-sm);padding:var(--empty-state-padding);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:var(--empty-state-icon-size);height:var(--empty-state-icon-size);color:var(--color-text-light)}.empty-state__title{margin:var(--space-sm) 0 0;color:var(--color-text);font-weight:600}.empty-state__hint{color:var(--color-text-muted);margin:0}.empty-state__cta{margin-top:var(--space-md);border-radius:var(--radius-md);background:var(--color-primary);min-height:2.75rem;color:var(--color-white);cursor:pointer;border:none;padding:0 1.25rem;font-weight:600}.empty-state__link{min-height:2.25rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.project-notes-form{flex-direction:column;gap:.5rem;display:flex}.project-notes-form textarea{border:1px solid var(--color-border-light);width:100%;min-height:5rem;font:inherit;border-radius:.4rem;padding:.5rem}.project-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .5rem}.project-notes-edit{background:var(--color-border-light);min-height:2.25rem;color:var(--color-text);cursor:pointer;border:none;border-radius:.4rem;padding:0 .75rem}.today-group{margin-bottom:1.25rem}.task-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.task-item{border:1px solid var(--color-border);background:var(--color-white);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.task-item__main{flex-direction:column;gap:.15rem;display:flex}.task-item__title{font-weight:600}.task-item__meta{color:var(--color-text-muted);font-size:.85rem}.task-item__actions{flex-wrap:wrap;gap:.5rem;display:flex}.task-item__actions button,.task-item__actions select{min-height:2.5rem}.task-form,.time-form{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.task-form__field,.time-form__field{flex-direction:column;gap:.25rem;display:flex}.task-form__field input,.task-form__field select,.time-form__field input,.time-form__field select{border:1px solid var(--color-border);border-radius:.5rem;min-height:2.5rem;padding:.4rem .5rem}.task-form__actions,.time-form__actions{gap:.5rem;display:flex}.task-form__actions button,.time-form__actions button{min-height:2.5rem;padding:.5rem 1rem}.task-form__error,.time-form__error{color:var(--color-error);margin:0}.task-form__notice,.time-form__notice{color:var(--color-text-muted)}.task-item__badges{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.task-list__header{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.task-list__header h3{margin:0}.task-list__header button{min-height:2.5rem;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);cursor:pointer}.hours-chart{padding:var(--space-sm) 0;margin:0}.hours-chart__svg{width:100%;height:var(--chart-height);display:block;overflow:visible}.hours-chart__bar{fill:var(--chart-bar-color);rx:3px}.hours-chart__label,.hours-chart__value{fill:var(--color-text-muted);font-size:11px}.hours-chart__value{fill:var(--color-text);font-weight:600}.time-report{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.time-report__field{flex-direction:column;gap:.25rem;display:flex}.time-report__field select{border:1px solid var(--color-border);border-radius:.5rem;min-height:2.5rem;padding:.4rem .5rem}.time-report__total{margin:0;font-weight:600}.time-report__list{margin:0;padding-left:1.25rem}.time-report button{align-self:flex-start;min-height:2.5rem;padding:.5rem 1rem}:root{--color-primary:#2b4c7e;--color-success:#1d7a4c;--color-error:#a4262c;--color-warning:#b5401d;--color-white:#fff;--color-text:#1a1a1a;--color-text-muted:#555;--color-text-light:#888;--color-border:#c9c7d1;--color-border-light:#eee;--color-bg:#f4f3f6;--color-bg-success:#dff3e3;--color-bg-error:#f6dede;--color-bg-warning:#f0e6e0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--sidebar-width:16rem;--header-height:3.5rem;--color-sidebar-bg:#fbfbfc;--color-sidebar-border:var(--color-border-light);--color-sidebar-text:var(--color-text-muted);--color-sidebar-active-bg:#eaf0f8;--color-sidebar-active-text:var(--color-primary);--kpi-card-bg:var(--color-white);--kpi-card-border:var(--color-border-light);--kpi-card-radius:var(--radius-lg);--kpi-card-gap:var(--space-md);--kpi-number-size:2rem;--kpi-number-weight:700;--kpi-label-size:.8rem;--kpi-icon-size:1.25rem;--kpi-accent-late:var(--color-warning);--kpi-accent-late-bg:var(--color-bg-warning);--badge-radius:999px;--badge-padding-x:.55rem;--badge-padding-y:.15rem;--badge-font-size:.72rem;--badge-font-weight:600;--badge-bg-low:var(--color-bg-success);--badge-text-low:var(--color-success);--badge-bg-medium:var(--color-bg-warning);--badge-text-medium:var(--color-warning);--badge-bg-high:var(--color-bg-error);--badge-text-high:var(--color-error);--project-header-gap:var(--space-lg);--project-header-padding:var(--space-lg);--project-stat-number-size:1.35rem;--project-section-gap:var(--space-xl);--chart-bar-color:var(--color-primary);--chart-bar-radius:var(--radius-sm) var(--radius-sm) 0 0;--chart-bar-min-height:2px;--chart-height:8rem;--chart-label-size:.7rem;--chart-gap:var(--space-sm);--search-bg:var(--color-bg);--search-border:var(--color-border-light);--search-radius:var(--radius-md);--search-dropdown-bg:var(--color-white);--search-dropdown-border:var(--color-border-light);--search-group-label-size:.72rem;--empty-state-padding:var(--space-xl);--empty-state-icon-size:2.5rem}.kpi{margin-bottom:var(--space-lg)}.kpi__grid{gap:var(--kpi-card-gap);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.kpi__grid--summary{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.kpi-card{background:var(--kpi-card-bg);border:1px solid var(--kpi-card-border);border-radius:var(--kpi-card-radius);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.kpi-card__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.kpi-card__label{font-size:var(--kpi-label-size);color:var(--color-text-muted)}.kpi-card__icon{border-radius:var(--radius-md);width:1.75rem;height:1.75rem;color:var(--color-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.kpi-card__icon svg{width:var(--kpi-icon-size);height:var(--kpi-icon-size)}.kpi-card__number{font-size:var(--kpi-number-size);font-weight:var(--kpi-number-weight);color:var(--color-text);line-height:1.1}.kpi-card__unit{color:var(--color-text-muted);font-size:1rem;font-weight:500}.kpi-card--late .kpi-card__number{color:var(--kpi-accent-late)}.kpi-card--late .kpi-card__icon{color:var(--kpi-accent-late);background:var(--kpi-accent-late-bg)}