*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#1a1a2e;font-size:14px}#root{min-height:100vh}.app{max-width:1400px;margin:0 auto}.navbar{background:#1a1a2e;display:flex;align-items:stretch;padding:0 24px;gap:0;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px #0000002e}.navbar-brand{display:flex;align-items:center;gap:10px;padding:0 20px 0 0;margin-right:8px;border-right:1px solid rgba(255,255,255,.1);color:#fff;white-space:nowrap}.navbar-brand h1{font-size:15px;font-weight:700;letter-spacing:.3px}.navbar-brand span{font-size:11px;color:#8892b0}.nav-items{display:flex;align-items:stretch;gap:0}.nav-item{display:flex;align-items:center;gap:7px;padding:0 18px;min-height:52px;border:none;background:none;color:#9ba8bf;font-size:13.5px;font-weight:500;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f6;border-radius:3px 3px 0 0}.nav-icon{font-size:16px}.subnav{display:flex;align-items:center;gap:4px;padding:8px 24px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.subnav-tab{padding:5px 14px;border:1px solid #e5e7eb;border-radius:20px;background:none;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.subnav-tab:hover{background:#f3f4f6;color:#374151}.subnav-tab.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.subnav-btn-new{margin-left:auto;padding:5px 14px;border-radius:20px;border:none;background:#059669;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.subnav-btn-new:hover{background:#047857}.page{padding:20px 24px}.tab{padding:8px 20px;border:none;background:#dde1e9;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .15s}.tab.active{background:#1a1a2e;color:#fff}.tab:hover:not(.active){background:#ccd0da}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.toolbar select,.toolbar input{padding:7px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;outline:none}.toolbar select:focus,.toolbar input:focus{border-color:#1a1a2e}.toolbar input{flex:1;min-width:200px}.table-wrap{overflow-x:auto}.table-wrap-scroll>table{width:max-content;min-width:100%}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#f8f9fa;padding:10px 12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e9ecef;white-space:nowrap}tbody tr:hover{background:#f8f9fa}td{padding:9px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top}.amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.konto{font-size:12px}.konto-nr{font-weight:600;color:#1a1a2e}.konto-name{color:#666}.total-row{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:2px solid #e9ecef;font-weight:600}.total-row span{color:#555;font-size:13px}.total-row strong{font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}label{font-weight:500;font-size:13px;color:#444}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:#1a1a2e}.konto-select-wrap{position:relative}.konto-dropdown{position:absolute;z-index:100;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.konto-option{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f0f0f0;display:flex;gap:8px}.konto-option:hover{background:#f0f2f5}.konto-option:last-child{border-bottom:none}.konto-option .nr{font-weight:600;color:#1a1a2e;min-width:45px}btn{font-family:inherit}.btn-primary{padding:10px 28px;background:#1a1a2e;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:#2d2d4e}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.form-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.btn-action{padding:7px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action.green{background:#d1fae5;color:#065f46}.btn-action.green:hover:not(:disabled){background:#a7f3d0}.btn-action.red{background:#fee2e2;color:#991b1b}.btn-action.red:hover:not(:disabled){background:#fecaca}.btn-action.gray{background:#f3f4f6;color:#374151}.btn-action.gray:hover:not(:disabled){background:#e5e7eb}.btn-action.blue{background:#dbeafe;color:#1e40af}.btn-action.blue:hover:not(:disabled){background:#bfdbfe}.toast{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500}.toast.success{background:#d1fae5;color:#065f46}.toast.error{background:#fee2e2;color:#991b1b}.loading{color:#888;padding:20px;text-align:center}.empty{color:#888;padding:20px;text-align:center;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:10px;padding:28px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0003}.modal h2{font-size:16px;font-weight:700;margin-bottom:20px}