@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);:root{--bg:#fff;--bg2:#f7f7f6;--bg3:#efefed;--text:#111110;--text2:#605f5b;--text3:#a09f9a;--border:#00000014;--border2:#00000024;--blue:#1a5fb4;--blue-bg:#ddeaff;--blue-txt:#0d3d7a;--green:#1c9e6e;--green-bg:#d9f5eb;--green-txt:#0d5c3e;--amber:#b45309;--amber-bg:#fef3c7;--amber-txt:#7c3a09;--red:#c0392b;--red-bg:#fee2e2;--red-txt:#7f1d1d;--purple:#6d28d9;--purple-bg:#ede9fe;--purple-txt:#4c1d95;--sidebar-w:208px;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#efefed;background:var(--bg3);color:#111110;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}.app{height:100vh}.app,.sidebar{display:flex;overflow:hidden}.sidebar{background:#232c2b;border-right:1px solid #00000014;border-right:1px solid var(--border);flex-direction:column;min-width:208px;min-width:var(--sidebar-w);width:208px;width:var(--sidebar-w)}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:15px;font-weight:600;gap:10px;letter-spacing:-.3px;padding:18px 16px 16px}.logo-mark{color:#1a5fb4;color:var(--blue);font-size:18px}.logo-text{color:#fff}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0}.nav-section{color:#fff6;font-size:10px;font-weight:600;letter-spacing:.08em;padding:14px 16px 4px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-left:2px solid #0000;color:#ffffffa6;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;gap:10px;padding:9px 16px;text-align:left;transition:all .1s;width:100%}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff26;border-left-color:#fff;color:#fff;font-weight:500}.nav-icon{flex-shrink:0;font-size:14px;text-align:center;width:16px}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;gap:10px;padding:12px 14px}.sidebar-footer,.user-avatar{align-items:center;display:flex}.user-avatar{background:#ffffff26;border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;height:30px;justify-content:center;width:30px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffff73;font-size:11px}.logout-btn{background:none;border:none;border-radius:4px;color:#ffffff73;cursor:pointer;font-size:16px;padding:4px;transition:all .1s}.logout-btn:hover{background:#ff646426;color:#ff6b6b}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.login-page{align-items:center;background:#efefed;background:var(--bg3);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000000f;padding:48px 40px;text-align:center;width:380px}.login-logo{font-size:40px;margin-bottom:16px}.login-title{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:6px}.login-sub{color:#a09f9a;color:var(--text3);font-size:13px;margin-bottom:32px}.login-btn{align-items:center;background:#1a5fb4;background:var(--blue);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;gap:10px;padding:11px 24px;transition:all .15s}.login-btn:hover{background:#0d3d7a;background:var(--blue-txt)}.topbar{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:10px 20px}.topbar-title{font-size:15px;font-weight:600;letter-spacing:-.3px;margin-right:8px}.search-wrap{flex:1 1;max-width:480px;position:relative}.search-icon{color:#a09f9a;color:var(--text3);font-size:13px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#f7f7f6;background:var(--bg2);border:1px solid #00000024;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#111110;color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:7px 32px 7px 30px;transition:all .15s;width:100%}.search-input:focus{background:#fff;background:var(--bg);border-color:#1a5fb4;border-color:var(--blue);box-shadow:0 0 0 3px #1a5fb41a}.search-clear{background:none;border:none;cursor:pointer;display:none;font-size:14px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.results-bar,.search-clear{color:#a09f9a;color:var(--text3)}.results-bar{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:6px 20px}.chip,.results-bar{background:#fff;background:var(--bg)}.chip{border:1px solid #00000024;border:1px solid var(--border2);border-radius:20px;color:#605f5b;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;padding:3px 10px;transition:all .1s}.chip:hover{background:#f7f7f6;background:var(--bg2)}.chip.on{background:#ddeaff;background:var(--blue-bg);border-color:#1a5fb44d;color:#1a5fb4;color:var(--blue)}.add-btn{align-items:center;background:#1a5fb4;background:var(--blue);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:6px;margin-left:auto;padding:7px 14px;transition:all .15s}.add-btn:hover{background:#0d3d7a;background:var(--blue-txt)}.table-wrap{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-head{background:#f7f7f6;background:var(--bg2);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:grid;flex-shrink:0}.th{align-items:center;color:#a09f9a;color:var(--text3);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;gap:4px;letter-spacing:.06em;padding:9px 14px;text-transform:uppercase;transition:color .1s;-webkit-user-select:none;user-select:none;white-space:nowrap}.th:hover{color:#111110;color:var(--text)}.th.sorted{color:#1a5fb4;color:var(--blue)}.sort-icon{font-size:9px;opacity:.5}.th.sorted .sort-icon{opacity:1}.table-body{flex:1 1;overflow-y:auto}.table-row{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);cursor:pointer;display:grid;transition:background .08s}.table-row:hover{background:#f7f7f6;background:var(--bg2)}.td{font-size:13px;overflow:hidden;padding:10px 14px}.td-main{color:#111110;color:var(--text);font-weight:500}.td-main,.td-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-sub{margin-top:2px}.td-mono,.td-sub{color:#605f5b;color:var(--text2);font-size:11px}.td-mono{font-family:DM Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-center{text-align:center}.badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:500;padding:2px 8px}.b-blue{background:#ddeaff;background:var(--blue-bg);color:#0d3d7a;color:var(--blue-txt)}.b-green{background:#d9f5eb;background:var(--green-bg);color:#0d5c3e;color:var(--green-txt)}.b-amber{background:#fef3c7;background:var(--amber-bg);color:#7c3a09;color:var(--amber-txt)}.b-red{background:#fee2e2;background:var(--red-bg);color:#7f1d1d;color:var(--red-txt)}.b-purple{background:#ede9fe;background:var(--purple-bg);color:#4c1d95;color:var(--purple-txt)}.b-gray{background:#efefed;background:var(--bg3)}.b-gray,.more-btn{color:#605f5b;color:var(--text2)}.more-btn{background:#fff;background:var(--bg);border:1px solid #00000024;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;margin-right:8px;padding:5px 10px;transition:all .1s;white-space:nowrap}.more-btn:hover{background:#ddeaff;background:var(--blue-bg);border-color:#1a5fb44d;color:#1a5fb4;color:var(--blue)}.empty-state{color:#a09f9a;color:var(--text3);font-size:13px;padding:48px;text-align:center}.detail-panel{background:#fff;background:var(--bg);border-left:1px solid #00000014;border-left:1px solid var(--border);box-shadow:-8px 0 32px #0000000f;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .2s ease;width:380px;z-index:30}.detail-panel.open{transform:translateX(0)}.detail-head{align-items:flex-start;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:16px 18px}.detail-head-title{color:#111110;color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.detail-head-sub{font-family:DM Mono,monospace;font-size:12px;margin-top:3px}.detail-close,.detail-head-sub{color:#a09f9a;color:var(--text3)}.detail-close{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;padding:0}.detail-body{flex:1 1;overflow-y:auto;padding:16px 18px}.detail-section{margin-bottom:20px}.detail-section-title{color:#a09f9a;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.detail-field{align-items:flex-start;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:7px 0}.detail-field:last-child{border-bottom:none}.detail-field-label{color:#605f5b;color:var(--text2);flex-shrink:0;font-size:12px;margin-right:12px}.detail-field-value{color:#111110;color:var(--text);font-size:12px;max-width:230px;text-align:right;word-break:break-all}.detail-field-mono{background:#f7f7f6;background:var(--bg2);border-radius:4px;font-family:DM Mono,monospace;font-size:11px;padding:2px 6px}.detail-actions{border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:14px 18px}.detail-action-btn{background:#fff;background:var(--bg);border:1px solid #00000024;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#111110;color:var(--text);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:9px;transition:all .1s}.detail-action-btn:hover{background:#f7f7f6;background:var(--bg2)}.detail-action-btn.primary{background:#1a5fb4;background:var(--blue);border-color:#1a5fb4;border-color:var(--blue);color:#fff}.detail-action-btn.primary:hover{background:#0d3d7a;background:var(--blue-txt)}.detail-action-btn.danger{background:#fee2e2;background:var(--red-bg);border-color:#fee2e2;border-color:var(--red-bg);color:#7f1d1d;color:var(--red-txt)}.detail-action-btn.danger:hover{background:#fecaca}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background:#fff;background:var(--bg);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;width:520px}.modal-head{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 20px}.modal-title{font-size:15px;font-weight:600}.modal-close{background:none;border:none;color:#a09f9a;color:var(--text3);cursor:pointer;font-size:20px}.modal-body{grid-gap:14px;display:grid;flex:1 1;gap:14px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.wide{grid-column:1/-1}.form-label{color:#605f5b;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-input{background:#fff;background:var(--bg);border:1px solid #00000024;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#111110;color:var(--text);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:8px 10px;transition:all .15s}.form-input:focus{border-color:#1a5fb4;border-color:var(--blue);box-shadow:0 0 0 3px #1a5fb41a}.modal-footer{border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.btn-cancel{background:#fff;background:var(--bg);border:1px solid #00000024;border:1px solid var(--border2);border-radius:8px;border-radius:var(--radius);color:#605f5b;color:var(--text2)}.btn-cancel,.btn-save{cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;padding:8px 18px}.btn-save{background:#1a5fb4;background:var(--blue);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;font-weight:500;transition:all .15s}.btn-save:hover{background:#0d3d7a;background:var(--blue-txt)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.confirm-modal{width:360px}.confirm-body{padding:20px}.confirm-msg{color:#605f5b;color:var(--text2);font-size:14px;line-height:1.6}.confirm-name{color:#111110;color:var(--text);font-weight:600}.confirm-footer{border-top:1px solid #00000014;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.btn-delete{background:#c0392b;background:var(--red);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:8px 18px}.loading-state{align-items:center;color:#a09f9a;color:var(--text3);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.spinner{animation:spin .7s linear infinite;border:2px solid #00000024;border-top-color:#1a5fb4;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--blue);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{background:#fee2e2;background:var(--red-bg);border-radius:12px;border-radius:var(--radius-lg);color:#7f1d1d;color:var(--red-txt);margin:20px;padding:32px;text-align:center}mark{background:#fef9c3;border-radius:2px;padding:0 1px}.dashboard{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.dash-topbar{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.dash-topbar-title{font-size:15px;font-weight:600}.dash-topbar-sub{color:#a09f9a;color:var(--text3);font-size:12px}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.kpi-card{background:#fff;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);border-top:3px solid #0000;padding:16px 18px}.kpi-card.blue{border-top-color:#1a5fb4;border-top-color:var(--blue)}.kpi-card.green{border-top-color:#1c9e6e;border-top-color:var(--green)}.kpi-card.amber{border-top-color:#b45309;border-top-color:var(--amber)}.kpi-card.purple{border-top-color:#6d28d9;border-top-color:var(--purple)}.kpi-label{color:#a09f9a;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.07em;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#111110;color:var(--text);font-size:26px;font-weight:600;letter-spacing:-.5px;line-height:1}.kpi-sub{color:#a09f9a;color:var(--text3);font-size:11px;margin-top:5px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;background:var(--bg);border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:18px}.chart-card.wide{grid-column:1/-1}.chart-title{color:#111110;color:var(--text);font-size:13px;font-weight:600;margin-bottom:3px}.chart-sub{color:#a09f9a;color:var(--text3);font-size:11px;margin-bottom:16px}.donut-wrap{align-items:center;display:flex;gap:24px}.donut-legend{display:flex;flex:1 1;flex-direction:column;gap:9px}.legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.legend-label{color:#605f5b;color:var(--text2);flex:1 1}.legend-val{color:#111110;color:var(--text);font-weight:600}.legend-pct{color:#a09f9a;color:var(--text3);font-size:10px;text-align:right;width:30px}.goal-row{align-items:center;display:flex;gap:10px;margin-bottom:11px}.goal-label{color:#605f5b;color:var(--text2);flex-shrink:0;font-size:12px;width:130px}.goal-bar-wrap{background:#efefed;background:var(--bg3);border-radius:20px;flex:1 1;height:8px;overflow:hidden}.goal-bar{border-radius:20px;height:100%;transition:width .6s ease}.goal-nums{color:#111110;color:var(--text);flex-shrink:0;font-size:12px;font-weight:500;text-align:right;width:80px}.verlauf-chart{align-items:flex-end;display:flex;gap:12px;height:130px}.vb-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.vb-bars{align-items:flex-end;display:flex;gap:3px;height:110px}.vb-bar{border-radius:3px 3px 0 0;transition:height .4s ease;width:24px}.vb-label{color:#a09f9a;color:var(--text3);font-size:10px;line-height:1.2;text-align:center}.verlauf-legend{display:flex;gap:16px;margin-top:12px}.vl-item{align-items:center;color:#605f5b;color:var(--text2);display:flex;font-size:11px;gap:6px}.vl-dot{border-radius:2px;height:10px;width:10px}.umsatz-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.umsatz-label{color:#605f5b;color:var(--text2);flex-shrink:0;font-size:12px;width:130px}.umsatz-bar-wrap{background:#efefed;background:var(--bg3);border-radius:20px;flex:1 1;height:8px;overflow:hidden}.umsatz-bar{border-radius:20px;height:100%}.umsatz-val{font-size:12px;font-weight:500;width:90px}.umsatz-pct,.umsatz-val{flex-shrink:0;text-align:right}.umsatz-pct{color:#a09f9a;color:var(--text3);font-size:10px;width:32px}.relative{position:relative}.sidebar-logo-img{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:center;padding:14px 16px 12px;width:100%}.sidebar-logo-img img{filter:brightness(0) invert(1);height:auto;opacity:.92;width:130px}.amba-logo-text{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;line-height:1;width:100%}.amba-logo-amba{color:#fff;font-size:22px;letter-spacing:.25em}.amba-logo-amba,.amba-logo-ops{font-family:DM Sans,sans-serif;font-weight:300;text-align:center}.amba-logo-ops{border-top:1px solid #c8b4d266;color:#ffffffa6;font-size:11px;letter-spacing:.08em;margin-top:4px;padding-top:3px;width:100%}
/*# sourceMappingURL=main.511768b5.css.map*/