:root{--tinte: #10312e;--tinte-weich: #3d5a56;--eisvogel: #0e7c86;--eisvogel-hell: #e0f2f3;--blitz: #f4a62a;--grund: #f6f5f1;--karte: #ffffff;--linie: #e3e1da;--rot: #b3382e;--gruen: #2e7d4f;--radius: 10px;font-size:16px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--grund);color:var(--tinte);-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0;letter-spacing:-.02em}h2{font-size:1.05rem;margin:1.4rem 0 .6rem;color:var(--tinte-weich);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--tinte);color:#fff;display:flex;flex-direction:column;padding:1.2rem .9rem;flex-shrink:0}.logo{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.6rem;padding:0 .5rem}.logo-gross{font-size:1.7rem}.logo-blitz{color:var(--blitz)}.nav-btn{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;color:#ffffffbf;padding:.65rem .7rem;margin-bottom:2px;border-radius:8px;font-size:.95rem;cursor:pointer;text-align:left}.nav-btn:hover{background:#ffffff14;color:#fff}.nav-btn.aktiv{background:var(--eisvogel);color:#fff;font-weight:600}.nav-icon{width:1.2em;text-align:center}.sidebar-fuss{margin-top:auto;padding:.5rem;font-size:.8rem}.nutzer-mail{color:#ffffff80;margin-bottom:.4rem;word-break:break-all}.sidebar-fuss .btn-leise{color:#fffc;border-color:#ffffff40}.inhalt{flex:1;padding:2rem 2.4rem;max-width:1100px}.kopfzeile{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;gap:1rem;flex-wrap:wrap}.knopfgruppe{display:flex;gap:.5rem;flex-wrap:wrap}.aktionsleiste{display:flex;gap:.7rem;justify-content:flex-end;margin:1.2rem 0 2rem}button{font-family:inherit}.btn-primaer{background:var(--eisvogel);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.btn-primaer:hover{filter:brightness(1.08)}.btn-primaer:disabled{opacity:.6;cursor:wait}.btn-leise{background:none;color:var(--tinte);border:1px solid var(--linie);padding:.55rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer}.btn-leise:hover{border-color:var(--eisvogel);color:var(--eisvogel)}.btn-mini{background:none;border:1px solid var(--linie);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;cursor:pointer;color:var(--tinte)}.btn-mini:hover{border-color:var(--eisvogel);color:var(--eisvogel)}.btn-mini.rot:hover{border-color:var(--rot);color:var(--rot)}.breit{width:100%;margin-top:.6rem}label{display:block;font-size:.85rem;font-weight:600;color:var(--tinte-weich);margin-bottom:.8rem}input,select{display:block;width:100%;margin-top:.3rem;padding:.55rem .7rem;border:1px solid var(--linie);border-radius:8px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--tinte)}input:focus,select:focus{outline:2px solid var(--eisvogel);outline-offset:0;border-color:var(--eisvogel)}.checkbox{display:flex;align-items:center;gap:.5rem;font-weight:500}.checkbox input{width:auto;margin:0}.zeile-2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.zeile-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.9rem}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1rem}.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.kachel{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);padding:1.2rem 1.4rem;border-top:3px solid var(--eisvogel)}.kachel-wert{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.kachel-label{font-size:.85rem;color:var(--tinte-weich);margin-top:.2rem}.tabelle{width:100%;border-collapse:collapse;background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden}.tabelle th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tinte-weich);padding:.7rem .9rem;border-bottom:1px solid var(--linie);background:#fbfaf7}.tabelle td{padding:.7rem .9rem;border-bottom:1px solid var(--linie);font-size:.92rem}.tabelle tr:last-child td{border-bottom:none}.tabelle .rechts,th.rechts,td.rechts{text-align:right}.klickbar{cursor:pointer}.klickbar:hover td{background:var(--eisvogel-hell)}.aktionen{text-align:right;white-space:nowrap}.aktionen .btn-mini{margin-left:.3rem}.pos-tabelle{width:100%;border-collapse:collapse;margin-bottom:.8rem}.pos-tabelle th{font-size:.75rem;text-transform:uppercase;color:var(--tinte-weich);text-align:left;padding:.3rem .4rem}.pos-tabelle td{padding:.25rem .4rem;vertical-align:middle}.pos-tabelle input,.pos-tabelle select{margin-top:0}.betrag-zelle{font-weight:600;white-space:nowrap}.status{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status.entwurf{background:#eee;color:#666}.status.offen{background:#fdf1dc;color:#9a6a12}.status.bezahlt{background:#e2f2e8;color:var(--gruen)}.status.storniert{background:#f2e2e2;color:var(--rot)}.status.ueberfaellig{background:#f9e0dd;color:var(--rot)}.hinweis{padding:.7rem 1rem;border-radius:8px;font-size:.9rem;margin:.8rem 0}.hinweis.ok{background:#e2f2e8;color:var(--gruen)}.hinweis.fehler{background:#f9e0dd;color:var(--rot)}.hinweis.warn{background:#fdf1dc;color:#9a6a12}.filterleiste{display:flex;gap:.4rem;margin-bottom:1rem}.chip{border:1px solid var(--linie);background:var(--karte);padding:.35rem .9rem;border-radius:99px;font-size:.85rem;cursor:pointer;color:var(--tinte)}.chip.aktiv{background:var(--tinte);color:#fff;border-color:var(--tinte)}.leer{background:var(--karte);border:1px dashed var(--linie);border-radius:var(--radius);padding:2.2rem;text-align:center;color:var(--tinte-weich)}.lade{padding:3rem;text-align:center;color:var(--tinte-weich)}.klein{font-size:.8rem;color:var(--tinte-weich)}.summen{max-width:320px;margin-left:auto;margin-top:.8rem}.summen div{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.95rem}.summen .gesamt{border-top:2px solid var(--tinte);margin-top:.3rem;padding-top:.5rem;font-size:1.1rem}.auth-buehne{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--tinte) 0%,#17423e 55%,var(--eisvogel) 130%);padding:1rem}.auth-karte{background:var(--karte);border-radius:14px;padding:2.2rem 2.4rem;width:100%;max-width:400px;box-shadow:0 24px 60px #00000059}.auth-untertitel{color:var(--tinte-weich);margin:.2rem 0 1.4rem}.blatt{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:3rem 3.2rem;max-width:840px;font-size:.92rem;line-height:1.5}.blatt-kopf{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2.2rem}.blatt-absender{border-bottom:1px solid var(--linie);padding-bottom:.3rem;margin-bottom:1.2rem}.blatt-empfaenger{line-height:1.5}.blatt-firma{text-align:right}.blatt-logo{font-size:1.2rem;font-weight:800;margin-bottom:.4rem}.blatt-titel{font-size:1.3rem;margin:0 0 .2rem;color:var(--tinte);text-transform:none;letter-spacing:-.01em}.blatt-meta{color:var(--tinte-weich);font-size:.85rem;margin-bottom:1.2rem}.blatt-tabelle{width:100%;border-collapse:collapse;margin:1rem 0}.blatt-tabelle th{text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--tinte);padding:.4rem .5rem}.blatt-tabelle th.links,.blatt-tabelle td.links{text-align:left}.blatt-tabelle th.rechts,.blatt-tabelle td.rechts{text-align:right}.blatt-tabelle td{padding:.45rem .5rem;border-bottom:1px solid var(--linie);text-align:center}.blatt-summen{max-width:300px;margin-left:auto;margin-top:.6rem}.blatt-summen div{display:flex;justify-content:space-between;padding:.2rem 0}.blatt-summen .gesamt{border-top:2px solid var(--tinte);margin-top:.3rem;padding-top:.4rem;font-weight:800;font-size:1.05rem}.blatt-fuss{display:flex;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--linie);margin-top:2.5rem;padding-top:1rem;font-size:.78rem;color:var(--tinte-weich)}@media print{.noprint,.sidebar{display:none!important}body{background:#fff}.app{display:block}.inhalt{padding:0;max-width:none}.blatt{border:none;border-radius:0;padding:0;max-width:none}@page{margin:18mm 16mm}}@media (max-width: 760px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.6rem}.sidebar nav{display:flex;gap:.2rem;flex:1}.nav-btn{width:auto;padding:.5rem .6rem;font-size:.85rem}.logo{margin-bottom:0;font-size:1rem}.sidebar-fuss{margin-top:0;display:flex;align-items:center;gap:.5rem}.nutzer-mail{display:none}.inhalt{padding:1rem}.kacheln,.zeile-2,.zeile-3{grid-template-columns:1fr}.blatt{padding:1.2rem}.tabelle{display:block;overflow-x:auto}}