:root{--primary-color:#667eea;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-dark:#764ba2;--secondary-color:#f5f5f5;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#00000014;--border-color-strong:#0000001f;--background-light:#fafafa;--background-white:#fff;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 2px 8px #0000000f,0 4px 16px #0000000a;--shadow-lg:0 4px 12px #00000014,0 8px 24px #0000000f;--shadow-xl:0 8px 32px #0000001f,0 4px 16px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}.Modal-Overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.Modal-Content{animation:modalSlideIn .3s ease-out;background:#fff;background:var(--background-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 0 0 1px #00000014;box-shadow:var(--shadow-xl),0 0 0 1px var(--border-color);max-height:90vh;max-width:95vw;overflow-y:auto;position:relative;width:100%}.Modal-Header{align-items:center;background:#fafafa;background:var(--background-light);border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.Modal-Header h2{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.Modal-Close{background:#0000;border-radius:8px;border-radius:var(--radius-sm);color:#666;color:var(--text-secondary);font-size:1.5rem;transition:all .2s ease}.Modal-Close:hover{background:#f5f5f5;background:var(--secondary-color);color:#333;color:var(--text-primary);transform:rotate(90deg)}.Modal-Actions{background:#fafafa;background:var(--background-light);border-radius:0 0 16px 16px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #00000014}.Button-Danger,.Button-Primary,.Button-Secondary,.Button-Success,.btn-danger,.btn-primary,.btn-secondary,.btn-success,button:not([class*=Icon]):not([class*=Close]):not([class*=Dropdown]){align-items:center;border:1px solid #0000001f;border-radius:10px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease}.Button-Primary,.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:1px solid #0000001f;color:#fff}.Button-Primary:hover,.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#653d91);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Button-Primary:active,.btn-primary:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Button-Secondary,.btn-secondary{background:#fff;background:var(--background-white);border:1px solid #0000001f;color:#333;color:var(--text-primary)}.Button-Secondary:hover,.btn-secondary:hover{background:#fafafa;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Button-Secondary:active,.btn-secondary:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Button-Danger,.btn-danger{background:#f44;border:1px solid #0000001f;color:#fff}.Button-Danger:hover,.btn-danger:hover{background:#c00;border-color:#0000001f;box-shadow:0 4px 12px #ff444426,0 2px 6px #0000001a;transform:translateY(-1px)}.Button-Danger:active,.btn-danger:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Button-Success,.btn-success{background:#28a745;border:1px solid #0000001f;color:#fff}.Button-Success:hover,.btn-success:hover{background:#218838;border-color:#0000001f;box-shadow:0 4px 12px #28a74526,0 2px 6px #0000001a;transform:translateY(-1px)}.Button-Success:active,.btn-success:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background:#fafafa;background:var(--background-light);border:1.5px solid #00000014;border:1.5px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000000a;color:#333;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.7rem 1rem;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{background:#fff;background:var(--background-white);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,inset 0 1px 3px #0000000a;outline:none}textarea{min-height:100px;resize:vertical}label{color:#666;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.Form-Group{margin-bottom:1.25rem}.Form-Group input,.Form-Group select,.Form-Group textarea{margin-top:.25rem}.Card,.Section-Card{background:#fff;background:var(--background-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000014;box-shadow:var(--shadow-md),0 0 0 1px var(--border-color);padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease}.Card:hover,.Section-Card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f,0 0 0 1px #0000001f;box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color-strong)}.Details-Section{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.Details-Section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.Details-Section-Title{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color);color:#667eea;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.Details-Grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.Details-Item{display:flex;flex-direction:column;gap:.25rem}.Details-Item-Full{grid-column:1/-1}.Details-Item label{color:#666;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.Details-Value{color:#333;color:var(--text-primary);font-size:.9rem;font-weight:500}.Details-Value-Highlight{color:#667eea;color:var(--primary-color);font-family:monospace;font-size:1rem;font-weight:700}.Details-Value-Sub{color:#666;color:var(--text-secondary);font-size:.85rem;margin-top:.2rem}.Details-Value-Monospace{font-family:monospace;font-size:.85rem}.Details-Value-Text{background:#fafafa;background:var(--background-light);border-left:3px solid #667eea;border-left:3px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.5;padding:.75rem;white-space:pre-wrap}.Status-Badge{border-radius:var(--radius-md);padding:.4rem .9rem;transition:all .2s ease}table{background:#fff;background:var(--background-white);border-collapse:collapse;border-radius:8px;border-radius:var(--radius-sm);font-size:.9rem;overflow:hidden;width:100%}th{background:#fafafa;background:var(--background-light);border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{color:#333;color:var(--text-primary);padding:.75rem}td{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border-color)}tr:hover{background-color:#fafafa;background-color:var(--background-light)}tr:last-child td{border-bottom:none}.Page-Container,.Uebersicht-Container{background:#fff;background:var(--background-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000014;box-shadow:var(--shadow-md),0 0 0 1px var(--border-color);padding:1.5rem}.Uebersicht-Header{border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.Uebersicht-Header h2{color:var(--text-primary);font-size:1.5rem}.Uebersicht-Info{color:var(--text-secondary);font-size:.85rem}.Search-Field,.Uebersicht-Suchfeld{background:#fafafa;background:var(--background-light);border:1.5px solid #00000014;border:1.5px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0000000a;font-size:.9rem;padding:.7rem 1rem;transition:all .3s ease;width:100%}.Search-Field:focus,.Uebersicht-Suchfeld:focus{background:#fff;background:var(--background-white);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a,inset 0 1px 3px #0000000a;outline:none}@media (max-width:1024px){.Modal-Content{max-width:90vw}.Details-Grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.Modal-Overlay{align-items:flex-end;padding:.5rem}.Modal-Content{border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;max-width:100%;width:100%}.Modal-Header{background:#fff;background:var(--background-white);border-bottom:2px solid #00000014;border-bottom:2px solid var(--border-color);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Modal-Header h2{font-size:1.2rem}.Modal-Actions{flex-direction:column;gap:.75rem;padding:1rem}.Modal-Actions button{width:100%}.Details-Grid{gap:1rem;grid-template-columns:1fr}.Page-Container,.Uebersicht-Container{padding:1rem}}@media (max-width:480px){.Modal-Header{padding:.875rem}.Modal-Header h2{font-size:1.1rem}.Details-Section{margin-bottom:1.5rem;padding-bottom:1rem}.Details-Section-Title{font-size:1.1rem;margin-bottom:1rem}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;line-height:1.5;margin:0}body,html{overflow-x:hidden;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.App-Body{align-items:flex-start;display:flex;flex:1 1;min-height:calc(100vh - 70px)}.App-main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative;width:100%}.App-content{display:flex;flex-direction:column;gap:1rem}.Seiten-Inhalt{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;padding:1.5rem;transition:box-shadow .3s ease,transform .3s ease}.Seiten-Inhalt:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f,0 0 0 1px #0000000a}.Seiten-Inhalt h2{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:.6rem}.Seiten-Inhalt p{color:#666;font-size:.85rem;line-height:1.5}@media (max-width:1024px){.App-main,.Seiten-Inhalt{padding:.85rem}.Seiten-Inhalt h2{font-size:1.2rem}}@media (max-width:768px){.App-Body{flex-direction:column}.App-main{max-width:100%;padding:.75rem}.App-content{gap:.75rem}.Seiten-Inhalt{border-radius:8px;padding:.75rem}.Seiten-Inhalt h2{font-size:1.15rem;margin-bottom:.5rem}.Seiten-Inhalt p{font-size:.85rem}}@media (max-width:480px){.App-main,.Seiten-Inhalt{padding:.5rem}.Seiten-Inhalt h2{font-size:1rem}}.App-Header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014,inset 0 1px 0 #ffffff1a;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.Header-Datum-Uhrzeit{align-items:center;background:#00000026;border-bottom:1px solid #ffffff1a;display:flex;font-size:.75rem;gap:1rem;justify-content:flex-end;padding:.35rem 1.25rem}.Header-Datum{color:#ffffffe6;font-weight:500}.Header-Uhrzeit{color:#fff;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;letter-spacing:.3px}.Header-Container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.6rem 1.25rem}.Header-Title{font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.Header-Logo-Container{align-items:center;display:flex;height:42px;max-width:160px}.Header-Logo{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.Header-Actions{gap:1rem}.Header-Actions,.Logout-Button{align-items:center;display:flex}.Logout-Button{background:#ffffff26;border:2px solid #ffffff40;border-radius:12px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.Logout-Button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-1px)}.Logout-Icon{color:#fff;height:18px;width:18px}.Header-Actions-Group{position:relative}.Erstellen-Icon-Button{align-items:center;background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;display:flex;height:42px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:42px;z-index:1001}.Erstellen-Icon-Button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02);z-index:1002}.Erstellen-Icon{color:#fff;height:20px;width:20px}.Erstellen-Dropdown{animation:slideDown .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 0 0 1px #0000000a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1002}.Erstellen-Option{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.6rem;padding:.7rem 1rem;position:relative;text-align:left;transition:background .2s;width:100%;z-index:1003}.Erstellen-Option:hover{background:#f5f5f5;z-index:1004}.Erstellen-Option:first-child{border-radius:12px 12px 0 0}.Erstellen-Option:last-child{border-radius:0 0 12px 12px}.Erstellen-Icon-Small{font-size:1.25rem;width:24px}.Erstellen-Icon-Small,.Warenkorb-Icon-Button{align-items:center;display:flex;justify-content:center}.Warenkorb-Icon-Button{background:#ffffff26;border:2px solid #ffffff40;border-radius:50%;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff3;cursor:pointer;height:42px;padding:0;position:relative;transition:all .3s ease;width:42px;z-index:1001}.Warenkorb-Icon-Button:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.02);z-index:1002}.Warenkorb-Icon{color:#fff;height:20px;width:20px}.Warenkorb-Badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:22px;justify-content:center;position:absolute;right:-5px;top:-5px;width:22px}.Warenkorb-Dropdown{animation:slideDown .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 0 0 1px #0000000a;display:flex;flex-direction:column;max-height:600px;max-width:500px;min-width:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1001}.Warenkorb-Dropdown-Header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem}.Warenkorb-Dropdown-Header h3{color:#333;font-size:1rem;margin:0}.Warenkorb-Leeren-Button{align-items:center;background:#f44;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease}.Warenkorb-Leeren-Button:hover{background:#c00;border-color:#0000001f;box-shadow:0 4px 12px #ff444426,0 2px 6px #0000001a;transform:translateY(-1px)}.Warenkorb-Leeren-Button:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Warenkorb-Leer{color:#666;padding:3rem 2rem;text-align:center}.Warenkorb-Artikel-Liste{max-height:400px;overflow-y:auto;padding:.5rem 0}.Warenkorb-Artikel{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .2s}.Warenkorb-Artikel:hover{background:#f8f9fa}.Warenkorb-Artikel:last-child{border-bottom:none}.Warenkorb-Artikel-Info{flex:1 1}.Warenkorb-Artikel-Name{color:#333;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.Warenkorb-Artikel-Details{color:#666;display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.Warenkorb-Artikel-Nummer{font-family:monospace}.Warenkorb-Artikel-Preis{color:#667eea;font-size:1rem;font-weight:600}.Warenkorb-Artikel-Entfernen{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;margin-left:1rem;transition:all .2s;width:30px}.Warenkorb-Artikel-Entfernen:hover{background:#fee;color:#c33}.Warenkorb-Footer{background:#f8f9fa;border-top:2px solid #e0e0e0;padding:1rem}.Warenkorb-Gesamtpreis{color:#333;font-size:1rem;margin-bottom:.75rem;text-align:center}.Warenkorb-Bestellen-Button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea4d,0 1px 4px #667eea33,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease;width:100%}.Warenkorb-Bestellen-Button:hover{box-shadow:0 4px 16px #667eea66,0 2px 8px #667eea4d,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.Warenkorb-Bestellen-Button:active{box-shadow:0 2px 8px #667eea4d,inset 0 1px 0 #fff3;transform:translateY(0)}.Warenkorb-Artikel-Liste::-webkit-scrollbar{width:8px}.Warenkorb-Artikel-Liste::-webkit-scrollbar-track{background:#f1f1f1}.Warenkorb-Artikel-Liste::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.Warenkorb-Artikel-Liste::-webkit-scrollbar-thumb:hover{background:#555}.Header-Suchfeld-Container{flex:1 1;margin:0 1rem;max-width:500px;position:relative;z-index:1001}.Header-Suchfeld{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.85rem;padding:.6rem .9rem;transition:all .3s;width:100%}.Header-Suchfeld::placeholder{color:#ffffffb3}.Header-Suchfeld:focus{background:#ffffff26;border-color:#ffffff80;outline:none}@media (max-width:1024px){.Header-Container{flex-wrap:wrap;gap:1rem}.Header-Suchfeld-Container{margin:0;max-width:100%;order:3;width:100%}.Warenkorb-Dropdown{max-width:400px;min-width:350px}}@media (max-width:768px){.Header-Container{align-items:stretch;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.Header-Datum-Uhrzeit{font-size:.7rem;gap:.85rem;padding:.3rem .9rem}.Header-Uhrzeit{font-size:.75rem}.Header-Title{font-size:1.2rem;text-align:center}.Header-Suchfeld-Container{margin:0;order:2;width:100%}.Header-Actions{gap:.5rem;justify-content:center;order:1;width:100%}.Erstellen-Icon-Button,.Warenkorb-Icon-Button{height:45px;width:45px}.Erstellen-Icon,.Warenkorb-Icon{height:20px;width:20px}.Erstellen-Dropdown,.Warenkorb-Dropdown{left:1rem;max-width:none;min-width:auto;position:fixed;right:1rem;width:calc(100% - 2rem)}}@media (max-width:480px){.Header-Title{font-size:1rem}.Header-Suchfeld{font-size:.85rem;padding:.6rem .75rem}.Erstellen-Icon-Button,.Warenkorb-Icon-Button{height:40px;width:40px}}.Header-Suche-Dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 4px 16px #0000001a,0 0 0 1px #0000000d;left:0;max-height:600px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1002}.Header-Suche-Kein-Ergebnis{color:#999;font-size:.9rem;padding:2rem 1rem;text-align:center}.Header-Suche-Sektion{border-bottom:1px solid #f0f0f0;padding:.75rem}.Header-Suche-Sektion:last-child{border-bottom:none}.Header-Suche-Sektion-Title{border-bottom:1px solid #e0e0e0;color:#667eea;font-size:.85rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}.Header-Suche-Liste{display:flex;flex-direction:column;gap:.5rem}.Header-Suche-Item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;cursor:pointer;overflow:hidden;padding:.75rem;transition:all .2s;white-space:nowrap}.Header-Suche-Item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateX(2px)}.Header-Suche-Item-Header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.Header-Suche-Item-Nummer{color:#667eea;font-family:monospace;font-size:.9rem;font-weight:700}.Header-Suche-Item-Name{color:#333;font-size:.9rem;font-weight:600}.Header-Suche-Item-Typ{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.Header-Suche-Item-Typ.Typ-Firma{background:#e3f2fd;color:#1976d2}.Header-Suche-Item-Typ.Typ-Privat{background:#f3e5f5;color:#7b1fa2}.Header-Suche-Item-Info{align-items:center;color:#666;display:flex;flex-direction:row;font-size:.8rem;gap:.75rem}.Header-Suche-Item-Info,.Header-Suche-Item-Kunde{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Header-Suche-Item-Kunde{color:#333;flex-shrink:0;font-weight:500;max-width:200px;min-width:100px}.Header-Suche-Item-Geraet{color:#666;flex:1 1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Header-Suche-Item-Email{color:#667eea;font-size:.75rem}.Header-Suche-Item-Adresse{color:#666;font-size:.75rem}.Header-Suche-Item-Betrag{color:#2e7d32;flex-shrink:0;font-size:.85rem;font-weight:600;white-space:nowrap}.Header-Suche-Dropdown::-webkit-scrollbar{width:8px}.Header-Suche-Dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 12px 12px 0}.Header-Suche-Dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.Header-Suche-Dropdown::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.Header-Suche-Dropdown{border-radius:8px;max-height:500px}.Header-Suche-Item,.Header-Suche-Sektion{padding:.625rem}.Header-Suche-Item-Name,.Header-Suche-Item-Nummer{font-size:.85rem}.Header-Suche-Item-Info{font-size:.75rem}}@media (max-width:480px){.Header-Suche-Dropdown{border-radius:6px;max-height:400px}.Header-Suche-Item,.Header-Suche-Sektion{padding:.5rem}.Header-Suche-Item-Name,.Header-Suche-Item-Nummer{font-size:.8rem}.Header-Suche-Item-Info{font-size:.7rem}.Modal-Overlay{padding:0}.Modal-Content{border-radius:0;max-height:100vh}.Geraeteart-Button,.Modal-Header{padding:.75rem}.Modal-Header h2{font-size:1.1rem}.Modal-Form{padding:.75rem}.Geraeteart-Auswahl{grid-template-columns:1fr}.KundenSuche-Ergebnisse{max-height:200px}}.KundenSuche{width:100%}.KundenSuche-Header{margin-bottom:1rem}.KundenSuche-Input-Group{align-items:flex-start;display:flex;gap:.75rem}.KundenSuche-Input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s}.KundenSuche-Input:focus{border-color:#667eea;outline:none}.KundenSuche-Neuer-Kunde-Button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s;white-space:nowrap}.KundenSuche-Neuer-Kunde-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.KundenSuche-Loading{color:#666;font-style:italic;padding:1rem;text-align:center}.KundenSuche-Treffer{border:2px solid #e0e0e0;border-radius:6px;margin-top:.5rem;max-height:300px;overflow-y:auto}.KundenSuche-Treffer-Item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:.875rem 1rem;transition:background .2s}.KundenSuche-Treffer-Item:last-child{border-bottom:none}.KundenSuche-Treffer-Item:hover{background:#f8f9fa}.KundenSuche-Treffer-Name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.KundenSuche-Treffer-Details{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.KundenSuche-Treffer-Email,.KundenSuche-Treffer-Ort,.KundenSuche-Treffer-Person,.KundenSuche-Treffer-Telefon{display:inline-block}.KundenSuche-Treffer-Email{color:#667eea}.KundenSuche-Treffer-Telefon{font-family:monospace}.KundenSuche-Keine-Treffer{border:2px dashed #e0e0e0;border-radius:6px;color:#999;font-style:italic;margin-top:.5rem;padding:1rem;text-align:center}.KundenSuche-Treffer::-webkit-scrollbar{width:8px}.KundenSuche-Treffer::-webkit-scrollbar-track{background:#f1f1f1}.KundenSuche-Treffer::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.KundenSuche-Treffer::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.KundenSuche-Input-Group{flex-direction:column}.KundenSuche-Neuer-Kunde-Button{width:100%}.KundenSuche-Treffer{max-height:250px}.KundenSuche-Treffer-Item{padding:.75rem}.KundenSuche-Treffer-Name{font-size:.9rem}.KundenSuche-Treffer-Details{flex-direction:column;font-size:.8rem;gap:.5rem}}@media (max-width:480px){.KundenSuche-Treffer{max-height:200px}.KundenSuche-Treffer-Item{padding:.625rem}.KundenSuche-Treffer-Name{font-size:.85rem}.KundenSuche-Treffer-Details{font-size:.75rem}}.Address-Autocomplete-Container{position:relative;width:100%}.Address-Autocomplete-Input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.Address-Autocomplete-Input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.Address-Autocomplete-Loading{font-size:1rem;pointer-events:none}.Address-Autocomplete-Dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;list-style:none;margin:.25rem 0 0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:10001}.Address-Autocomplete-Suggestion{border-bottom:1px solid #f0f0f0;color:#000;cursor:pointer;font-size:.9rem;line-height:1.5;padding:.75rem 1rem;transition:background .2s}.Address-Autocomplete-Suggestion:hover{background:#f5f5f5}.Address-Autocomplete-Suggestion:last-child{border-bottom:none}@media (max-width:768px){.Address-Autocomplete-Dropdown{max-height:200px}.Address-Autocomplete-Suggestion{font-size:.85rem;padding:.5rem .75rem}}.Zahlungsmethode-Modal{max-width:95vw}@media (min-width:800px){.Zahlungsmethode-Modal{max-width:600px}}.Form-Group{margin-bottom:1.5rem}.Form-Group label{display:block;margin-bottom:.5rem}.Form-Group select{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.Form-Group select:focus{border-color:#667eea;outline:none}.Modal-Actions{margin-top:1rem;padding-top:1rem}.Modal-Actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.Modal-Actions button[type=button]:first-child{background:#f5f5f5;color:#333}.Modal-Actions button[type=button]:first-child:hover{background:#e0e0e0}.Modal-Actions button[type=button]:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.Modal-Actions button[type=button]:last-child:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Modal-Actions button:disabled{cursor:not-allowed;opacity:.6}.PDFActionModal-Overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.PDFActionModal-Content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.PDFActionModal-Header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.PDFActionModal-Header h3{font-size:1.25rem;font-weight:600;margin:0}.PDFActionModal-Close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background .2s;width:32px}.PDFActionModal-Close:hover{background:#fff3}.PDFActionModal-Body{padding:2rem}.PDFActionModal-Description{color:#666;font-size:1rem;margin:0 0 1.5rem;text-align:center}.PDFActionModal-Buttons{display:flex;flex-direction:column;gap:1rem}.PDFActionModal-Button{align-items:center;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s}.PDFActionModal-Button-Drucken{background:linear-gradient(135deg,#667eea,#764ba2)}.PDFActionModal-Button-Drucken:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.PDFActionModal-Button-Versenden{background:linear-gradient(135deg,#f093fb,#f5576c)}.PDFActionModal-Button-Versenden:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.PDFActionModal-Button-Speichern{background:linear-gradient(135deg,#4facfe,#00f2fe)}.PDFActionModal-Button-Speichern:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.PDFActionModal-Icon{stroke-width:2;height:24px;width:24px}@media (max-width:768px){.PDFActionModal-Content{max-width:none;width:95%}.PDFActionModal-Body{padding:1.5rem}.PDFActionModal-Button{font-size:.95rem;padding:.875rem 1.25rem}}.AuftragDetails-Modal{max-height:90vh;max-width:95vw;width:100%}@media (min-width:1600px){.AuftragDetails-Modal{max-width:1600px}}.AuftragDetails-Content{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 120px);overflow-y:auto;padding:1rem}.AuftragDetails-Content .Details-Section{margin-bottom:1.25rem;padding-bottom:1rem}.AuftragDetails-Content .Details-Section-Title{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.AuftragDetails-Content .Details-Grid{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.AuftragDetails-Content .Details-Item{gap:.25rem}.AuftragDetails-Content .Details-Item label{font-size:.75rem;margin-bottom:.25rem}.AuftragDetails-Content .Details-Value{font-size:.9rem}.Status-Dropdown-Menu{z-index:999999}.Zustand-Badge{border-radius:12px;font-size:.9rem;padding:.375rem .875rem}.Modal-Actions{align-items:center;border-top:1px solid var(--border-color);gap:.75rem;justify-content:space-between;padding:1rem}.Modal-Actions-Left{display:flex;flex-wrap:wrap;gap:.75rem}.Modal-Actions-Right{align-items:center;display:flex;gap:1rem}.Modal-Action-Button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.Modal-Action-Button:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;color:#667eea;transform:translateY(-1px)}.Modal-Action-Button:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Modal-Action-Button-Kostenvoranschlag{border-color:#ff9800;color:#ff9800}.Modal-Action-Button-Kostenvoranschlag:hover{background:#ff9800;box-shadow:0 4px 12px #ff98004d;color:#fff}.Modal-Action-Button-Bericht{border-color:#2196f3;color:#2196f3}.Modal-Action-Button-Bericht:hover{background:#2196f3;box-shadow:0 4px 12px #2196f34d;color:#fff}.Modal-Action-Button-Rechnung{border-color:#4caf50;color:#4caf50}.Modal-Action-Button-Rechnung:hover{background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff}.Modal-Action-Button-Loeschen{background:#fff;border-color:#f44;color:#f44}.Modal-Action-Button-Loeschen:hover{background:#f44;box-shadow:0 4px 12px #ff44444d;color:#fff}.Modal-Action-Icon{height:18px;width:18px}@media (max-width:1024px){.AuftragDetails-Modal{max-width:90vw}}@media (max-width:768px){.Modal-Content{margin:1rem auto;max-height:95vh;max-width:95%;width:95%}.AuftragDetails-Modal{max-width:95%}.Modal-Header h2{font-size:1.3rem}.AuftragDetails-Content{max-height:calc(95vh - 200px);padding:1rem}.Details-Section{margin-bottom:1.5rem;padding-bottom:1rem}.Details-Section-Title{font-size:1.1rem}.Details-Grid{gap:1rem;grid-template-columns:1fr}.Modal-Actions{flex-direction:column;gap:.75rem;padding:1rem}.Modal-Actions-Left{flex-direction:column;width:100%}.Modal-Action-Button{justify-content:center;width:100%}.Modal-Actions-Right{flex-direction:column;width:100%}.Modal-Abschliessen-Button,.Modal-Close-Button{width:100%}}@media (max-width:480px){.Modal-Content{border-radius:0;margin:0;width:100%}.AuftragDetails-Modal,.Modal-Content{max-height:100vh;max-width:100%}.Modal-Header{padding:1rem}.Modal-Header h2{font-size:1.1rem}.AuftragDetails-Content{max-height:calc(100vh - 180px);padding:.75rem}.Details-Section-Title{font-size:1rem}.Details-Value{font-size:.9rem}.Modal-Action-Button{font-size:.9rem;padding:.6rem 1rem}.Modal-Abschliessen-Button,.Modal-Close-Button{font-size:.9rem;padding:.6rem 1.5rem}}.Modal-Close-Button{transition:transform .2s,box-shadow .2s}.AuftragDetails-Content::-webkit-scrollbar{width:8px}.AuftragDetails-Content::-webkit-scrollbar-track{background:#f1f1f1}.AuftragDetails-Content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.AuftragDetails-Content::-webkit-scrollbar-thumb:hover{background:#555}.Kostenvoranschlag-Liste{display:flex;flex-direction:column;gap:.5rem}.Kostenvoranschlag-Item{cursor:default}.Kostenvoranschlag-Item-Klickbar{cursor:pointer;transition:background-color .2s ease}.Kostenvoranschlag-Item-Klickbar:hover{background-color:#f0f0f0}.Kostenvoranschlag-Item{align-items:center;background:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem;transition:all .2s ease}.Kostenvoranschlag-Item:hover{background:#f0f0f0;box-shadow:0 1px 4px #0000000f}.Kostenvoranschlag-Item-Info{align-items:center;display:flex;flex:1 1;gap:1rem}.Kostenvoranschlag-Item-Nummer{color:var(--primary-color);font-size:.875rem;font-weight:600;min-width:120px}.Kostenvoranschlag-Item-Datum{color:#666;font-size:.8rem;min-width:90px}.Kostenvoranschlag-Item-Summe{color:#333;font-family:monospace;font-size:.9rem;font-weight:600;margin-left:auto}.Kostenvoranschlag-Item-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;margin:2px 0;min-width:-webkit-fit-content;min-width:fit-content;padding:.4rem .875rem;transition:transform .2s,box-shadow .2s;white-space:nowrap}.Kostenvoranschlag-Item-Button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.Kostenvoranschlag-Item-Button-Loeschen{align-items:center;background:#f44;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.25rem;justify-content:center;margin:2px 0;min-width:-webkit-fit-content;min-width:fit-content;padding:.4rem .875rem;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.Kostenvoranschlag-Item-Button-Loeschen:hover{background:#c00;box-shadow:0 4px 12px #ff44444d;transform:translateY(-2px)}.Modal-Loading{color:#666;font-size:.9rem;padding:1.5rem;text-align:center}@media (max-width:768px){.AuftragDetails-Modal{max-width:95%}.Details-Grid{grid-template-columns:1fr}.Details-Section-Title{font-size:1.1rem}}.Kostenvoranschlag-Modal{max-height:95vh;max-width:95vw;width:100%}@media (min-width:1600px){.Kostenvoranschlag-Modal{max-width:1600px}}.Kostenvoranschlag-Content{-webkit-overflow-scrolling:touch;max-height:calc(95vh - 180px);overflow-y:auto;padding:1.5rem}.Kostenvoranschlag-Section-Title{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.Kostenvoranschlag-Auftrag-Info{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.Kostenvoranschlag-Auftrag-Grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.Kostenvoranschlag-Info-Item{display:flex;flex-direction:column;gap:.25rem}.Kostenvoranschlag-Info-Item label{color:#666;font-size:.85rem;font-weight:600}.Kostenvoranschlag-Info-Value{color:#333;font-size:.95rem;font-weight:500}.Kostenvoranschlag-Positionen{margin-bottom:2rem}.Kostenvoranschlag-Positionen-Liste{display:flex;flex-direction:column;gap:1.5rem}.Kostenvoranschlag-Position{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.Kostenvoranschlag-Position-Header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.Kostenvoranschlag-Position-Nummer{color:#667eea;font-size:.95rem;font-weight:600}.Kostenvoranschlag-Position-Entfernen{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;transition:background .2s;width:24px}.Kostenvoranschlag-Position-Entfernen:hover{background:#c00}.Kostenvoranschlag-Position-Felder{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr auto}.Kostenvoranschlag-Position-Suche{display:flex;flex-direction:column;gap:.5rem;position:relative}.Kostenvoranschlag-Position-Bruttopreis label,.Kostenvoranschlag-Position-Menge label,.Kostenvoranschlag-Position-MwSt label,.Kostenvoranschlag-Position-Nettopreis label,.Kostenvoranschlag-Position-Suche label{color:#666;font-size:.85rem;font-weight:600}.Kostenvoranschlag-Suche-Container{position:relative}.Kostenvoranschlag-Suche-Input{border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.Kostenvoranschlag-Suche-Input:focus{border-color:#667eea;outline:none}.Kostenvoranschlag-Suche-Ergebnisse{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;left:0;margin-top:.25rem;max-height:300px;min-width:100%;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:10001}.Kostenvoranschlag-Suche-Ergebnis{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#000;cursor:pointer;font-size:.9rem;line-height:1.5;overflow-wrap:break-word;padding:.75rem 1rem;transition:background .2s;word-break:break-word}.Kostenvoranschlag-Suche-Ergebnis:hover{background:#f5f5f5}.Kostenvoranschlag-Suche-Ergebnis:last-child{border-bottom:none}.Kostenvoranschlag-Suche-Ergebnis-Name{color:#333;font-weight:600}.Kostenvoranschlag-Suche-Ergebnis-Name,.Kostenvoranschlag-Suche-Ergebnis-Nummer{word-wrap:break-word;margin-bottom:.25rem;overflow-wrap:break-word;white-space:normal;word-break:break-word}.Kostenvoranschlag-Suche-Ergebnis-Nummer{color:#666;font-family:monospace;font-size:.85rem}.Kostenvoranschlag-Suche-Ergebnis-Preis{word-wrap:break-word;color:#667eea;font-size:.9rem;font-weight:600;overflow-wrap:break-word;white-space:normal}.Kostenvoranschlag-Suche-Kein-Ergebnis{color:#999;font-size:.9rem;padding:1rem;text-align:center}.Kostenvoranschlag-Position-Menge,.Kostenvoranschlag-Position-MwSt,.Kostenvoranschlag-Position-Nettopreis{display:flex;flex-direction:column;gap:.5rem}.Kostenvoranschlag-Input{border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.75rem;transition:border-color .2s;width:100%}.Kostenvoranschlag-Input:focus{border-color:#667eea;outline:none}.Kostenvoranschlag-Position-Bruttopreis{display:flex;flex-direction:column;gap:.5rem}.Kostenvoranschlag-Bruttopreis-Anzeige{background:#e8f5e9;border:2px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.95rem;font-weight:600;padding:.75rem;text-align:center}.Kostenvoranschlag-Position-Hinzufuegen{align-items:flex-end;display:flex;padding-bottom:.5rem}.Kostenvoranschlag-Hinzufuegen-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .2s,box-shadow .2s;width:40px}.Kostenvoranschlag-Hinzufuegen-Button:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.Kostenvoranschlag-Hinzufuegen-Button svg{height:20px;width:20px}.Kostenvoranschlag-Gesamtsumme{background:#f8f9fa;border-radius:8px;border-top:3px solid #667eea;margin-top:2rem;padding:1.5rem}.Kostenvoranschlag-Gesamtsumme-Grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.Kostenvoranschlag-Gesamtsumme-Item{display:flex;flex-direction:column;gap:.5rem}.Kostenvoranschlag-Gesamtsumme-Item label{color:#666;font-size:.9rem;font-weight:600}.Kostenvoranschlag-Gesamtsumme-Wert{color:#333;font-size:1.2rem;font-weight:600}.Kostenvoranschlag-Gesamtsumme-Total{grid-column:3}.Kostenvoranschlag-Gesamtsumme-Total-Wert{color:#667eea;font-size:1.5rem;font-weight:700}.Modal-Speichern-Button{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.Modal-Speichern-Button:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.Modal-Speichern-Button:disabled{cursor:not-allowed;opacity:.6}.Modal-Error{background:#ffebee;border-left:4px solid #c62828;color:#c62828;margin-bottom:1rem}@media (max-width:1024px){.Kostenvoranschlag-Modal{max-width:90vw}.Kostenvoranschlag-Position-Felder{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr}.Kostenvoranschlag-Position-Hinzufuegen{grid-column:1/-1;justify-content:center;padding-top:.5rem}}@media (max-width:768px){.Kostenvoranschlag-Modal{max-height:100vh;max-width:100%}.Kostenvoranschlag-Content{max-height:calc(100vh - 200px);padding:1rem}.Kostenvoranschlag-Auftrag-Grid{grid-template-columns:1fr}.Kostenvoranschlag-Position-Felder{gap:1rem;grid-template-columns:1fr}.Kostenvoranschlag-Position-Hinzufuegen{grid-column:1;justify-content:center}.Kostenvoranschlag-Gesamtsumme-Grid{gap:1rem;grid-template-columns:1fr}.Kostenvoranschlag-Gesamtsumme-Total{grid-column:1}.Modal-Actions{flex-direction:column;gap:.75rem}.Modal-PDF-Button,.Modal-Speichern-Button{width:100%}.Kostenvoranschlag-Suche-Container{position:relative}.Kostenvoranschlag-Suche-Ergebnisse{left:0;max-width:100%;right:0}}@media (max-width:480px){.Kostenvoranschlag-Content{padding:.75rem}.Kostenvoranschlag-Section-Title{font-size:1rem}.Kostenvoranschlag-Position{padding:1rem}.Kostenvoranschlag-Position-Header{align-items:flex-start;flex-direction:column;gap:.5rem}}.KundeDetails-Modal{max-height:90vh;max-width:95vw}@media (min-width:1600px){.KundeDetails-Modal{max-width:1600px}}.KundeDetails-Content{max-height:calc(90vh - 120px);overflow-y:auto;padding:1rem}.KundeDetails-Content .Details-Section{margin-bottom:1.25rem;padding-bottom:1rem}.KundeDetails-Content .Details-Section-Title{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.KundeDetails-Content .Details-Grid{gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.KundeDetails-Content .Details-Item{gap:.25rem}.KundeDetails-Content .Details-Item label{font-size:.75rem;margin-bottom:.25rem}.KundeDetails-Content .Details-Value{font-size:.9rem}.Details-Value-Email{color:var(--primary-color)}.Status-Badge,.Uebersicht-Typ{font-size:.9rem;padding:.375rem .875rem}.Zustand-Badge{background:#fff3e0;border-radius:8px;color:#e65100;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.KundeDetails-Auftraege-Liste{display:flex;flex-direction:column;gap:.625rem}.KundeDetails-Auftrag-Item{background:#f8f9fa;border-left:3px solid var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;padding:.875rem;transition:all .2s ease}.KundeDetails-Auftrag-Item:hover{background:#e9ecef;box-shadow:0 2px 6px #00000014;transform:translateX(2px)}.KundeDetails-Auftrag-Header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.KundeDetails-Auftrag-Info{display:flex;flex-direction:column;gap:.375rem}.KundeDetails-Auftrag-Geraet{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.KundeDetails-Auftrag-Modellnummer{color:#666;font-family:monospace;font-size:.8rem}.KundeDetails-Auftrag-Zustand{color:#666;font-size:.8rem}.KundeDetails-Auftrag-Datum{color:#999;font-size:.75rem;margin-top:.375rem}.KundeDetails-Keine-Auftraege{color:#999;font-size:.875rem;font-style:italic;padding:1.5rem;text-align:center}.Modal-Close-Button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;padding:.625rem 1.5rem;transition:all .2s ease}.Modal-Close-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.KundeDetails-Content::-webkit-scrollbar{width:8px}.KundeDetails-Content::-webkit-scrollbar-track{background:#f1f1f1}.KundeDetails-Content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.KundeDetails-Content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.KundeDetails-Modal{max-width:90vw}}@media (max-width:768px){.KundeDetails-Modal{max-width:95%}.Details-Grid{grid-template-columns:1fr}.Details-Section-Title{font-size:1.1rem}}.RechnungDetails-Modal{max-height:90vh;max-width:95vw;width:100%}@media (min-width:1600px){.RechnungDetails-Modal{max-width:1600px}}.RechnungDetails-Content{padding:1.5rem}@media (max-width:1024px){.RechnungDetails-Modal{max-width:90vw}}@media (max-width:768px){.RechnungDetails-Modal{max-height:100vh;max-width:100%}.RechnungDetails-Content{padding:1rem}.Modal-Actions{flex-direction:column;gap:.75rem;padding:1rem}.Modal-Close-Button,.Modal-PDF-Button{width:100%}.Rechnung-Positionen-Tabelle{-webkit-overflow-scrolling:touch;overflow-x:auto}.Rechnung-Positionen-Tabelle table{font-size:.85rem;min-width:600px}.Rechnung-Positionen-Tabelle td,.Rechnung-Positionen-Tabelle th{padding:.5rem}}@media (max-width:480px){.RechnungDetails-Content{padding:.75rem}.Rechnung-Positionen-Tabelle table{font-size:.8rem;min-width:500px}.Rechnung-Positionen-Tabelle td,.Rechnung-Positionen-Tabelle th{padding:.4rem}}.Modal-Actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.Modal-PDF-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.Modal-PDF-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Modal-Close-Button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background .2s}.Modal-Close-Button:hover{background:#e0e0e0}.Rechnung-Positionen-Tabelle{margin-top:1rem;overflow-x:auto}.Rechnung-Positionen-Tabelle table{border-collapse:collapse;font-size:.9rem;width:100%}.Rechnung-Positionen-Tabelle th{background-color:#f5f5f5;border-bottom:2px solid #ddd;font-weight:600;padding:.75rem;text-align:left}.Rechnung-Positionen-Tabelle td{border-bottom:1px solid #eee;padding:.75rem}.Rechnung-Positionen-Tabelle tr:hover{background-color:#f9f9f9}.PDFPreview-Modal-Overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:100000}.PDFPreview-Modal-Content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:90%;max-height:90vh;max-width:1200px;width:90%}.PDFPreview-Modal-Header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.PDFPreview-Modal-Header h2{color:#333;font-size:1.25rem;font-weight:600;margin:0}.PDFPreview-Modal-Close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.PDFPreview-Modal-Close:hover{background:#f0f0f0;color:#333}.PDFPreview-Modal-Body{flex:1 1;overflow:hidden;position:relative}.PDFPreview-Loading,.PDFPreview-Modal-Body{align-items:center;display:flex;justify-content:center}.PDFPreview-Loading{color:#666;flex-direction:column;gap:1rem}.PDFPreview-Spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.PDFPreview-Error{color:#d32f2f;padding:2rem;text-align:center}.PDFPreview-Iframe{border:none;height:100%;width:100%}.PDFPreview-Modal-Footer{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.PDFPreview-Button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.PDFPreview-Button svg{height:18px;width:18px}.PDFPreview-Button:disabled{cursor:not-allowed;opacity:.5}.PDFPreview-Button-Print{background:#667eea;color:#fff}.PDFPreview-Button-Print:hover:not(:disabled){background:#5568d3}.PDFPreview-Button-Download{background:#48bb78;color:#fff}.PDFPreview-Button-Download:hover:not(:disabled){background:#38a169}.PDFPreview-Button-Close{background:#e2e8f0;color:#4a5568}.PDFPreview-Button-Close:hover{background:#cbd5e0}@media (max-width:768px){.PDFPreview-Modal-Content{border-radius:0;height:100%;max-height:100vh;width:100%}.PDFPreview-Modal-Footer{flex-wrap:wrap}.PDFPreview-Button{flex:1 1;min-width:120px}}.Sidebar{align-self:flex-start;background:linear-gradient(180deg,#fff,#fafafa);border-right:1px solid #0000000f;box-shadow:2px 0 8px #0000000a,1px 0 4px #00000005,inset -1px 0 0 #00000005;min-height:calc(100vh - 70px);position:-webkit-sticky;position:sticky;top:70px;width:220px}.Sidebar-Navigation{padding:.75rem}.Sidebar-Menue{list-style:none}.Sidebar-Menue,.Sidebar-Menue li{margin:0;padding:0}.Sidebar-Menuepunkt{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:12px;box-sizing:border-box;color:#555;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin:.15rem 0;padding:.7rem 1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.Sidebar-Menuepunkt:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.Sidebar-Menuepunkt:hover{background:linear-gradient(90deg,#667eea14,#0000);box-shadow:-2px 0 8px #667eea1a,inset 0 0 0 1px #667eea0d;color:#667eea;transform:translateX(2px)}.Sidebar-Menuepunkt:hover:before{height:60%}.Sidebar-Menuepunkt-Aktiv{background:linear-gradient(90deg,#667eea1f,#667eea0a);box-shadow:-2px 0 12px #667eea26,inset 0 0 0 1px #667eea14;color:#667eea;font-weight:600}.Sidebar-Menuepunkt-Aktiv:before{height:70%}.Sidebar-Icon{align-items:center;display:flex;flex-shrink:0;font-size:1.1rem;justify-content:center;width:20px}.Sidebar-Label{flex:1 1}@media (max-width:1024px){.Sidebar{width:180px}.Sidebar-Menuepunkt{font-size:.8rem;padding:.6rem 1rem}}@media (max-width:768px){.Sidebar{border-bottom:2px solid #e0e0e0;border-right:none;box-shadow:0 2px 8px #0000000d;min-height:auto;position:relative;top:0;width:100%}.Sidebar-Menue,.Sidebar-Navigation{padding:.5rem 0}.Sidebar-Menue{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.Sidebar-Menue::-webkit-scrollbar{height:4px}.Sidebar-Menue::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.Sidebar-Menue li{flex-shrink:0}.Sidebar-Menuepunkt{border-bottom:3px solid #0000;border-left:none;flex-direction:column;gap:.5rem;min-width:100px;padding:.75rem 1rem}.Sidebar-Menuepunkt-Aktiv{background:linear-gradient(180deg,#667eea1a,#0000);border-bottom-color:#667eea;border-left:none}.Sidebar-Label{font-size:.8rem}.Sidebar-Icon{font-size:1.1rem}}@media (max-width:480px){.Sidebar-Menuepunkt{min-width:80px;padding:.5rem .75rem}.Sidebar-Label{font-size:.75rem}.Sidebar-Icon{font-size:1rem}}.Dashboard{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Dashboard-Header{margin-bottom:1.25rem}.Dashboard-Header h2{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .4rem;white-space:nowrap}.Dashboard-Subtitle{color:#666;font-size:.85rem;margin:0}.Dashboard-Content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.Dashboard-Statistik-Box-Full{width:100%}.Dashboard-Platzhalter-Container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);width:100%}.Dashboard-Platzhalter-Box{min-height:140px;overflow:visible;position:relative;width:100%}@media (max-width:900px){.Dashboard-Platzhalter-Container{grid-template-columns:repeat(2,1fr)}}.Dashboard-Platzhalter-Content{overflow:visible;padding:.75rem 0;position:relative}.Dashboard-Platzhalter-Text{color:#999;font-style:italic;margin:0;padding:1.25rem .75rem;text-align:center}.Dashboard-Website-Auftraege-Liste{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-x:visible;overflow-y:auto;position:relative}.Dashboard-Website-Auftrag-Item{background:#fff;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 4px #0000000a,0 0 0 1px #00000005;cursor:pointer;margin:0;padding:1rem;position:relative;transition:all .3s ease;z-index:1}.Dashboard-Website-Auftrag-Item:hover{background:#fafafa;border-color:#667eea;box-shadow:0 4px 16px #667eea26,0 2px 8px #667eea1a,0 0 0 1px #667eea1a;transform:translateX(4px) translateY(-2px);z-index:100}.Dashboard-Website-Auftrag-Header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.Dashboard-Website-Auftrag-Nummer{color:#667eea;font-size:.85rem;font-weight:700}.Dashboard-Website-Auftrag-Datum{color:#999;font-size:.75rem}.Dashboard-Website-Auftrag-Kunde{color:#333;font-size:.85rem;font-weight:500;margin-bottom:.2rem}.Dashboard-Website-Auftrag-Geraet{color:#666;font-size:.85rem;font-style:italic}.Dashboard-Warenkorb-Liste{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-x:visible;overflow-y:auto;position:relative}.Dashboard-Warenkorb-Item{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 1px 4px #0000000a,0 0 0 1px #00000005;margin:0;padding:.6rem .75rem;position:relative;transition:all .2s ease;z-index:1}.Dashboard-Warenkorb-Item:hover{background:#fafafa;border-color:#667eea;box-shadow:0 2px 8px #667eea1a,0 0 0 1px #667eea1a}.Dashboard-Warenkorb-Item-Text{align-items:center;display:flex;gap:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dashboard-Warenkorb-Menge{color:#667eea;font-size:.85rem;font-weight:600;min-width:2rem;text-align:right}.Dashboard-Warenkorb-Bezeichnung{color:#333;flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Dashboard-Warenkorb-Preis{color:#333;font-size:.85rem;font-weight:600;margin-left:auto;white-space:nowrap}.Dashboard-Warenkorb-Gesamtsumme{align-items:center;border-top:2px solid #e0e0e0;display:flex;gap:.5rem;justify-content:space-between;margin-top:.5rem;padding:.75rem .75rem 0}.Dashboard-Warenkorb-Gesamtsumme-Label{color:#333;font-size:.9rem;font-weight:600}.Dashboard-Warenkorb-Gesamtsumme-Betrag{color:#667eea;font-size:1rem;font-weight:700;white-space:nowrap}.Dashboard-Umsatz-Box .Dashboard-Umsatz-Liste{display:flex;flex-direction:column;gap:.75rem;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;z-index:1}.Dashboard-Umsatz-Box:hover .Dashboard-Umsatz-Liste{opacity:1;pointer-events:auto}.Dashboard-Umsatz-Item{align-items:center;background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.Dashboard-Umsatz-Item:hover{background:#f0f4ff;box-shadow:0 2px 8px #667eea1a,0 0 0 1px #667eea0d;transform:translateX(2px)}.Dashboard-Umsatz-Label{color:#666;font-size:.85rem;font-weight:500}.Dashboard-Umsatz-Wert{color:#667eea;font-size:.95rem;font-weight:700}.Dashboard-Umsatz-Box{position:relative}.Dashboard-Umsatz-Chart-Container{min-height:200px;position:relative}.Dashboard-Umsatz-Pie-Chart{align-items:center;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;opacity:1;padding:1rem;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.Dashboard-Umsatz-Box:hover .Dashboard-Umsatz-Pie-Chart{opacity:0;pointer-events:none}.Dashboard-Pie-Chart-SVG{background:#fff;border:1px solid #0000001a;border-radius:8px;box-sizing:border-box;height:200px;max-width:200px;padding:.5rem;width:100%}.Dashboard-Pie-Segment{cursor:pointer;transition:opacity .2s ease}.Dashboard-Pie-Segment:hover{opacity:.8}.Dashboard-Pie-Chart-Empty{align-items:center;color:#999;display:flex;font-size:.9rem;height:200px;justify-content:center}.Dashboard-Pie-Center-Text-Large{font-size:14px;font-weight:700}.Dashboard-Pie-Center-Text-Small{font-size:10px;font-weight:500}.Dashboard-Statistik-Box{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:visible;padding:1rem;position:relative}.Dashboard-Statistik-Box-Header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem}.Dashboard-Statistik-Box-Header h3{color:#333;font-size:.95rem;font-weight:600;margin:0}.Dashboard-Statistik-Gesamt{color:#666;font-size:.85rem}.Dashboard-Statistik-Gesamt strong{color:#333;font-size:1rem;font-weight:700}.Dashboard-Statistik-Liste{display:flex;flex-direction:column;gap:.5rem}.Dashboard-Statistik-Item{align-items:center;border-left:3px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:.6rem;padding:.6rem .85rem;position:relative;transition:all .2s ease;z-index:1}.Dashboard-Statistik-Item:hover{background:#f8f9fa;transform:translateX(4px);z-index:10}.Dashboard-Statistik-Item.Dashboard-Status-Offen{border-left-color:#ff9800}.Dashboard-Statistik-Item.Dashboard-Status-Offen:hover{background:#fff3e0}.Dashboard-Statistik-Item.Dashboard-Status-In-Arbeit{border-left-color:#2196f3}.Dashboard-Statistik-Item.Dashboard-Status-In-Arbeit:hover{background:#e3f2fd}.Dashboard-Statistik-Item.Dashboard-Status-Ersatzteile-Bestellt{border-left-color:#9c27b0}.Dashboard-Statistik-Item.Dashboard-Status-Ersatzteile-Bestellt:hover{background:#f3e5f5}.Dashboard-Statistik-Item.Dashboard-Status-Abgeschlossen{border-left-color:#4caf50}.Dashboard-Statistik-Item.Dashboard-Status-Abgeschlossen:hover{background:#e8f5e9}.Dashboard-Statistik-Icon{flex-shrink:0;font-size:1.5rem;line-height:1}.Dashboard-Statistik-Label{color:#333;flex:1 1;font-size:.85rem;font-weight:500}.Dashboard-Statistik-Wert{color:#333;font-size:1rem;font-weight:700;min-width:2.5rem;text-align:right}.Dashboard-Loading{color:#666;font-size:.95rem;padding:2rem;text-align:center}@media (max-width:768px){.Dashboard{padding:1rem}.Dashboard-Header h2{font-size:1rem;white-space:nowrap}.Dashboard-Statistik-Box{padding:1.5rem}.Dashboard-Statistik-Box-Header{align-items:flex-start;flex-direction:column;gap:.4rem}.Dashboard-Statistik-Box-Header h3{font-size:.9rem}.Dashboard-Statistik-Item{padding:.875rem 1rem}.Dashboard-Statistik-Icon{font-size:1.25rem}.Dashboard-Statistik-Label{font-size:.95rem}.Dashboard-Statistik-Wert{font-size:1.1rem}.Dashboard-Content{grid-template-columns:1fr}.Dashboard-Statistik-Box-Full{width:100%}.Dashboard-Platzhalter-Container{gap:1.5rem;grid-template-columns:1fr}.Dashboard-Platzhalter-Box{width:100%}.Dashboard-Website-Auftraege-Liste{max-height:300px}}@media (max-width:480px){.Dashboard{padding:.5rem}.Dashboard-Statistik-Box{padding:1rem}.Dashboard-Statistik-Box-Header h3{font-size:.85rem}.Dashboard-Statistik-Gesamt{font-size:.8rem}.Dashboard-Statistik-Gesamt strong{font-size:.95rem}.Dashboard-Statistik-Item{gap:.75rem;padding:.75rem}.Dashboard-Statistik-Icon{font-size:1.1rem}.Dashboard-Statistik-Label{font-size:.9rem}.Dashboard-Statistik-Wert{font-size:1rem;min-width:2.5rem}}.ErsatzteilSuche{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;padding:1.5rem}.Suche-Container h2{color:#333;font-size:1rem;font-weight:600;margin-bottom:1.5rem;white-space:nowrap}.Suche-Form{margin-bottom:0}.Geraete-Ergebnisse{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem;width:100%}.Geraete-Ergebnisse h3{color:#333;font-size:.95rem;font-weight:600;margin-bottom:1rem;white-space:nowrap}.Geraete-Liste{display:flex;flex-direction:column;gap:1rem;max-height:calc(450px + 2rem);overflow-x:hidden;overflow-y:auto;padding-right:.5rem;width:100%}.Geraete-Liste::-webkit-scrollbar{width:8px}.Geraete-Liste::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.Geraete-Liste::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.Geraete-Liste::-webkit-scrollbar-thumb:hover{background:#555}.Geraet-Karte{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;flex-shrink:0;padding:1rem;transition:box-shadow .2s;width:100%}.Geraet-Karte:hover{box-shadow:0 4px 8px #00000026}.Geraet-Header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem}.Geraet-Header h4{color:#333;flex:1 1;font-size:1rem;margin:0}.Geraet-ID{color:#666;font-size:.85rem;font-weight:500;margin-left:1rem}.Geraet-Details{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.Geraet-Details .Detail-Item{font-size:.9rem;line-height:1.4;margin:0}.Geraet-Details .Detail-Item strong{color:#666;display:block;font-size:.85rem;margin-bottom:.25rem}.Geraet-Aktionen{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.Artikel-Anzeigen-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease;width:100%}.Artikel-Anzeigen-Button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653d91);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Artikel-Anzeigen-Button:active:not(:disabled){box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Artikel-Anzeigen-Button:disabled{cursor:not-allowed;opacity:.6}.Geraet-Artikel-Container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;padding:1rem}.Geraet-Artikel-Liste{display:flex;flex-direction:column;gap:1rem}.Geraet-Artikel-Liste h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.Geraet-Artikel-Karte{margin:0}.Loading{color:#666;padding:2rem;text-align:center}.Suche-Optionen{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.Suche-Typ-Auswahl{align-items:center;display:flex;gap:1.5rem}.Radio-Label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;-webkit-user-select:none;user-select:none}.Radio-Label:hover{color:#333}.Radio-Input{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.Checkbox-Label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;-webkit-user-select:none;user-select:none}.Checkbox-Label:hover{color:#333}.Checkbox-Input{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.Suche-Input-Group{display:flex;gap:1rem}.Suche-Input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s}.Suche-Input:focus{border-color:#667eea;outline:none}.Suche-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease}.Suche-Button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653d91);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Suche-Button:active:not(:disabled){box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Suche-Button:disabled{cursor:not-allowed;opacity:.6}.Error-Message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;margin-bottom:1rem;padding:1rem}.Ergebnisse h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.Ergebnisse-Liste{display:flex;flex-direction:column;gap:1.5rem}.Ersatzteil-Karte{border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:box-shadow .3s,transform .2s}.Ersatzteil-Karte:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.Ersatzteil-Header{align-items:start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.Ersatzteil-Header h4{color:#333;flex:1 1;font-size:1.2rem;min-width:200px}.Artikelnummer{background:#f5f5f5;border-radius:4px;color:#666;font-family:monospace;font-size:.9rem;padding:.25rem .75rem}.Ersatzteil-Details{grid-gap:.75rem;background:#f9f9f9;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;padding:1rem}.Detail-Item{color:#555;font-size:.9rem}.Detail-Item strong{color:#333;margin-right:.5rem}.Ersatzteil-Footer{align-items:center;border-top:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:1rem}.Preis{color:#667eea;font-size:1.5rem;font-weight:700}.Verfuegbarkeit{font-size:.9rem}.Verfuegbar{color:#4caf50;font-weight:600}.Nicht-Verfuegbar{color:#f44336;font-weight:600}.Ersatzteil-Aktionen{align-items:center;border-top:2px solid #e0e0e0;display:flex;gap:1rem;padding-top:1rem}.Menge-Input-Group{align-items:center;display:flex;gap:.5rem}.Menge-Input-Group label{color:#333;font-weight:600}.Menge-Input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.5rem;text-align:center;width:80px}.Menge-Input:focus{border-color:#667eea;outline:none}.Zum-Warenkorb-Button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s,transform .2s}.Zum-Warenkorb-Button:hover{background:#45a049;transform:translateY(-2px)}.Keine-Ergebnisse{color:#666;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:1024px){.ErsatzteilSuche{padding:1.5rem}.Geraet-Details{grid-template-columns:repeat(2,1fr)}.Ersatzteil-Details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.ErsatzteilSuche{padding:1rem}.Suche-Container h2{font-size:1rem;white-space:nowrap}.Suche-Input-Group{flex-direction:column}.Suche-Button{width:100%}.Geraete-Ergebnisse{padding:1rem}.Geraete-Ergebnisse h3{font-size:1.1rem}.Geraet-Details{gap:.5rem;grid-template-columns:1fr}.Ersatzteil-Header{align-items:flex-start;flex-direction:column}.Ersatzteil-Header h4{font-size:1.1rem;min-width:auto}.Ersatzteil-Details{grid-template-columns:1fr;padding:.75rem}.Ersatzteil-Footer{align-items:flex-start;flex-direction:column;gap:.75rem}.Preis{font-size:1.3rem}.Ersatzteil-Aktionen{flex-direction:column;width:100%}.Menge-Input-Group{justify-content:space-between;width:100%}.Menge-Input{flex:1 1;max-width:120px}.Zum-Warenkorb-Button{width:100%}.Ergebnisse h3{font-size:1.2rem}}@media (max-width:480px){.ErsatzteilSuche{border-radius:8px;padding:.75rem}.Suche-Container h2{font-size:.95rem;margin-bottom:1rem;white-space:nowrap}.Suche-Optionen{gap:.75rem}.Suche-Typ-Auswahl{align-items:flex-start;flex-direction:column;gap:.75rem}.Geraet-Karte{padding:.75rem}.Ersatzteil-Karte{padding:1rem}.Ersatzteil-Header h4{font-size:1rem}.Preis{font-size:1.2rem}}.KundenUebersicht{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Uebersicht-Error,.Uebersicht-Loading{padding:3rem}.Uebersicht-Error{background:#ffebee;border:2px solid #c33;border-radius:8px;padding:2rem;text-align:center}.Uebersicht-Error-Title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.Uebersicht-Error-Message{color:#666;font-size:1rem;margin-bottom:1rem}.Uebersicht-Error-Retry{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.Uebersicht-Error-Retry:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Uebersicht-Leer{padding:3rem}.Uebersicht-Nummer{width:60px}.Uebersicht-Name{margin-bottom:.25rem}.Uebersicht-Untertitel{color:#666;font-size:.85rem}.Uebersicht-Kontakt{font-size:.9rem}.Uebersicht-Email{color:#667eea;margin-bottom:.25rem}.Uebersicht-Telefon{color:#666;font-family:monospace}.Uebersicht-Kein-Kontakt{color:#999;font-style:italic}.Uebersicht-Adresse{color:#666;font-size:.9rem;line-height:1.5}.Uebersicht-Typ{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.Uebersicht-Typ-Firma{background:#e3f2fd;color:#1976d2}.Uebersicht-Typ-Privat{background:#f3e5f5;color:#7b1fa2}.Uebersicht-Auftraege{min-width:150px}.Uebersicht-Auftraege-Anzahl{background:#fff3e0;border-radius:12px;color:#e65100;display:inline-block;font-size:.9rem;font-weight:600;padding:.375rem .75rem}.Uebersicht-Keine-Auftraege{color:#999;font-size:.85rem;font-style:italic}.Kunde-Auftraege-Modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.Kunde-Auftraege-Content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.Kunde-Auftraege-Header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.Kunde-Auftraege-Header h3{font-size:1.3rem;margin:0}.Modal-Close{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.Modal-Close:hover{background:#fff3}.Kunde-Auftraege-Liste{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.Kunde-Auftrag-Item{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.Kunde-Auftrag-Info{flex:1 1}.Kunde-Auftrag-Geraet{color:#333;margin-bottom:.25rem}.Kunde-Auftrag-Datum{color:#666;font-size:.85rem}@media (max-width:768px){.KundenUebersicht{padding:1rem}.Uebersicht-Header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.Uebersicht-Header h2{font-size:1.3rem}.Uebersicht-Suchfeld-Container{padding:0 1rem;width:100%}.Uebersicht-Tabelle-Container{-webkit-overflow-scrolling:touch;overflow-x:auto}.Uebersicht-Tabelle{font-size:.8rem;min-width:700px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.5rem;white-space:nowrap}}@media (max-width:480px){.KundenUebersicht,.Uebersicht-Header{padding:.75rem}.Uebersicht-Header h2{font-size:1.1rem}.Uebersicht-Info{font-size:.85rem}.Uebersicht-Suchfeld-Container{padding:0 .75rem}.Uebersicht-Tabelle{font-size:.75rem;min-width:600px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.4rem .3rem}}.Pagination-Container{border-top:2px solid #e0e0e0;gap:1rem;margin-top:1.5rem;padding-top:1rem}.Pagination-Info{font-size:.9rem}.Pagination-Button{border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;height:36px;min-width:36px;padding:0 .75rem;transition:all .2s}.Pagination-Button:hover:not(:disabled){background:#f5f5f5}.Pagination-Button-Aktiv{border-color:#667eea;font-weight:600}.Modal-Overlay-Rechnung{z-index:100000!important}@media (min-width:1400px){.Modal-Content{max-width:1400px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.Modal-Content{max-width:90vw}}@media (max-width:768px){.Modal-Overlay{align-items:flex-end;padding:.5rem}.Modal-Content{-webkit-overflow-scrolling:touch;border-radius:12px 12px 0 0;max-height:90vh;max-width:100%;overflow-y:auto;width:100%}.Modal-Header{background:#fff;border-bottom:2px solid #e0e0e0;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.Modal-Header h2{font-size:1.2rem}.Modal-Form{padding:1rem}.Form-Group{margin-bottom:1rem}.Geraeteart-Auswahl{gap:.5rem;grid-template-columns:repeat(2,1fr)}.Geraeteart-Button{font-size:.9rem;padding:.75rem .5rem}.Modal-Actions{background:#fff;border-top:2px solid #e0e0e0;bottom:0;flex-direction:column;gap:.75rem;padding:1rem;position:-webkit-sticky;position:sticky}.Modal-Actions button{width:100%}.Auftrag-Schritt,.Kostenvoranschlag-Gesamtsumme,.Kostenvoranschlag-Positionen{padding:1rem}}@media (max-width:480px){.Modal-Overlay{padding:0}.Modal-Content{border-radius:0;max-height:100vh}.Geraeteart-Button,.Modal-Header{padding:.75rem}.Modal-Header h2{font-size:1.1rem}.Modal-Form{padding:.75rem}.Geraeteart-Auswahl{grid-template-columns:1fr}.KundenSuche-Ergebnisse{max-height:200px}}.Modal-Header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff}.Modal-Header h2{color:#fff}.Modal-Close{background:#fff3;border-radius:50%;color:#fff}.Modal-Close:hover{background:#ffffff4d;color:#fff}.Modal-Error{background:#fee;border-left:4px solid #c33;border-radius:6px;color:#c33;margin:1rem;padding:1rem}.Modal-Form{padding:1.5rem}.Checkbox-Group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.Checkbox-Group input[type=checkbox]{cursor:pointer;width:auto}.Modal-Actions{margin-top:2rem;padding-top:1.5rem}.Zurueck-Button{align-items:center;background:#f5f5f5;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#666;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.625rem 1.25rem;transition:all .3s ease}.Zurueck-Button:hover{background:#fafafa;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Zurueck-Button:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Ausgewaehlter-Kunde{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;color:#333;font-weight:600;padding:.75rem}.Geraeteart-Auswahl{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.5rem}.Geraeteart-Button{background:#fff;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:all .3s ease}.Geraeteart-Button:hover{background:#fafafa;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Geraeteart-Button:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Geraeteart-Button-Aktiv{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000001f;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff}.Geraeteart-Button-Aktiv:hover{background:linear-gradient(135deg,#5568d3,#653d91);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Geraeteart-Button-Aktiv:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Modal-Content::-webkit-scrollbar{width:8px}.Modal-Content::-webkit-scrollbar-track{background:#f1f1f1}.Modal-Content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.Modal-Content::-webkit-scrollbar-thumb:hover{background:#555}.Form-Section{margin:1.5rem 0;padding:1rem 0}.Form-Section-Title{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.Positionen-Liste{display:flex;flex-direction:column;gap:1.5rem}.Position-Item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;position:relative}.Position-Nummer{color:#667eea;font-size:1rem;font-weight:600;min-width:30px;padding-top:.5rem}.Position-Details{grid-gap:1rem;align-items:end;display:grid;flex:1 1;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr}.Position-Beschreibung-Gruppe,.Rechnung-Kunden-Suche-Container{position:relative}.Suchergebnisse-Dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;left:0;list-style:none;margin:.25rem 0 0;max-height:300px;min-width:100%;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;width:100%;z-index:10001}.Suchergebnisse-Dropdown li{word-wrap:break-word;border-bottom:1px solid #f0f0f0;color:#000;cursor:pointer;font-size:.9rem;line-height:1.5;overflow-wrap:break-word;padding:.75rem 1rem;transition:background .2s;white-space:normal;word-break:break-word}.Suchergebnisse-Dropdown li:hover{background:#f5f5f5}.Suchergebnisse-Dropdown li:last-child{border-bottom:none}.Bruttopreis-Feld{background:#e8f5e9;border:2px solid #4caf50;color:#2e7d32;cursor:not-allowed;font-weight:600}.Position-Aktionen{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;padding-top:.5rem}.Add-Position-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:36px;justify-content:center;line-height:1;transition:transform .2s,box-shadow .2s;width:36px}.Add-Position-Button:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.Remove-Position-Button{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:300;height:36px;justify-content:center;line-height:1;transition:background .2s;width:36px}.Remove-Position-Button:hover{background:#c00}.Gesamtsumme-Details{background:#f8f9fa;border-radius:8px;border-top:3px solid #667eea;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.Gesamtsumme-Item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 0}.Gesamtsumme-Item:last-child{border-bottom:none}.Gesamtsumme-Item label{color:#666;font-size:.95rem;font-weight:600}.Gesamtsumme-Item span{color:#333;font-size:1rem;font-weight:600}.Gesamtsumme-Total{border-top:2px solid #667eea;margin-top:.5rem;padding-top:1rem}.Gesamtsumme-Total label{color:#667eea;font-size:1.1rem}.Gesamtsumme-Total span{color:#667eea;font-size:1.3rem}@media (max-width:768px){.Position-Details{gap:.75rem;grid-template-columns:1fr}.Position-Aktionen{flex-direction:row;justify-content:center;padding-top:1rem;width:100%}.Gesamtsumme-Details{padding:1rem}}.AuftraegeUebersicht{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Uebersicht-Header{flex-direction:column;gap:.6rem}.Uebersicht-Header-Top{align-items:center;display:flex;justify-content:space-between;width:100%}.Uebersicht-Header-Actions{position:relative}.Hauptmenue-Button{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s;width:36px;z-index:1001}.Hauptmenue-Button:hover{background:#f5f5f5;border-color:#667eea;z-index:1002}.Hauptmenue-Dots{color:#666;display:inline-block;font-size:1.2rem;font-weight:700;line-height:1;transform:rotate(90deg)}.Hauptmenue-Button:hover .Hauptmenue-Dots{color:#667eea}.Hauptmenue-Dropdown{animation:slideDown .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10010}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.Hauptmenue-Option{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;transition:background .2s;width:100%;z-index:10011}.Hauptmenue-Option:hover{background:#f5f5f5;z-index:10012}.Hauptmenue-Option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.Hauptmenue-Option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.Hauptmenue-Icon{align-items:center;display:flex;font-size:1.1rem;justify-content:center;width:20px}.Uebersicht-Header>div:first-of-type{align-items:center;display:flex;justify-content:space-between;width:100%}.Uebersicht-Status-Filter-Dropdown-Container{display:inline-block;margin-bottom:.85rem;position:relative}.Uebersicht-Status-Filter-Dropdown-Button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.Uebersicht-Status-Filter-Dropdown-Button:hover{background:#fafafa;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Uebersicht-Status-Filter-Dropdown-Button-Aktiv{background:#f0f4ff;border-color:#667eea}.Uebersicht-Status-Filter-Dropdown-Label{align-items:center;display:flex;gap:.5rem}.Uebersicht-Status-Filter-Dropdown-Icon{height:16px;transition:transform .2s;width:16px}.Uebersicht-Status-Filter-Dropdown-Menu{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;left:0;max-height:400px;max-width:90vw;min-width:250px;overflow-y:auto;padding:.5rem;position:absolute;top:calc(100% + .5rem);z-index:1000}.Uebersicht-Status-Filter-Dropdown-Option{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.25rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.Uebersicht-Status-Filter-Dropdown-Option:hover{background:#f8f9fa}.Uebersicht-Status-Filter-Dropdown-Option-Aktiv{background:#f0f4ff;color:#667eea;font-weight:600}.Uebersicht-Status-Filter-Dropdown-Count{font-size:.85rem;margin-left:.5rem;opacity:.7}.Uebersicht-Filter-Button{border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;font-size:.9rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;position:relative;transition:all .3s ease;z-index:10}.Uebersicht-Filter-Button:hover{background:#fafafa;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px);z-index:11}.Uebersicht-Filter-Button:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Uebersicht-Filter-Button-Aktiv{border:1px solid #0000001f;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d}.Uebersicht-Filter-Button-Aktiv:hover{background:#5568d3;border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Uebersicht-Suchfeld-Container{margin-bottom:.85rem}.Uebersicht-Suchfeld{font-size:.8rem;padding:.6rem .9rem}.Uebersicht-Status-Filter{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.5rem 1rem}.Uebersicht-Status-Filter-Label{color:#666;font-size:.9rem;font-weight:500}.Uebersicht-Status-Filter-Entfernen{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.Uebersicht-Status-Filter-Entfernen:hover{background:#e0e0e0;color:#333}.Uebersicht-Tabelle-Container{z-index:1}.Uebersicht-Tabelle{position:relative;width:100%}.Uebersicht-Tabelle td{position:relative}.Uebersicht-Zeile-Klickbar{cursor:pointer;position:relative;transition:background .2s,transform .1s;z-index:1}.Uebersicht-Zeile-Klickbar:hover{background:#f0f4ff!important;transform:scale(1.01);z-index:10}.Uebersicht-Zeile-Klickbar:active{transform:scale(.99)}.Uebersicht-Nummer{font-family:monospace;width:80px}.Uebersicht-Auftragsnummer{color:#333;font-weight:600}.Uebersicht-Geraeteart{background:#e8f5e9;border-radius:12px;color:#2e7d32;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.Uebersicht-Geraet{font-size:.9rem}.Uebersicht-Hersteller{color:#333;font-weight:600;margin-bottom:.25rem}.Uebersicht-Modell{color:#666;margin-bottom:.25rem}.Uebersicht-Modellnummer{color:#999;font-family:monospace;font-size:.85rem}.Uebersicht-Kein-Geraet{color:#999;font-style:italic}.Uebersicht-Zustand{background:#fff3e0;border-radius:12px;color:#e65100;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.Status-Container{align-items:center;display:flex;gap:.5rem;position:relative;z-index:1}.Status-Badge{border-radius:10px;font-size:.75rem;padding:.2rem .6rem}.Status-Dropdown-Button,.Status-Dropdown-Container{position:relative;z-index:10001}.Status-Dropdown-Button{align-items:center;background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background .2s}.Status-Dropdown-Button:hover{background:#f0f4ff;z-index:10002}.Status-Dropdown-Icon{height:16px;transition:transform .2s;width:16px}.Status-Dropdown-Button-Aktiv .Status-Dropdown-Icon{transform:rotate(180deg)}.Status-Dropdown-Menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90vw;min-width:200px;overflow:hidden;position:fixed;z-index:10010}.Status-Dropdown-Option{position:relative;z-index:10011}.Status-Dropdown-Option-Aktiv,.Status-Dropdown-Option:hover{z-index:10012}.Status-Website-Anfrage{background:#e0f2f1;color:#00695c}.Status-In-Arbeit{background:#e3f2fd;color:#1976d2}.Status-Ersatzteile-Bestellt{background:#f3e5f5;color:#7b1fa2}.Status-Abgeschlossen{background:#e8f5e9;color:#2e7d32}.Uebersicht-Datum{font-size:.9rem}.Aktionen-Container{align-items:center;display:flex;gap:.5rem}.Bearbeiten-Button{align-items:center;background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:background .2s;z-index:10}.Bearbeiten-Button:hover{background:#f0f4ff;z-index:11}.Bearbeiten-Icon{height:18px;width:18px}.Loeschen-Button{align-items:center;background:none;border:none;border-radius:4px;color:#f44;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background .2s}.Loeschen-Button:hover{background:#ff44441a}.Loeschen-Icon{height:18px;width:18px}.Aktionen-Dropdown-Container{position:relative}.Aktionen-Dropdown-Button{align-items:center;background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:relative;transition:background .2s;z-index:10001}.Aktionen-Dropdown-Button:hover{background:#f0f4ff;z-index:10002}.Aktionen-Dropdown-Button-Aktiv{background:#f0f4ff}.Aktionen-Dropdown-Icon{height:18px;transition:transform .2s;width:18px}.Aktionen-Dropdown-Button-Aktiv .Aktionen-Dropdown-Icon{transform:rotate(45deg)}.Aktionen-Dropdown-Menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90vw;min-width:200px;overflow:hidden;position:fixed;z-index:10010}.Aktionen-Dropdown-Option{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;transition:background .2s;width:100%;z-index:10011}.Aktionen-Dropdown-Option:hover{background:#f5f5f5;z-index:10012}.Aktionen-Dropdown-Option-Icon{color:#667eea;flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.AuftraegeUebersicht{padding:1rem}.Uebersicht-Header{align-items:flex-start;flex-direction:column;gap:.5rem}.Uebersicht-Tabelle{font-size:.8rem}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.5rem .25rem}.Uebersicht-Header h2{font-size:1.1rem;white-space:nowrap}.AuftraegeUebersicht{padding:0}.Uebersicht-Header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.Uebersicht-Header h2{font-size:1rem;white-space:nowrap}.Uebersicht-Suchfeld-Container{padding:0 1rem;width:100%}.Uebersicht-Suchfeld{width:100%}.Uebersicht-Tabelle-Container{-webkit-overflow-scrolling:touch;overflow-x:auto}.Uebersicht-Tabelle{font-size:.8rem;min-width:800px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.5rem;white-space:nowrap}.Uebersicht-Nummer{font-size:.85rem}.Status-Badge{font-size:.75rem;padding:.25rem .5rem}.Aktionen-Dropdown-Button,.Bearbeiten-Button{padding:.4rem}.Aktionen-Dropdown-Icon,.Bearbeiten-Icon{height:16px;width:16px}}@media (max-width:480px){.Uebersicht-Header{padding:.75rem}.Uebersicht-Header h2{font-size:.95rem;white-space:nowrap}.Uebersicht-Info{font-size:.85rem}.Uebersicht-Suchfeld-Container{padding:0 .75rem}.Uebersicht-Tabelle{font-size:.75rem;min-width:700px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.4rem .3rem}}.Pagination-Container{align-items:center;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:space-between;margin-top:1rem;padding-top:.85rem}.Pagination-Info{color:#666;font-size:.8rem}.Pagination-Controls{align-items:center;display:flex;gap:.5rem}.Pagination-Button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#333;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 .65rem;transition:all .3s ease}.Pagination-Button:hover:not(:disabled){background:#fafafa;border-color:#667eea;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;color:#667eea;transform:translateY(-1px)}.Pagination-Button:active:not(:disabled){box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Pagination-Button:disabled{cursor:not-allowed;opacity:.5}.Pagination-Button-Aktiv{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000001f;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff;font-weight:500}.Pagination-Button-Aktiv:hover{background:linear-gradient(135deg,#5568d3,#653a92);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Pagination-Button-Aktiv:active{box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Pagination-Ellipsis{color:#999;font-size:.9rem;padding:0 .5rem}.Pagination-ItemsPerPage{align-items:center;display:flex}.Pagination-ItemsPerPage select:focus{border-color:#667eea;outline:none}@media (max-width:768px){.Pagination-Container{align-items:stretch;flex-direction:column}.Pagination-Info{text-align:center}.Pagination-Controls{flex-wrap:wrap;justify-content:center}.Pagination-ItemsPerPage{justify-content:center;width:100%}}.Import-Modal-Overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:100000}.Import-Modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:1000px}.Import-Modal-Header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.Import-Modal-Header h2{color:#333;font-size:1.5rem;margin:0}.Import-Modal-Close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.Import-Modal-Close:hover{background:#f0f0f0;color:#333}.Import-Modal-Content{flex:1 1;overflow-y:auto;padding:2rem}.Import-Error,.Import-Loading{font-size:1.1rem;padding:3rem;text-align:center}.Import-Error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#e74c3c}.Import-Info{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1rem 1.5rem}.Import-Info p{font-size:.95rem;margin:0}.Import-Info strong{color:#667eea}.Import-Mapping{margin-bottom:2rem}.Import-Mapping h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.Import-Mapping-Hint{color:#666;font-size:.9rem;margin:0 0 1rem}.Import-Mapping-Hint strong{color:#e74c3c}.Import-Mapping-Table{border:1px solid #e0e0e0;border-radius:8px;overflow-x:auto}.Import-Mapping-Table table{border-collapse:collapse;font-size:.9rem;width:100%}.Import-Mapping-Table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:.75rem 1rem;text-align:left}.Import-Mapping-Table td{border-bottom:1px solid #f0f0f0;padding:.75rem 1rem}.Import-Mapping-Table tr:hover{background:#f8f9fa}.Import-Column-Name{color:#667eea;font-weight:500}.Import-Field-Select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem;transition:border-color .2s;width:100%}.Import-Field-Select:focus{border-color:#667eea;outline:none}.Import-Preview-Value{color:#666;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Import-Preview{margin-top:2rem}.Import-Preview h3{color:#333;font-size:1.2rem;margin:0 0 1rem}.Import-Preview-Table{border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow-x:auto;overflow-y:auto}.Import-Preview-Table table{border-collapse:collapse;font-size:.85rem;width:100%}.Import-Preview-Table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:.75rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.Import-Preview-Table td{border-bottom:1px solid #f0f0f0;max-width:200px;overflow:hidden;padding:.75rem;text-overflow:ellipsis;white-space:nowrap}.Import-Preview-Table tr:hover{background:#f8f9fa}.Import-Modal-Footer{background:#f8f9fa;border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.Import-Button-Cancel,.Import-Button-Import{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.Import-Button-Cancel{background:#e0e0e0;color:#333}.Import-Button-Cancel:hover{background:#d0d0d0}.Import-Button-Import{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.Import-Button-Import:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Import-Button-Import:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.Import-Modal{max-height:95vh;max-width:95vw}.Import-Modal-Content{padding:1rem}.Import-Info{grid-template-columns:1fr}.Import-Mapping-Table,.Import-Preview-Table{font-size:.8rem}}.RechnungenUebersicht{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Uebersicht-Header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.6rem}.Uebersicht-Header h2{color:#333;font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.Uebersicht-Info{color:#666;font-size:.75rem;white-space:nowrap}.Uebersicht-Error,.Uebersicht-Loading{color:#666;padding:2rem;text-align:center}.Uebersicht-Error{color:#c33}.Uebersicht-Leer{color:#999;padding:2rem;text-align:center}.Uebersicht-Filterleiste{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.85rem;padding:.6rem}.Uebersicht-Filterleiste-Titel{color:#333;font-size:.85rem;font-weight:600;white-space:nowrap}.Uebersicht-Filterleiste-Buttons{display:flex;flex-wrap:wrap;gap:.5rem}.Uebersicht-Filter-Button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .85rem;transition:all .2s}.Uebersicht-Filter-Button:hover{background:#f0f4ff;border-color:#667eea}.Uebersicht-Filter-Button-Aktiv{background:#667eea;border-color:#667eea;color:#fff}.Uebersicht-Filter-Button-Aktiv .Status-Badge{background:#fff3;border-color:#ffffff4d;color:#fff}.Uebersicht-Filter-Button .Status-Badge{font-size:.85rem;margin:0;padding:.25rem .5rem}.Uebersicht-Filter-Count{font-size:.85rem;font-weight:500;opacity:.8}.Uebersicht-Filter-Button-Aktiv .Uebersicht-Filter-Count{font-weight:600;opacity:1}.Uebersicht-Suchfeld-Container{margin-bottom:1.5rem}.Uebersicht-Suchfeld{background:#fafafa;border:1.5px solid #00000014;border-radius:12px;box-shadow:inset 0 1px 3px #0000000a;font-size:.9rem;padding:.7rem 1rem;transition:all .3s ease;width:100%}.Uebersicht-Suchfeld:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,inset 0 1px 3px #0000000a;outline:none}.Uebersicht-Tabelle-Container{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;position:relative;scrollbar-width:thin}.Uebersicht-Tabelle-Container::-webkit-scrollbar{height:8px}.Uebersicht-Tabelle-Container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.Uebersicht-Tabelle-Container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.Uebersicht-Tabelle-Container::-webkit-scrollbar-thumb:hover{background:#555}.Uebersicht-Tabelle{border-collapse:collapse;font-size:.85rem;table-layout:auto;width:auto}.Uebersicht-Tabelle thead{background:#f8f9fa}.Uebersicht-Tabelle th{border-bottom:1px solid #e0e0e0;color:#333;font-size:.75rem;font-weight:600;padding:.55rem .7rem;text-align:left;white-space:nowrap;width:auto}.Uebersicht-Tabelle td{border-bottom:1px solid #f0f0f0;font-size:.8rem;padding:.55rem .7rem;white-space:nowrap}.Uebersicht-Tabelle tbody tr{position:relative;z-index:1}.Uebersicht-Tabelle tbody tr:hover{background:#f8f9fa;z-index:10}.Uebersicht-Nummer{color:#667eea;font-weight:600;min-width:40px;text-align:center;width:auto}.Uebersicht-Rechnungsnummer{color:#333;font-family:monospace;font-weight:600}.Uebersicht-Name{color:#333;font-weight:600}.Uebersicht-Auftragsnummer{color:#666;font-family:monospace;font-size:.8rem}.Uebersicht-Betrag{color:#2e7d32;font-size:.85rem;font-weight:600}.Uebersicht-MwSt{color:#666;font-size:.8rem}.Uebersicht-Zahlungsmethode{color:#333;font-size:.85rem;font-weight:500}.Status-Badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.Status-Offen{background:#fff3e0;color:#e65100}.Status-Bezahlt{background:#e8f5e9;color:#2e7d32}.Status-Ueberfaellig{background:#ffebee;color:#c62828}.Status-Unbekannt{background:#f5f5f5;color:#666}.Status-Badge-Button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;padding:0;transition:opacity .2s}.Status-Badge-Button:hover{opacity:.8}.Status-Badge-Button-Disabled{cursor:not-allowed;opacity:1}.Status-Badge-Button-Disabled:hover{opacity:1}.Status-Dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1000}.Status-Dropdown-Option{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.Status-Dropdown-Option:hover{background:#f8f9fa}.Status-Dropdown-Option-Aktiv{background:#f0f4ff;color:#667eea;font-weight:600}.Status-Dropdown-Option-Aktiv:hover{background:#e3f2fd}.Uebersicht-Status-Zelle{position:relative}.Uebersicht-Datum{color:#666;font-size:.8rem}@media (max-width:1024px){.Uebersicht-Tabelle{font-size:.85rem}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.75rem .5rem}}@media (max-width:768px){.RechnungenUebersicht{padding:1rem}.Uebersicht-Header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.Uebersicht-Header h2{font-size:1rem;white-space:nowrap}.Uebersicht-Suchfeld-Container{padding:0 1rem;width:100%}.Uebersicht-Tabelle-Container{-webkit-overflow-scrolling:touch;overflow-x:auto}.Uebersicht-Tabelle{font-size:.8rem;min-width:700px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.5rem;white-space:nowrap}}@media (max-width:480px){.RechnungenUebersicht,.Uebersicht-Header{padding:.75rem}.Uebersicht-Header h2{font-size:.95rem;white-space:nowrap}.Uebersicht-Info{font-size:.85rem}.Uebersicht-Suchfeld-Container{padding:0 .75rem}.Uebersicht-Tabelle{font-size:.75rem;min-width:600px}.Uebersicht-Tabelle td,.Uebersicht-Tabelle th{padding:.4rem .3rem}}.Reparaturpreise{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Reparaturpreise-Header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.Reparaturpreise-Header h2{color:#333;font-size:2rem;margin:0}.Reparaturpreise-Aktionen{display:flex;gap:1rem}.Reparaturpreise-Import-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.Reparaturpreise-Import-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Reparaturpreise-Error{background:#ffebee;border:2px solid #f44336;border-radius:8px;color:#c62828;margin-bottom:1rem;padding:1rem}.Reparaturpreise-Success{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;color:#2e7d32;margin-bottom:1rem;padding:1rem}.Reparaturpreise-Suche{margin-bottom:1.5rem}.Reparaturpreise-Suchfeld{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.Reparaturpreise-Suchfeld:focus{border-color:#667eea;outline:none}.Reparaturpreise-Info{color:#666;font-size:.95rem;margin-bottom:1rem}.Reparaturpreise-Tabelle-Container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.Reparaturpreise-Tabelle{border-collapse:collapse;width:100%}.Reparaturpreise-Tabelle thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.Reparaturpreise-Tabelle th{font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.Reparaturpreise-Tabelle td{border-bottom:1px solid #f0f0f0;padding:1rem}.Reparaturpreise-Tabelle tbody tr:hover{background:#f8f9fa}.Reparaturpreise-Beschreibung{word-wrap:break-word;max-width:400px;white-space:normal}.Reparaturpreise-Aktionen-Zelle{display:flex;gap:.5rem}.Reparaturpreise-Bearbeiten-Button,.Reparaturpreise-Loeschen-Button{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:background .2s}.Reparaturpreise-Bearbeiten-Button:hover{background:#e3f2fd}.Reparaturpreise-Loeschen-Button:hover{background:#ffebee}.Reparaturpreise-Leer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.Reparaturpreise-Leer,.Reparaturpreise-Loading{color:#666;padding:3rem;text-align:center}.Reparaturpreise-Bearbeiten-Modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.Reparaturpreise-Bearbeiten-Content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;max-width:95vw;overflow-y:auto;padding:2rem;width:100%}.Reparaturpreise-Bearbeiten-Content h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.Reparaturpreise-Bearbeiten-Form{display:flex;flex-direction:column;gap:1.5rem}.Form-Group{display:flex;flex-direction:column;gap:.5rem}.Form-Group label{color:#333;font-size:.95rem;font-weight:600}.Form-Group input,.Form-Group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s}.Form-Group input:focus,.Form-Group textarea:focus{border-color:#667eea;outline:none}.Form-Input-Disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.Reparaturpreise-Bearbeiten-Aktionen{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.Reparaturpreise-Abbrechen-Button,.Reparaturpreise-Speichern-Button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.Reparaturpreise-Abbrechen-Button{background:#f5f5f5;color:#333}.Reparaturpreise-Abbrechen-Button:hover{background:#e0e0e0}.Reparaturpreise-Speichern-Button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.Reparaturpreise-Speichern-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.Reparaturpreise{padding:1rem}.Reparaturpreise-Header{align-items:flex-start;flex-direction:column;gap:1rem}.Reparaturpreise-Tabelle{font-size:.9rem}.Reparaturpreise-Tabelle td,.Reparaturpreise-Tabelle th{padding:.75rem}}@media (max-width:768px){.Reparaturpreise{padding:.5rem}.Reparaturpreise-Header h2{font-size:1.5rem}.Reparaturpreise-Tabelle{font-size:.85rem;min-width:800px}.Reparaturpreise-Beschreibung{max-width:200px}.Reparaturpreise-Bearbeiten-Content{padding:1.5rem}}@media (max-width:480px){.Reparaturpreise-Header{align-items:stretch;flex-direction:column}.Reparaturpreise-Import-Button{justify-content:center;width:100%}.Reparaturpreise-Bearbeiten-Aktionen{flex-direction:column}.Reparaturpreise-Abbrechen-Button,.Reparaturpreise-Speichern-Button{width:100%}}.Einstellungen{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f,0 4px 16px #0000000a,0 0 0 1px #00000005;box-sizing:border-box;padding:1.5rem}.Einstellungen-Header{margin-bottom:1.5rem}.Einstellungen-Header h2{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.Einstellungen-Container{align-items:stretch;box-sizing:border-box;display:flex;gap:1.5rem;width:100%}.Einstellungen-Sidebar{align-self:stretch;background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 0 0 1px var(--border-color);display:flex;flex-direction:column;flex-shrink:0;max-width:250px;min-width:250px;padding:1rem;width:250px}.Einstellungen-Navigation{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;width:100%}.Einstellungen-Nav-Item{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin:.15rem 0;overflow:hidden;padding:.875rem 1rem;text-align:left;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.Einstellungen-Nav-Item:hover{background:linear-gradient(90deg,#667eea14,#0000);box-shadow:-2px 0 8px #667eea1a,inset 0 0 0 1px #667eea0d;color:var(--primary-color);transform:translateX(2px)}.Einstellungen-Nav-Item-Aktiv{background:linear-gradient(90deg,#667eea1f,#667eea0a);border-left-color:var(--primary-color);box-shadow:-2px 0 12px #667eea26,inset 0 0 0 1px #667eea14;color:var(--primary-color);font-weight:600}.Einstellungen-Nav-Icon{align-items:center;display:flex;font-size:1.25rem;justify-content:center;width:24px}.Einstellungen-Nav-Label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Einstellungen-Content{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 0 0 1px var(--border-color);box-sizing:border-box;flex:1 1;min-width:0;padding:1.5rem;width:100%}.Zahlungsmethoden-Tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.5rem;margin-bottom:2rem}.Zahlungsmethoden-Tab{background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .2s}.Zahlungsmethoden-Tab:hover{background:#667eea0d;color:#667eea}.Zahlungsmethoden-Tab-Aktiv{border-bottom-color:#667eea;color:#667eea;font-weight:600}.Einstellungen-Error{background:#ffebee;border-left:4px solid #c62828;color:#c62828}.Einstellungen-Error,.Einstellungen-Success{border-radius:6px;margin-bottom:1.5rem;padding:1rem}.Einstellungen-Success{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.Einstellungen-Section{border-bottom:2px solid #f0f0f0;box-sizing:border-box;margin-bottom:3rem;padding-bottom:2rem;width:100%}.Einstellungen-Section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.Einstellungen-Section-Title{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1.5rem;margin:0 0 .5rem;padding-bottom:.5rem}.Einstellungen-Section-Description{color:#666;font-size:.95rem;margin:0 0 1.5rem}.Zahlungsarten-Verwaltung{box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;width:100%}.Zahlungsarten-Gaengige{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;padding:1.5rem;width:100%}.Zahlungsarten-Gaengige h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.Zahlungsarten-Gaengige-Info{color:#666;font-size:.9rem;margin:0 0 1rem}.Zahlungsarten-Gaengige-Grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.Zahlungsarten-Gaengige-Button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;position:relative;text-align:center;transition:all .2s}.Zahlungsarten-Gaengige-Button:hover:not(:disabled){background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 8px #667eea33;color:#667eea;transform:translateY(-2px)}.Zahlungsarten-Gaengige-Button:disabled{cursor:not-allowed;opacity:.8}.Zahlungsarten-Gaengige-Button-Aktiv,.Zahlungsarten-Gaengige-Button:disabled{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.Zahlungsarten-Gaengige-Check{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:20px}.Zahlungsarten-Hinzufuegen h4,.Zahlungsarten-Liste h4{color:#333;font-size:1.1rem;margin:0 0 .5rem}.Zahlungsarten-Hinzufuegen-Info{color:#666;font-size:.9rem;margin:0 0 1rem}.Zahlungsarten-Leer{background:#f9f9f9;border-radius:6px;color:#999;font-style:italic;padding:1rem}.Zahlungsarten-Liste-Items{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.Zahlungsarten-Item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.Zahlungsarten-Item:hover{background:#f0f0f0;border-color:#667eea}.Zahlungsarten-Item-Name{color:#333;font-weight:500}.Zahlungsarten-Item-Entfernen{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:24px}.Zahlungsarten-Item-Entfernen:hover{background:#c00}.Zahlungsarten-Hinzufuegen-Form{align-items:center;display:flex;gap:1rem}.Zahlungsarten-Input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .2s}.Zahlungsarten-Input:focus{border-color:#667eea;outline:none}.Zahlungsarten-Hinzufuegen-Button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:transform .2s,box-shadow .2s}.Zahlungsarten-Hinzufuegen-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.Firmendaten-Formular{box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;width:100%}.Firmendaten-Gruppe{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;padding:1.5rem;width:100%}.Firmendaten-Gruppe-Title{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.Firmendaten-Felder{grid-gap:1rem;align-items:flex-start;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.Firmendaten-Feld{box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;width:100%}.Firmendaten-Feld label{color:#333;font-size:.9rem;font-weight:600}.Firmendaten-Feld label:after{content:""}.Firmendaten-Feld input[required]+label:after,.Firmendaten-Feld:has(input[required]) label:after{color:#f44;content:" *"}.Firmendaten-Feld input,.Firmendaten-Feld select{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s}.Firmendaten-Feld input:focus,.Firmendaten-Feld select:focus{border-color:#667eea;outline:none}.Firmendaten-Feld-Breit{grid-column:span 2}.Firmendaten-Feld-Schmal{grid-column:span 1}.Firmendaten-Feld-Vollbreite{grid-column:1/-1}.Firmendaten-Aktionen{border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.Firmendaten-Speichern-Button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000001f;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease}.Firmendaten-Speichern-Button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653d91);border-color:#0000001f;box-shadow:0 4px 12px #667eea26,0 2px 6px #0000001a;transform:translateY(-1px)}.Firmendaten-Speichern-Button:active:not(:disabled){box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;transform:translateY(0)}.Firmendaten-Speichern-Button:disabled{cursor:not-allowed;opacity:.6}.Firmendaten-Feld-Hinweis{color:#666;display:block;font-size:.75rem;margin-top:.25rem}.Rechnungsnummer-Vorschau{background:#f0f0f0;border:2px solid #667eea;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;padding:1rem;text-align:center}.Logo-Upload-Container{display:flex;flex-direction:column;gap:1rem}.Logo-Vorschau-Container{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;display:inline-block;padding:1rem;position:relative;text-align:center}.Logo-Vorschau{height:auto;max-height:60px;max-width:200px;object-fit:contain;width:auto}.Logo-Entfernen-Button{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:24px}.Logo-Entfernen-Button:hover{background:#c00}.Logo-Upload-Platzhalter{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;color:#999;padding:2rem;text-align:center}.Logo-Upload-Icon{color:#ccc;height:48px;margin:0 auto .5rem;width:48px}.Logo-Upload-Button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.Logo-Upload-Button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.Einstellungen-Container{flex-direction:column}.Einstellungen-Sidebar{position:static;width:100%}.Einstellungen-Navigation{flex-direction:row;overflow-x:auto}.Einstellungen-Nav-Item{border-bottom:3px solid #0000;border-left:none;white-space:nowrap}.Einstellungen-Nav-Item-Aktiv{border-bottom-color:#667eea;border-left:none}}@media (max-width:768px){.Einstellungen{padding:1rem}.Einstellungen-Header h2{font-size:1.5rem}.Einstellungen-Content{padding:1.5rem}.Einstellungen-Section-Title{font-size:1.3rem}.Firmendaten-Felder{gap:1rem;grid-template-columns:1fr}.Firmendaten-Feld-Breit,.Firmendaten-Feld-Schmal,.Firmendaten-Feld-Vollbreite{grid-column:1}.Firmendaten-Aktionen{justify-content:stretch}.Firmendaten-Speichern-Button{width:100%}.Zahlungsarten-Gaengige-Grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.Zahlungsarten-Hinzufuegen-Form{flex-direction:column}.Zahlungsarten-Hinzufuegen-Button,.Zahlungsarten-Input{width:100%}.Zahlungsmethoden-Tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.Zahlungsmethoden-Tab{flex-shrink:0;white-space:nowrap}}@media (max-width:480px){.Einstellungen{padding:.75rem}.Einstellungen-Header h2{font-size:1.2rem}.Einstellungen-Content{padding:1rem}.Einstellungen-Section-Title{font-size:1.1rem}.Firmendaten-Gruppe-Title{font-size:1rem}.Zahlungsarten-Gaengige-Grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.Zahlungsarten-Gaengige-Button{font-size:.85rem;padding:.5rem .75rem}}.ReparaturanfragenUebersicht{margin:0 auto;max-width:1400px;padding:20px}.ReparaturanfragenUebersicht-Header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:30px}.ReparaturanfragenUebersicht-Header h1{color:#333;font-size:2rem;margin:0;text-align:center}.ReparaturanfragenUebersicht-Header-Action{display:flex;justify-content:center;width:100%}.refresh-button{align-items:center;background-color:#f8f9fa;border:1px solid #000;border-radius:15px;box-shadow:0 4px 12px 2px #0003;color:#333;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:10px 20px;transition:all .3s}.refresh-button:hover{background-color:#e9ecef;box-shadow:0 6px 16px 3px #00000040;transform:translateY(-1px)}.empty-state,.error-container,.loading-container{color:#666;padding:40px;text-align:center}.error-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.anfragen-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.anfrage-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:box-shadow .3s,transform .3s}.anfrage-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.anfrage-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.anfrage-typ-badge{background-color:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.875rem;font-weight:500;padding:5px 12px}.anfrage-datum{color:#666;font-size:.875rem}.anfrage-card-body{margin-bottom:15px}.anfrage-kunde{color:#333;font-size:1.1rem;margin-bottom:10px}.anfrage-kontakt{color:#666;font-size:.9rem;margin-bottom:10px}.anfrage-kontakt div{margin-bottom:5px}.anfrage-geraet{background-color:#f5f5f5;border-radius:4px;color:#555;font-size:.9rem;margin-bottom:10px;padding:8px}.anfrage-beschreibung{background-color:#f9f9f9;border-radius:4px;color:#666;font-size:.9rem;margin-top:10px;max-height:100px;overflow-y:auto;padding:10px}.anfrage-notizen{background-color:#fff9e6;border-left:3px solid #ffc107;border-radius:4px;color:#888;font-size:.85rem;margin-top:10px;padding:8px}.anfrage-card-actions{display:flex;flex-wrap:wrap;gap:10px}.anfrage-card-actions button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:.9rem;min-width:100px;padding:8px 12px;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.anfrage-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.anfrage-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.anfrage-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.anfrage-modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.close-button:hover{background-color:#f0f0f0}.anfrage-modal-body{padding:20px}.anfrage-details-section{margin-bottom:25px}.anfrage-details-section h3{border-bottom:2px solid #007bff;color:#333;font-size:1.2rem;margin:0 0 15px;padding-bottom:5px}.detail-grid{grid-gap:10px 20px;align-items:start;display:grid;gap:10px 20px;grid-template-columns:150px 1fr}.detail-label{color:#555;font-weight:600}.detail-value{color:#333;word-break:break-word}.anfrage-nachricht{background-color:#f9f9f9;border-radius:4px;padding:15px;white-space:pre-wrap;word-break:break-word}.notizen-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;padding:10px;resize:vertical;width:100%}.anfrage-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.anfrage-modal-footer button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .3s}@media (max-width:768px){.anfragen-grid{grid-template-columns:1fr}.ReparaturanfragenUebersicht-Header{align-items:flex-start;flex-direction:column;gap:15px}.anfrage-card-actions{flex-direction:column}.anfrage-card-actions button{width:100%}.detail-grid{grid-template-columns:1fr}.detail-label{margin-bottom:5px}.anfrage-modal-footer{flex-direction:column}.anfrage-modal-footer button{width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h1{color:#333;font-size:1.5rem;margin-bottom:.5rem}.login-box h2{color:#666;font-size:1.2rem;font-weight:400;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.error-message{background-color:#fee;border-radius:4px;color:#e74c3c;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.login-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s;width:100%}.login-button:hover:not(:disabled){background-color:#5568d3}.login-button:disabled{cursor:not-allowed;opacity:.6}.access-request-link{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.access-request-link p{color:#666;font-size:.9rem;margin-bottom:.5rem}.request-access-button{background-color:initial;border:1px solid #667eea;border-radius:4px;color:#667eea;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.request-access-button:hover{background-color:#667eea;color:#fff}.form-actions{display:flex;gap:.5rem}.cancel-button{background-color:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s}.cancel-button:hover{background-color:#7f8c8d}@media (max-width:768px){.login-box{margin:1rem;padding:1.5rem}.login-box h1{font-size:1.3rem}.login-box h2{font-size:1.1rem}}@media (max-width:480px){.login-box{border-radius:6px;padding:1rem}.login-box h1{font-size:1.2rem}.login-box h2{font-size:1rem}.form-group input,.form-group textarea{font-size:.95rem}}
/*# sourceMappingURL=main.6ca30efe.css.map*/