:root{--bg:#f6f7f9;--surface:#ffffff;--surface-2:#fbfcfd;--border:#dfe3e8;--border-strong:#c5ccd4;--text:#16202b;--text-muted:#5b6875;--text-faint:#8792a0;--accent:#1f5fa9;--accent-hover:#17497f;--accent-soft:#e8f0f9;--ok:#1a7f4b;--ok-soft:#e6f4ec;--zeit:#7a4bbd;--material:#1f6f8b;--warn:#a5680b;--warn-soft:#fdf3e2;--err:#b3261e;--err-soft:#fbeae9;--info:#2c6e8f;--info-soft:#e7f2f6;--radius:8px;--radius-sm:5px;--shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--shadow-lg:0 8px 24px rgba(16,24,40,.12);--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--bg:#10151b;--surface:#171d25;--surface-2:#1c232c;--border:#2a333e;--border-strong:#3a4552;--text:#e7ecf1;--text-muted:#a3b0bd;--text-faint:#7b8794;--accent:#5b9bd8;--accent-hover:#7db2e5;--accent-soft:#1a2938;--ok:#5cc98d;--ok-soft:#14291f;--zeit:#b79bea;--material:#6ec2dd;--warn:#e0ac5c;--warn-soft:#2a2115;--err:#f0857d;--err-soft:#2d1917;--info:#7fc0da;--info-soft:#14262e;--shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:21px}h2{font-size:16px}h3{font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:0 20px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:baseline;gap:9px;font-weight:650;font-size:15px}.brand .sub{color:var(--text-faint);font-weight:400;font-size:12px}.topbar .spacer{flex:1 1}.topbar .who{color:var(--text-muted);font-size:12.5px;display:flex;align-items:center;gap:10px}.topbar a.brand{color:inherit;text-decoration:none}.ablauf{gap:2px}.ablauf,.ablauf-schritt{display:flex;align-items:center}.ablauf-schritt{gap:7px;padding:6px 11px;border-radius:999px;font-size:13px;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}.ablauf-schritt:hover{background:var(--surface-2);color:var(--text)}.ablauf-schritt .n{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--surface-2);color:var(--text-faint);font-size:11px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ablauf-schritt.aktiv{background:var(--accent-soft);color:var(--accent);font-weight:600}.ablauf-schritt.aktiv .n{background:var(--accent);color:#fff}.nav-neben{font-size:12.5px;color:var(--text-muted);text-decoration:none;padding:5px 9px;border-radius:var(--radius-sm)}.nav-neben:hover{background:var(--surface-2);color:var(--text)}.nav-neben.aktiv{color:var(--accent);font-weight:600}.topbar .who .wer{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1080px){.ablauf-schritt .t{display:none}.ablauf-schritt{padding:6px 8px}.topbar .who .wer{display:none}}.unterzeile{margin:3px 0 0;font-size:12.5px;color:var(--text-muted);font-weight:400;max-width:62ch;line-height:1.5}.luecken-text{white-space:pre-wrap;font-size:13.5px;line-height:1.85;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;max-height:340px;overflow-y:auto}.luecke-feld{display:inline-block;width:auto;min-width:8ch;padding:1px 7px;margin:0 1px;font-size:13px;font-family:inherit;border:0;border-bottom:2px solid var(--warn);border-radius:3px 3px 0 0;background:var(--warn-soft);color:var(--text);vertical-align:baseline}.luecke-feld:focus{outline:none;border-bottom-color:var(--accent);background:var(--accent-soft)}.luecke-feld:not(:placeholder-shown){border-bottom-color:var(--ok);background:var(--ok-soft);font-weight:550}.angebot-fest{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.angebot-fest .mono{font-family:var(--mono);color:var(--text-muted)}.angebot-fest .nam{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-link{font-size:12.5px;color:var(--text-muted);text-decoration:none;padding:4px 8px;border-radius:var(--radius-sm)}.btn-link:hover{background:var(--surface-2);color:var(--accent)}.main{flex:1 1;width:100%;max-width:1240px;margin:0 auto;padding:22px 20px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card+.card{margin-top:16px}.card-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-head .spacer{flex:1 1}.card-body{padding:16px}.card-body.tight{padding:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono);font-size:12.5px}.nowrap{white-space:nowrap}.btn,button{font:inherit;font-weight:500;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s;display:inline-flex;align-items:center;gap:7px}.btn:hover,button:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-faint)}button:disabled{opacity:.5;cursor:not-allowed}.btn.primary,button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border)}button.small{padding:4px 9px;font-size:12.5px}button.danger{color:var(--err);border-color:var(--border-strong)}input[type=password],input[type=search],input[type=text],select,textarea{font:inherit;width:100%;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);outline-offset:0;border-color:var(--accent)}label.field{display:block;margin-bottom:13px}label.field>span{display:block;margin-bottom:4px;font-size:12.5px;color:var(--text-muted);font-weight:500}label.check{display:flex;align-items:flex-start;gap:9px;cursor:pointer}label.check input{margin-top:2px}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1 1;min-width:200px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:20px;font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.err{background:var(--err-soft);color:var(--err)}.tag.info{background:var(--info-soft);color:var(--info)}.tag.neutral{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.tag.accent{background:var(--accent-soft);color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:1px;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.stat{background:var(--surface);padding:12px 14px}.stat .v{font-size:21px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat .k{font-size:11.5px;color:var(--text-muted);margin-top:1px}.steps{gap:6px;flex-wrap:wrap;margin-bottom:18px}.step,.steps{display:flex;align-items:center}.step{gap:8px;padding:6px 12px 6px 8px;border-radius:20px;font-size:12.5px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border)}.step .n{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--border);color:var(--text-muted)}.step.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.step.active .n{background:var(--accent);color:#fff}.step.done{color:var(--ok);border-color:var(--ok-soft)}.step.done .n{background:var(--ok);color:#fff}.step-sep{color:var(--text-faint)}.drop{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:44px 24px;text-align:center;background:var(--surface-2);transition:border-color .15s,background .15s;cursor:pointer}.drop.over,.drop:hover{border-color:var(--accent)}.drop.over{background:var(--accent-soft)}.drop .big{font-size:16px;font-weight:600;margin-bottom:5px}.drop .icon{font-size:30px;opacity:.55;margin-bottom:10px}.note{padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);display:flex;gap:10px;align-items:flex-start}.note+.note{margin-top:9px}.note.err{background:var(--err-soft);border-color:color-mix(in srgb,var(--err) 30%,transparent)}.note.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.note.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.note.info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 30%,transparent)}.note .body{flex:1 1;min-width:0}.note .t{font-weight:600;margin-bottom:2px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600;background:var(--surface-2);position:-webkit-sticky;position:sticky;top:0}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface-2)}.table-wrap{overflow:auto;max-height:62vh}.table-wrap,.tree{border-radius:var(--radius)}.tree{overflow:hidden}.tree-og>summary{padding:10px 14px;background:var(--surface-2);cursor:pointer;font-weight:650;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.tree-lg>summary{padding:7px 14px 7px 30px;font-weight:600;color:var(--text-muted)}.tree-lg>summary,.tree-ulg>summary{cursor:pointer;font-size:13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.tree-ulg>summary{padding:6px 14px 6px 46px}summary::-webkit-details-marker{display:none}summary{list-style:none}summary:hover{background:var(--surface-2)}.tree-lg[open]>summary,.tree-og[open]>summary{background:var(--accent-soft)}.count{margin-left:auto;font-size:11.5px;color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pos-row{display:grid;grid-template-columns:118px 1fr 62px 74px 90px;grid-gap:10px;gap:10px;padding:6px 14px 6px 62px;border-bottom:1px solid var(--border);align-items:baseline;font-size:13px}.pos-row:hover{background:var(--surface-2)}.pos-row .nr{font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}.pos-row .txt{min-width:0}.pos-row .txt .an{color:var(--text-faint);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-row.skipped{opacity:.55}.bar{height:7px;background:var(--border);border-radius:4px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);transition:width .25s ease}.log{font-family:var(--mono);font-size:12px;line-height:1.65;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;max-height:260px;overflow:auto;white-space:pre-wrap}.log .l-phase{color:var(--accent);font-weight:600}.log .l-warn{color:var(--warn)}.log .l-err{color:var(--err)}.log .l-ok{color:var(--ok);font-weight:600}.spin{width:13px;height:13px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(1turn)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:100%;max-width:380px}.login .card-body{padding:22px}.login h1{margin-bottom:4px}.login .lead{color:var(--text-muted);margin-bottom:20px;font-size:13px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kalk-row{display:grid;grid-template-columns:100px minmax(0,1.25fr) 96px 84px 80px 90px minmax(0,1fr) minmax(0,.9fr) 92px;grid-gap:10px;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);align-items:start;font-size:13px}.kalk-row.head,.kalk-row:hover{background:var(--surface-2)}.kalk-row.head{position:-webkit-sticky;position:sticky;top:52px;z-index:5;border-bottom:1px solid var(--border-strong);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600}.kalk-row .nr{font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}.kalk-row .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kalk-row.gruppe{grid-template-columns:1fr;background:var(--accent-soft);font-weight:650;color:var(--accent);border-bottom:1px solid var(--border)}.kalk-row.optional .stichwort:after{content:"optional";margin-left:6px;font-size:10.5px;color:var(--warn);font-weight:600;letter-spacing:.03em}.pick{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:5px 7px;font-size:12.5px;display:flex;flex-direction:column;gap:3px;min-width:0}.pick.leer{border-style:dashed;color:var(--text-faint)}.pick .titel{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick .zeile{font-size:11.5px;color:var(--text-muted);display:flex;gap:6px;flex-wrap:wrap}.pick button{padding:2px 6px;font-size:11.5px}.vorschlag{display:flex;align-items:center;gap:7px;padding:3px 0;border-top:1px dashed var(--border);font-size:12px}.vorschlag:first-of-type{border-top:0}.vorschlag .name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vorschlag .score{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.db-pos{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.db-pos .wert{font-weight:600}.db-pos .proz{font-size:11px;color:var(--text-muted)}.db-pos.gut .wert{color:var(--ok)}.db-pos.schlecht .wert{color:var(--err)}.spalte-aufwand{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px}.spalte-aufwand.zeit{color:var(--zeit);font-weight:600}.spalte-aufwand.material{color:var(--material)}.spalte-aufwand .komponenten{font-size:10.5px;color:var(--text-faint);font-weight:400}.kalk-row .menge .eh{margin-left:4px;font-size:11px;color:var(--text-faint)}@media (max-width:1400px){.kalk-row{grid-template-columns:100px minmax(0,1fr) 92px 82px 78px 88px minmax(0,1fr) 92px}.kalk-row>.spalte-quelle:last-of-type{grid-column:2/-1}}@media (max-width:1100px){.kalk-row{grid-template-columns:96px minmax(0,1fr) 56px 60px 80px}.kalk-row>.spalte-db,.kalk-row>.spalte-quelle{grid-column:2/-1}.kalk-row>.spalte-aufwand{grid-column:auto}.kalk-row.head>.spalte-db,.kalk-row.head>.spalte-quelle{display:none}}.suche-box{position:absolute;z-index:30;margin-top:2px;width:420px;max-width:calc(100vw - 40px);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;gap:6px}.suche-box,.suche-liste{display:flex;flex-direction:column}.suche-liste{max-height:300px;overflow-y:auto}.suche-info{padding:9px 4px;font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:7px}.suche-treffer{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:6px 7px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.suche-treffer:hover{background:var(--accent-soft);border-color:transparent}.suche-treffer .t-name{font-size:13px;font-weight:550}.suche-treffer .t-meta{display:flex;gap:9px;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap}.zelle-mit-suche{position:relative}.luecken-marke{display:inline-block;margin-left:7px;padding:1px 6px;border-radius:999px;font-size:10.5px;font-weight:600;background:var(--warn-soft);color:var(--warn);text-decoration:none;vertical-align:1px}.luecken-marke:hover{background:var(--warn);color:#fff}.schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:12px;gap:12px;margin:14px 0}.schritt-karte{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;text-decoration:none;color:inherit;transition:border-color .12s,box-shadow .12s,transform .12s}.schritt-karte:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.schritt-karte .kopf{display:flex;align-items:center;gap:9px}.schritt-karte .n{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:700}.schritt-karte .titel{font-size:14.5px;font-weight:650}.schritt-karte .was{font-size:13px;color:var(--text)}.schritt-karte .dann{font-size:12px;color:var(--text-muted);line-height:1.55}.angebot-liste{display:flex;flex-direction:column}.angebot-zeile{display:grid;grid-template-columns:120px minmax(0,1fr) 70px auto;grid-gap:11px;gap:11px;align-items:center;padding:9px 2px;border-bottom:1px solid var(--border);font-size:13px}.angebot-zeile:last-child{border-bottom:0}.angebot-zeile .nr{color:var(--text-muted);font-size:12px}.angebot-zeile .nam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.angebot-zeile .lv{color:var(--text-faint);font-size:11.5px}.angebot-zeile .tuen{display:flex;gap:5px;justify-content:flex-end}@media (max-width:760px){.angebot-zeile{grid-template-columns:1fr;gap:5px}.angebot-zeile .tuen{justify-content:flex-start}}.main.weit{max-width:1600px}.einstell-zeile{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted)}.einstell-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px}.einstell-tags{display:flex;flex-wrap:wrap;gap:5px}.beispiel-zeile{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--text-muted)}.skelett{display:inline-block;height:11px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--border) 60%,var(--surface-2)) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skelett-lauf 1.4s ease-in-out infinite;vertical-align:middle;max-width:100%}.skelett.kurz{width:55%;margin-top:4px}.pick.leer.lade{display:flex;flex-direction:column;gap:0}.pick.leer.lade .skelett{width:88%}@keyframes skelett-lauf{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.skelett{animation:none;background:var(--surface-2)}}.gleichnamig{margin-left:5px;padding:0 5px;border-radius:3px;background:var(--surface-2);color:var(--text-faint);font-size:10px;white-space:nowrap}