: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);--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}.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)}}.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)}.project-form{background:var(--color-white);border-radius:.75rem;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #00000014}.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-radius:.75rem;padding:.75rem 1rem;box-shadow:0 1px 3px #00000014}.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-name{overflow-wrap:anywhere;font-weight:600}.project-status{background:var(--color-border-light);border-radius:1rem;margin-left:.5rem;padding:.1rem .5rem;font-size:.8rem}.project-status--active{background:var(--color-bg-success);color:var(--color-success)}.project-status--closed{background:var(--color-bg-warning);color:#7a4c1d}.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}.project-materials{border-top:1px solid var(--color-border-light);margin-top:.75rem;padding-top:.75rem}.project-materials h3{margin:0 0 .5rem;font-size:1rem}.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}.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)}: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)}.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}