:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#e8effa;background:#09111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#76a9ff}.shell{max-width:1160px;margin:auto;padding:22px 20px 100px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;letter-spacing:-.7px}.logo{background:linear-gradient(145deg,#60a5fa,#2563eb);border-radius:13px;padding:11px;font-size:22px;color:white}.sub{color:#91a1b9;font-size:13px}.pill{padding:8px 12px;background:#142238;border:1px solid #273954;border-radius:99px;color:#c6d8f3;font-size:12px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.nav button,.ghost{border:1px solid #253751;background:#111e31;color:#bdcce0;border-radius:11px;padding:11px 15px}.nav button.active{background:#1c3b67;color:#fff;border-color:#3b74c3}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:linear-gradient(155deg,#132238,#101b2c);border:1px solid #25364c;border-radius:18px;padding:21px;min-width:0}.card h3{margin:0 0 16px;font-size:15px;color:#bacce4}.eyebrow{color:#95a8c2;font-size:13px}.value{font-size:clamp(25px,3.5vw,35px);font-weight:800;letter-spacing:-1px;margin:10px 0}.value.blue{color:#83b7ff}.value.green{color:#7ee2b5}.value.red{color:#ff9e9e}.section{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.section h2{margin:0;font-size:20px}.primary{border:0;border-radius:11px;background:#3879df;color:white;font-weight:700;padding:12px 17px}.primary:hover{background:#4b8df4}.muted{color:#91a1b9}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #25364c}.row:last-child{border-bottom:0}.amount{font-weight:750;white-space:nowrap}.neg{color:#ff9b9b}.pos{color:#7ee2b5}.badge{font-size:11px;padding:5px 9px;border-radius:30px;background:#213957;color:#b9d6ff}.badge.warning{background:#493718;color:#ffd17c}.badge.exceeded{background:#4d2329;color:#ffadad}.progress{height:8px;background:#293951;border-radius:30px;overflow:hidden;margin:12px 0 6px}.progress>div{height:100%;border-radius:30px;background:#4e91f5}.progress .warning{background:#e8aa48}.progress .exceeded{background:#ef6767}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:#b7c9e2;font-size:13px}.form input,.form select,.form textarea{width:100%;background:#0a1728;color:#f0f5fc;border:1px solid #30445f;border-radius:10px;padding:12px;min-height:44px}.form input:focus,.form select:focus{outline:2px solid #417fdf}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{border:1px solid #385a7d;background:#142b43;border-radius:12px;padding:14px;color:#b9d9fb;margin:14px 0}.error{border-color:#804452;background:#3a1d2a;color:#ffbfc7}.empty{padding:28px;text-align:center;color:#91a1b9}.login{max-width:430px;margin:9vh auto}.login .brand{margin-bottom:25px}.small{font-size:12px}.footer{text-align:center;color:#647993;font-size:12px;margin-top:40px}.full{grid-column:1/-1}@media(max-width:780px){.grid{grid-template-columns:1fr}.shell{padding:16px 14px 90px}.top{align-items:flex-start}.nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav button{padding:11px 6px;font-size:12px}.two{grid-template-columns:1fr}.card{padding:17px}.section{align-items:flex-start}.brand{font-size:19px}}

/* Version 4: auffaellige Doppelbuchungswarnung */
.notice.duplicate-warning{background:#4a231d;border:2px solid #ff8757;color:#ffe9d8;box-shadow:0 0 0 3px rgba(255,135,87,.12);padding:18px;margin:12px 0}
.duplicate-warning .duplicate-heading{display:flex;align-items:center;gap:11px;font-size:17px;color:#fff4e8}
.duplicate-warning .duplicate-icon{display:inline-grid;place-items:center;background:#ffb454;color:#28180e;width:34px;height:34px;border-radius:50%;font-size:22px;font-weight:900;flex-shrink:0}
.duplicate-warning p{line-height:1.55;margin:12px 0 0}
.form input[type=date]{cursor:pointer;min-width:0}

/* Version 5: Buchungsverwaltung */
.tx-row{flex-wrap:wrap}.tx-actions{display:flex;gap:8px;margin-left:auto}.tx-actions button{font-size:12px;padding:7px 10px}.ghost.danger{color:#ffb1b1;border-color:#854653}.inline-check{display:flex!important;align-items:center;gap:10px}.inline-check input{width:18px!important;min-height:18px!important;accent-color:#f59e0b}.notice.duplicate-warning p{margin:10px 0}@media(max-width:600px){.tx-actions{width:100%;justify-content:flex-end}}

/* Version 6: Dauerauftraege verwalten */
.recurring-row{flex-wrap:wrap;gap:10px}.recurring-details{flex:1;min-width:170px}.recurring-actions{display:flex;gap:8px;justify-content:flex-end;width:100%;flex-wrap:wrap}.recurring-actions button{font-size:12px;padding:8px 12px}.recurring-inactive{opacity:.75}.badge.recurring-off{background:#493718;color:#ffd17c}.recurring-details .badge{margin-left:8px}@media(max-width:600px){.recurring-actions button{flex:1}}

/* Version 7: Monatsauswertungen */
.report-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.report-filters label{display:grid;gap:8px;color:#b7c9e2;font-size:13px}.report-filters input,.report-filters select{background:#0a1728;color:#f0f5fc;border:1px solid #30445f;border-radius:10px;padding:12px;width:100%;min-height:44px}.report-metric .value{font-size:clamp(22px,3vw,31px)}.report-result{margin-top:20px;border-color:#37618d}.report-category{padding:12px 0;border-bottom:1px solid #25364c}.report-category:last-child{border-bottom:0}.report-category .row{flex-wrap:wrap;border:0;padding:0 0 8px}.report-category .row span{color:#aabdd6;font-size:12px}.report-bars{display:grid;gap:5px;margin:7px 0 10px}.report-bar{height:9px;border-radius:5px;min-width:0}.report-bar.actual{background:#4e91f5}.report-bar.planned{background:#d7a65b}@media(max-width:780px){.report-filters{grid-template-columns:1fr}}

/* Version 8: Dauerauftragszuordnung prominent hervorheben */
.notice.recurring-highlight{background:#473018;border:2px solid #fbbf24;color:#fff1c5;box-shadow:0 0 0 3px rgba(251,191,36,.15);padding:19px}
.recurring-highlight-title{display:flex;align-items:center;gap:12px;font-size:18px;color:#fff8e7}
.recurring-highlight-icon{display:grid;place-items:center;background:#fbbf24;color:#281900;border-radius:50%;font-size:20px;font-weight:900;width:36px;height:36px;flex-shrink:0}
.recurring-highlight-detail{font-size:14px;line-height:1.5;margin:12px 0 16px}.recurring-highlight select{border:2px solid #fbbf24!important;background:#241b11!important;color:#fff!important;font-weight:650}.recurring-highlight-foot{margin:12px 0 0;color:#f7dba0}