:root{--ink:#252530;--muted:#777683;--purple:#8668d7;--light:#f7f6fb;--line:#e6e4eb}*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}.bar{background:white;padding:19px max(30px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{font-size:14px;color:var(--purple);letter-spacing:0}.bar nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.container{max-width:1120px;margin:52px auto 110px;padding:0 25px}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}h1{font-size:39px;letter-spacing:-1.6px;line-height:1.2;margin:4px 0 12px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 16px}h3{font-size:16px;margin:25px 0 12px}p{color:#666573}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--purple);font-weight:800}.button,button{display:inline-block;background:var(--purple);color:white;border:1px solid var(--purple);padding:12px 18px;border-radius:7px;font:600 14px Arial;cursor:pointer;white-space:nowrap}.button:hover,button:hover{background:#6a4dc4;color:white}.ghost{background:white;color:var(--purple)}.quiet{margin-left:15px}.panel{background:white;padding:30px;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:17px}.project{background:white;display:block;padding:29px;border:1px solid var(--line);border-radius:10px;min-height:215px}.project:hover{border-color:var(--purple);color:inherit}.project small,.muted{color:var(--muted)}.project h2{margin:18px 0 3px}.projectfoot{border-top:1px solid var(--line);padding-top:17px;margin-top:27px;display:flex;justify-content:space-between;font-size:12px}.back{display:inline-block;margin-bottom:25px;color:var(--muted)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.projectform>.panel{margin-bottom:24px}label{display:block;font-size:13px;font-weight:bold;margin:0 0 16px}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d9d7e1;border-radius:5px;background:white;color:var(--ink);font:15px Arial;margin:7px 0 0}input:focus,select:focus,textarea:focus{outline:2px solid #c4b2f1;border-color:var(--purple)}input.short{width:95px;margin:0}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#777;font-size:12px;border-bottom:1px solid var(--line);padding:10px}td{padding:10px;border-bottom:1px solid var(--line)}td input{margin:0}.actions{display:flex;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.stats>div{padding:23px;background:white;border:1px solid var(--line);border-radius:10px}.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:23px;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.doclist a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;align-items:center}.doclist small{display:block;color:var(--muted)}.alert{padding:14px 18px;border-left:4px solid #a25b50;background:#fff1ed;color:#803a30}.login{min-height:95vh;display:grid;place-items:center;padding:20px}.login>.panel{width:min(100%,460px)}.login button{width:100%}.toolbar{height:65px;background:#292733;color:white;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:0 30px;font-size:13px}.toolbar button{background:#8668d7;padding:9px 15px}.printbody{background:#ddd}.sheet{background:white;width:210mm;min-height:297mm;margin:24px auto;padding:24mm 20mm 25mm;box-shadow:0 8px 28px #0002;font:11pt/1.45 Arial,Helvetica,sans-serif;position:relative;color:#222}.sheet p{color:#222}.letterbrand{font-weight:800;font-size:25pt;letter-spacing:-1.5px}.letterbrand span{font-size:13pt;color:#8a73c7;font-weight:400;letter-spacing:0}.sender{font-size:8pt;border-bottom:1px solid #c9c9cd;padding:10mm 0 2mm;color:#666}.lettertop{display:flex;justify-content:space-between;margin:17mm 0 13mm;min-height:34mm;gap:20mm}.recipient{white-space:normal;line-height:1.5;max-width:50%}.meta{font-size:9pt;min-width:65mm}.meta>div{display:flex;gap:10px;justify-content:space-between}.meta span{color:#777}.sheet h1{font-size:19pt;letter-spacing:0;margin:7mm 0 1mm}.sheet h2{font-size:12pt;margin:9mm 0 2mm;break-after:avoid}.subject{font-weight:700;margin:0 0 9mm}.printtable{font-size:9pt;line-height:1.35;margin:3mm 0 6mm}.printtable th{color:#555}.printtable td,.printtable th{padding:2.3mm 1mm;border-bottom:1px solid #ddd}.printtable tr{break-inside:avoid}.num{text-align:right;white-space:nowrap}.total{font-weight:bold;background:#f6f6f8}.grand{font-size:12pt;font-weight:bold;background:#ece8fa}.payable{margin-top:9mm}.payment{margin-top:10mm}.letterfooter{border-top:1px solid #ddd;padding-top:4mm;font-size:8pt;color:#777;margin-top:18mm;break-inside:avoid}@page{size:A4;margin:0}@media print{body.printbody{background:white}.toolbar{display:none}.sheet{box-shadow:none;width:210mm;min-height:0;margin:0;padding:20mm 19mm 22mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media(max-width:800px){.bar{padding:20px;align-items:flex-start;flex-direction:column}.container{margin:30px auto}.heading{align-items:flex-start;flex-direction:column}h1{font-size:30px}.fields,.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sheet{width:100%;padding:10mm}.toolbar{gap:8px;padding:8px;flex-wrap:wrap;height:auto}}

/* Druckvorlage: Papier A4 und wiederkehrende Briefkopf-/Fußzeile wie Musterrechnung */
.print-head,.print-foot{display:none}.sender-small{font-size:7.8pt;margin-bottom:7mm;color:#555}.document-title-line{border-top:1px solid #333;border-bottom:1px solid #333;margin:14mm 0 8mm;padding:3mm 0}.document-title-line h1{font-size:13pt;margin:0 0 2mm}.document-title-line .subject{margin:0;font-size:9pt;font-weight:normal}.doclist{display:block}.doclist .docedit{display:inline-block;padding:5px 11px;border-bottom:0;font-size:12px;color:#7659c9;background:#f4f0ff;border-radius:4px;margin:0 0 14px}.danger-zone{margin:35px 0 60px;padding:22px;border:1px solid #ce9c9c;border-radius:8px}.danger{background:#ad3535;border-color:#ad3535}.danger:hover{background:#872626}
@media screen{.printbody{padding-bottom:30px}.printbody .sheet{padding-top:35mm;padding-bottom:30mm}.print-head,.print-foot{display:flex;background:white;box-sizing:border-box;width:210mm;margin:0 auto;position:relative}.print-head{margin-top:22px;padding:14mm 20mm 0;align-items:center;gap:7mm}.print-logo{font-size:26pt;font-weight:800;letter-spacing:-1px;color:#555}.print-head-details{font-size:6.5pt;line-height:1.15;color:#777;flex:1}.print-foot{margin-top:-31mm;padding:0 20mm 12mm;flex-direction:column;font-size:7pt;color:#666;border:none}.printbody .sheet{margin-top:0}.printbody .sheet .lettertop{margin-top:9mm}}
@page{size:A4;margin:40mm 20mm 25mm 20mm;@bottom-right{content:"Seite " counter(page) "/" counter(pages);font:7pt Arial,Helvetica,sans-serif;color:#555;vertical-align:top;margin-top:2mm}}
@media print{
html,body{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:white!important}
.printbody{font:9pt/1.32 Arial,Helvetica,sans-serif;color:#222}
.printbody .toolbar{display:none!important}
.printbody .sheet{width:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important;position:static!important;font:8.8pt/1.28 Arial,Helvetica,sans-serif}
.print-head{display:flex!important;position:fixed;top:-31mm;left:0;right:0;width:100%;height:24mm;align-items:flex-start;gap:7mm;box-sizing:border-box;background:white}
.print-logo{font-size:25pt;font-weight:800;letter-spacing:-1.2px;line-height:1;color:#555;white-space:nowrap}
.print-head-details{font-size:6.4pt;line-height:1.2;color:#666;flex:1;margin-top:1mm}
.print-foot{display:block!important;position:fixed;bottom:-20mm;left:0;right:0;width:100%;height:17mm;border-top:0.3pt solid #444;padding:1.5mm 0 0;box-sizing:border-box;font:6.5pt/1.2 Arial,Helvetica,sans-serif;color:#555;background:white}
.printbody .lettertop{margin:8mm 0 7mm;min-height:26mm;gap:12mm}
.printbody .sender-small{font-size:7pt;margin-bottom:8mm}
.printbody .meta{font-size:8pt;min-width:59mm}
.printbody .recipient{font-size:8.5pt}
.printbody .document-title-line{margin:8mm 0 7mm;padding:3mm 0 7mm;break-inside:avoid}
.printbody .document-title-line h1{font-size:12pt;margin:0 0 2mm}
.printbody .sheet h2{font-size:11pt;margin:7mm 0 2.5mm;break-after:avoid}
.printbody .sheet p{margin-top:2.5mm;margin-bottom:3mm}
.printbody .sheet table{font-size:8pt;line-height:1.2;width:100%;border-collapse:collapse;break-inside:auto}
.printbody .sheet th,.printbody .sheet td{padding:1.65mm 1mm;border-bottom:0.25pt solid #ddd}
.printbody .sheet tr{break-inside:avoid;page-break-inside:avoid}
.printbody .sheet thead{display:table-header-group}
.printbody .sheet .total{background:transparent!important;border-top:0.6pt solid #666}
.printbody .sheet .grand{background:transparent!important;font-size:10pt;border-top:1pt solid #333}
.printbody .sheet .payable{margin-top:5mm}
}

.payment-summary{padding:8px 0;font-size:12px;color:#65636b}.payment-delete{display:inline-block;margin:0 0 0 9px}.link-danger{background:none;color:#a33838;border:0;padding:0;font-size:12px;text-decoration:underline;cursor:pointer}.link-danger:hover{background:none;color:#862929}