:root{color:#1d1d1f;background:#fafafa;font-family:system-ui,Segoe UI,sans-serif;font-size:15px}body{margin:0}h1{margin:.5rem 0 1rem;font-size:1.3rem}h2{color:#555;margin:1.2rem 0 .4rem;font-size:1rem}main{padding:.5rem 1rem 2rem}.leiste{background:#243447;align-items:center;gap:1.2rem;padding:.5rem 1rem;display:flex}.leiste strong{color:#fff;margin-right:1rem}.leiste a{color:#c9d6e3;text-decoration:none}.leiste a[aria-current=page]{color:#fff;border-bottom:2px solid #7fb3ff}.angemeldet{color:#c9d6e3;margin-left:auto}.angemeldet button{color:#fff;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.anmeldung-hintergrund{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.anmeldung{background:#fff;border-radius:6px;flex-direction:column;gap:.6rem;min-width:18rem;padding:1.2rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000040}.anmeldung h2{margin:0 0 .3rem}.anmeldung label{flex-direction:column;gap:.2rem;display:flex}.anmeldung [role=alert]{color:#b00020;margin:0}.klara-bereich{padding:.5rem 1rem 0}.klara{box-sizing:border-box;width:100%;margin:0 0 .5rem;padding:.6rem;font-size:1rem}.klara-karte{background:#fff;border:1px solid #c9d6e3;border-left:4px solid #7fb3ff;border-radius:4px;max-width:60rem;margin-bottom:.5rem;padding:.5rem .8rem}.klara-karte p{margin:.3rem 0}.klara-karte.nicht-erreichbar{border-left-color:#c62828}.klara-tabelle{border-collapse:collapse;margin:.4rem 0}.klara-tabelle th,.klara-tabelle td{text-align:left;border-bottom:1px solid #eee;padding:.15rem .6rem}.klara-tabelle .zahl{text-align:right}.klara-knoepfe{gap:.5rem;margin-top:.4rem;display:flex}.zeile{flex-wrap:wrap;align-items:flex-start;gap:.4rem;display:flex}.zeile.aufteilung{margin-top:.4rem;padding-left:1rem}.feld{flex-direction:column;display:flex;position:relative}.feld label{color:#666;font-size:.75rem}.feld input{border:1px solid #bbb;border-radius:3px;padding:.35rem;font-size:1rem}.feld input:focus{border-color:#3b7ddd;outline:2px solid #3b7ddd}.feld input.fehler{background:#fdecea;border-color:#c62828;outline-color:#c62828}.feld-belegdatum input{width:7.5rem}.feld-partner input,.feld-gegenkonto input{width:5.5rem}.feld-rechnungsnummer input{width:9rem}.feld-betrag input,.feld-netto input{text-align:right;width:7rem}.feld-steuerschluessel input{width:5rem}.feld-text input{width:16rem}.feld-kostenstelle input{width:5rem}.anzeige{color:#444;white-space:nowrap;text-overflow:ellipsis;max-width:10rem;min-height:1rem;font-size:.75rem;overflow:hidden}.treffer{z-index:5;background:#fff;border:1px solid #999;min-width:16rem;margin:0;padding:0;list-style:none;position:absolute;top:3.3rem;left:0;box-shadow:0 2px 6px #00000026}.treffer li{padding:.2rem .4rem}.treffer li[aria-selected=true]{background:#dbe8fb}.hinweis{color:#777;font-size:.8rem}.meldungen{min-height:1.6rem;margin-top:.5rem}.meldung{border-radius:3px;margin:.2rem 0;padding:.25rem .5rem;display:inline-block}.meldung.ok{color:#1e5b2c;background:#e6f4ea}.meldung.fehler{color:#8e1c1c;background:#fdecea}.meldung.warnung{color:#7a4b00;background:#fff4e0}.loeschen{background:#fff4e0;align-items:center;gap:.5rem;margin-top:.6rem;padding:.5rem;display:flex}.loeschen input{width:20rem;padding:.3rem}table{border-collapse:collapse;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #e3e3e3;padding:.25rem .6rem}th{color:#555;font-weight:600}.zahl{text-align:right;font-variant-numeric:tabular-nums}.vorschau,.letzte{min-width:40rem}.formular{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:1rem;display:flex}.formular h2{width:100%;margin:0}.formular label{color:#666;flex-direction:column;font-size:.75rem;display:flex}.formular input,.formular select{padding:.3rem;font-size:.95rem}button{padding:.3rem .8rem}.aufteilungen{margin-top:.4rem}.zeile.aufteilung .hinweis{align-self:center;width:6.5rem}.feld input.rest{color:#555;text-align:right;background:#eee;width:7rem}.nachschlagen{z-index:10;background:#fff;border:1px solid #777;width:26rem;scroll-margin:1rem;position:absolute;top:100%;left:0;box-shadow:0 3px 10px #0003}.nachschlagen input{box-sizing:border-box;border:0;border-bottom:1px solid #ccc;width:100%;padding:.4rem}.nachschlagen ul{max-height:17rem;margin:0;padding:0;list-style:none;overflow-y:auto}.nachschlagen li{white-space:nowrap;text-overflow:ellipsis;height:1.3rem;padding:.2rem .5rem;line-height:1.3rem;overflow:hidden}.nachschlagen li[aria-selected=true]{background:#dbe8fb}.nachschlagen li.gruppe{color:#666;background:#f3f3f3;font-size:.75rem;font-weight:600}.buchen{padding-top:1rem;padding-bottom:20rem;position:relative}.treffertabelle tbody tr{cursor:pointer}.treffertabelle tbody tr[aria-selected=true]{background:#dbe8fb}.treffertabelle tbody tr.ausgeblendet{color:#999}.formular .schalter{flex-direction:row;align-items:center;gap:.3rem}tr.in-bearbeitung{background:#f4f8ff}tr.in-bearbeitung input,tr.in-bearbeitung select{box-sizing:border-box;width:100%;min-width:5rem}.feld-soll input,.feld-haben input,.feld-konto input{width:5.5rem}.pin{cursor:pointer;opacity:.35;background:0 0;border:0;padding:0 .1rem;font-size:.7rem;line-height:1;position:absolute;top:-.1rem;right:0}.pin[aria-pressed=true]{opacity:1}.feld{padding-top:.1rem}.feld input.gepinnt{background:#fffbe6}.feld-periode input{width:5rem}.feld-steuer input{text-align:right;width:6rem}.textfeld{position:relative}.textfeld input{z-index:1;background:0 0;position:relative}.textfeld .vorschlag{white-space:pre;color:#999;pointer-events:none;border:1px solid #0000;max-width:16rem;padding:.35rem;font-size:1rem;position:absolute;top:0;left:0;overflow:hidden}.textfeld .vorschlag .getippt{visibility:hidden}.feldhinweis{color:#555;max-width:12rem;font-size:.72rem}.feldhinweis.warnung{color:#7a4b00;background:#fff4e0;max-width:18rem;padding:.1rem .25rem}.rechnungseingang{padding:.5rem 1rem 0}.ablage{color:#445;background:#f4f8fc;border:2px dashed #9bb3cf;border-radius:6px;padding:.8rem 1rem}.ablage.ziehen{background:#dbe8fb;border-color:#3b7ddd}.eingang{grid-template-columns:30rem 1fr;gap:.8rem;margin-top:.6rem;display:grid}.belegliste{flex-direction:column;gap:.3rem;min-width:0;display:flex}.belegliste .liste{background:#fff;border:1px solid #ddd;max-height:55vh;overflow-y:auto}.belegliste .liste:focus{outline:2px solid #3b7ddd}.belegliste table{width:100%;font-size:.82rem}.belegliste tbody tr{cursor:pointer}.belegliste tbody tr[aria-selected=true]{background:#dbe8fb}.belegliste tbody td:first-child{border-left:5px solid #ccc}.belegliste tr.sicherheit-hoch td:first-child{border-left-color:#2e7d32}.belegliste tr.sicherheit-mittel td:first-child{border-left-color:#f0a500}.belegliste tr.sicherheit-niedrig td:first-child{border-left-color:#c62828}.belegliste tr.sicherheit-arbeit td:first-child{border-left-color:#7fb3ff}.belegansicht iframe,.belegansicht img,.belegansicht pre{box-sizing:border-box;background:#fff;border:1px solid #ddd;width:100%;height:55vh}.belegansicht img{object-fit:contain}.belegansicht pre{margin:0;padding:.5rem;font-size:.75rem;overflow:auto}.buchen.im-beleg{padding-top:.6rem;padding-bottom:6rem}.vorschlag{margin-top:.5rem;font-size:.9rem}.vorschlag p{margin:.25rem 0}.sicherheit{border-radius:3px;padding:0 .3rem;font-weight:600}.sicherheit.hoch{color:#1e5b2c;background:#e6f4ea}.sicherheit.mittel{color:#7a4b00;background:#fff4e0}.sicherheit.niedrig{color:#8e1c1c;background:#fdecea}.meldung.rot{border:1px solid #c62828;font-weight:600}.kreditor-neu{background:#f4f8ff;align-items:center;gap:.8rem;margin:.3rem 0;padding:.4rem .6rem;display:flex}.knoepfe{gap:.5rem;margin:.3rem 0;display:flex}.suchfeld{box-sizing:border-box;width:18rem;max-width:100%;padding:.3rem .4rem;font-size:.95rem}th.sortierbar{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortierbar:hover{color:#1d1d1f}.uebersicht{padding:.6rem 1rem 2rem}.kopfleiste{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kopfleiste select{padding:.25rem;font-size:.95rem}.schalter{margin-left:1rem;display:inline-flex}.schalter button{background:#fff;border:1px solid #9bb3cf}.schalter button[aria-checked=true]{color:#fff;background:#243447}.haken{align-items:center;gap:.3rem;margin-left:1rem;font-size:.9rem;display:inline-flex}.knopf{color:#1d1d1f;background:#f4f8fc;border:1px solid #9bb3cf;border-radius:3px;padding:.3rem .7rem;text-decoration:none}.brotkrumen{margin:.6rem 0}.brotkrumen button{color:#2a5db0;cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem}.dashboard{outline:none;grid-template-columns:minmax(0,1fr) 20rem;gap:1.2rem;display:grid}.dashboard:focus-visible{outline-offset:4px;outline:2px solid #3b7ddd}.kacheln{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem;display:grid}.kachel{cursor:pointer;text-align:left;background:#fff;border:1px solid #d5dde8;border-radius:6px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.8rem 1rem;display:flex}.kachel.gewaehlt,tr.gewaehlt,td.gewaehlt{background:#dbe8fb}.kachel-titel{color:#555;font-size:.9rem}.kachel-wert{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600}.kachel-vj{color:#666;font-size:.85rem}.gut{color:#1e7b34;font-weight:600}.schlecht{color:#b3261e;font-weight:600}table.bwa,table.drill{width:100%}table.bwa tbody tr,table.drill tbody tr{cursor:pointer}table.bwa tr.summe td{font-weight:700}table.bwa tr.vorjahr td{color:#999;font-size:.82rem}.jahr-rahmen{max-width:100%;overflow-x:auto}table.jahr{width:auto}table.jahr th.fest,table.jahr td.fest{z-index:1;background:#fafafa;min-width:14rem;position:sticky;left:0}table.jahr td{white-space:nowrap}.rechts section{margin-bottom:1rem}.rechts h2{margin:0 0 .3rem}.zeile-knopf{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eee;justify-content:space-between;gap:.5rem;width:100%;padding:.3rem .2rem;font-size:.88rem;display:flex}.zeile-knopf:hover{background:#f4f8ff}.buchung-beleg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.buchung-beleg iframe{border:1px solid #ddd;width:100%;height:60vh}.unterleiste{background:#e8eef5;gap:1rem;padding:.35rem 1rem;display:flex}.unterleiste a{color:#243447;font-size:.9rem;text-decoration:none}.unterleiste a[aria-current=page]{border-bottom:2px solid #3b7ddd;font-weight:600}.stammdaten-bereich{grid-template-columns:11rem minmax(0,1fr);gap:.5rem;display:grid}.stammdaten-liste{flex-direction:column;gap:.2rem;padding:1rem 0 0 1rem;display:flex}.stammdaten-liste a{color:#243447;border-radius:3px;padding:.3rem .5rem;text-decoration:none}.stammdaten-liste a[aria-current=page]{background:#dbe8fb;font-weight:600}.perioden{padding:0 1rem 1rem}.diagramm{width:100%;height:260px;margin-bottom:.8rem}.belegart{align-items:center;gap:.4rem;margin:.2rem 0;font-size:.9rem;display:inline-flex}.rechnungseingang-wartet{padding:.6rem 0}button.link{color:#3b7ddd;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}table.abweichung{margin-top:.3rem;font-size:.85rem}.festschreibehinweis{margin:.4rem 1rem 0}