:root{color-scheme:dark;--bg: #07111f;--bg-accent: radial-gradient(circle at top left, rgba(101, 170, 255, .28), transparent 32%), radial-gradient(circle at top right, rgba(94, 234, 212, .18), transparent 24%), linear-gradient(180deg, #08111f 0%, #0c1729 100%);--panel: rgba(10, 18, 33, .72);--panel-border: rgba(255, 255, 255, .08);--text: #e8eef8;--muted: #95a6c6;--accent: #7c9cff;--accent-2: #5eead4;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}:root[data-theme=light]{color-scheme:light;--bg: #eef4ff;--bg-accent: radial-gradient(circle at top left, rgba(124, 156, 255, .25), transparent 28%), radial-gradient(circle at top right, rgba(94, 234, 212, .18), transparent 24%), linear-gradient(180deg, #f7faff 0%, #e9eff8 100%);--panel: rgba(255, 255, 255, .72);--panel-border: rgba(15, 23, 42, .08);--text: #10203a;--muted: #5e708f;--accent: #4f6df5;--accent-2: #0ea5a4;--shadow: 0 24px 60px rgba(90, 116, 163, .18)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-accent);color:var(--text)}body{min-height:100vh}button,input,textarea,select{font:inherit}button,select,input,textarea{border:2px solid var(--panel-border);background:#ffffff0a;color:var(--text);border-radius:16px}textarea,input,select{width:100%;padding:.45rem 1rem;font-size:16px;line-height:1.5}textarea{resize:vertical}button{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.primary-button,.task-form button,.project-form button,.nav-button.active,.avatar-button{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none}.primary-button{padding:.45rem 1rem;font-weight:600;font-size:16px;line-height:1.5}.primary-button:disabled{opacity:.7;cursor:wait}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1.25rem;position:relative;overflow:hidden}.auth-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/login-bg.png);background-size:cover;background-position:center;opacity:1;z-index:0}.auth-screen>*{position:relative;z-index:1}.auth-card{width:min(100%,460px);padding:1.6rem;display:flex;flex-direction:column;gap:1rem}.glass-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent-2);margin:0 0 .3rem}h1,h2,h3,p,strong{margin:0}h1{font-size:2rem;margin-bottom:.45rem}.muted{color:var(--muted);line-height:1.5}.topbar-layout{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;min-height:100vh;column-gap:1.25rem;row-gap:.85rem;padding:1.25rem;align-items:start}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;position:relative;z-index:50;overflow:visible}.topbar-actions{display:flex;align-items:center;gap:1rem}.compact-toggle{width:180px}.sidebar{display:flex;flex-direction:column;gap:1rem;padding:1.4rem;align-self:start}.nav-stack{display:flex;flex-direction:column;gap:.65rem}.nav-button{padding:.45rem 1rem;text-align:left;background:#ffffff0a;font-size:16px;line-height:1.5}.main-content{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1;align-self:start}.banner,.stats-grid,.content-grid,.detail-meta-grid,.task-form-grid{display:grid;gap:1rem}.banner{align-items:center;color:var(--muted);font-size:.92rem}.banner.saved{color:var(--accent-2)}.banner.error{color:#f87171}.banner.idle{display:none}.banner.visible{display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.detail-panel,.timeline-panel,.admin-page{padding:1.4rem}.stats-grid{margin-top:0}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);align-items:start}.overview-dash-stack{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.project-detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.project-tabs-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.project-tab-button{padding:.45rem 1rem;border-radius:18px;background:#ffffff0a;border:1px solid var(--panel-border);color:var(--text);line-height:1.2}.project-tab-button.active{border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:650}.field{display:flex;flex-direction:column;gap:.5rem;color:var(--muted)}.description-box{min-height:96px;margin:1rem 0}.detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.detail-meta-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.task-columns{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:1rem;overflow:auto;padding-bottom:.2rem}.task-column{background:#ffffff08;border:1px solid var(--panel-border);border-radius:24px;padding:1rem}.task-column-header,.task-card-top,.detail-header,.project-card-top,.project-meta,.task-card-footer,.user-card-top,.user-card-controls{display:flex;justify-content:space-between;gap:.75rem}.task-list,.timeline,.task-form,.project-form,.user-list{display:flex;flex-direction:column;gap:.85rem}.task-card,.user-card,.user-editor,.admin-side-note{padding:.95rem;border-radius:20px;background:#ffffff0a;border:1px solid var(--panel-border)}.task-summary-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .75rem;font-size:.85rem;color:var(--muted)}.task-status-text{color:var(--text);font-weight:650}.task-priority-text{padding:.2rem .55rem;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--muted)}.task-pencil-toggle{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:0;border:none;background:#ffffff08;color:var(--accent-2);cursor:pointer;font-size:1rem}.task-delete-toggle{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:0;border:2px solid rgba(248,113,113,.35);background:#f871711f;color:#ffc8c8f2;cursor:pointer;font-size:1rem}.task-status-geplant{border-left:4px solid rgba(148,163,184,.9)!important}.task-status-in-arbeit{border-left:4px solid rgba(250,204,21,.85)!important}.task-status-blockiert{border-left:4px solid rgba(248,113,113,.9)!important}.task-status-erledigt{border-left:4px solid rgba(74,222,128,.9)!important}.task-modal-indicator-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem;color:var(--muted)}.task-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.task-edit-actions button{width:auto}.status-reports-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.status-report-project-checkboxes{display:flex;flex-direction:column;gap:.25rem;max-height:55vh;overflow:auto;padding-right:.4rem}.danger-button{background:#f871711f;border:2px solid rgba(248,113,113,.35);color:#ffc8c8f2;padding:.45rem 1rem;border-radius:10px;cursor:pointer;font-size:16px;line-height:1.5}.project-picker-card{padding:1.4rem}.side-timeline{padding:1rem}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.overview-card{width:100%;background:#ffffff0a;border:1px solid var(--panel-border);cursor:pointer;outline:none;position:relative;padding-right:1rem}.overview-card .project-card-top{justify-content:flex-start;gap:.75rem}.project-status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff08}.overview-card .project-meta{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem}.project-ampel-anchor{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.overview-card:focus{outline:2px solid rgba(124,156,255,.55)}.project-list{display:flex;flex-direction:column;gap:.9rem;overflow:auto;margin-top:.15rem}.project-card{padding:1rem;text-align:left;border-radius:22px}.project-card.selected{outline:2px solid rgba(124,156,255,.55)}.project-card p,.task-card p,.timeline-entry p{color:var(--muted);line-height:1.45}.ampel-circle{width:14px;height:14px;border-radius:999px;border:1px solid transparent;display:inline-block}.ampel-3x.ampel-circle{width:42px;height:42px}.ampel-circle-btn{width:14px;height:14px;padding:0;line-height:0;font-size:0;display:inline-block;cursor:pointer;border-radius:999px;border:1px solid transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ampel-3x.ampel-circle-btn{width:42px;height:42px}.ampel-circle-btn:disabled{cursor:not-allowed;opacity:.7}.ampel-modal-editor-row{display:flex;align-items:center;gap:.75rem}.ampel-modal-editor-label{color:var(--muted);font-weight:650}.ampel-rot{background:#f87171f2;border-color:#f871718c}.ampel-gelb{background:#facc15f2;border-color:#facc158c}.ampel-gruen{background:#4ade80f2;border-color:#4ade808c}.ampel-grau{background:#94a3b8f2;border-color:#94a3b88c}.project-meta,.task-card-footer{font-size:.82rem;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .7rem;border-radius:999px;font-size:.78rem;border:1px solid transparent;white-space:nowrap}.status-geplant{background:#94a3b829;border-color:#94a3b847}.status-in-arbeit{background:#60a5fa2e;border-color:#60a5fa47}.status-blockiert{background:#f871712e;border-color:#f8717147}.status-erledigt{background:#4ade802e;border-color:#4ade8047}.detail-save-row{display:flex;justify-content:flex-end;margin-bottom:1rem}.status-report-deck-header{margin:0 0 .95rem;padding:1rem 1.1rem;border-radius:22px;border:1px solid var(--panel-border);background:#ffffff0a;display:flex;flex-direction:column;gap:.75rem}.status-report-deck-title h3{font-size:1.35rem}.status-report-deck-handlungsfeld{display:flex;flex-direction:column;gap:.35rem}.status-report-deck-handlungsfeld-label{font-weight:750;color:var(--muted)}.status-report-deck-handlungsfeld-value{color:var(--text);line-height:1.45}.status-report-deck-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.status-report-deck-status-cell{padding:.75rem .8rem;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff05}.status-report-deck-status-label{color:var(--muted);font-weight:750;font-size:.9rem;margin-bottom:.25rem}.status-report-deck-status-value{color:var(--text);line-height:1.35;word-break:break-word}.status-report-deck-ampel-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.status-report-deck-status-text{color:var(--text);line-height:1.35}.status-report-deck-section-title{font-weight:800;color:var(--muted);margin-bottom:.35rem}.status-report-deck-text{color:var(--text);line-height:1.45;word-break:break-word}.status-report-deck-phases,.status-report-deck-ausblick{margin-top:.75rem}.status-report-deck-bullet{margin-bottom:.25rem}.phase-slider{width:100%;padding:.35rem 0}.phase-slider-track{position:relative;height:42px;border-radius:999px;overflow:visible;border:2px solid var(--panel-border);background:#ffffff05}.phase-segment{position:absolute;top:0;bottom:0;width:25%;z-index:1;cursor:default}.phase-slider-marker{position:absolute;top:50%;width:30px;height:30px;border-radius:999px;border:3px solid rgba(255,255,255,.92);transform:translate(-50%,-50%);z-index:4;pointer-events:none;box-shadow:0 0 0 7px #7c9cff29}.phase-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:default;z-index:3;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.phase-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;opacity:0}.phase-range::-moz-range-thumb{width:0;height:0;opacity:0;border:none}.phase-labels{display:flex;justify-content:space-between;gap:.5rem;margin-top:.35rem}.phase-label{flex:1;text-align:center;font-size:.82rem;color:var(--muted);padding:.1rem 0}.ampel-tone-picker{display:flex;align-items:center;gap:.55rem;padding:.25rem 0}.ampel-tone-clear{width:40px;height:40px;border-radius:999px;border:1px dashed var(--panel-border);background:#ffffff05;color:var(--muted);cursor:pointer;font-weight:800}.ampel-circle-btn.active{outline:2px solid rgba(124,156,255,.6);outline-offset:2px}.status-text-with-ampel{display:flex;align-items:flex-start;gap:.9rem}.status-textarea{min-height:140px;padding:.9rem 1rem;border-radius:0;resize:vertical}.status-report-owners-card{margin:.1rem 0 1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08}.project-members-card{position:relative}.project-members-card-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.project-members-card-topbar h3{margin:0;font-size:1.1rem}.project-members-edit-button{flex:0 0 auto}.status-report-owners-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.status-report-owner-cell{padding:.65rem .75rem;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff05}.status-report-owner-cell-wide{margin-top:.75rem}.status-report-owner-cell-wide{display:block}.status-report-owner-label{color:var(--muted);font-weight:750;margin-bottom:.25rem;font-size:.9rem}.status-report-owner-value{color:var(--text);line-height:1.35;word-break:break-word}.timeline-dates-card{margin:.1rem 0 1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08}.timeline-dates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.timeline-date-cell{padding:.65rem .75rem;border-radius:14px;border:1px solid var(--panel-border);background:#ffffff05}.timeline-date-label{color:var(--muted);font-weight:750;margin-bottom:.25rem;font-size:.9rem}.timeline-date-value{color:var(--text);line-height:1.35;word-break:break-word}.quality-gates-card{margin:.1rem 0 1rem;padding:.9rem 1rem;border-radius:18px;border:1px solid var(--panel-border);background:#ffffff08}.quality-gates-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.quality-gates-table{width:100%;border-collapse:collapse}.quality-gates-table th,.quality-gates-table td{border:1px solid rgba(255,255,255,.08);padding:.6rem .7rem;vertical-align:top;text-align:left}.quality-gates-table th{color:var(--muted);font-weight:750;background:#00468cf2;color:#fff}.quality-gates-actions{white-space:nowrap;display:flex;align-items:center;gap:.5rem}.month-year-grid{display:flex;align-items:center;gap:.45rem}.month-year-grid input{width:6.5rem}.month-year-sep{color:var(--muted);font-weight:750}.quality-gates-unit{margin-top:.25rem;font-size:.8rem;font-weight:650;opacity:.95}.task-section-top{display:flex;justify-content:flex-start;margin:0 0 .8rem}.side-timeline .timeline-entry p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timeline-more{width:100%;margin-top:.25rem;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080f6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1.25rem;z-index:30}.modal-card{width:min(100%,640px);padding:1.4rem}.modal-surface{background:#0d1628e6;border-color:#ffffff1f}:root[data-theme=light] .modal-surface{background:#fffffff0;border-color:#0f172a1f}.modal-close{width:auto;padding:.45rem 1rem;font-size:16px;line-height:1.5}.project-edit-modal{width:clamp(900px,96vw,1200px)!important;max-width:1200px!important;max-height:88vh;overflow:auto;align-self:center}.timeline-entry{display:grid;grid-template-columns:16px 1fr;gap:.8rem;align-items:start}.timeline-dot{width:12px;height:12px;margin-top:.35rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px #7c9cff1f}.user-menu-wrap{position:relative;z-index:60}.avatar-button{display:flex;align-items:center;gap:.75rem;padding:.45rem .7rem;border-radius:999px}.avatar-circle{width:40px;height:40px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff38;font-weight:700}.avatar-meta{display:flex;flex-direction:column;text-align:left}.avatar-meta small{opacity:.85}.user-menu-dropdown{position:absolute;top:calc(100% + .6rem);right:0;min-width:220px;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;z-index:999}.user-menu-dropdown button{text-align:left;padding:.8rem .9rem;border-radius:0;background:transparent}.checkbox-row{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.checkbox-row input{width:auto}.user-admin-grid{align-items:center}.small-gap{margin-bottom:.85rem}.meta-accordion-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 1rem;margin:.6rem 0 1rem;border-radius:0;border:2px solid var(--panel-border);background:#ffffff08;color:var(--text);cursor:pointer;font-weight:650}.pencil-toggle{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:0;border:none;background:#ffffff08;color:var(--accent-2);cursor:pointer;font-size:1.05rem}.pencil-toggle.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:transparent}.favorite-star-toggle{width:76px;height:76px;display:inline-grid;place-items:center;border-radius:0;border:none;background:#ffffff08;color:var(--accent-2);cursor:pointer;font-size:2.2rem}.favorite-star-toggle.active{background:transparent;color:var(--accent-2)}.pencil-toggle:disabled{opacity:.6;cursor:not-allowed}.meta-accordion-toggle:disabled{opacity:.6;cursor:not-allowed}.chevron{display:inline-block;transition:transform .16s ease;color:var(--accent-2);font-size:1.1rem}.chevron.open{transform:rotate(90deg)}@media (max-width: 1200px){.topbar-layout,.content-grid,.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar-layout{padding:.85rem}.stats-grid,.detail-meta-grid,.task-form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}}