:root{--accent: #F04E23;--primary: #1E1E32;--blue: #2F6FDE;--indigo: #4B45D6;--indigo-light: #C9C7F0;--coral: #F4726B;--bg: #F7F7F8;--card: #FFFFFF;--border: #E5E7EB;--text: #1A1A2E;--text-2: #6B7280;--green-bg: #D9F0E5;--green-tx: #1F7A57;--yellow-bg: #FBEEC8;--yellow-tx: #8A6D1D;--red-bg: #FBE0E0;--red-tx: #B0343C;--gray-bg: #EEEFF1;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.layout{display:flex;height:100vh}.sidebar{width:222px;min-width:222px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px 12px;overflow-y:auto}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.content{padding:24px 32px 60px;max-width:1240px;width:100%;margin:0 auto}.logo{display:flex;align-items:center;gap:8px;padding:2px 8px 14px}.logo-icon{width:28px;height:28px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}.logo-text{color:var(--accent);font-weight:700;font-size:17px;letter-spacing:-.3px}.searchbox{display:flex;align-items:center;gap:8px;background:var(--gray-bg);border-radius:9px;padding:7px 10px;color:var(--text-2);cursor:pointer;margin:0 4px 14px;border:none;width:calc(100% - 8px);font-size:13px}.searchbox kbd{margin-left:auto;font-family:inherit;font-size:11px;color:#9ca3af}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:#f3f4f6;text-decoration:none}.nav-item.active{font-weight:600}.nav-item svg{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}.nav-section{font-size:10.5px;letter-spacing:1.2px;color:#9ca3af;font-weight:600;padding:16px 10px 6px}.nav-sub{margin-left:19px;border-left:1px solid var(--border);padding-left:0}.nav-sub .nav-item{padding:6px 10px 6px 12px;font-size:13.5px;color:var(--text-2);position:relative;border-radius:0 8px 8px 0}.nav-sub .nav-item.active{color:var(--text);font-weight:600}.nav-sub .nav-item.active:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:2px}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.avatar-row{display:flex;align-items:center;gap:9px;padding:8px 10px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:650;letter-spacing:-.4px;margin:0}.page-sub{color:var(--text-2);margin-top:4px;font-size:13.5px}.head-actions{display:flex;gap:10px;align-items:center}.btn{border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:550;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);display:inline-flex;align-items:center;gap:7px}.btn:hover{background:#f9fafb}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#2c2c4a}.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}.btn.blue:hover{background:#2a63c6}.btn.danger{color:var(--red-tx)}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:5px 10px;font-size:12.5px}.icon-btn{border:none;background:none;cursor:pointer;padding:5px;border-radius:6px;color:var(--text-2);display:inline-flex}.icon-btn:hover{background:#f3f4f6;color:var(--text)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.card-pad{padding:20px}.card-title{font-weight:600;font-size:15px;margin:0 0 14px}.card-footer{border-top:1px solid var(--border);padding:12px 20px;font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-tile{background:#f4f4f0;border-radius:8px;padding:12px 16px}.stat-label{font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:6px}.stat-value{font-size:19px;font-weight:650;margin-top:2px}.big-number{font-size:30px;font-weight:700;letter-spacing:-.5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.pill-tabs{display:flex;gap:6px;flex-wrap:wrap}.pill-tab{border:1px solid transparent;background:none;border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--text-2);font-weight:500}.pill-tab:hover{background:#f3f4f6}.pill-tab.active{background:var(--gray-bg);color:var(--text);border-color:var(--indigo);font-weight:600}.line-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border)}.line-tab{border:none;background:none;padding:10px 2px 11px;font-size:14px;cursor:pointer;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.line-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.table-wrap{overflow-x:auto}table.md{width:100%;border-collapse:collapse;font-size:13.5px}table.md th{text-align:left;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600;padding:9px 12px;white-space:nowrap}table.md th:first-child{border-radius:8px 0 0 8px}table.md th:last-child{border-radius:0 8px 8px 0}table.md td{padding:11px 12px;border-bottom:1px solid #F1F2F4;vertical-align:middle}table.md tbody tr{cursor:pointer}table.md tbody tr:hover{background:#fafafb}table.md .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{opacity:0;display:flex;gap:4px;justify-content:flex-end}tr:hover .row-actions{opacity:1}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px;color:var(--text-2);font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.gruen{background:var(--green-bg);color:var(--green-tx)}.chip.gelb{background:var(--yellow-bg);color:var(--yellow-tx)}.chip.rot{background:var(--red-bg);color:var(--red-tx)}.chip.grau{background:var(--gray-bg);color:var(--text-2)}.chip.blau{background:#e4e4fb;color:#3f3a9e}.tag{background:var(--gray-bg);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:12px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:550;color:var(--text-2)}.field label .req{color:var(--accent)}input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--text);border:1px solid #D9D9DE;border-radius:8px;padding:8px 11px;background:#fff;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px #4b45d61f}textarea{resize:vertical;min-height:80px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.seg{display:inline-flex;background:var(--gray-bg);border-radius:8px;padding:3px}.seg button{border:none;background:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;color:var(--text-2);font-weight:550}.seg button.active{background:#fff;color:var(--text);box-shadow:0 1px 2px #00000014}.toggle{position:relative;width:40px;height:23px;border-radius:999px;background:#c9ccd1;border:none;cursor:pointer;transition:background .15s;flex-shrink:0}.toggle.on{background:var(--blue)}.toggle:after{content:"";position:absolute;top:2.5px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.toggle.on:after{left:19px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #F1F2F4}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14142373;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px}.modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal.lg{max-width:860px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 0}.modal-head h3{margin:0;font-size:17px}.modal-body{padding:18px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 20px}.empty{text-align:center;padding:60px 20px;color:var(--text-2)}.empty h3{color:var(--text);font-size:17px;margin:14px 0 6px}.empty .emoji{font-size:38px}.checklist{list-style:none;padding:0;margin:14px auto 22px;max-width:380px;text-align:left}.checklist li{display:flex;gap:9px;padding:5px 0;color:var(--text);font-size:13.5px}.checklist li:before{content:"✓";color:#14b8a6;font-weight:700}.palette{max-width:620px;margin-top:40px}.palette input{border:none;box-shadow:none;font-size:15px;padding:16px 20px;border-bottom:1px solid var(--border);border-radius:14px 14px 0 0}.palette input:focus{box-shadow:none;border-color:var(--border)}.palette-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer}.palette-item:hover,.palette-item.sel{background:#f5f5fa}.palette-item .sub{color:var(--text-2);font-size:12.5px}.palette-foot{padding:10px 20px;border-top:1px solid var(--border);color:#9ca3af;font-size:12px;display:flex;gap:16px}.banner{border-radius:10px;padding:14px 18px;font-size:13.5px;display:flex;align-items:center;gap:10px}.banner.lila{background:#e9e7fb;color:#3f3a9e}.banner.blau{background:#e8f1fa;color:#1e4e79}.banner.gelb{background:#fef6e0;color:#8a6d1d}.banner.rot{background:#fbe5e7;color:#b0343c}.muted{color:var(--text-2)}.small{font-size:12.5px}.bold{font-weight:600}.mono{font-variant-numeric:tabular-nums}.pos-amount{color:#0f8a6d}.neg-amount{color:#c0334a}.flex{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.mt{margin-top:18px}.mb{margin-bottom:18px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.dropzone{border:2px dashed #D1D5DB;border-radius:12px;background:#f4f4ef;padding:40px 20px;text-align:center;color:var(--text-2)}.dropzone.drag{border-color:var(--indigo);background:#eeedfb}.progress-track{height:10px;border-radius:999px;background:var(--indigo-light);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--indigo)}.gauge-wrap{display:flex;flex-direction:column;align-items:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:400px}.error-text{color:var(--red-tx);font-size:13px;margin-top:8px}.ok-text{color:var(--green-tx);font-size:13px;margin-top:8px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.quick-action{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;align-items:center;gap:11px;cursor:pointer;font-size:13.5px;font-weight:550;color:var(--text)}.quick-action:hover{border-color:#c7c9ce;text-decoration:none}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.settings-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}.settings-nav{position:sticky;top:20px}.settings-nav .nav-item{position:relative}.settings-nav .nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--blue);border-radius:2px}.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cat-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;position:relative}.cat-card:hover{background:#f6f8f6}.cat-card.sel{border-color:var(--indigo);background:#f2f1fc}.cat-card .acct{color:var(--text-2);font-size:12px}.cat-card .desc{color:var(--text-2);font-size:12px;margin-top:4px}.cat-fav{position:absolute;top:8px;right:10px;cursor:pointer;color:#d1d5db;font-size:15px}.cat-fav.on{color:#f5b84c}.cat-layout{display:grid;grid-template-columns:210px 1fr;gap:16px}.pos-table th{font-size:11.5px}.pos-table input,.pos-table select{padding:6px 8px;font-size:13px}.file-preview{background:#f1f2f4;border-radius:10px;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-preview iframe,.file-preview img{width:100%;height:620px;border:none;object-fit:contain;background:#fff}@media (max-width: 1000px){.grid-2,.dash-grid,.form-row,.form-row-3,.quick-actions,.cat-grid,.settings-layout,.cat-layout{grid-template-columns:1fr}.content{padding:16px}}