:root{font-family:Segoe UI,Arial,sans-serif;color:#192c36;background:#f3f5f4;font-size:15px;--green:#17614f;--line:#dce4e0;--muted:#66776e}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:224px 1fr;min-height:100vh}aside{background:#143c34;color:#e8f3ed;padding:38px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:34px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:white}.brand span{display:block;font-size:13px;font-weight:400;letter-spacing:.2px;margin-top:5px;color:#b6cec2}nav{display:grid;gap:8px;margin-top:54px}nav button{background:transparent;color:#d4e5db;text-align:left;border:0;padding:14px 16px}nav button.active{background:#2c5449;color:white}.aside-bottom{margin-top:auto;font-size:12px;line-height:1.8;color:#b6cec2}.aside-bottom a{color:#eef8f1}.dot{display:inline-block;background:#80c4a0;width:7px;height:7px;border-radius:50%;margin-right:6px}main{padding:38px 42px;max-width:1650px;width:100%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--muted)}h1{font-size:30px;letter-spacing:-.8px;font-weight:650;margin:10px 0 22px}h2{font-size:19px;font-weight:650;margin:0}h3{font-size:17px;margin:0 0 8px}p{line-height:1.55;color:var(--muted)}.badge{font-size:11px;letter-spacing:1px;border:1px solid #d0ddcf;background:#e9efe5;color:#48633c;border-radius:5px;padding:8px 10px;white-space:nowrap}.notice{font-size:12px;margin:0 0 25px}button,a.download{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:7px;background:var(--green);color:white;padding:10px 15px;font-weight:550;text-decoration:none;display:inline-block}button:hover,a.download:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:white;color:var(--green);border-color:var(--line)}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #8ac4b3;outline-offset:2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:10px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:28px;font-weight:600;margin:9px 0 3px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.project-list{display:grid;align-content:start;gap:10px}.project-card{padding:18px;background:white;border:1px solid var(--line);color:#243c31;text-align:left;border-radius:9px;width:100%;overflow-wrap:anywhere}.project-card[aria-pressed=true]{border-color:#28735b;box-shadow:inset 3px 0 #28735b;background:#edf4ef}.project-card strong,.project-card span{display:block}.project-card span{font-size:12px;color:var(--muted);margin:8px 0}.project-card em{font-size:11px;font-style:normal;color:#296548}.panel{background:white;border:1px solid var(--line);border-radius:11px;padding:26px;min-width:0}.meta{font-size:12px;color:var(--muted);margin:6px 0 20px}.steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}.steps span{background:#f2f4f1;color:#708075;padding:7px 9px;font-size:11px;border-radius:5px}.steps .done{color:#17614f;background:#edf5ef}.steps .current{background:#17614f;color:white}label{display:block;font-size:12px;font-weight:550;color:#596a60;margin-bottom:15px}input,select,textarea{display:block;margin-top:6px;border:1px solid #d8e1db;border-radius:6px;padding:10px;font:inherit;font-size:14px;color:#24382d;background:#fff;width:100%;min-width:0}textarea{resize:vertical;min-height:66px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#6b7b71;font-size:11px;font-weight:600;padding:12px 8px;border-bottom:1px solid var(--line)}td{padding:10px 8px;border-bottom:1px solid #e9edea;vertical-align:top}th:first-child,td:first-child{padding-left:0}td input,td textarea{margin:0}.pos-desc{min-width:165px;width:50%}.pos-num{min-width:80px;width:15%}.pos-total{white-space:nowrap;padding-top:21px}.remove{padding:7px 10px;font-size:15px;background:#f7f0ed;color:#92553f}.total{display:flex;justify-content:space-between;margin:22px 0;font-size:17px}.total strong{font-size:23px}.actions{display:flex;gap:9px;flex-wrap:wrap}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.subtle{font-size:12px;color:var(--muted)}.doc-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e7ede8}.doc-row:last-child{border:0}.doc-row span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.download{font-size:12px!important;white-space:nowrap}.events{list-style:none;padding:0;margin:13px 0 0}.events li{font-size:12px;color:#617268;margin:9px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.customer{padding:24px}.customer p{font-size:13px;margin:5px 0}footer{font-size:11px;color:#7a887e;margin-top:30px;line-height:1.8}#message:not(:empty){margin-bottom:18px;border-radius:6px;padding:12px 15px;background:#e1efe5;color:#28553d;font-size:13px}#message.error{background:#fae8e3;color:#842f1d}dialog{border:0;border-radius:13px;box-shadow:0 20px 90px #142f3444;padding:28px;width:480px;max-width:94vw}dialog::backdrop{background:#142c3155}.form-error{color:#9c3827;font-size:12px}[hidden]{display:none!important}@media(max-width:1150px){main{padding:25px}.workspace{grid-template-columns:210px minmax(0,1fr)}body{grid-template-columns:185px 1fr}.panel{padding:18px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:23px}}@media(max-width:900px){body{display:block}aside{height:auto;position:static;padding:18px 22px;display:block}.brand{font-size:24px}.brand span,.aside-bottom{display:none}nav{display:flex;margin-top:16px;gap:7px}nav button{padding:9px 13px}main{padding:20px}.workspace{grid-template-columns:1fr}.project-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}h1{font-size:24px}.stat{padding:14px}.stat strong{font-size:22px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between}.stat strong{margin:0}header{align-items:start}.badge{font-size:9px}.doc-row{flex-wrap:wrap}}
@media(max-width:600px){#detail table,#detail tbody{display:block;width:100%}#detail thead{display:none}#detail tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}#detail td{display:block;padding:0;border:0;width:auto;min-width:0}#detail .pos-desc{grid-column:1/-1}#detail .pos-desc:before{content:'Beschreibung'}#detail .pos-num:nth-child(2):before{content:'Menge'}#detail .pos-num:nth-child(3):before{content:'Einzelpreis netto €'}#detail .pos-total:before{content:'Betrag netto ' }#detail td:before{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}#detail td:last-child{text-align:right}#detail .pos-total{font-weight:600;padding-top:4px}}