:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--error: #f87171;--positive: #4ade80;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--surface-2);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;order:0}.nav-panel{order:1;flex:1;display:flex;align-items:center;gap:1rem}.nav{display:flex;gap:.4rem;flex:1;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;padding:.4rem .75rem;border-radius:var(--radius);white-space:nowrap}.nav a.active{color:var(--text);background:var(--surface-2)}.nav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:.5rem}.status-dot{order:2;width:10px;height:10px;border-radius:999px;flex:none}.status-dot.online{background:var(--positive);box-shadow:0 0 0 3px #4ade802e}.status-dot.offline{background:var(--error);box-shadow:0 0 0 3px #f871712e}.nav-toggle{display:none;order:3;background:transparent;color:var(--text);border:1px solid var(--surface-2);border-radius:8px;font-size:1.1rem;line-height:1;padding:.35rem .6rem}.nav-backdrop{display:none}@media (max-width: 768px){.nav-toggle{display:block}.status-dot{margin-left:auto}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000073}.nav-panel{order:5;display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;background:var(--surface);border-bottom:1px solid var(--surface-2);padding:.5rem;z-index:21;box-shadow:0 8px 20px #00000059;max-height:calc(100vh - 52px);overflow-y:auto}.nav-panel.open{display:flex}.nav{flex-direction:column;gap:.15rem}.nav a{padding:.75rem .85rem;font-size:1rem}.nav-actions{justify-content:space-between;border-top:1px solid var(--surface-2);margin-top:.35rem;padding-top:.6rem}}.content{padding:1.5rem;max-width:960px;width:100%;margin:0 auto}h1{font-size:1.5rem;margin:0 0 1rem}h2{font-size:1.1rem;margin:2rem 0 .75rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.card-value{font-size:2rem;font-weight:700;color:var(--accent)}.card-label{color:var(--muted);font-size:.9rem}.list{list-style:none;padding:0;margin:0}.list li{display:flex;justify-content:space-between;padding:.6rem .25rem;border-bottom:1px solid var(--surface-2)}.form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;background:var(--surface);padding:1rem;border-radius:var(--radius)}.form input,.form select{background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:8px;padding:.5rem .6rem;font-size:.9rem}.form button,button{background:var(--accent);color:#04263a;border:0;font-weight:600;border-radius:8px;padding:.5rem 1rem;cursor:pointer}.form button:hover{filter:brightness(1.08)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--surface-2)}.table th{color:var(--muted);font-weight:600}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--error)}.warn{color:#fbbf24}.positive{color:var(--positive)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tab{background:var(--surface);color:var(--muted);border:1px solid var(--surface-2);padding:.4rem .9rem;border-radius:999px;font-size:.85rem}.tab.active{background:var(--accent);color:#04263a;border-color:var(--accent)}.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-ok{background:#4ade8026;color:var(--positive)}.badge-warn{background:#fbbf2426;color:#fbbf24}.badge-error{background:#f8717126;color:var(--error)}.badge-muted{background:var(--surface-2);color:var(--muted)}button.small{padding:.25rem .6rem;font-size:.8rem}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--surface-2)}button.ghost:hover{color:var(--text)}.cb{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.85rem}.ap-card{background:var(--surface);border-radius:var(--radius);margin-bottom:.6rem;overflow:hidden}.ap-head{display:flex;align-items:center;gap:.6rem;padding:.8rem 1rem;cursor:pointer}.ap-head:hover{background:var(--surface-2)}.ap-toggle{color:var(--muted);width:1rem}.ap-detail{padding:0 1rem 1rem}.status-box{margin:.5rem 0}.status-box p{margin:.2rem 0;font-size:.85rem}.actions{margin-top:.8rem;display:flex;align-items:center;gap:.5rem}.besetzen{display:flex;flex-direction:column;gap:.35rem}.besetzen-period{display:flex;gap:.3rem;flex-wrap:wrap}.besetzen-period input{padding:.3rem;font-size:.8rem;background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:6px}.cand{display:flex;align-items:center;gap:.5rem}.cand span:first-child{min-width:8rem}.user-name{white-space:nowrap;color:var(--muted);text-decoration:none;font-size:.85rem}.user-name:hover{color:var(--text)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{background:var(--surface);border-radius:var(--radius);padding:2rem;width:100%;max-width:340px;display:flex;flex-direction:column;gap:.75rem}.login-brand{font-size:1.4rem;margin-bottom:.25rem}.login-card input{background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:8px;padding:.6rem .7rem;font-size:.95rem}.login-card button{padding:.6rem;font-size:.95rem;margin-top:.25rem}.ze-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ze-head h1{margin:0}.ze-head select{background:var(--surface);color:var(--text);border:1px solid var(--surface-2);border-radius:8px;padding:.45rem .6rem;font-size:.9rem}.ze-weeknav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.ze-range{min-width:10rem}.ze-weektotal{margin-left:auto;color:var(--muted)}.ze-weektotal strong{color:var(--accent);font-size:1.05rem}.ze-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--surface-2);border-radius:var(--radius)}.ze-grid{border-collapse:collapse;width:100%;min-width:640px;font-size:.85rem}.ze-grid th,.ze-grid td{border-bottom:1px solid var(--surface-2);padding:.3rem .4rem;text-align:center}.ze-grid th.ze-label,.ze-grid td.ze-label{position:sticky;left:0;z-index:2;text-align:left;background:var(--surface);min-width:8.5rem;max-width:11rem;box-shadow:1px 0 0 var(--surface-2)}.ze-grid thead th{background:var(--surface);position:sticky;top:0}.ze-day{min-width:3rem;line-height:1.1;font-weight:600}.ze-today{color:var(--accent)}.ze-sum{font-weight:700;min-width:3rem}.ze-desc{min-width:11rem;text-align:left}.ze-desc input{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:6px;padding:.35rem .45rem;font-size:.8rem}.ze-cell{padding:.2rem}.ze-drag{width:3.1rem;margin:0 auto;text-align:center;background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:6px;padding:.55rem .2rem;font-size:.92rem;font-variant-numeric:tabular-nums;cursor:ns-resize;-webkit-user-select:none;user-select:none;touch-action:none}.ze-drag.empty{color:var(--muted)}.ze-drag:focus{outline:none;border-color:var(--accent)}.ze-drag.active{border-color:var(--accent);background:#38bdf824;box-shadow:0 0 0 2px #38bdf84d}.ze-totalrow td{background:#38bdf814;font-weight:700}.ze-section td{text-align:left;background:var(--surface-2);color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em}.ze-sublabel{font-size:.72rem}.ze-x{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 .2rem;font-size:.75rem}.ze-x:hover{color:var(--error)}.ze-add select{background:var(--bg);color:var(--muted);border:1px dashed var(--surface-2);border-radius:6px;padding:.35rem .5rem;font-size:.8rem}.ze-add td{text-align:left}.ze-actions{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .5rem}.barchart{display:grid;grid-template-columns:minmax(5.5rem,10rem) 1fr 3.5rem;align-items:center;column-gap:.6rem;row-gap:.4rem;margin:.5rem 0 1.25rem}.bc-label{text-align:right;font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-track{position:relative;height:18px;border-radius:4px;background-color:var(--surface);background-image:repeating-linear-gradient(to right,var(--surface-2) 0 1px,transparent 1px 25%)}.bc-fill{height:100%;min-width:2px;border-radius:2px 4px 4px 2px;background:var(--accent);transition:filter .12s}.bc-track.hover .bc-fill{filter:brightness(1.18)}.bc-value{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--text)}.bc-tip{position:absolute;bottom:calc(100% + 4px);left:0;background:var(--surface-2);color:var(--text);border:1px solid var(--surface);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:5;pointer-events:none;box-shadow:0 4px 12px #00000059}.bc-axis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);border-top:1px solid var(--surface-2);padding-top:.25rem}.util{display:flex;align-items:center;gap:.6rem}.util-track{flex:1;height:12px;background:var(--surface-2);border-radius:6px;display:flex;overflow:hidden}.util-fill{height:100%}.util-over{height:100%;background:repeating-linear-gradient(45deg,var(--error),var(--error) 4px,#b91c1c 4px,#b91c1c 8px)}.timeline{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.tl-row{display:flex;align-items:center;gap:.75rem}.tl-label{width:12rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-track{position:relative;flex:1;height:18px;background:var(--surface);border-radius:4px}.tl-bar{position:absolute;top:3px;height:12px;background:var(--accent);border-radius:3px;min-width:3px}.tree{margin-top:.5rem}.tree-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0;border-bottom:1px solid var(--surface)}.tree-row-main{flex:1}.tw{cursor:pointer;-webkit-user-select:none;user-select:none}.tw:hover{color:var(--accent)}.tree-children{margin-left:1.25rem;padding-left:.5rem;border-left:2px solid var(--surface-2)}.lvl-1 .tree-row-main,.lvl-2 .tree-row-main,.lvl-3 .tree-row-main,.lvl-4 .tree-row-main{font-size:.9rem}.inline-add{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem 0;align-items:center}.inline-add input,.inline-add select{background:var(--bg);color:var(--text);border:1px solid var(--surface-2);border-radius:6px;padding:.3rem .45rem;font-size:.8rem}.gantt-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.gantt-tools{display:flex;align-items:center;gap:1rem}.gantt-tools .seg{display:inline-flex;border:1px solid var(--surface-2);border-radius:var(--radius);overflow:hidden}.gantt-tools .seg button{background:var(--surface);color:var(--muted);border:0;padding:.3rem .7rem;cursor:pointer;font-size:.85rem}.gantt-tools .seg button.active{background:var(--accent);color:#05222e;font-weight:600}.gantt-tools .chk{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--muted)}.gantt-scroll{position:relative;overflow:auto;max-height:72vh;border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--bg)}.gantt-grid{width:max-content;min-width:100%}.g-row{display:flex;align-items:stretch}.g-label{position:sticky;left:0;z-index:2;width:288px;min-width:288px;height:30px;display:flex;align-items:center;gap:.25rem;background:var(--surface);border-right:1px solid var(--surface-2);border-bottom:1px solid #0b1220;white-space:nowrap;overflow:hidden;font-size:.85rem}.g-track{position:relative;height:30px;border-bottom:1px solid #0b1220;flex:0 0 auto}.g-headrow{position:sticky;top:0;z-index:3}.g-headrow .g-label,.g-headrow .g-track{height:28px;background:var(--surface-2);border-bottom:1px solid #0b1220}.g-corner{z-index:4;color:var(--muted);font-weight:600;padding-left:8px}.g-axis{overflow:hidden}.g-tick{position:absolute;top:0;bottom:0;border-left:1px solid #0b1220}.g-tick span{position:absolute;left:4px;top:5px;font-size:.72rem;color:var(--muted);white-space:nowrap}.g-tw{background:none;border:0;color:var(--muted);cursor:pointer;width:16px;padding:0;font-size:.8rem}.g-tw-spacer{display:inline-block;width:16px}.g-name{overflow:hidden;text-overflow:ellipsis}.g-sub{font-size:.72rem;margin-left:.4rem}.lvl-gruppe .g-name{font-weight:700}.lvl-projekt .g-name{font-weight:600}.lvl-ap .g-name{color:var(--muted)}.g-row.krit .g-name{color:#fecaca}.g-today{position:absolute;top:0;bottom:0;width:2px;background:var(--error);z-index:1;opacity:.9}.g-today.thin{opacity:.22;width:1px}.g-bar{position:absolute;top:6px;height:18px;border-radius:5px;background:var(--surface-2);box-shadow:inset 0 0 0 1px #0b1220;overflow:hidden;z-index:1}.g-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);opacity:.85}.g-bar-cap{position:absolute;left:6px;top:1px;font-size:.7rem;color:var(--text);mix-blend-mode:difference}.bar-projekt,.bar-phase{top:10px;height:10px;border-radius:3px}.bar-projekt .g-bar-fill,.bar-phase .g-bar-fill{opacity:.95}.bar-phase{background:#3f4a5e}.g-bar.krit{box-shadow:inset 0 0 0 1px #7f1d1d}.g-bar.krit .g-bar-fill{background:var(--error)}.g-bar.ms{top:5px;height:0;width:0;background:transparent;box-shadow:none;border:10px solid transparent;border-top-color:var(--accent);transform:translateY(4px) rotate(45deg);border-radius:2px}.g-unscheduled{position:absolute;top:7px;font-size:.72rem;color:#64748b;font-style:italic}.gantt-legend{margin-top:.6rem;font-size:.8rem}.gantt-legend .lg{display:inline-block;width:22px;height:9px;border-radius:3px;vertical-align:middle;margin:0 .2rem}.gantt-legend .lg.krit{background:var(--error)}.g-bar.edit{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.g-bar.edit:active{cursor:grabbing}.g-h{position:absolute;top:0;bottom:0;width:8px;touch-action:none;z-index:2}.g-h-l{left:0;cursor:ew-resize}.g-h-r{right:0;cursor:ew-resize}.g-bar.edit:hover .g-h-l,.g-bar.edit:hover .g-h-r{box-shadow:inset 0 0 0 1px #ffffff59}.g-h-p{top:auto;bottom:-4px;width:12px;height:12px;border-radius:50%;background:var(--text);border:2px solid var(--bg);transform:translate(-6px);cursor:ew-resize;z-index:3;opacity:0;transition:opacity .12s}.g-bar.edit:hover .g-h-p{opacity:.9}.g-add{position:absolute;top:5px;height:18px;padding:0 .5rem;font-size:.72rem;background:transparent;color:var(--accent);border:1px dashed var(--surface-2);border-radius:5px;cursor:pointer}.g-add:hover{border-color:var(--accent);background:#38bdf814}.g-saving{font-size:.8rem;font-weight:400}.gantt-grid{position:relative}.g-deps{position:absolute;z-index:1;overflow:visible;pointer-events:none}.g-dep{fill:none;stroke:var(--muted);stroke-width:1.6px}.g-dep.krit{stroke:var(--error)}.g-dep-hit{fill:none;stroke:transparent;stroke-width:11px;pointer-events:stroke;cursor:pointer}.g-dep-head{fill:var(--muted)}.g-dep-head.krit{fill:var(--error)}.g-link{position:absolute;top:9px;width:18px;height:14px;padding:0;line-height:12px;font-size:.7rem;text-align:center;background:var(--surface-2);color:var(--accent);border:1px solid var(--surface-2);border-radius:4px;cursor:pointer;z-index:2}.g-link:hover{border-color:var(--accent)}.g-bar.linktarget{cursor:pointer}.g-bar.linktarget:hover{outline:2px dashed var(--accent);outline-offset:1px}.g-bar.linksource{outline:2px solid var(--accent);outline-offset:1px}.g-linkbanner{margin:.5rem 0;padding:.4rem .7rem;background:#38bdf81f;border:1px solid var(--accent);border-radius:var(--radius);font-size:.85rem;display:flex;align-items:center;gap:.6rem}.gantt-toolbar{display:flex;align-items:center;gap:.4rem;margin:.5rem 0;flex-wrap:wrap}.gantt-toolbar .g-toolbar-hint{margin-left:.5rem;font-size:.8rem}.g-left{position:sticky;left:0;z-index:2;width:var(--left);min-width:var(--left);height:30px;display:flex;align-items:center;background:var(--surface);border-right:1px solid var(--surface-2);border-bottom:1px solid #0b1220;font-size:.8rem;overflow:hidden}.g-left.g-corner{padding-left:0;z-index:4}.g-headrow .g-left{height:28px;background:var(--surface-2)}.g-row.sel .g-left{background:#24344a}.g-row.summary .c-name{font-weight:600}.c-name{width:232px;min-width:232px;display:flex;align-items:center;gap:.15rem;overflow:hidden;white-space:nowrap}.c-num{width:80px;min-width:80px;text-align:right;padding-right:8px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.g-headrow .c-name{font-weight:600;color:var(--muted);padding-left:6px}.g-headrow .c-num{color:var(--muted);font-weight:600}.g-cell{background:transparent;border:1px solid transparent;color:var(--text);font:inherit;border-radius:4px;padding:1px 3px}.g-cell:hover{border-color:var(--surface-2)}.g-cell:focus{border-color:var(--accent);outline:none;background:var(--bg)}.g-cell.name{flex:1;min-width:0}.g-cell.c-num{width:80px;min-width:80px;text-align:right}.g-cell:disabled{color:#64748b;opacity:.6}.bar-summary{top:11px;height:8px;border-radius:2px;background:#475569;box-shadow:none}.bar-summary .g-bar-fill{opacity:.9;background:var(--accent)}.bar-summary.krit .g-bar-fill{background:var(--error)}