:root{font-family:system-ui,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-brand-yellow: #FFFC00;--color-brand-black: #2A2623;--color-brand: var(--color-brand-black);--color-white: #FFFFFF;--color-black: #000000;--gray-6: #47403C;--gray-5: #6D6766;--gray-4: #918C8C;--gray-3: #BBB6B5;--gray-2: #E4E0E0;--gray-1: #F4F3F3;--color-text: var(--color-brand-black);--color-bg: var(--color-white);--color-surface: var(--color-white);--color-border: var(--gray-2);--color-highlight: #ece8e2;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--shadow-sm: 0 1px 4px rgba(42, 38, 35, .08);--shadow-md: 0 10px 30px rgba(42, 38, 35, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{max-width:1200px;margin:0 auto;padding:var(--space-9) var(--space-6) var(--space-10)}.page{display:flex;flex-direction:column;gap:var(--space-9)}.theme-soft{--color-surface: #fcfbf8;--gray-1: #f6f5f2;--gray-2: #e5e1db}.contrast-high{--color-border: #000000;--gray-5: #1f1b1b;--gray-2: #000000;--color-highlight: #ffd400}.density-compact .card{padding:var(--space-4)}.density-compact .page{gap:var(--space-6)}.density-compact .section-title{margin-bottom:var(--space-2)}.density-compact .table-row,.density-compact .overview-row{padding:var(--space-2) 0}.density-compact .filter-bar input,.density-compact .filter-bar select,.density-compact .filter-bar button{min-height:38px}.view-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.view-switcher .section-header{align-items:center}.view-toggle-group{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.view-toggle-group .btn.is-active{background:var(--color-brand);color:var(--color-white)}.view-controls label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--gray-5)}.view-controls select{min-width:140px}.skip-link{position:absolute;left:-999px;top:var(--space-3);background:var(--color-brand-black);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:20}.skip-link:focus{left:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-text{font-size:.8rem;color:var(--gray-5)}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid var(--gray-3);background:var(--gray-1);font-size:.75rem;color:var(--gray-5);margin-left:var(--space-2);cursor:help}.info-tip:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:2px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:96px}.header-brand{display:flex;gap:var(--space-4);align-items:center;height:100%}.brand-lockup{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.brand-icon{width:48px;height:48px;object-fit:contain}.brand-logo{height:100%;max-height:96px;object-fit:contain;background:transparent;cursor:pointer}.brand-logo:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:4px;border-radius:var(--radius-sm)}.eyebrow{margin:0 0 var(--space-2);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-5)}.page-header h1{margin:0 0 var(--space-2);font-size:clamp(2rem,3vw,3rem)}.page p{margin:0}.subtitle{margin:0;color:var(--gray-6);max-width:42rem}.header-actions{display:flex;gap:var(--space-3);align-items:center}.view-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.view-tile{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;padding:var(--space-3);border-radius:16px;border:1px solid var(--gray-3);background:var(--white);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.view-tile.is-active{border-color:var(--color-brand-black);box-shadow:var(--shadow-sm)}.view-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.corporate-title{color:var(--color-brand-black)}.calendar-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.75rem;margin-top:var(--space-1)}.header-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.hamburger{display:none}.btn{border-radius:999px;border:1px solid var(--color-brand-black);padding:var(--space-2) var(--space-5);background:transparent;color:var(--color-brand-black);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}.btn:focus-visible{outline:2px solid var(--color-brand-black);outline-offset:2px}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-brand-black);color:var(--color-white)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-label{margin:0 0 var(--space-2);font-size:.85rem;color:var(--gray-5)}.card-title{margin:var(--space-3) 0 var(--space-1);font-size:1.4rem}.card-meta{margin:0;color:var(--gray-5)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:999px;background:var(--gray-1);border:1px solid var(--gray-2);font-size:.85rem}.pill-pad{background:#e7f0fb}.pill-comment{background:#f6f0d9}.highlight{background:var(--color-highlight);padding:2px 6px;border-radius:var(--radius-sm)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.filter-bar input,.filter-bar select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-white);min-width:200px}.filter-bar input,.filter-bar select,.filter-bar button{min-height:44px}.filter-bar input:focus,.filter-bar select:focus{outline:2px solid rgba(42,38,35,.2);border-color:var(--color-brand-black)}.filter-bar .pill{border-color:var(--gray-3)}.filter-multi{display:flex;flex-direction:column;gap:var(--space-2);min-width:240px}.filter-label{font-size:.8rem;color:var(--gray-5);text-transform:uppercase;letter-spacing:.08em}.pill-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill.selectable{cursor:pointer;transition:background .2s ease,border-color .2s ease}.pill.selectable.active{background:var(--color-highlight);border-color:var(--color-brand-black)}.filter-saved{margin-top:var(--space-3)}.filter-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.assignee-picker{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.assignee-picker .checkbox-row{margin-top:0}.assignee-picker.compact .assignee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.assignee-toggle{justify-content:center;width:100%}.assignee-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.assignee-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 10px;border:1px solid var(--gray-2);border-radius:var(--radius-sm)}.assignee-row input{margin:0}.bulk-bar{margin-bottom:var(--space-3)}.table-title{display:inline-flex;align-items:center;gap:var(--space-2)}.table-title .icon-btn{margin-left:2px}.type-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--gray-2);color:var(--gray-6)}.turnus-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#f2f5ff;color:var(--color-brand-black);border:1px solid var(--gray-2)}.yearly-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#eaf2ff;color:#1d4ed8;border:1px solid var(--gray-2)}.jf-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#fff6e5;color:#8a5a00;border:1px solid var(--gray-2);margin-left:6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-brand-black)}.icon-btn:hover{background:var(--gray-1)}.color-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--gray-2)}.pin{font-size:.9rem}.blocker-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--gray-2);background:#f6e1e1;font-size:.75rem}.table-spacer{opacity:0}.table{display:flex;flex-direction:column;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch}.table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-2)}.table-row:nth-child(2n){background:#f4f3f399}.table-row:hover{background:#e7f0fb99}.project-table .table-row{grid-template-columns:.3fr 2.6fr 1.2fr .9fr 1.4fr 1.6fr .8fr}.project-table .table-actions{display:inline-flex;align-items:center;gap:var(--space-2);min-width:96px}.project-table .table-actions .icon-btn{min-width:40px;min-height:40px;padding:8px;border-radius:10px;background:var(--gray-1);border:1px solid var(--gray-2);color:var(--color-brand-black)}.table-header{font-size:.85rem;color:var(--gray-5);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--gray-3)}.status-chip,.risk-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--gray-2);background:var(--gray-1);font-size:.8rem;width:fit-content}.risk-niedrig{background:#e7f4ea}.risk-mittel{background:#f6f0d9}.risk-hoch{background:#f6e1e1}.sla-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid var(--gray-2);background:var(--gray-1);font-size:.8rem;width:fit-content}.sla-missing{background:#f6f0d9}.sla-overdue{background:#f6e1e1}.sla-ok{background:#e7f4ea}.status-Geplant{background:var(--gray-1)}.status-In-Arbeit{background:var(--color-highlight)}.status-Abgeschlossen{background:#dde6de}.status-Verzoegert{background:#f0dede}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-module{display:flex;flex-direction:column;gap:var(--space-5)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.section-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.collapse-toggle{border:1px solid var(--gray-3);background:var(--white);color:var(--gray-6);padding:6px 10px;border-radius:999px;font-size:.8rem;cursor:pointer}.collapse-toggle:hover{background:var(--gray-1)}.dashboard-section{margin-top:var(--space-5)}.view-tile-card{margin-bottom:var(--space-5)}.admin-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.admin-table .table-row{grid-template-columns:2fr 1fr 1fr .8fr 2.2fr .8fr}.admin-row .muted{color:var(--gray-5);font-size:.85rem}.team-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.team-admin{display:flex;flex-direction:column;gap:var(--space-3)}.team-admin-header{display:flex;flex-direction:column;gap:var(--space-2)}.team-admin h3{margin:0}.todo-card{display:flex;flex-direction:column;gap:var(--space-3)}.todo-list{display:flex;flex-direction:column;gap:var(--space-2)}.pads-index .pad-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.pad-group-card{border:1px solid var(--gray-2);border-radius:12px;padding:var(--space-3);background:#fff}.pad-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.pad-index-list{display:flex;flex-direction:column;gap:var(--space-2)}.pad-index-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--gray-2);padding-top:var(--space-2)}.pad-index-row:first-child{border-top:0;padding-top:0}.todo-row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-2)}.todo-row select{min-height:44px}.todo-admin,.calendar-card{display:flex;flex-direction:column;gap:var(--space-3)}.calendar-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.calendar-project-list{display:flex;flex-direction:column;gap:var(--space-2)}.calendar-project-list.compact{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.project-toggle{border:1px solid var(--gray-3);background:var(--white);color:var(--gray-6);padding:6px 10px;border-radius:999px;font-size:.8rem;cursor:pointer}.project-toggle.is-active{background:var(--color-highlight);border-color:var(--color-brand-black);color:var(--color-brand-black)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.legend-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--gray-5)}.legend-swatch{width:16px;height:10px;border-radius:999px;border:1px solid var(--gray-2)}.legend-task{background:var(--gray-2)}.calendar-header-row,.calendar-row{display:grid;grid-template-columns:220px repeat(var(--calendar-columns),minmax(80px,1fr));align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--gray-2)}.calendar-header-row{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-5)}.calendar-label{font-weight:600}.calendar-subrow .calendar-label{padding-left:var(--space-4);font-weight:500}.calendar-header-cell{text-align:center;color:var(--gray-5)}.calendar-bar{background:var(--gray-1);border:1px solid var(--gray-2);border-radius:999px;padding:6px 10px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.calendar-bar[data-dragging=true]{cursor:grabbing;opacity:.85}.calendar-resize{position:absolute;top:-2px;bottom:-2px;width:14px;border-radius:999px}.calendar-resize.handle-start{left:-6px;cursor:ew-resize}.calendar-resize.handle-end{right:-6px;cursor:ew-resize}.calendar-bar:hover .calendar-resize{background:#0000000f}.calendar-bar:hover{box-shadow:var(--shadow-sm)}.calendar-bar[data-risk=Hoch]{box-shadow:0 0 0 2px #85100c33}.calendar-bar[data-risk=Mittel]{box-shadow:0 0 0 2px #918c8c33}.kanban-item{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.kanban-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.kanban-title{display:inline-flex;align-items:center;gap:var(--space-2)}.kanban-goal{margin:var(--space-2) 0 0}.kanban-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:.85rem;color:var(--gray-5)}.kanban-item.is-dragging{cursor:grabbing;opacity:.7}.kanban-column.is-drop-target{outline:2px dashed var(--gray-4);outline-offset:4px}body.is-dragging{cursor:grabbing}.bar-Geplant{background:var(--gray-1)}.bar-In-Arbeit{background:var(--color-highlight)}.bar-Abgeschlossen{background:#dde6de}.bar-Verzoegert{background:#f0dede}.bar-Offen{background:#f4f3f3}.bar-Erledigt{background:#dde6de}.overview-card{display:flex;flex-direction:column;gap:var(--space-3)}.grouped-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.group-card{border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-3);background:var(--gray-1)}.group-card h3{margin-top:0}.group-card ul{margin:0;padding-left:var(--space-4)}.blocked-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--space-2)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.kpi-tile{border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-3);background:var(--gray-1);display:flex;flex-direction:column;gap:var(--space-2)}.heatmap-table{display:grid;gap:var(--space-2)}.heatmap-row{display:grid;grid-template-columns:1fr repeat(4,minmax(60px,1fr));gap:var(--space-2);align-items:center}.heatmap-header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-5)}.heatmap-cell{border-radius:var(--radius-sm);padding:4px 8px;text-align:center;background:var(--gray-1)}.heatmap-cell.level-0{background:var(--gray-1)}.heatmap-cell.level-1{background:#e7f4ea}.heatmap-cell.level-2{background:#f6f0d9}.heatmap-cell.level-3{background:#f6e1e1}.activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--gray-2)}.activity-title{font-weight:600}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.capacity-tile{border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--gray-2);background:var(--gray-1)}.capacity-tile.low{background:#e7f4ea}.capacity-tile.mid{background:#f6f0d9}.capacity-tile.high{background:#f6e1e1}.mywork-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.mywork-columns .filter-bar,.mywork-month-container,.mywork-toggle-bar{grid-column:1 / -1}.mywork-month-filter,.mywork-month-container .filter-bar select,.mywork-month-container{width:100%}.mywork-toggle-bar{display:flex;flex-wrap:nowrap;gap:var(--space-2);width:100%}.mywork-toggle-bar .toggle-btn{min-width:0;flex:1;padding:6px 12px}.mywork-toggle-bar .toggle-btn.is-active{background:var(--color-highlight);border-color:var(--color-brand-black);color:var(--color-brand-black)}.mywork-week{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.mywork-week-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.mywork-week-controls{display:flex;align-items:center;gap:var(--space-2)}.mywork-week-controls select{min-width:220px}.mywork-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.mywork-day{border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-2);background:var(--white)}.mywork-day-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.mywork-day-list{display:flex;flex-direction:column;gap:var(--space-2)}.quick-todo{display:flex;align-items:center;gap:var(--space-2)}.quick-todo.is-done span{text-decoration:line-through;color:var(--gray-5)}.quick-todo-emoji{margin-right:6px}.mywork-quick-add{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(140px,.6fr) minmax(120px,.4fr) minmax(200px,1fr) auto;gap:var(--space-2);align-items:center}.mywork-quick-add input,.mywork-quick-add select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;min-height:42px}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2)}.todo-hint{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);border:1px dashed var(--gray-2);background:var(--gray-1)}.todo-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.toggle-btn.is-active{background:var(--color-highlight);border-color:var(--color-brand-black);color:var(--color-brand-black)}.calendar-portrait-hint{display:none;margin-top:var(--space-3)}.calendar-grid-wrapper{display:block}.header-icon-btn .btn-icon{display:none}.todo-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:var(--space-2);align-items:start}.todo-main{display:flex;flex-direction:column;gap:4px}.todo-meta{line-height:1.35}.comment-panel{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--gray-2);background:var(--gray-1)}@media(max-width:1100px){.mywork-week-header{flex-direction:column;align-items:flex-start}}@media(max-width:900px){.mywork-week-controls{width:100%;justify-content:space-between}.mywork-week-controls select{flex:1}}@media(max-width:900px)and (orientation:portrait){.calendar-grid-wrapper{display:none}}@media(max-width:900px)and (orientation:landscape){.calendar-portrait-hint{display:none}}@media(max-width:700px){.mywork-week-grid,.mywork-columns,.todo-row{grid-template-columns:1fr}.todo-actions{justify-content:flex-start}.mywork-month-filter select{width:100%}.mywork-toggle-bar{flex-direction:column}.mywork-toggle-bar .toggle-btn{width:100%}}@media(max-width:900px){.page-header{align-items:center}.header-brand{align-items:center;justify-content:center;width:100%}.brand-logo{margin:0 auto}.header-actions{align-items:center;width:100%}.header-icon-btn{width:56px;height:56px;padding:0}.header-icon-btn .btn-label{display:none}.header-icon-btn .btn-icon{display:inline-flex;font-size:1.35rem}.calendar-portrait-hint{display:block;padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--gray-2);background:var(--gray-1)}.project-table .table-header{display:none}.project-table .table-row{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--white)}.project-table .table-row span{display:flex;justify-content:space-between;gap:var(--space-2)}.project-table .table-row span:before{content:attr(data-label);color:var(--gray-5);font-size:.85rem}.project-table .table-row .table-title{flex-wrap:wrap}.jf-table .table-header{display:none}.jf-table .table-row{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--white)}.jf-table .table-row span{display:flex;justify-content:space-between;gap:var(--space-2)}.jf-table .table-row span:before{content:attr(data-label);color:var(--gray-5);font-size:.85rem}}.comment-panel ul{margin:0 0 var(--space-2);padding-left:var(--space-4)}.pad-block{display:flex;flex-direction:column;gap:var(--space-2)}.pad-block h4,.pad-block p{margin:0}.pad-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pad-edit{display:flex;flex-direction:column;gap:var(--space-2)}.comment-panel textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;min-height:80px}.comment-panel textarea:focus{outline:2px solid rgba(42,38,35,.2);border-color:var(--color-brand-black)}@media(hover:none){.table-row:hover,.overview-row:hover,.kanban-item:hover,.calendar-bar:hover,.timeline-month:hover{background:inherit;box-shadow:none}}@media(hover:none)and (pointer:coarse){.btn,.toggle-btn,.icon-toggle,.filter-chip{min-height:44px}.btn{padding:10px 18px}.icon-btn{min-width:44px;min-height:44px;padding:8px;font-size:1rem}.table-actions .icon-btn{min-width:44px;min-height:44px}}@media(max-width:900px){.view-controls,.view-controls label{width:100%}}.modal-section{border-top:1px solid var(--gray-2);padding-top:var(--space-3)}.overview-table{display:flex;flex-direction:column;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.overview-row{display:grid;grid-template-columns:.8fr 2fr 1.2fr 1.2fr 1.4fr 1fr .9fr .9fr 1.6fr;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-2)}.overview-title{display:inline-flex;align-items:center;gap:var(--space-2)}.overview-row-task{padding-left:var(--space-4);color:var(--gray-6)}.overview-row:nth-child(2n){background:#f4f3f399}.overview-row:hover{background:#e7f0fb99}.overview-row.compact{grid-template-columns:.8fr 2fr 1.2fr 1fr 1.6fr}.overview-header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-5)}.team-chip{padding:3px 10px;border-radius:999px;border:1px solid var(--gray-2);font-size:.8rem;background:var(--gray-1);cursor:default}.team-chip.r{background:var(--gray-1)}.team-chip.rw{background:var(--color-highlight)}.team-chip.none{opacity:.6}.team-chip.all{background:var(--color-highlight)}.btn.btn-small{padding:6px 14px;font-size:.85rem}.btn.btn-ghost{border:1px solid var(--gray-2);background:transparent}.btn.btn-icon{margin-left:var(--space-2);padding:2px 8px;font-size:.75rem}.login-card{display:flex;flex-direction:column;gap:var(--space-3)}.error-text{color:#85100c;margin:0}.notice-text{color:var(--gray-6);margin:0}.import-card{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-card{margin-top:var(--space-5)}.mywork-card+.mywork-month-card{margin-top:var(--space-5)}.import-input{display:flex;flex-direction:column;gap:var(--space-2)}.import-textarea{min-height:180px;width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;resize:vertical}.import-table{display:flex;flex-direction:column;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.import-row{display:grid;grid-template-columns:.5fr .8fr 2fr 1.4fr 1.2fr .9fr 1.1fr 1.1fr 1.1fr 1.1fr .7fr 1.2fr 1.2fr;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-2)}.import-header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-5)}.import-row input,.import-row select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px}.import-row .import-checkbox{width:auto;min-width:auto;padding:0;border:none;border-radius:4px}.project-page{display:flex;flex-direction:column;gap:var(--space-4)}.project-page-open>section:not(.project-page){display:none}.project-page-header{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.project-page-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.project-page-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.metric-tile{background:var(--gray-1);border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.lead-cockpit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.lead-panel{display:flex;flex-direction:column;gap:var(--space-3)}.lead-panel-actions{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.lead-panel .btn.is-active{background:var(--color-brand);color:var(--color-white)}.lead-jf-actions{margin-bottom:var(--space-2)}.lead-panel .subtitle,.lead-cockpit-card .subtitle{font-size:.85rem;color:var(--gray-5)}.risk-matrix{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:var(--space-3)}.risk-cell{background:var(--gray-1);border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}.team-compare{display:flex;flex-direction:column;gap:var(--space-2)}.team-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--color-white);flex-wrap:wrap}.jf-prep-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.jf-prep-list li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--color-white)}.mywork-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.mywork-focus-card{border:1px solid var(--gray-2);border-radius:var(--radius-md);padding:var(--space-3);background:var(--gray-1);display:flex;flex-direction:column;gap:var(--space-2)}.mywork-focus-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.mywork-focus-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-white);border:1px solid var(--gray-2)}.mywork-focus-actions{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.project-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.project-tabs .tab-btn{border:1px solid var(--gray-2);background:var(--color-white);padding:6px 14px;border-radius:999px;font-weight:600;cursor:pointer}.project-tabs .tab-btn.is-active{background:var(--color-brand);color:var(--color-white);border-color:var(--color-brand)}.project-tab-content{background:var(--gray-1);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--gray-2)}.project-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.project-task-list{display:flex;flex-direction:column;gap:var(--space-2)}.project-task-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--color-white)}.project-task-meta{display:inline-flex;align-items:center;gap:var(--space-3)}.project-pad-list{display:flex;flex-direction:column;gap:var(--space-3)}.project-pad-list li{list-style:none;padding:var(--space-3);border:1px solid var(--gray-2);border-radius:var(--radius-md);background:var(--color-white)}.project-milestone-card{display:flex;flex-direction:column;gap:var(--space-2)}.milestone-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.milestone-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0}.milestone-list li{display:flex;align-items:flex-start;gap:var(--space-2)}.milestone-dot{width:8px;height:8px;border-radius:999px;margin-top:6px;background:var(--color-brand)}.milestone-add{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.milestone-add input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px}.project-timeline{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.timeline-track{position:relative;height:10px;background:var(--gray-2);border-radius:999px;overflow:hidden}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-dot{width:10px;height:10px;background:var(--color-brand);border-radius:999px;border:2px solid var(--color-white);box-shadow:0 0 0 1px var(--gray-2)}.user-badge{margin-top:0}.user-badge .pill{font-size:.75rem;padding:4px 8px}.view-controls{display:flex;gap:var(--space-2);align-items:center}.icon-toggle-group{display:inline-flex;gap:6px;align-items:center}.icon-toggle{border:1px solid var(--gray-3);background:var(--white);color:var(--gray-6);padding:6px 8px;min-width:36px;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer}.icon-toggle.is-active{background:var(--color-highlight);border-color:var(--color-brand-black);color:var(--color-brand-black)}.header-btn{min-height:44px;padding:8px 16px}.notice-card{display:flex;flex-direction:column;gap:var(--space-2)}.modal-backdrop{position:fixed;inset:0;background:#2a262366;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:10}.modal{width:min(900px,100%);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--gray-2);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);max-height:90vh}.pad-modal{width:min(720px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--color-white);z-index:1;padding-bottom:var(--space-3)}.modal-actions{display:inline-flex;align-items:center;gap:var(--space-2)}.status-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-chip{border:1px solid var(--gray-2);background:var(--gray-1);padding:4px 10px;border-radius:999px;font-size:.8rem;cursor:pointer}.filter-chip:hover{background:var(--gray-2)}.focus-toggle.is-active{background:var(--color-brand);color:var(--color-white)}.empty-state{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.updated-at{margin-left:6px;font-size:.75rem}.modal-body{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-2)}.modal-body label{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.modal-body input,.modal-body select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-height:44px}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.checkbox-row{flex-direction:row;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.rights-grid{display:flex;flex-direction:column;gap:var(--space-2);border-top:1px solid var(--gray-2);padding-top:var(--space-3)}.rights-header,.rights-row{display:grid;grid-template-columns:2fr .5fr .5fr;gap:var(--space-2);align-items:center}.rights-header{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);position:sticky;bottom:0;background:var(--color-white);padding-top:var(--space-3);z-index:1}.muted{color:var(--gray-5)}.section-title{margin:0 0 var(--space-3);font-size:1.2rem;display:inline-flex;align-items:center;gap:var(--space-2)}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.kanban-column{display:flex;flex-direction:column;gap:var(--space-3)}.kanban-item{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white)}.kanban-item:hover{box-shadow:var(--shadow-sm)}.kanban-item p{margin-top:var(--space-1);color:var(--gray-5)}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.timeline-month{padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--gray-3);background:var(--gray-1)}.timeline-month:hover{border-color:var(--gray-4)}.timeline-month ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}@media(max-width:900px){#root{padding:var(--space-7) var(--space-4) var(--space-8)}.page-header{flex-direction:column;align-items:stretch}.header-brand{flex-direction:column;align-items:flex-start}.brand-lockup{flex-direction:row;align-items:center}.brand-logo{height:56px}.hamburger{display:inline-flex;align-items:center;justify-content:center}.header-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:var(--space-2)}.header-nav.is-open{display:flex}.table-row{grid-template-columns:minmax(240px,1fr);gap:var(--space-2)}.project-table .table-row{grid-template-columns:minmax(240px,1fr)}.section-header,.header-actions{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.filter-bar input,.filter-bar select,.filter-bar button{width:100%}.page{gap:var(--space-7)}.card{padding:var(--space-5)}.overview-row,.import-row{grid-template-columns:minmax(220px,1fr)}.todo-row{flex-direction:column;align-items:flex-start}.calendar-header-row,.calendar-row{grid-template-columns:180px repeat(var(--calendar-columns),minmax(70px,1fr))}}@media(max-width:600px){#root{padding:var(--space-6) var(--space-3) var(--space-7)}.page-header h1{font-size:1.8rem}.subtitle{font-size:.95rem}.modal-backdrop{padding:var(--space-3)}.modal{padding:var(--space-4);max-height:94vh}.modal-actions,.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{width:100%}}