:root{color:#153047;font-synthesis:none;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{max-width:1420px;margin:auto;padding:28px clamp(16px,4vw,56px) 20px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:#34729d;letter-spacing:.13em;margin:0 0 5px;font-size:.72rem;font-weight:800}.topbar h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.5rem)}.subtitle,.muted{color:#6d8090;margin:.35rem 0 0}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nav-btn,.service-card,.btn,.icon-btn{font:inherit;cursor:pointer;border:0}.nav-btn{color:#526778;background:0 0;border-radius:9px;padding:10px 12px;font-weight:700}.nav-btn.active{color:#14507b;background:#dfeefa}.nav-btn b{background:#fff;border-radius:20px;padding:2px 6px;font-size:.7rem}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);align-items:start;gap:20px;display:grid}.main-card,.result-card,.drafts{background:#fff;border:1px solid #e1e9ef;border-radius:18px;box-shadow:0 10px 30px #18384d0b}.main-card,.drafts{padding:clamp(20px,3vw,36px)}.result-card{color:#fff;background:#123b5d;padding:26px;position:sticky;top:16px}.section-head,.result-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-head.second{border-top:1px solid #e5edf2;margin-top:30px;padding-top:30px}.section-head h2,.result-head h2{margin:0;font-size:1.25rem}.step{color:#7890a1;background:#edf3f7;border-radius:20px;padding:6px 10px;font-size:.75rem;font-weight:800}.service-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.service-card{text-align:left;color:#173c56;background:#f8fafb;border:2px solid #e3ebf1;border-radius:13px;flex-direction:column;gap:8px;min-height:125px;padding:16px;display:flex}.service-card.selected{background:#eef7fc;border-color:#2879aa;box-shadow:0 0 0 3px #2879aa18}.service-icon{font-size:1.7rem}.service-card small{color:#708493;line-height:1.35}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.field{color:#345366;flex-direction:column;gap:7px;font-size:.88rem;font-weight:700;display:flex}.field small{color:#8093a0;font-weight:500}.field input,.field textarea{color:#153047;width:100%;font:inherit;background:#fff;border:1px solid #cbd9e2;border-radius:9px;min-height:46px;padding:12px 13px;font-weight:500}.field input:focus,.field textarea:focus{border-color:#2879aa;outline:3px solid #70b7dc55}.field.full{margin-top:18px}.subheading{color:#466273;margin:28px 0 -2px;font-size:.95rem}.actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn{border-radius:9px;min-height:46px;padding:12px 16px;font-weight:800}.btn.primary{color:#fff;background:#1974aa}.btn.primary:hover{background:#135d8c}.btn.secondary,.btn.small{color:#3f5d70;background:#eef3f6}.live-dot{color:#a4dcbd;font-size:.75rem;font-weight:800}.hero-number{border-bottom:1px solid #ffffff2b;margin-bottom:8px;padding:34px 0 24px}.hero-number small,.hero-number span{color:#b7cedd;display:block}.hero-number strong{letter-spacing:-.06em;margin:4px 0;font-size:clamp(2rem,4vw,3rem);display:block}.metrics{background:#ffffff20;border:1px solid #ffffff20;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0;display:grid;overflow:hidden}.metrics div{background:#174666;padding:13px}.metrics span,.metrics strong{display:block}.metrics span{color:#b7cedd;margin-bottom:4px;font-size:.75rem}.metrics strong{font-size:1rem}.gross{border-top:1px solid #ffffff2b;justify-content:space-between;align-items:center;padding:16px 0;font-size:1.1rem;display:flex}.gross strong{font-size:1.45rem}.formula{background:#0e304a;border-radius:10px;margin-top:18px;padding:14px;font-size:.83rem}.formula p{color:#b7cedd;margin:.4rem 0 0;line-height:1.5}.notice{color:#216238;background:#e8f7ed;border:1px solid #9bd4ad;border-radius:10px;margin-bottom:16px;padding:12px 16px}.draft-list{gap:10px;margin-top:24px;display:grid}.draft{border:1px solid #e2eaf0;border-radius:12px;align-items:center;gap:14px;padding:15px;display:flex}.draft-icon{background:#edf5fa;border-radius:10px;padding:9px;font-size:1.7rem}.draft-main{flex:1}.draft-main h3,.draft-main p{margin:0}.draft-main p{color:#718696;margin:3px 0;font-size:.85rem}.draft-main strong{color:#17638d}.draft-actions{align-items:center;gap:7px;display:flex}.btn.small{min-height:38px;padding:8px 11px}.icon-btn{color:#af4b4b;background:#fff0f0;border-radius:8px;width:40px;height:40px;font-size:1.5rem}.empty{text-align:center;color:#607584;padding:70px 20px}.empty span{font-size:3rem}.empty h3{color:#23445a}footer{text-align:center;color:#8b9aa5;margin:26px 0 0;font-size:.75rem}@media (width<=850px){.workspace{grid-template-columns:1fr}.result-card{position:static}.topbar{flex-direction:column}.topbar nav{justify-content:flex-start}.main-card,.drafts{padding:20px}}@media (width<=560px){.shell{padding:18px 12px}.service-grid,.form-grid{grid-template-columns:1fr}.service-card{grid-template-columns:auto 1fr;min-height:auto;display:grid}.service-card small{grid-column:2}.actions{flex-direction:column-reverse}.actions .btn{width:100%}.draft{align-items:flex-start}.draft-actions{flex-direction:column}.draft-main p{line-height:1.4}}.breakdown{background:#0e304a;border-radius:10px;margin-top:18px;padding:14px;font-size:.82rem}.breakdown h3{color:#fff;margin:0 0 8px;font-size:.88rem}.breakdown>div{color:#b7cedd;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.breakdown strong{color:#fff}.breakdown-total{border-top:1px solid #ffffff2b;margin-top:6px;font-weight:800;color:#fff!important;padding-top:10px!important}.breakdown-contribution{font-weight:800;color:#a4dcbd!important}.breakdown-contribution strong{color:#a4dcbd}.basis-select{grid-template-columns:minmax(220px,.8fr) 1.2fr;align-items:end;gap:16px;display:grid}.basis-panel .field select{color:#153047;width:100%;font:inherit;background:#fff;border:1px solid #cbd9e2;border-radius:9px;min-height:46px;padding:12px 13px;font-weight:500}.basis-meta{color:#5f7685;flex-direction:column;gap:5px;padding-bottom:3px;font-size:.8rem;line-height:1.4;display:flex}.basis-meta strong{color:#315b70;font-size:.84rem}.cost-items{border-top:1px solid #e5edf2;margin-top:24px;padding-top:18px}.cost-items-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cost-items h3{color:#466273;margin:0;font-size:.95rem}.cost-items p{color:#8093a0;margin:4px 0 0;font-size:.8rem}.cost-item{background:#f8fafb;border:1px solid #e3ebf1;border-radius:10px;grid-template-columns:1.4fr 1fr .7fr auto;align-items:end;gap:10px;margin-top:12px;padding:12px;display:grid}.cost-item .field{font-size:.8rem}.cost-item .icon-btn{margin-bottom:3px}.cost-empty{font-style:italic}.draft-filters{background:#f8fafb;border:1px solid #e3ebf1;border-radius:12px;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin:24px 0;padding:16px;display:grid}.draft-filters .field{font-size:.82rem}.draft-filters select{color:#153047;width:100%;font:inherit;background:#fff;border:1px solid #cbd9e2;border-radius:9px;min-height:46px;padding:12px 13px}@media (width<=700px){.cost-item{grid-template-columns:1fr 1fr}.cost-item .field:first-child{grid-column:span 2}.cost-item .icon-btn{justify-self:end}.draft-filters{grid-template-columns:1fr}}@media (width<=560px){.basis-select{grid-template-columns:1fr}}.measurement-panel{background:#fbfdff;border:1px solid #d5e3eb;border-radius:12px;margin-top:24px;padding:16px}.measurement-panel h3{color:#315b70;margin:0;font-size:.98rem}.measurement-panel p{color:#6d8090;font-size:.8rem}.file-note{color:#7b8f9c;text-align:right;font-size:.75rem}.upload{color:#315b70;background:#f4fafc;border:1px dashed #8fb5ca;border-radius:9px;flex-direction:column;gap:8px;margin-top:14px;padding:16px;display:flex}.upload input{font:inherit}.upload small,.measurement-apply small{color:#6d8090;font-weight:400}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.mapping-grid select{color:#153047;width:100%;font:inherit;background:#fff;border:1px solid #cbd9e2;border-radius:9px;padding:10px}.measurement-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.measurement-status{color:#526b7a;font-size:.82rem}.measurement-table{max-height:350px;overflow:auto}.measurement-table table{border-collapse:collapse;width:100%;font-size:.77rem}.measurement-table th,.measurement-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5edf2;padding:7px}.status{border-radius:12px;padding:3px 7px;font-size:.7rem;display:inline-block}.status-imported{background:#e8f1f6}.status-review_required{color:#865900;background:#fff0cf}.status-approved{color:#21643f;background:#dff3e8}.measurement-apply{color:#245b40;background:#edf7f1;border-radius:9px;flex-direction:column;gap:7px;margin-top:14px;padding:12px;display:flex}.measurement-apply .btn{align-self:flex-start}.measurement-result{margin-top:16px}@media (width<=560px){.mapping-grid{grid-template-columns:1fr}}.basis-room-table{border:1px solid #dfe9ef;border-radius:12px;margin-top:18px;overflow:auto}.basis-room-title{color:#173c56;background:#f2f7fa;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.basis-room-title span{color:#6d8090;font-size:.78rem}.basis-room-row{border-top:1px solid #e7eef2;grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(78px,.7fr));align-items:center;gap:10px;min-width:500px;padding:9px 12px;display:grid}.basis-room-row span{font-weight:650}.basis-room-header{color:#718594;background:#fbfcfd;font-size:.75rem;font-weight:800}.basis-room-row input{text-align:right;width:100%;font:inherit;color:#173c56;border:1px solid #ccdce5;border-radius:7px;padding:8px 6px}.basis-room-row input:focus{border-color:#34729d;outline:2px solid #83b9d7}.basis-room-table:after{content:"Sicht = Sichtreinigung · Voll = Vollreinigung · Ergebnis = 85 % Toleranzfaktor";color:#718594;background:#fbfcfd;min-width:500px;padding:10px 12px;font-size:.75rem;display:block}