:root{--bg:#f8f9fa;--surface:#fff;--surface2:#fcf8f9;--surface3:#fae4e6;--border:#e9ecef;--border-light:#f1f3f5;--accent:#d94242;--accent2:#ff7878;--accent3:#ffbaba;--success:#2b8a3e;--warn:#e67700;--danger:#c92a2a;--text:#2c2929;--text-muted:#6b6363;--text-dim:#948b8b;--tbd:#f97c4f;--mono:"DM Mono", monospace;--sans:"Syne", sans-serif;--serif:"Literata", Georgia, serif;--sidebar-w:260px;--header-h:52px;--footer-h:48px}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface2:#252525;--surface3:#2f2f2f;--border:#333;--border-light:#444;--text:#f1f3f5;--text-muted:#adb5bd;--text-dim:#6c757d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--serif);min-height:100vh;font-size:14px;line-height:1.6;overflow:hidden}#app{width:100vw;height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:1000;flex-direction:column;height:100vh;transition:margin-left .3s,transform .3s;display:flex;overflow:hidden}#sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-w))}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1.4rem 1.3rem 1.1rem}.sidebar-logo{font-family:var(--sans);letter-spacing:-.02em;color:var(--accent);margin-bottom:.25rem;font-size:1.35rem;font-weight:800;line-height:1.2}.sidebar-sub{font-family:var(--mono);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;line-height:1.3}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.nav-section{padding:.8rem 1rem .3rem}.nav-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem;padding:0 .4rem;font-size:.58rem}.nav-item{color:var(--text-muted);font-family:var(--sans);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;margin:.05rem 0;padding:.4rem .65rem;font-size:.76rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{color:var(--accent);background:#4f9cf91a}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:0;bottom:0;left:0}.nav-item .nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:.9rem}.nav-badge{font-family:var(--mono);color:var(--accent);background:#4f9cf91a;border:1px solid #4f9cf933;border-radius:3px;margin-left:auto;padding:.1rem .35rem;font-size:.58rem}.nav-badge.admin{color:var(--danger);background:#f94c6a1a;border-color:#f94c6a33}.sidebar-user{border-top:1px solid var(--border);flex-shrink:0;padding:.75rem 1rem}.user-select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);cursor:pointer;border-radius:6px;outline:none;padding:.4rem .5rem;font-size:.72rem}.user-select:focus{border-color:var(--accent)}.user-info{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.user-tag{font-family:var(--mono);background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:.1rem .35rem;font-size:.58rem}#main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}#app-header{height:var(--header-h);min-height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.header-info{gap:1.25rem;display:flex}.header-info-item{align-items:center;gap:.4rem;display:flex}.header-info-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.58rem}.header-info-value{font-family:var(--sans);color:var(--text);font-size:.78rem;font-weight:600}.header-right{align-items:center;gap:.75rem;display:flex}.header-date{font-family:var(--mono);color:var(--text-muted);font-size:.7rem}#app-footer{height:var(--footer-h);min-height:var(--footer-h);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;padding:0 1rem;display:flex}.footer-btn{color:var(--text-muted);font-family:var(--sans);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.4rem;height:32px;padding:.35rem .85rem;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.footer-btn:hover{background:var(--surface2);color:var(--text)}.footer-btn .f-icon{font-size:.85rem}.footer-spacer{flex:1}.footer-version{font-family:var(--mono);color:var(--text-dim);font-size:.58rem}#page-content{flex:1;padding:2rem 2.5rem;overflow:hidden auto}.page-header{margin-bottom:2rem}.page-eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.62rem;display:flex}.page-eyebrow:before{content:"";background:var(--accent);width:18px;height:1px;display:inline-block}.page-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--text);margin-bottom:.3rem;font-size:1.6rem;font-weight:800;line-height:1.15}.page-desc{color:var(--text-muted);max-width:600px;font-size:.85rem;line-height:1.55}.status{font-family:var(--mono);letter-spacing:.04em;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.68rem;font-weight:500;display:inline-flex}.status-E{color:var(--warn);background:#f9c84f1f;border:1px solid #f9c84f33}.status-F{color:var(--success);background:#4fd17a1a;border:1px solid #4fd17a33}.status-V{color:var(--accent);background:#4f9cf91a;border:1px solid #4f9cf933}.status-P{color:var(--accent2);background:#7c6af71a;border:1px solid #7c6af733}.status-H{color:var(--danger);background:#f94c6a14;border:1px solid #f94c6a26}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-E .status-dot{background:var(--warn)}.status-F .status-dot{background:var(--success)}.status-V .status-dot{background:var(--accent)}.status-P .status-dot{background:var(--accent2)}.status-H .status-dot{background:var(--danger)}.status-flow{flex-wrap:wrap;align-items:center;gap:0;margin:.75rem 0;display:flex}.status-flow-item{background:var(--surface2);border:1px solid var(--border);font-family:var(--sans);color:var(--text-muted);align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;display:flex}.status-flow-item:first-child{border-radius:6px 0 0 6px}.status-flow-item:last-child{border-radius:0 6px 6px 0}.status-flow-item+.status-flow-item{border-left:none}.status-flow-item.current{color:var(--accent);background:#4f9cf91a;border-color:#4f9cf94d}.status-flow-arrow{color:var(--text-dim);padding:0 .15rem;font-size:.7rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;padding:1.1rem 1.3rem;transition:border-color .2s}.card:hover{border-color:var(--border-light)}.card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-title{font-family:var(--sans);color:var(--text);font-size:.88rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;transition:all .2s}.stat-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.stat-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem;font-size:.58rem}.stat-value{font-family:var(--sans);color:var(--text);font-size:1.8rem;font-weight:800;line-height:1}.stat-card.accent .stat-value{color:var(--accent)}.stat-card.success .stat-value{color:var(--success)}.stat-card.warn .stat-value{color:var(--warn)}.stat-card.danger .stat-value{color:var(--danger)}.stat-card.purple .stat-value{color:var(--accent2)}.data-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;overflow:hidden}.data-table-header{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1.1rem;display:flex}.data-table-title{font-family:var(--sans);color:var(--text);align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.data-table-title .dt-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap;padding:.6rem .85rem;font-size:.6rem;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:.55rem .85rem;font-size:.82rem;line-height:1.45}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff04}.data-table .mono{font-family:var(--mono);font-size:.75rem}.data-table .num{text-align:right;font-family:var(--mono);font-size:.78rem}.data-table .soll{color:var(--danger)}.data-table .haben{color:var(--success)}.form-group{margin-bottom:1rem}.form-label{font-family:var(--sans);color:var(--text);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.form-label .required{color:var(--danger);margin-left:.15rem}.form-hint{font-family:var(--mono);color:var(--text-dim);margin-top:.25rem;font-size:.62rem}.form-input,.form-select,.form-textarea{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);border-radius:6px;outline:none;padding:.5rem .7rem;font-size:.8rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #4f9cf91a}.form-input.error,.form-select.error{border-color:var(--danger);box-shadow:0 0 0 2px #f94f6a1a}.form-input[readonly]{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:60px}.form-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.form-check{cursor:pointer;align-items:center;gap:.5rem;display:flex}.form-check input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.form-check-label{font-family:var(--sans);color:var(--text-muted);font-size:.78rem}.form-error{font-family:var(--mono);color:var(--danger);margin-top:.25rem;font-size:.65rem}.btn{border:1px solid var(--border);font-family:var(--sans);cursor:pointer;background:var(--surface2);color:var(--text);border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--border-light);background:var(--surface3)}.btn-primary{color:var(--accent);background:#4f9cf926;border-color:#4f9cf94d}.btn-primary:hover{background:#4f9cf940;border-color:#4f9cf980}.btn-success{color:var(--success);background:#4fd17a1f;border-color:#4fd17a40}.btn-success:hover{background:#4fd17a38;border-color:#4fd17a73}.btn-danger{color:var(--danger);background:#f94c6a1a;border-color:#f94c6a33}.btn-danger:hover{background:#f94c6a33;border-color:#f94c6a66}.btn-warn{color:var(--warn);background:#f9c84f1a;border-color:#f9c84f33}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{padding:.3rem .65rem;font-size:.72rem}.btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.alert{border-radius:8px;align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.5;display:flex}.alert-icon{flex-shrink:0;font-size:1rem}.alert-info{color:var(--text);background:#4f9cf90f;border:1px solid #4f9cf926}.alert-success{color:var(--text);background:#4fd17a0f;border:1px solid #4fd17a26}.alert-warn{color:var(--text);background:#f9c84f0f;border:1px solid #f9c84f26}.alert-danger{color:var(--text);background:#f94c6a0f;border:1px solid #f94c6a26}.summary-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1.1rem;display:flex}.summary-item{flex-direction:column;gap:.1rem;display:flex}.summary-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.55rem}.summary-value{font-family:var(--sans);font-size:1rem;font-weight:700}.summary-value.balanced{color:var(--success)}.summary-value.unbalanced,.summary-value.soll{color:var(--danger)}.summary-value.haben{color:var(--success)}.summary-spacer{flex:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;padding:1.5rem;animation:.2s slideUp}.modal-title{font-family:var(--sans);color:var(--text);margin-bottom:1rem;font-size:1.1rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-dim);padding:3rem 2rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.empty-state-text{font-family:var(--sans);color:var(--text-muted);margin-bottom:.5rem;font-size:.88rem;font-weight:600}.empty-state-hint{font-family:var(--mono);color:var(--text-dim);font-size:.7rem}.section-divider{font-family:var(--sans);color:var(--text);align-items:center;gap:.6rem;margin:1.5rem 0 .75rem;font-size:.92rem;font-weight:700;display:flex}.section-divider:after{content:"";background:var(--border);flex:1;height:1px}.buchung-input-row{border-top:1px solid var(--border);background:#4f9cf908;grid-template-columns:110px 60px 100px 120px 100px 1fr auto;align-items:end;gap:.4rem;padding:.5rem .85rem;display:grid}.buchung-input-row .form-group{margin-bottom:0}.buchung-input-row .form-label{font-size:.6rem}.buchung-input-row .form-input{padding:.35rem .5rem;font-size:.75rem}.inline-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:4px;outline:none;width:100%;padding:.3rem .45rem;font-size:.75rem;transition:border-color .12s}.inline-input:focus{border-color:var(--accent)}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.filter-chip{font-family:var(--mono);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:.3rem .65rem;font-size:.68rem;transition:all .12s}.filter-chip:hover{border-color:var(--border-light);color:var(--text)}.filter-chip.active{color:var(--accent);background:#4f9cf91a;border-color:#4f9cf94d}@media (width<=900px){#sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}#sidebar.active{transform:translate(0);box-shadow:0 0 50px #0000004d}#page-content{padding:1.25rem}.form-row-2,.form-row-3,.form-row-4{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.buchung-input-row{grid-template-columns:1fr 1fr}.action-row{flex-wrap:wrap}}.page-enter{animation:.2s fadeIn}.action-row{align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.data-table-wrap{overflow-x:auto}.action-row .spacer{flex:1}#toast-container{z-index:2000;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--surface);border:1px solid var(--border);font-family:var(--sans);color:var(--text);border-radius:8px;align-items:center;gap:.5rem;min-width:240px;padding:.65rem 1rem;font-size:.78rem;font-weight:600;animation:.25s slideIn;display:flex;box-shadow:0 8px 24px #0006}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warn{border-left:3px solid var(--warn)}.toast.info{border-left:3px solid var(--accent)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:#4f9cf90a}.info-wrap{margin-left:.5rem;display:inline-block;position:relative}.info-btn{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);width:20px;height:20px;font-size:.75rem;font-family:var(--mono);cursor:help;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.info-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.info-panel{background:var(--surface);border:1px solid var(--border);z-index:9999;width:320px;max-width:85vw;color:var(--text-muted);border-radius:6px;margin-top:.5rem;padding:1rem;font-size:.82rem;line-height:1.5;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #00000026}.info-wrap:hover .info-panel{display:block}.info-panel h4{color:var(--text);font-family:var(--display);margin:0 0 .5rem;font-size:.9rem}.info-panel ul{margin:0 0 .5rem;padding-left:1.25rem}