:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-subtle:#f7f6f9;--border:#e5e4e7;--accent:#0d9488;--accent-bg:#0d94881a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-subtle:#1c1d24;--border:#2e303a;--accent:#2dd4bf;--accent-bg:#2dd4bf26}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--text-h);margin:0;font-weight:500}.app-layout{grid-template-rows:auto 1fr;min-height:100svh;display:grid}.app-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.app-header__brand{color:var(--text-h);letter-spacing:-.3px;align-items:baseline;gap:10px;font-weight:600;display:flex}.app-header__project-name{color:var(--text);font-size:13px;font-weight:400}.app-header__project-name:before{content:"/";color:var(--border);margin-right:10px}.app-header__menu{align-items:center;gap:4px;display:flex}.app-header__divider{background:var(--border);width:1px;height:22px;margin:0 6px}.app-header__save-wrap{display:flex;position:relative}.app-header__save-error{z-index:10;border:1px solid var(--border);background:var(--bg);color:#e5484d;border-radius:8px;width:max-content;max-width:260px;margin:0;padding:8px 10px;font-size:12px;position:absolute;top:44px;left:0;box-shadow:0 8px 20px #00000026}.app-header__icon-btn{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.app-header__icon-btn:hover{background:var(--accent-bg);color:var(--accent)}.app-header__icon-btn:disabled{opacity:.35;cursor:not-allowed}.app-header__icon-btn:disabled:hover{color:var(--text);background:0 0}.app-layout__body{grid-template-columns:260px 1fr 320px;min-height:0;display:grid}.panel{min-width:0;overflow:auto}.panel--left,.panel--right{background:var(--bg-subtle);padding:16px}.panel--left{border-right:1px solid var(--border)}.panel--right{border-left:1px solid var(--border)}.panel--main{flex-direction:column;min-height:0;padding:0;display:flex}.panel__title{text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin-bottom:12px;font-size:14px}.panel__body--placeholder{border:1px dashed var(--border);height:100%;min-height:120px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.charts-panel{flex-direction:column;gap:20px;display:flex}.charts-panel__break-even{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.charts-panel__break-even strong{color:var(--text-h)}.charts-panel__chart-title{text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin:0 0 8px;font-size:12px;font-weight:500}.tree__list{margin:0;padding:0;list-style:none}.tree__row{height:32px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;font-size:14px;display:flex}.tree__row:hover{background:var(--accent-bg)}.tree__row--active{background:var(--accent-bg);color:var(--accent);font-weight:500}.tree__chevron{flex-shrink:0;justify-content:center;align-items:center;width:14px;transition:transform .15s;display:flex}.tree__chevron--open{transform:rotate(90deg)}.tree__chevron--hidden{visibility:hidden}.tree__label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree__action-btn{width:22px;height:22px;color:var(--text);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:flex}.tree__row:hover .tree__action-btn,.tree__action-btn:focus-visible{opacity:1}.tree__action-btn:hover{background:var(--bg);color:var(--accent)}.tree__action-btn--danger:hover{color:#e5484d}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;width:320px;max-width:calc(100vw - 32px);padding:20px;box-shadow:0 20px 40px #00000040}.modal--wide{width:560px}.modal__title{margin-bottom:16px;font-size:16px}.modal__field{color:var(--text);flex-direction:column;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.modal__field input,.modal__field select{border:1px solid var(--border);background:var(--bg-subtle);height:36px;color:var(--text-h);font:inherit;border-radius:8px;padding:0 10px}.modal__field textarea{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-h);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.modal__field input:focus,.modal__field select:focus,.modal__field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.projekt-einstellungen__grid{grid-template-columns:1fr 1fr;gap:0 16px;max-height:60vh;padding-right:4px;display:grid;overflow-y:auto}.projekt-einstellungen__beschreibung{grid-column:1/-1}.projektphasen{margin-top:8px}.projektphasen__header,.projektphasen__row{grid-template-columns:1fr 90px 120px 32px;align-items:center;gap:8px;display:grid}.projektphasen__header{text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin:10px 0 6px;font-size:11px}.projektphasen__row{margin-bottom:6px}.projektphasen__row input{border:1px solid var(--border);background:var(--bg-subtle);height:32px;color:var(--text-h);font:inherit;border-radius:6px;padding:0 8px;font-size:13px}.projektphasen__ende{color:var(--text);font-size:13px}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.modal__hint{color:var(--text);margin:0 0 16px;font-size:13px}.modal__error{color:#e5484d;margin:0 0 16px;font-size:13px}.project-list{flex-direction:column;gap:4px;max-height:260px;margin:0 0 16px;padding:0;list-style:none;display:flex;overflow-y:auto}.project-list__item{border:1px solid var(--border);background:var(--bg-subtle);width:100%;height:40px;color:var(--text-h);font:inherit;cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.project-list__item:hover{border-color:var(--accent);color:var(--accent)}.project-list__item:disabled{opacity:.5;cursor:wait}.project-list__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.project-list__date{color:var(--text);flex-shrink:0;font-size:12px}.btn{height:36px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:0 16px;font-weight:500}.btn--secondary{border-color:var(--border);color:var(--text);background:0 0}.btn--secondary:hover{background:var(--bg-subtle)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{opacity:.9}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.desktop{background:var(--bg-subtle);flex:1;min-height:0;position:relative;overflow:hidden}.desktop__empty{position:absolute;inset:16px}.window{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;min-width:240px;min-height:160px;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 28px #0000002e}.window__titlebar{background:var(--bg-subtle);border-bottom:1px solid var(--border);cursor:grab;touch-action:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;display:flex}.window__titlebar:active{cursor:grabbing}.window__title{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.window__title svg{flex-shrink:0}.window__actions{flex-shrink:0;gap:2px;display:flex}.window__action-btn{width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.window__action-btn:hover{background:var(--bg)}.window__action-btn--danger:hover{color:#fff;background:#e5484d}.window__body{flex:1;padding:16px;overflow:auto}.window__placeholder{color:var(--text);margin:0;font-size:14px}.window-tabs{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0;gap:2px;padding:8px 12px 0;display:flex}.window-tabs__tab{height:32px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:0 12px;font-size:13px}.window-tabs__tab:hover{color:var(--text-h)}.window-tabs__tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.menge-tab{flex-direction:column;gap:16px;display:flex}.menge-tab__empty{min-height:100px}.menge-tab__einstellungen{flex-direction:column;gap:8px;display:flex}.menge-tab__werttyp,.menge-tab__mindestlos{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:block}.menge-tab__mindestlos .menge-regel__input{margin-top:6px}.menge-tab__werttyp-options{gap:12px;margin-top:6px;display:flex}.menge-tab__werttyp-option{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.menge-tab__werttyp-option--active{color:var(--text-h);font-weight:500}.menge-tab__werttyp-hinweis{color:var(--text);margin:6px 0 0;font-size:11px}.menge-tab__regeln{flex-direction:column;gap:8px;display:flex}.menge-tab__add{flex-wrap:wrap;gap:8px;display:flex}.menge-tab__add-btn{border:1px dashed var(--border);height:30px;color:var(--text);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}.menge-tab__add-btn:hover{border-color:var(--accent);color:var(--accent)}.menge-tab__add-btn:disabled{opacity:.4;cursor:not-allowed}.menge-regel{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.menge-regel__fields{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.menge-regel__label{color:var(--text);flex-shrink:0;font-size:12px}.menge-regel__input{border:1px solid var(--border);background:var(--bg);width:84px;height:30px;color:var(--text-h);font:inherit;border-radius:6px;padding:0 8px;font-size:13px}.menge-regel__input--sm{width:64px}.menge-regel__select{border:1px solid var(--border);background:var(--bg);height:30px;color:var(--text-h);font:inherit;border-radius:6px;padding:0 6px;font-size:13px}.menge-regel__select--grow{flex:1;min-width:100px}.menge-regel__remove{width:26px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.menge-regel__remove:hover{background:var(--bg);color:#e5484d}.menge-regel__warning{color:#e5484d;margin:6px 0 0;font-size:11px}.menge-regel__toggle{border:1px dashed var(--border);height:30px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:0 8px;font-size:12px}.menge-regel__toggle:hover{background:var(--accent-bg)}.menge-regel__kurve{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.menge-tab__beschreibung{min-height:44px}.menge-tab__einzelwerte{flex-direction:column;gap:6px;display:flex}.menge-tab__einzelwert-row{align-items:center;gap:6px;display:flex}.menge-regel__checkbox{align-items:center;gap:4px;display:flex}.menge-chart{position:relative}.menge-chart__svg{width:100%;height:auto;display:block;overflow:visible}.menge-chart__gridline{stroke:var(--border);stroke-width:1px}.menge-chart__tick{fill:var(--text);font-size:9px}.menge-chart__tick--y{font-variant-numeric:tabular-nums}.menge-chart__area{fill:var(--accent);opacity:.1;stroke:none}.menge-chart__line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.menge-chart__end-dot{fill:var(--accent);stroke:var(--bg);stroke-width:2px}.menge-chart__end-label{fill:var(--text-h);font-size:11px;font-weight:500}.menge-chart__crosshair{stroke:var(--text);stroke-width:1px;stroke-dasharray:2 2;opacity:.5}.menge-chart__hover-dot{fill:var(--bg);stroke:var(--accent);stroke-width:2px}.menge-chart__tooltip{border:1px solid var(--border);background:var(--bg);pointer-events:none;white-space:nowrap;border-radius:8px;margin-top:-6px;padding:6px 10px;position:absolute;top:0;transform:translate(-50%,-100%);box-shadow:0 8px 20px #00000026}.menge-chart__tooltip-month{color:var(--text);font-size:11px}.menge-chart__tooltip-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.taskbar{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;gap:8px;padding:8px 12px;display:flex;overflow-x:auto}.taskbar__item{border:1px solid var(--border);background:var(--bg-subtle);height:32px;color:var(--text-h);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.taskbar__item:hover{border-color:var(--accent);color:var(--accent)}.app-header__user{color:var(--text);white-space:nowrap;margin-right:4px;font-size:13px}.auth-screen{background:var(--bg-subtle);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;width:360px;max-width:100%;padding:28px 24px;box-shadow:0 20px 40px #0000001f}.auth-card__title{margin-bottom:20px;font-size:20px}.auth-card__submit{width:100%;margin-top:4px}.auth-card__links{justify-content:space-between;margin-top:18px;display:flex}.auth-card__link{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:0;font-size:13px;display:block}.auth-card__link:hover{text-decoration:underline}.auth-card__link:disabled{color:var(--text);cursor:default;text-decoration:none}.auth-card__links .auth-card__link{margin-bottom:0}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}