body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}#root{min-height:100dvh}*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#f5f5f5;margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{color:#fff;background:#1a3a5c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.app-header h1{margin:0;font-size:18px;font-weight:600}.badge{letter-spacing:.04em;background:#2e6fad;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projekt-name{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;min-width:180px;padding:5px 10px;font-size:14px}.projekt-name::placeholder{color:#ffffff80}.app-main{flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid}@media (width<=800px){.app-main{grid-template-columns:1fr}}.eingabe-panel,.ergebnis-panel{padding:20px}.eingabe-panel{background:#fff;border-right:1px solid #ddd}.ergebnis-panel{background:#fafafa}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eingabe-panel h2,.ergebnis-panel h2,.panel-header h2{color:#1a3a5c;margin:0;font-size:15px;font-weight:600}.placeholder{color:#999;font-style:italic}.raum-formular{background:#fafafa;border:1px solid #ddd;border-radius:6px;margin-bottom:12px;padding:12px}.raum-header{gap:8px;margin-bottom:10px;display:flex}.raum-name{border:1px solid #ccc;border-radius:4px;flex:1;padding:5px 8px;font-size:14px;font-weight:500}.field-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.field-row label{color:#555;flex-shrink:0;width:160px;font-size:13px}.checkbox-label{cursor:pointer;align-items:center;gap:6px;display:flex;width:auto!important}.field-row--separator{border-top:1px solid #eee;margin-top:10px;padding-top:10px}.field-row input[type=number],.field-row select{border:1px solid #ccc;border-radius:4px;flex:1;min-width:0;padding:4px 8px;font-size:13px}.field-row select{cursor:pointer}.unit{color:#777;width:30px;font-size:12px}.ergebnisse h2{color:#1a3a5c;margin:0 0 16px;font-size:15px;font-weight:600}.ergebnisse h3{color:#444;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:600}.ergebnisse section{margin-bottom:24px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#1a3a5c;background:#e8eef5;padding:5px 8px;font-weight:600}td{border-bottom:1px solid #eee;padding:5px 8px}tfoot td{border-top:2px solid #1a3a5c;border-bottom:none}.zahl{text-align:right;font-variant-numeric:tabular-nums}dl{grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 8px;display:grid}dt{color:#555;font-size:13px}dd{font-variant-numeric:tabular-nums;margin:0;font-size:15px;font-weight:600}.hinweis{color:#888;margin:0;font-size:11px}button{cursor:pointer;border-radius:4px;font-size:13px;font-weight:500;transition:background .15s}.btn-primary{color:#fff;background:#2e6fad;border:none;padding:6px 14px}.btn-primary:hover{background:#1a5a96}.btn-secondary{color:#fff;background:0 0;border:1px solid #fff6;padding:5px 12px}.btn-secondary:hover{background:#ffffff1a}.btn-add{color:#1a3a5c;background:#e8eef5;border:1px solid #b8cfe0;padding:5px 12px}.btn-add:hover{background:#d0e0ef}.btn-remove{color:#999;background:0 0;border:none;padding:2px 6px;font-size:14px;line-height:1}.btn-remove:hover{color:#c00}.app-footer{color:#856404;text-align:center;background:#fff3cd;border-top:1px solid #ffc107;padding:8px 20px;font-size:12px;font-weight:500}@media print{.app-header .header-right,.btn-add,.btn-remove{display:none}.eingabe-panel{border:none}.app-main{display:block}.eingabe-panel,.ergebnis-panel{padding:10px}body{background:#fff}.raum-formular{break-inside:avoid}}