*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#a00020;--dark:#2a2a2a;--sw:230px;--font:"Fira Sans Condensed", sans-serif}html,body{height:100%}#root{height:100%;font-family:var(--font);background:#f4f4f4;font-weight:300}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.tag{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.tag-inhouse{color:#0f6e56;background:#e1f5ee}.tag-angebot{color:#854f0b;background:#faeeda}.tag-allgemein{color:#5f5e5a;background:#f1efe8}.tag-upsell{color:#185fa5;background:#e6f1fb}.tag-offen{color:#854f0b;background:#faeeda}.tag-bearbeitung{color:#185fa5;background:#e6f1fb}.tag-konvert{color:#3b6d11;background:#eaf3de}.tag-abgesagt{color:#a32d2d;background:#fcebeb}.tag-geplant{color:#185fa5;background:#e6f1fb}.tag-bestaetigt{color:#3b6d11;background:#eaf3de}.tag-ausstehend{color:#854f0b;background:#faeeda}.tag-online{color:#185fa5;background:#e6f1fb}.tag-praesenz{color:#3b6d11;background:#eaf3de}.tag-hybrid{color:#6b3fa0;background:#f3ebf9}.tag-aktiv{color:#3b6d11;background:#eaf3de}.tag-neu{color:#185fa5;background:#e6f1fb}.tag-anfrage{color:#854f0b;background:#faeeda}.tag-geschaeft{color:#0f6e56;background:#e1f5ee}.tag-privat{color:#5f5e5a;background:#f1efe8}.tag-gabelstapler{color:#0f6e56;background:#e1f5ee}.tag-jahresunterweisung{color:#854f0b;background:#faeeda}.tag-arbeitssicherheit,.tag-flurfoerder{color:#5f5e5a;background:#f1efe8}.btn-primary{background:var(--red);color:#fff;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;border:none;border-radius:5px;padding:8px 18px;transition:background .15s}.btn-primary:hover{background:#8a001b}.btn-secondary{color:var(--dark);font-size:13px;font-family:var(--font);cursor:pointer;background:#fff;border:.5px solid #ccc;border-radius:5px;padding:8px 16px;transition:background .15s}.btn-secondary:hover{background:#f5f5f5}.btn-outline-red{color:var(--red);border:1px solid var(--red);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;border-radius:5px;padding:8px 18px;transition:all .15s}.btn-outline-red:hover{background:var(--red);color:#fff}.form-input{width:100%;font-size:12px;font-family:var(--font);color:var(--dark);background:#fff;border:.5px solid #ccc;border-radius:5px;padding:8px 10px}.form-input:focus{border-color:var(--red);outline:none}.card{background:#fff;border:.5px solid #e0e0e0;border-radius:8px;padding:16px}.card-title{color:var(--dark);border-bottom:.5px solid #eee;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:500;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:#fff;border:.5px solid #e0e0e0;border-radius:8px;padding:14px 16px}.kpi-label{color:#999;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:10px}.kpi-value{color:var(--dark);font-size:26px;font-weight:500;line-height:1}.kpi-sub{color:#aaa;margin-top:4px;font-size:11px}.kpi-red{color:var(--red)}.data-table{border-collapse:collapse;background:#fff;border:.5px solid #e0e0e0;border-radius:8px;width:100%;font-size:12px;overflow:hidden}.data-table th{text-align:left;color:#888;letter-spacing:.05em;text-transform:uppercase;background:#f8f8f8;border-bottom:.5px solid #e0e0e0;padding:10px 14px;font-size:11px;font-weight:500}.data-table td{color:var(--dark);border-bottom:.5px solid #f0f0f0;padding:10px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{cursor:pointer;background:#fafafa}.filter-bar{align-items:center;gap:10px;margin-bottom:16px;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}