@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-primary:#0a0a0c;--bg-secondary:#0f0f11;--bg-tertiary:#1a1a1e;--accent-gold:#c5a059;--accent-gold-hover:#d4b47a;--text-primary:#fff;--text-secondary:#a1a1aa;--border-primary:#ffffff1a;--glass-bg:#0f0f11cc;--glass-border:#c5a05933;--shadow-main:0 10px 30px -10px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}.light-theme{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f5;--text-primary:#1a1a1e;--text-secondary:#5c5f66;--border-primary:#00000014;--glass-bg:#ffffffe6;--glass-border:#c5a0594d;--shadow-main:0 10px 30px -10px #0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;text-transform:uppercase;font-weight:800}a{color:inherit;text-decoration:none;transition:all .3s}button{cursor:pointer;border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.gold-gradient{background:linear-gradient(135deg,#c5a059 0%,#8e6d31 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#000;background:linear-gradient(135deg,#c5a059 0%,#8e6d31 100%);box-shadow:0 4px 15px #c5a0594d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #c5a05980}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-gold)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.section-title{text-align:center;margin-bottom:3rem;font-size:3rem}@media (width<=768px){.section-title{font-size:2rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-20{gap:5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2/span 2}}.desktop-only{display:none}.mobile-only{display:block}@media (width>=768px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.w-full{width:100%}.h-full{height:100%}.h-10{height:2.5rem}.w-10{width:2.5rem}.min-h-screen{min-height:100vh}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.pt-20{padding-top:5rem}.m-4{margin:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-right{text-align:right}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-accent-gold\/10{background-color:#c5a0591a}.bg-accent-gold\/20{background-color:#c5a05933}.bg-transparent{background-color:#0000}.bg-bg-secondary\/30{background-color:#1414184d}.bg-bg-secondary\/50{background-color:#14141880}.border{border-style:solid;border-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}.border-white\/5{border-color:#ffffff0d}.border-accent-gold\/20{border-color:#c5a05933}.border-accent-gold\/30{border-color:#c5a0594d}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-black\/80{background-color:#000c}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-accent-gold{color:var(--accent-gold)}.text-text-secondary{color:var(--text-secondary)}.text-white{color:#fff}.text-white\/20{color:#fff3}.text-white\/40{color:#fff6}.hidden{display:none!important}.light-only{display:none}.light-theme .light-only{display:block}.light-theme .dark-only{display:none}.bg-bg-primary{background-color:var(--bg-primary)}.from-bg-primary{--tw-gradient-from:var(--bg-primary)!important}.error-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;width:90%;max-width:380px;padding:24px;box-shadow:0 10px 40px #0003}.error-modal-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.error-modal-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;display:flex}.error-modal-header h2{color:var(--text-primary);flex:1;margin:0;font-size:16px;font-weight:600}.error-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:12px;right:12px}.error-modal-close:hover{color:#ef4444}.error-modal-body{min-height:40px;margin-bottom:16px;padding:12px 0}.error-modal-body p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.error-modal-footer{justify-content:flex-end;display:flex}.error-modal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.error-modal-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.error-modal-btn:active{transform:translateY(0)}@media (width<=480px){.error-modal{max-width:calc(100% - 32px);margin:16px;padding:20px}.error-modal-icon{width:36px;height:36px}.error-modal-header h2{font-size:15px}.error-modal-body p{font-size:13px}}.confirm-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;width:90%;max-width:420px;animation:.3s slideIn;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#c5a0591a,#c5a0590d);align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex;position:relative}.confirm-modal-icon{color:#f97316;background:#f9731633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.confirm-modal-header h2{color:var(--text-primary);flex:1;margin:0;font-size:1.25rem;font-weight:700}.confirm-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.confirm-modal-close:hover{color:var(--accent-gold);background:#6464641a;transform:rotate(90deg)}.confirm-modal-body{justify-content:center;align-items:center;min-height:80px;padding:2rem;display:flex}.confirm-modal-body p{color:var(--text-secondary);text-align:center;margin:0;font-size:1rem;line-height:1.6}.confirm-modal-footer{border-top:1px solid var(--glass-border);background:#c5a05905;gap:1rem;padding:1.5rem 2rem;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.875rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.confirm-modal-btn.cancel{border:1.5px solid var(--glass-border);color:var(--text-secondary);background:0 0}.confirm-modal-btn.cancel:hover{border-color:var(--text-secondary);color:var(--text-primary);background:#6464641a}.confirm-modal-btn.cancel:active{transform:scale(.98)}.confirm-modal-btn.confirm{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;border:none;box-shadow:0 4px 15px #c5a0594d}.confirm-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c5a05966}.confirm-modal-btn.confirm:active{transform:translateY(0)}.confirm-modal.dangerous .confirm-modal-header{background:linear-gradient(135deg,#ef44441a,#ef44440d)}.confirm-modal.dangerous .confirm-modal-icon{color:#ef4444;background:#ef444433}.confirm-modal.dangerous .confirm-modal-btn.confirm.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.confirm-modal.dangerous .confirm-modal-btn.confirm.danger:hover{box-shadow:0 8px 25px #ef444466}@media (width<=480px){.confirm-modal{width:95%;max-width:none}.confirm-modal-header{gap:.75rem;padding:1.25rem 1.5rem}.confirm-modal-header h2{font-size:1.1rem}.confirm-modal-icon{width:40px;height:40px}.confirm-modal-body{padding:1.5rem}.confirm-modal-body p{font-size:.95rem}.confirm-modal-footer{gap:.75rem;padding:1.25rem 1.5rem}.confirm-modal-btn{padding:.75rem 1rem;font-size:.9rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.confirm-modal-overlay{animation:.3s fadeInOverlay}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.detail-header.customer-header{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%)}.avatar-placeholder.customer-avatar{background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%)}.customer-id,.staff-id{opacity:.8;font-size:14px}.customer-company,.staff-role{margin-top:10px;font-weight:600}.customer-email,.customer-phone,.customer-address{opacity:.9;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge.status-aktiv{color:#155724;background:#d4edda}.status-badge.status-ausstehend{color:#084298;background:#cfe2ff}.status-badge.status-inaktiv{color:#842029;background:#f8d7da}.status-badge.status-paid{color:#155724;background:#d4edda}.status-badge.status-pending{color:#084298;background:#cfe2ff}.status-badge.status-overdue{color:#842029;background:#f8d7da}.documents-section h3,.services-section h3,.billing-section h3,.staff-section h3{color:#333;margin:0 0 20px;font-size:18px}.services-list{flex-direction:column;gap:12px;display:flex}.service-item{background:#f9f9f9;border-left:4px solid #999;border-radius:8px;padding:15px}.service-item.service-active{border-left-color:#28a745}.service-item.service-pending{border-left-color:#ffc107}.service-item.service-completed{border-left-color:#4a90e2}.service-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.service-header h4{color:#333;margin:0;font-size:14px}.service-description{color:#666;margin:8px 0;font-size:13px}.service-details{color:#999;gap:20px;margin-top:10px;font-size:12px;display:flex}.billing-list{flex-direction:column;gap:12px;display:flex}.billing-item{background:#f9f9f9;border-left:4px solid #999;border-radius:8px;padding:15px}.billing-item.billing-paid{border-left-color:#28a745}.billing-item.billing-pending{border-left-color:#ffc107}.billing-item.billing-overdue{border-left-color:#dc3545}.billing-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.billing-number{color:#333;font-weight:600}.billing-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px;display:grid}.billing-details p{color:#666;margin:0;font-size:13px}.billing-amount{color:#4a90e2;align-items:center;gap:6px;font-weight:600;display:flex}.staff-list{flex-direction:column;gap:12px;display:flex}.staff-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.staff-item:hover{background:#f0f0f0;border-color:#4a90e2}.staff-avatar-small{color:#fff;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:14px;font-weight:700;display:flex}.staff-info{flex:1}.staff-info h4{color:#333;margin:0 0 4px;font-size:14px}.staff-role,.staff-contact{color:#999;margin:2px 0;font-size:12px}@media (width<=768px){.detail-header{flex-direction:column;padding:20px}.detail-profile{text-align:center;flex-direction:column;align-items:center}.detail-tabs{padding:0 10px}.tab-btn{padding:12px 15px;font-size:12px}.detail-content{padding:20px}.info-grid{grid-template-columns:1fr}.service-details,.billing-details{flex-direction:column}}.staff-management-container{flex-direction:column;gap:24px;padding:24px;display:flex}.staff-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.staff-header h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.staff-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.btn-export{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-export:hover{background:#d4b47a;transform:translateY(-2px)}.staff-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-box{background:var(--bg-secondary);border:1px solid var(--glass-border);min-width:250px;color:var(--text-secondary);border-radius:10px;flex:1;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:var(--text-secondary)}.filter-group{gap:12px;display:flex}.filter-select{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px;transition:all .3s}.btn-add{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-add:hover{background:#d4b47a;transform:translateY(-2px)}.table-wrapper{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto}.staff-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--glass-border)}.staff-table th{text-align:left;color:var(--text-primary);white-space:nowrap;padding:16px;font-weight:600}.staff-table tbody tr:hover{background:#c5a0590d}.staff-table td{color:var(--text-primary);padding:16px}.avatar-circle{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.staff-contact{flex-direction:column;gap:6px;display:flex}.contact-item{align-items:center;gap:6px;font-size:13px;display:flex}.contact-item svg{color:var(--accent-gold);flex-shrink:0}.role-badge{color:var(--accent-gold);white-space:nowrap;background:#c5a05926;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-active{color:#22c55e;background:#22c55e26}.status-planned{color:#3b82f6;background:#3b82f626}.status-completed{color:#6b7280;background:#6b728026}.status-waiting{color:#f59e0b;background:#f59e0b26}.status-default{color:#9ca3af;background:#6b728026}.object-text{color:var(--text-primary);font-size:14px}.action-buttons{gap:8px;display:flex}.btn-action{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action.edit:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex;position:relative}.modal-header h2{color:var(--text-primary);flex:1;margin:0;font-size:18px;font-weight:600}.close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-input{border:1px solid var(--glass-border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #c5a0591a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:12px;padding:20px;display:flex}.btn-cancel{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#ffffff0d}.btn-save{background:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-save:hover{background:#d4b47a;transform:translateY(-2px)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty-state p{margin:0;font-size:14px}@media (width<=1200px){.form-row{grid-template-columns:1fr}.staff-table{font-size:13px}.staff-table th,.staff-table td{padding:12px}}@media (width<=768px){.staff-management-container{gap:16px;padding:16px}.staff-header,.staff-controls{flex-direction:column}.search-box{min-width:100%}.filter-group{flex-direction:column;width:100%}.filter-select{width:100%}.btn-add{justify-content:center;width:100%}.staff-name{flex-direction:column;align-items:flex-start}.edit-modal{width:95%}}@media (width<=480px){.staff-table{font-size:12px}.staff-table th,.staff-table td{padding:8px}.avatar-circle{width:36px;height:36px;font-size:12px}.modal-body{gap:12px;padding:16px}.modal-footer{gap:8px;padding:16px}.btn-cancel,.btn-save{padding:8px 16px;font-size:13px}}.detail-view-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.detail-view-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.detail-header{color:#fff;background:linear-gradient(135deg,#c5a059 0%,#8b7542 100%);border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:30px;padding:30px;display:flex}.detail-profile{flex:1;gap:20px;display:flex}.profile-picture{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.profile-picture img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#c5a059 0%,#8b7542 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:700;display:flex}.profile-info h1{margin:0 0 5px;font-size:24px}.profile-info p{opacity:.95;margin:5px 0}.staff-id{opacity:.8;font-size:14px}.staff-role{margin-top:10px;font-weight:600}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.detail-tabs{background:#fafafa;border-bottom:2px solid #f0f0f0;gap:5px;padding:0 20px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;color:#666;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:15px 20px;font-size:14px;font-weight:600;transition:all .3s}.detail-content{padding:30px}.tab-content{animation:.3s ease-in fadeIn}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.info-item{flex-direction:column;gap:8px;display:flex}.info-item label{color:#999;text-transform:uppercase;font-size:12px;font-weight:700}.info-item span{color:#333;font-size:16px;font-weight:500}.status-badge{border-radius:20px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.status-verfügbar,.status-im-einsatz{color:#155724;background:#d4edda}.status-badge.status-urlaub{color:#084298;background:#cfe2ff}.status-badge.status-krank{color:#842029;background:#f8d7da}.documents-section h3,.hours-section h3,.attendance-section h3,.tasks-section h3{color:#333;margin:0 0 20px;font-size:18px}.documents-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.document-item{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}.document-item:hover{background:#f0f0f0;border-color:#c5a059}.document-item svg{color:#c5a059;flex-shrink:0}.document-info{flex:1}.document-info h4{color:#333;margin:0 0 4px;font-size:14px}.doc-type{color:#999;text-transform:uppercase;margin:2px 0;font-size:12px}.doc-date{color:#999;margin:2px 0;font-size:12px}.download-btn{color:#fff;background:#c5a059;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s;display:inline-flex}.download-btn:hover{background:#8b7542;transform:scale(1.1)}.upload-section{text-align:center;border:2px dashed #c5a059;border-radius:8px;margin-top:20px;padding:20px}.upload-btn{color:#fff;cursor:pointer;background:#c5a059;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.upload-btn:hover{background:#8b7542;transform:translateY(-2px)}.hours-list{flex-direction:column;gap:12px;display:flex}.hours-item{background:#f9f9f9;border-left:4px solid #c5a059;border-radius:8px;align-items:center;gap:20px;padding:15px;display:flex}.hours-date{color:#333;min-width:100px;font-weight:600}.hours-times{color:#666;flex:1;align-items:center;gap:8px;display:flex}.hours-duration{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.hours-duration strong{color:#c5a059;font-size:16px}.break{color:#999;font-size:12px}.hours-notes{color:#666;margin:8px 0 0;font-size:12px;font-style:italic}.attendance-list{flex-direction:column;gap:12px;display:flex}.attendance-item{background:#f9f9f9;border-left:4px solid #999;border-radius:8px;padding:15px}.attendance-item.status-present{border-left-color:#28a745}.attendance-item.status-absent{border-left-color:#dc3545}.attendance-item.status-late{border-left-color:#ffc107}.attendance-item.status-on-leave{border-left-color:#17a2b8}.attendance-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.attendance-date{color:#333;font-weight:600}.attendance-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px;display:grid}.attendance-details p{color:#666;margin:0;font-size:13px}.gps-location{color:#c5a059;align-items:center;gap:6px;font-weight:600;display:flex}.notes{color:#999;grid-column:1/-1;font-style:italic}.tasks-list{flex-direction:column;gap:12px;display:flex}.task-item{background:#f9f9f9;border-left:4px solid #999;border-radius:8px;padding:15px;transition:all .3s}.task-item.task-pending{border-left-color:#ffc107}.task-item.task-in-progress{border-left-color:#06c}.task-item.task-completed{border-left-color:#28a745}.task-item:hover{background:#f0f0f0}.task-header{justify-content:space-between;align-items:start;gap:10px;margin-bottom:10px;display:flex}.task-header h4{color:#333;margin:0;font-size:14px}.task-status.status-pending:after{content:"Ausstehend";color:#fff;background:#ffc107;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.task-status.status-in-progress:after{content:"In Bearbeitung";color:#fff;background:#06c;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.task-status.status-completed:after{content:"Abgeschlossen";color:#fff;background:#28a745;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.task-description{color:#666;margin:8px 0;font-size:13px}.task-details{color:#999;gap:20px;margin-top:10px;font-size:12px;display:flex}.empty-message{text-align:center;color:#999;padding:40px 20px;font-style:italic}@media (width<=768px){.detail-header{flex-direction:column;padding:20px}.detail-profile{text-align:center;flex-direction:column;align-items:center}.detail-tabs{padding:0 10px}.tab-btn{padding:12px 15px;font-size:12px}.detail-content{padding:20px}.info-grid{grid-template-columns:1fr}.task-details{flex-direction:column}}.staff-management{animation:.3s fadeIn}.staff-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.staff-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.staff-count{color:var(--text-secondary);font-size:.95rem}.btn-export{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-export:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5a0594d}.btn-export:active{transform:translateY(0)}.staff-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.search-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;flex:1;align-items:center;gap:.75rem;min-width:250px;padding:.875rem 1.25rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent-gold);background:#0f0f11f2}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-box input::placeholder{color:var(--text-secondary)}.filter-group{flex-wrap:wrap;gap:1rem;display:flex}.filter-select{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.filter-select:hover{border-color:var(--accent-gold)}.filter-select:focus{border-color:var(--accent-gold);background:#0f0f11f2;outline:none}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.btn-add{border:1px solid var(--glass-border);color:var(--accent-gold);cursor:pointer;white-space:nowrap;background:#c5a05933;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-add:hover{border-color:var(--accent-gold);background:#c5a0594d;transform:translateY(-2px)}.staff-table-container{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-radius:12px;overflow:hidden}.staff-table{border-collapse:collapse;width:100%;font-size:.95rem}.staff-table thead{border-bottom:2px solid var(--glass-border);background-color:#c5a0591a}.staff-table th{text-align:left;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;padding:1.25rem;font-size:.85rem;font-weight:700}.staff-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all .2s}.staff-table tbody tr.clickable{cursor:pointer}.staff-table tbody tr.clickable:hover{background-color:#c5a0591f;transform:translate(4px)}.staff-table tbody tr:last-child{border-bottom:none}.staff-table td{color:var(--text-primary);vertical-align:middle;padding:1.25rem}.staff-name{align-items:center;gap:1rem;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--accent-gold), #8b7542);color:#0a0a0c;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.staff-name .name{color:var(--text-primary);margin:0;font-weight:600}.staff-name .id{color:var(--text-secondary);margin:0;font-size:.85rem}.staff-contact{flex-direction:column;gap:.5rem;min-width:220px;display:flex}.contact-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.contact-item svg{color:var(--accent-gold);min-width:16px}.role-badge{color:var(--accent-gold);background:#c5a05933;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.status-active{color:#22c55e;background-color:#22c55e33}.status-available{color:#3b82f6;background-color:#3b82f633}.status-vacation{color:#f97316;background-color:#f9731633}.status-sick{color:#ef4444;background-color:#ef444433}.object-text,.salary-text{color:var(--text-secondary);font-weight:500}.action-buttons{align-items:center;gap:.5rem;display:flex}.btn-action{border:1px solid var(--glass-border);cursor:pointer;width:36px;height:36px;color:var(--accent-gold);background:#c5a0591a;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action:hover{border-color:var(--accent-gold);background:#c5a05933}.btn-action.delete:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.btn-action svg{width:16px;height:16px}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 2rem;font-size:1rem}@media (width<=1200px){.staff-controls{flex-direction:column;align-items:stretch}.filter-group{width:100%}.btn-add{justify-content:center;width:100%}.search-box{width:100%;min-width:unset}.staff-header{flex-direction:column;align-items:flex-start}.btn-export{justify-content:center;width:100%}}@media (width<=768px){.staff-table{font-size:.85rem}.staff-table th,.staff-table td{padding:.875rem}.staff-name{gap:.75rem}.avatar-circle{width:36px;height:36px;font-size:.75rem}.contact-item{font-size:.8rem}.staff-contact{min-width:180px}.role-badge{padding:.35rem .7rem;font-size:.8rem}.status-badge{padding:.4rem .8rem;font-size:.8rem}}@media (width<=480px){.staff-table{font-size:.75rem}.staff-table th,.staff-table td{padding:.65rem}.staff-name{gap:.5rem}.avatar-circle{width:32px;height:32px;font-size:.7rem}.contact-item{font-size:.75rem}.action-buttons{gap:.35rem}.btn-action{width:32px;height:32px}.btn-action svg{width:14px;height:14px}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--glass-border);background:#c5a0590d;justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.close-btn:hover{color:var(--accent-gold);transform:scale(1.1)}.modal-body{padding:2rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-input{border:1px solid var(--glass-border);color:var(--text-primary);background:#c5a0590d;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--accent-gold);background:#c5a0591a;outline:none;box-shadow:0 0 0 3px #c5a0591a}.form-input::placeholder{color:var(--text-secondary);opacity:.6}.modal-footer{border-top:1px solid var(--glass-border);background:#c5a05905;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-cancel{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.btn-cancel:hover{border-color:var(--text-secondary);background:#6464641a}.btn-save:active{transform:translateY(0)}@media (width<=768px){.edit-modal{width:95%;max-width:95%}.modal-header,.modal-body,.modal-footer{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.cookie-consent-wrapper{z-index:1200;position:fixed;bottom:1.25rem;left:1.25rem;right:1.25rem}.cookie-consent-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(150deg,#141418f5,#0c0c0ef2);border:1px solid #c5a05947;border-radius:18px;max-width:470px;margin-left:auto;padding:1rem;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000080}.cookie-consent-topbar{background:linear-gradient(90deg,#c5a059,#8e6d31);height:3px;position:absolute;top:0;left:0;right:0}.cookie-consent-head{grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.8rem;display:grid}.cookie-consent-icon{width:2.2rem;height:2.2rem;color:var(--accent-gold);background:#c5a05924;border-radius:10px;justify-content:center;align-items:center;margin-top:.15rem;display:flex}.cookie-consent-badge{text-transform:uppercase;letter-spacing:.06em;color:#d6bc87;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:inline-flex}.cookie-consent-title{text-transform:none;color:var(--text-primary);margin-bottom:.35rem;font-size:1.05rem;font-weight:800}.cookie-consent-text{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.cookie-consent-link{color:var(--accent-gold);text-underline-offset:3px;text-decoration:underline}.cookie-consent-close{color:var(--text-secondary);background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.cookie-consent-close:hover{color:var(--text-primary);background:#ffffff14}.cookie-consent-actions{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem;display:grid}.cookie-consent-btn-main{width:100%;padding:.7rem .85rem;font-size:.8rem}.cookie-consent-btn-muted{width:100%;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff26;border-radius:12px;padding:.7rem .85rem;font-size:.8rem;font-weight:700}.cookie-consent-btn-muted:hover{background:#ffffff1a}.cookie-consent-customize{color:#ebd5aa;background:#c5a05912;border:1px dashed #c5a05966;border-radius:12px;width:100%;margin-top:.7rem;padding:.62rem .8rem;font-size:.78rem;font-weight:700}.cookie-consent-customize:hover{background:#c5a05929}.cookie-consent-preferences{border-top:1px solid #ffffff14;margin-top:.65rem;padding-top:.7rem;overflow:hidden}.cookie-consent-pref-item{border-bottom:1px dashed #ffffff14;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.cookie-consent-pref-title{color:var(--text-primary);margin-bottom:.12rem;font-size:.84rem;font-weight:700}.cookie-consent-pref-text{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.cookie-consent-required{color:#ceb074;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.cookie-consent-switch{background:#ffffff26;border:1px solid #fff3;border-radius:999px;width:44px;height:24px;padding:2px;position:relative}.cookie-consent-switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.cookie-consent-switch.is-on{background:linear-gradient(90deg,#c5a059,#8e6d31);border-color:#c5a059cc}.cookie-consent-switch.is-on span{transform:translate(20px)}.cookie-consent-btn-save{width:100%;color:var(--text-primary);background:#c5a0591a;border:1px solid #c5a05959;border-radius:12px;margin-top:.8rem;padding:.68rem .8rem;font-size:.8rem;font-weight:700}.cookie-consent-btn-save:hover{background:#c5a05938}.cookie-consent-footnote{color:var(--text-secondary);margin-top:.7rem;font-size:.72rem}@media (width<=640px){.cookie-consent-wrapper{bottom:.8rem;left:.75rem;right:.75rem}.cookie-consent-panel{border-radius:14px;max-width:100%;padding:.9rem}.cookie-consent-actions{grid-template-columns:1fr}.cookie-consent-head{grid-template-columns:auto 1fr}.cookie-consent-close{grid-column:2;justify-self:end;margin-top:-2rem}}.admin-navbar{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);flex-direction:column;width:280px;display:flex;overflow-y:auto;box-shadow:2px 0 10px #0003}.navbar-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:2rem 1.5rem;display:flex}.navbar-logo{color:var(--accent-gold);cursor:pointer;letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.navbar-logo svg{color:var(--accent-gold)}.navbar-menu{flex-direction:column;flex:1;padding:1.5rem 0;display:flex}.menu-item{color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.menu-item:hover{color:var(--accent-gold);background-color:#c5a0591a}.menu-item.active{color:var(--accent-gold);border-right:3px solid var(--accent-gold);background-color:#c5a05926}.menu-item svg{width:20px;min-width:20px;height:20px}.navbar-footer{border-top:1px solid var(--border-primary);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.user-info{align-items:center;gap:1rem;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-gold), #8b7542);color:#0a0a0c;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.9rem;font-weight:800;display:flex}.user-details p{margin:0;line-height:1.3}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-role{color:var(--text-secondary);font-size:.8rem}.logout-btn{border:1px solid var(--glass-border);color:var(--accent-gold);cursor:pointer;background:#c5a05926;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{border-color:var(--accent-gold);background:#c5a05940}.admin-navbar::-webkit-scrollbar{width:6px}.admin-navbar::-webkit-scrollbar-track{background:var(--bg-secondary)}.admin-navbar::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.admin-navbar::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-hover)}@media (width<=1024px){.admin-navbar{z-index:100;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%;box-shadow:2px 0 20px #0000004d}.admin-container.sidebar-open .admin-navbar{left:0}}@media (width<=768px){.admin-navbar{width:260px}.navbar-header{padding:1.5rem}.menu-item{padding:.875rem 1.25rem;font-size:.9rem}}.admin-overview h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;padding:1.75rem;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,currentColor,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:currentColor;transform:translateY(-5px)}.stat-card:hover:before{opacity:.5}.stat-card.stat-blue{color:#3b82f6;--stat-color:#3b82f6}.stat-card.stat-green{color:#22c55e;--stat-color:#22c55e}.stat-card.stat-yellow{color:#f97316;--stat-color:#f97316}.stat-card.stat-red{color:#ef4444;--stat-color:#ef4444}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.stat-icon{color:currentColor;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-change{color:#22c55e;opacity:.8;font-size:.85rem;font-weight:600}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.overview-card h2{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.35rem;font-weight:700;display:flex}.activity-list{flex-direction:column;gap:1.25rem;display:flex}.activity-item{border-left:3px solid var(--accent-gold);background:#c5a0590d;border-radius:6px;gap:1rem;padding:1rem;transition:all .2s;display:flex}.activity-item:hover{background:#c5a0591a;transform:translate(5px)}.activity-dot{background:var(--accent-gold);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:2px;animation:2s infinite pulse}.activity-content p{color:var(--text-primary);margin:0 0 .35rem;font-weight:500}.activity-time{color:var(--text-secondary);font-size:.85rem;display:block}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.quick-action-btn{border:1px solid var(--glass-border);color:var(--accent-gold);cursor:pointer;text-align:center;white-space:normal;background:#c5a0591a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.quick-action-btn:hover{border-color:var(--accent-gold);background:#c5a05933;transform:translateY(-3px);box-shadow:0 5px 15px #c5a05933}.quick-action-btn svg{width:24px;height:24px}@media (width<=768px){.admin-overview h1{margin-bottom:1.5rem;font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem}.stat-icon{width:44px;height:44px}.stat-value{font-size:1.75rem}.overview-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.25rem}.overview-card{padding:1.5rem}.quick-actions{grid-template-columns:1fr}.quick-action-btn{padding:1.25rem;font-size:.8rem}}.admin-settings{max-width:1200px;padding:2rem;animation:.3s fadeIn}.settings-header{margin-bottom:2rem}.settings-header h1{color:#f5f5f5;margin-bottom:.5rem;font-size:2rem;font-weight:800}.settings-header p{color:#d0d0d0;font-size:.95rem}.save-message{color:#fff;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:600;box-shadow:0 4px 12px #28a74533}.settings-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.settings-tabs{border-bottom:2px solid var(--glass-border);background:var(--glass-bg);gap:1rem;padding:0 2rem;display:flex;overflow-x:auto}.tab-btn{color:#b0b0b0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--accent-gold)}.tab-btn.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.settings-content{min-height:400px;padding:2rem}.settings-section{animation:.3s fadeIn}.settings-section h2{color:#e8e8e8;margin-bottom:.5rem;font-size:1.5rem}.section-description{color:#d0d0d0;margin-bottom:2rem;font-size:.95rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.settings-grid.full-width{grid-column:1/-1}.settings-group{flex-direction:column;gap:.75rem;display:flex}.settings-group.full-width{grid-column:1/-1}.settings-group label{color:#e8e8e8;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.settings-group input,.settings-group textarea{background:var(--glass-bg);border:1px solid var(--glass-border);color:#f0f0f0;border-radius:8px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}.settings-group input:focus,.settings-group textarea:focus{border-color:var(--accent-gold);background:#c5a0590d;outline:none;box-shadow:0 0 0 3px #c5a0591a}.settings-group textarea{resize:vertical;min-height:100px}.image-upload-section{flex-direction:column;gap:1rem;display:flex}.image-upload-btn{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.image-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5a0594d}.image-preview{border:2px solid var(--glass-border);background:var(--glass-bg);border-radius:8px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:auto;max-height:300px;display:block}.preview-label{color:#fff;background:#0009;border-radius:6px;margin:0;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:1rem;left:1rem}.hero-preview{border-top:2px solid var(--glass-border);margin-top:3rem;padding-top:2rem}.hero-preview h3{color:#e8e8e8;margin-bottom:1rem;font-size:1.25rem}.preview-box{background:linear-gradient(135deg, var(--accent-gold) 0%, #8b7542 100%);color:#fff;text-align:center;border-radius:12px;padding:3rem 2rem}.preview-subtitle{letter-spacing:.05em;opacity:1;color:#fffffffa;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.preview-title{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.3}.preview-description{opacity:1;color:#fffffffa;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem}.preview-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{color:#8b7542;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-secondary{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff;border-radius:8px;padding:.75rem 2rem;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#8b7542;background:#fff}.contact-preview{border-top:2px solid var(--glass-border);margin-top:3rem;padding-top:2rem}.contact-preview h3{color:#e8e8e8;margin-bottom:1rem;font-size:1.25rem}.preview-card{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.contact-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.contact-item svg{color:var(--accent-gold);flex-shrink:0;margin-top:2px}.contact-item .label{color:var(--text-primary);opacity:.9;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.contact-item .value{color:#f0f0f0;font-size:.95rem}.theme-settings{flex-direction:column;gap:3rem;display:flex}.theme-toggle-group,.theme-preview-group,.additional-settings{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:12px;padding:2rem}.theme-toggle-group h3,.theme-preview-group h3,.additional-settings h3{color:#e8e8e8;margin-bottom:1.5rem;font-size:1.1rem}.theme-options{flex-wrap:wrap;gap:1.5rem;display:flex}.theme-option{background:var(--glass-bg);border:2px solid var(--glass-border);cursor:pointer;color:#e8e8e8;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.75rem;min-width:150px;padding:2rem;font-weight:600;transition:all .3s;display:flex}.theme-option:hover{border-color:var(--accent-gold);background:#c5a0590d}.theme-option.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#c5a05926}.theme-option svg{width:48px;height:48px;font-size:2rem}.theme-preview{border:2px solid var(--glass-border);border-radius:12px;padding:2rem;transition:all .3s}.theme-preview.light{color:#0f0f11;background:#fff}.theme-preview.dark{color:#fff;background:#1a1a1e}.preview-sample{flex-direction:column;gap:1rem;display:flex}.preview-sample h4{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.preview-sample p{opacity:1;color:inherit;margin-bottom:1rem;font-size:.95rem}.preview-btn{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;cursor:pointer;border:none;border-radius:8px;width:fit-content;padding:.75rem 1.5rem;font-weight:600}.settings-checkbox-group{flex-direction:column;gap:1rem;display:flex}.settings-checkbox-group label{cursor:pointer;color:#e8e8e8;align-items:center;gap:.75rem;font-weight:500;display:flex}.settings-checkbox-group input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-gold)}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.btn-reset,.btn-save{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-reset{background:var(--glass-bg);color:#e8e8e8;border:1px solid var(--glass-border)}.btn-reset:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-save{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5a0594d}@media (width<=768px){.admin-settings{padding:1rem}.settings-header h1{font-size:1.5rem}.settings-container{border-radius:8px}.settings-tabs{gap:.5rem;padding:0 1rem}.tab-btn{padding:.75rem 1rem;font-size:.85rem}.settings-content{padding:1rem}.settings-grid{grid-template-columns:1fr;gap:1.5rem}.theme-options{flex-direction:column;gap:1rem}.theme-option{min-width:auto}.preview-title{font-size:1.5rem}.preview-buttons{flex-direction:column}.settings-actions{flex-direction:column-reverse}.btn-reset,.btn-save{justify-content:center;width:100%}}@media (width<=480px){.settings-tabs{flex-direction:row;overflow-x:auto}.settings-section h2{font-size:1.25rem}.preview-box{padding:2rem 1rem}.preview-subtitle{font-size:.8rem}.preview-title{font-size:1.25rem}.preview-description{font-size:.9rem}}.add-service-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:3rem;padding:2rem}.add-service-section h3{color:#e8e8e8;margin-bottom:1.5rem;font-size:1.1rem}.btn-add-service{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;cursor:pointer;border:none;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-add-service:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5a0594d}.services-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2rem}.services-list h3{color:#e8e8e8;margin-bottom:1.5rem;font-size:1.1rem}.services-items{flex-direction:column;gap:1rem;display:flex}.service-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.service-item:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #c5a0591a}.service-item.hidden{opacity:.6;background:#f0f0f005}.service-header{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.service-info{flex:1;min-width:0}.service-info h4{color:#e8e8e8;margin-bottom:.5rem;font-size:1rem;font-weight:700}.service-info p{color:#b0b0b0;word-break:break-word;margin:0;font-size:.9rem;line-height:1.4}.service-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.btn-toggle,.btn-delete{border:1px solid var(--glass-border);background:var(--glass-bg);color:#b0b0b0;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-toggle:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#c5a0590d}.btn-toggle.visible{color:var(--accent-gold);border-color:var(--accent-gold)}.btn-delete:hover{color:#ff6b6b;background:#ff6b6b0d;border-color:#ff6b6b}.no-services{text-align:center;color:gray;padding:2rem;font-size:.95rem}@media (width<=768px){.service-header{flex-direction:column;align-items:flex-start}.service-actions{justify-content:flex-start;width:100%;margin-top:1rem}.add-service-section,.services-list{padding:1.5rem}.service-item{flex-direction:column;align-items:flex-start}}body.dark-mode{--bg-primary:#0f0f11;--text-primary:#fff;--text-secondary:#a0a0a0}.staff-overview{animation:.3s fadeIn}.welcome-card{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;border-radius:12px;margin-bottom:2rem;padding:2rem}.welcome-card h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.welcome-card p{opacity:.9;margin:0;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card.stat-blue{border-left:3px solid #3b82f6}.stat-card.stat-blue .stat-icon{color:#3b82f6}.stat-card.stat-green{border-left:3px solid #22c55e}.stat-card.stat-green .stat-icon{color:#22c55e}.stat-card.stat-yellow{border-left:3px solid #f97316}.stat-card.stat-yellow .stat-icon{color:#f97316}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.overview-card h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;display:flex}.shift-card{border-left:3px solid var(--accent-gold);background:#c5a0590d;border-radius:6px;padding:1rem}.shift-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.shift-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.status-badge.aktiv{color:#22c55e;background:#22c55e33}.status-badge.bevorstehend{color:#3b82f6;background:#3b82f633}.shift-details{flex-direction:column;gap:.75rem;display:flex}.detail-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.detail-item svg{color:var(--accent-gold);flex-shrink:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.info-item{border:1px solid var(--border-primary);background:#ffffff05;border-radius:8px;padding:1rem}.info-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.info-item p{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.staff-schedule{animation:.3s fadeIn}.staff-schedule h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.assignments-list{flex-direction:column;gap:1.5rem;display:flex}.assignment-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.75rem;transition:all .3s}.assignment-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 20px #c5a05926}.assignment-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.assignment-header h3{color:var(--text-primary);margin:0;font-size:1.25rem}.location{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;display:flex}.assignment-details{flex-wrap:wrap;gap:2rem;display:flex}.detail{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.detail svg{color:var(--accent-gold);flex-shrink:0}.staff-hours h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.hours-chart{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:2rem;padding:2rem}.hours-chart h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.25rem;font-weight:700}.chart-bars{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.5rem;display:grid}.chart-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.bar-container{background:#ffffff0d;border-radius:6px;align-items:flex-end;width:100%;height:150px;display:flex;overflow:hidden}.bar{background:linear-gradient(180deg, var(--accent-gold), #8b7542);border-radius:6px 6px 0 0;width:100%}.month{color:var(--text-secondary);font-size:.85rem;font-weight:600}.value{color:var(--text-primary);font-size:.9rem;font-weight:700}.hours-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.summary-item{border:1px solid var(--glass-border);text-align:center;background:#c5a0591a;border-radius:10px;padding:1.5rem}.summary-item .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.summary-item .value{color:var(--accent-gold);margin:0;font-size:1.75rem;font-weight:800}.staff-profile h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.profile-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-radius:12px;padding:2rem}.profile-header{border-bottom:1px solid var(--border-primary);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.avatar-large{background:linear-gradient(135deg, var(--accent-gold), #8b7542);color:#0a0a0c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:flex}.profile-name h2{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.profile-name p{color:var(--text-secondary);margin:0;font-weight:600}.profile-details{flex-direction:column;gap:2rem;display:flex}.detail-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-primary);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.1rem;font-weight:700}.detail-section .detail-item{background:#ffffff05;border-radius:8px;gap:1.5rem;margin-bottom:1rem;padding:1rem;display:flex}.detail-section .detail-item svg{color:var(--accent-gold);flex-shrink:0;margin-top:2px}.detail-section .detail-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.detail-section .detail-item p{color:var(--text-primary);margin:0;font-weight:600}@media (width<=768px){.content-grid{grid-template-columns:1fr}.assignment-details{flex-direction:column;gap:1rem}.chart-bars{grid-template-columns:repeat(2,1fr)}.profile-header{text-align:center;flex-direction:column;gap:1rem}}.customer-overview{animation:.3s fadeIn}.customer-overview .welcome-card{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:12px;margin-bottom:2rem;padding:2rem}.customer-overview .welcome-card h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.customer-overview .welcome-card p{opacity:.9;margin:0;font-weight:500}.customer-overview .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.customer-overview .stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;transition:all .3s}.customer-overview .stat-card:hover{transform:translateY(-5px)}.customer-overview .stat-card.stat-blue{border-left:3px solid #3b82f6}.customer-overview .stat-card.stat-blue .stat-icon{color:#3b82f6}.customer-overview .stat-card.stat-green{border-left:3px solid #22c55e}.customer-overview .stat-card.stat-green .stat-icon{color:#22c55e}.customer-overview .stat-card.stat-yellow{border-left:3px solid #f97316}.customer-overview .stat-card.stat-yellow .stat-icon{color:#f97316}.stat-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.stat-value{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.overview-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-main);border-radius:12px;padding:1.75rem}.overview-card h2{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.company-info{flex-direction:column;gap:1.25rem;display:flex}.company-info .info-item{border:1px solid var(--border-primary);background:#ffffff05;border-radius:8px;padding:1rem}.company-info .info-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.company-info .info-item p{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.jobs-preview{flex-direction:column;gap:1rem;display:flex}.job-preview{border-left:3px solid var(--accent-gold);background:#c5a0590d;border-radius:6px;padding:1rem}.job-preview h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem}.job-preview .status-text{color:var(--text-secondary);margin:0 0 .5rem;font-size:.8rem}.type-badge{color:#3b82f6;background:#3b82f633;border-radius:4px;padding:.35rem .7rem;font-size:.75rem;font-weight:600;display:inline-block}.customer-jobs{animation:.3s fadeIn}.customer-jobs h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.jobs-list{flex-direction:column;gap:1.5rem;display:flex}.job-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.75rem;transition:all .3s}.job-card:hover{border-color:var(--accent-gold);box-shadow:0 8px 20px #c5a05926}.job-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.job-header h3{color:var(--text-primary);margin:0;font-size:1.25rem}.job-id{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem}.status-badge{white-space:nowrap;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.laufend{color:#22c55e;background:#22c55e33}.status-badge.geplant{color:#3b82f6;background:#3b82f633}.status-badge.abgeschlossen{color:#9ca3af;background:#6b728033}.job-details{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;display:flex}.job-details .detail{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.job-details .detail svg{color:var(--accent-gold);flex-shrink:0}.job-footer{border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.customer-invoices{animation:.3s fadeIn}.invoices-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.invoices-header h1{color:var(--text-primary);margin:0;font-size:2rem;font-weight:800}.btn-download{background:linear-gradient(135deg, var(--accent-gold), #d4b47a);color:#0a0a0c;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5a0594d}.invoices-list{flex-direction:column;gap:1rem;display:flex}.invoice-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.invoice-card:hover{border-color:var(--accent-gold);background:#c5a0590d}.invoice-left h3{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.invoice-left .period{color:var(--text-secondary);margin:0;font-size:.85rem}.invoice-middle .date{color:var(--text-secondary);margin:0;font-size:.9rem}.invoice-right{text-align:right;flex-direction:column;gap:.5rem;display:flex}.invoice-right .amount{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.invoice-right .status-badge{text-align:center;border-radius:4px;padding:.35rem .7rem;font-size:.8rem}.invoice-right .status-badge.bezahlt{color:#22c55e;background:#22c55e33}.invoice-right .status-badge.ausstehend{color:#f97316;background:#f9731633}.customer-settings{animation:.3s fadeIn}.customer-settings h1{color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:800}.settings-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.settings-card h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.settings-card p{color:var(--text-secondary);margin-bottom:1.5rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.setting-item{flex-direction:column;gap:.5rem;display:flex}.setting-item label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.setting-item input{border:1px solid var(--border-primary);color:var(--text-primary);cursor:not-allowed;background:#ffffff05;border-radius:6px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.btn-contact{color:#3b82f6;cursor:pointer;background:#3b82f633;border:1px solid #3b82f6;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-contact:hover{background:#3b82f64d;border-color:#3b82f6}@media (width<=768px){.invoices-header{flex-direction:column;align-items:flex-start}.invoice-card{flex-direction:column;align-items:flex-start;gap:1rem}.invoice-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.job-details{flex-direction:column;gap:1rem}}.admin-dashboard{background-color:var(--bg-primary);flex-direction:column;width:100%;height:100vh;display:flex}.admin-container{flex:1;display:flex;overflow:hidden}.admin-main-content{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);flex:1;padding:2.5rem;overflow-y:auto}.admin-mobile-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:none}.admin-mobile-header h1{color:var(--text-primary);font-size:1.5rem}.sidebar-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;display:flex}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.admin-main-content{padding:2rem}.admin-container{position:relative}.admin-mobile-header{display:flex}.sidebar-overlay{display:block}.admin-navbar{z-index:100;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%}.admin-container.sidebar-open .admin-navbar{left:0}}@media (width<=768px){.admin-main-content{padding:1.5rem}}@media (width<=480px){.admin-main-content,.admin-mobile-header{padding:1rem}.admin-mobile-header h1{font-size:1.25rem}}.admin-main-content::-webkit-scrollbar{width:8px}.admin-main-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.admin-main-content::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:10px}.admin-main-content::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-hover)}.section-content{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;animation:.3s fadeIn}.impressum-page{position:relative;overflow:hidden}.impressum-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 10%,#c5a0592e,#0000 38%),radial-gradient(circle at 85% 20%,#c5a0591a,#0000 30%),linear-gradient(#0f0f11cc 0%,#0a0a0c 50%,#0f0f11e6 100%);position:absolute;inset:0}.impressum-header,.impressum-main,.impressum-footer{z-index:1;position:relative}.impressum-header{border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cbf}.impressum-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:82px;display:flex}.impressum-logo-link{align-items:center;gap:.65rem;display:flex}.impressum-logo-text{letter-spacing:-.02em;font-weight:800}.impressum-back-link{text-transform:uppercase;letter-spacing:.08em;border-radius:9999px;padding:.55rem 1rem;font-size:.8rem;font-weight:700}.impressum-main{padding-top:3.5rem;padding-bottom:4rem}.impressum-hero{border-radius:20px;margin-bottom:1.5rem;padding:2rem}.impressum-kicker{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.65rem;font-size:.75rem;font-weight:700}.impressum-hero h1{margin-bottom:.9rem;font-size:clamp(2rem,3.5vw,3rem)}.impressum-lead{color:var(--text-secondary);max-width:860px}.impressum-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.impressum-card{border-radius:16px;padding:1.25rem}.impressum-card h2{margin-bottom:.8rem;font-size:1rem}.impressum-card p{color:var(--text-secondary);line-height:1.65}.impressum-card strong{color:var(--text-primary)}.impressum-spacer{height:.65rem}.impressum-legal{border-radius:20px;padding:1.5rem}.impressum-legal h2{margin-top:1rem;margin-bottom:.4rem;font-size:.95rem}.impressum-legal h2:first-child{margin-top:0}.impressum-legal p{color:var(--text-secondary);line-height:1.7}.impressum-footer{border-top:1px solid var(--border-primary);background:var(--bg-secondary);padding:1.2rem 0}.impressum-footer-inner{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.impressum-footer-link{color:var(--accent-gold);font-weight:700}.impressum-footer-link:hover{color:var(--accent-gold-hover)}@media (width>=900px){.impressum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.impressum-main{padding-top:4.25rem;padding-bottom:5rem}.impressum-hero{margin-bottom:1.25rem;padding:2.35rem}}@media (width<=640px){.impressum-header-inner{min-height:72px}.impressum-logo-text{font-size:.92rem}.impressum-footer-inner{flex-direction:column;align-items:flex-start}}.unified-login{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.unified-login .login-background{z-index:0;position:absolute;inset:0}.unified-login .login-card{z-index:10;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:40px;animation:.5s ease-out slideIn;position:relative;box-shadow:0 20px 60px #0000004d}.unified-login .login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.unified-login .login-logo h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.unified-login .login-logo svg{color:#c5a059;flex-shrink:0}.unified-login .login-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:14px;font-weight:500}.unified-login .form-group{margin-bottom:20px}.unified-login .form-group label{color:#1a1a1a;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.unified-login .input-wrapper{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.unified-login .input-wrapper:focus-within{background:#fff;border-color:#c5a059;box-shadow:0 0 0 3px #c5a0591a}.unified-login .input-wrapper svg{color:#999;flex-shrink:0}.unified-login .input-wrapper input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.unified-login .input-wrapper input::placeholder{color:#ccc}.unified-login .toggle-password{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex}.unified-login .toggle-password:hover{color:#c5a059}.unified-login .error-message{color:#d32f2f;background:#fee;border:1px solid #fcc;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:14px;display:flex}.unified-login .error-message svg{flex-shrink:0}.unified-login .login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c5a059 0%,#8b7542 100%);border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-size:16px;font-weight:600;transition:all .3s}.unified-login .login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #c5a0594d}.unified-login .login-btn:active:not(:disabled){transform:translateY(0)}.unified-login .login-btn:disabled{opacity:.7;cursor:not-allowed}.unified-login .login-info{text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:25px;padding-top:20px;font-size:13px;line-height:1.5}.unified-login .login-hint{background:#f5f5f5;border-left:4px solid #c5a059;border-radius:4px;margin-top:20px;padding:15px;font-size:12px}.unified-login .hint-title{color:#333;margin:0 0 8px;font-weight:600}.unified-login .hint-text{color:#666;margin:4px 0;font-family:Courier New,monospace}@media (width<=480px){.unified-login .login-card{padding:30px 20px}.unified-login .login-logo h1{font-size:20px}.unified-login .login-logo svg{width:36px;height:36px}.unified-login .login-hint{font-size:11px}}