header{position:sticky;top:0;z-index:10;padding:10px 20px;background:var(--header-bg);display:flex;align-items:center;justify-content:space-between}.logo{width:12.5%;position:absolute;left:50%;transform:translate(-50%);margin:0;font-weight:700}#küPin{width:70px}:root{--bg: #0f172a;--bg-card: #1e293b;--text: #e5e7eb;--text-muted: #9ca3af;--primary: #818cf8;--primary-hover: #6366f1;--border: rgba(50,58,82);--button-bg: #6366f1;--button-text: #ffffff;--button-hover-bg: #4f46e5;--button-hover-text: #ffffff;--input-bg: #141c29;--bedingugen-bg: rgba(207, 33, 33, .742);--header-bg: rgba(30, 41, 59, 1);--click-effect-color: rgba(129,140,248,.45);--box-shadow: 0 0 0 2px rgb(26,33,56)}header{background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:inset 0 1px 1px #fff6,0 0 8px #ffffff26}body.dark{--bg: #0f172a;--bg-card: #1e293b;--text: #e5e7eb;--text-muted: #9ca3af;--primary: #818cf8;--primary-hover: #6366f1;--border: #334155;--button-bg: #6366f1;--button-text: #ffffff;--button-hover-bg: #4f46e5;--button-hover-text: #ffffff;--input-bg: #141c29;--bedingugen-bg: rgba(207, 33, 33, .742);--header-bg: rgba(30, 41, 59, .8)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),var(--click-effect-color),transparent 20%);opacity:0;transition:opacity 2.6s;z-index:-1;filter:blur(40px)}body.click-flash:before{opacity:1}body.dark:before{background:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),rgba(129,140,248,.45),transparent 40%)}.tracker{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-evenly;height:100%;height:fit-content}.deko{position:absolute;top:0;border-bottom-right-radius:80%;border-bottom-left-radius:80%;height:20%;pointer-events:none;z-index:0;overflow:hidden;width:100%;left:0}.logo img{width:100%;height:auto;object-fit:contain;display:block;clip-path:inset(10% 8% 12% 8%)}.test{height:fit-content}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text)}input,select,textarea{background:var(--input-bg);color:var(--text);box-shadow:var(--box-shadow)}.dashboard-container{display:flex;flex-wrap:wrap;gap:1rem;padding:24px;align-items:start;justify-content:space-evenly}button{margin-top:8px;padding:10px;border-radius:6px;border:none;background:var(--button-bg);cursor:pointer}button:hover{background:var(--button-hover-bg);color:var(--button-hover-text)}.burger-button{color:var(--text)}.menu-bg{background:var(--bg-card);border-radius:5px}.menu-bg button{color:var(--text);width:100%}.menu-bg button:hover{color:var(--button-hover-text);background-color:var(--button-hover-bg)}.card{background:var(--bg-card);border-radius:12px;padding:15px;width:40%;min-width:380px;height:fit-content;display:flex;flex-direction:column;position:relative;box-shadow:var(--box-shadow)}@keyframes movingGlow{0%{box-shadow:0 6px 15px #00000014,0 -10px 20px #00c8ff59}12.5%{box-shadow:0 6px 15px #00000014,15px -5px 20px #00c8ff59}25%{box-shadow:0 6px 15px #00000014,10px 0 20px #00c8ff59}37.5%{box-shadow:0 6px 15px #00000014,15px 5px 20px #00c8ff59}50%{box-shadow:0 6px 15px #00000014,0 10px 20px #00c8ff59}62.5%{box-shadow:0 6px 15px #00000014,-15px 5px 20px #00c8ff59}75%{box-shadow:0 6px 15px #00000014,-10px 0 20px #00c8ff59}87.5%{box-shadow:0 6px 15px #00000014,-15px -5px 20px #00c8ff59}to{box-shadow:0 6px 15px #00000014,0 -10px 20px #00c8ff59}}.card h2,.card h3{margin-top:0;margin-bottom:12px}.card form{display:flex;flex-direction:column;gap:12px}.card label{font-weight:600;font-size:.9rem}.card input,.card select,.card textarea{padding:8px 10px;border-radius:6px;border:1px solid var(--border);font-size:.9rem}.card textarea{resize:vertical}.card button{margin-top:8px;padding:10px;border-radius:6px;border:none;background:var(--button-bg);color:var(--button-text);font-weight:600;cursor:pointer}.card button:hover{background:var(--button-hover-bg);color:var(--button-hover-text)}.iconButton{padding:.5rem;width:fit-content;height:fit-content;background:linear-gradient(120deg,#3d2d9c33,#6366f133)}.iconButtons{display:flex;gap:.5rem}.card button.icon:hover{color:#2563eb}.today-success{background:#d1fae5;padding:8px;border-radius:6px}.today-fail{background:#fee2e2;padding:8px;border-radius:6px}.tracker-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.tracker-section{display:flex;flex-direction:column;gap:12px}.time-input{width:60px;text-align:center}.time-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.burger-button{font-size:26px;background:none;border:none;cursor:pointer}.burger-menu{position:absolute;top:50px;right:10px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:200px;z-index:1000;display:flex;flex-direction:column}.menu-item{padding:10px;background:none;border:none;text-align:left;cursor:pointer}.menu-item:hover{background:#f2f2f2}.logout{color:red}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch{position:relative;width:42px;height:22px}.switch input{display:none}.slider{position:absolute;inset:0;background:#ccc;border-radius:22px;cursor:pointer}.slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.2s}.switch input:checked+.slider{background:#4caf50}.switch input:checked+.slider:before{transform:translate(20px)}.toast{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:opacity .3s ease}.memberId{margin:0;font-weight:600;align-self:center}.next-to-each-other{display:flex;justify-content:space-between}.below-each-other{display:flex;flex-direction:column}.popup-backdrop{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:var(--bg-card);padding:20px;width:50%;max-height:80vh;overflow-y:auto;border-radius:12px}.totalValues{display:flex;margin:1% 2.5% 5%;justify-content:space-evenly;border:1px solid rgba(50,58,82);border-radius:15px;padding:.5rem;box-shadow:var(--box-shadow);align-items:center}.arbeitszeit-kpi,.sale-kpi,.saleh-kpi{border-radius:14px;padding:16px;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 1px #fff6,0 0 18px #ffffff26;transition:all .3s ease}.arbeitszeit-kpi{cursor:pointer;background:linear-gradient(135deg,#36a2eb59,#36a2eb26);box-shadow:0 0 25px #36a2eb73,inset 0 0 15px #ffffff40}.totalMonth{height:fit-content}.sale-kpi{cursor:pointer;background:linear-gradient(135deg,#36eb5d59,#36eb5d26);box-shadow:0 0 25px #36eb5d73,inset 0 0 15px #ffffff40}.saleh-kpi{background:linear-gradient(135deg,#ff638459,#ff638426);box-shadow:0 0 25px #ff638473,inset 0 0 15px #ffffff40}.arbeitszeit-kpi:hover{transform:translateY(-3px) scale(1);box-shadow:0 0 26px #36a2ebcc,inset 0 0 28px #ffffff73;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:linear-gradient(135deg,#36a2eb8c,#36a2eb40)}.sale-kpi:hover{transform:translateY(-3px) scale(1);box-shadow:0 0 26px #36eb5dcc,inset 0 0 28px #ffffff73;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:linear-gradient(135deg,#36eb5d8c,#36eb5d40)}.saleh-kpi:hover{transform:translateY(-3px) scale(1);box-shadow:0 0 26px #ff6384d9,inset 0 0 28px #ffffff73;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:linear-gradient(135deg,#ff63848c,#ff638440)}.salesData{display:flex;flex-direction:row;justify-content:space-evenly}.kpi{margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem;border-radius:20px;z-index:1;width:100%;height:15vh}.kpiValue{font-size:1.2rem;font-weight:600;margin:0}.kpiName{margin-top:.5rem;font-size:.9rem}.clickable{cursor:pointer}.tracker{display:flex;flex-direction:column;gap:2vh}.bedingungen{background-color:var(--bedingugen-bg);border-radius:20px;color:#fff;display:flex;flex-direction:column;align-items:center;padding:.5rem}.VVI{min-height:25vh;width:100%;box-sizing:border-box}.flexible{display:flex;flex-direction:column;flex:1}.providerSelect{width:10rem}.caseSelect{width:6rem}.makromodal-select{gap:1rem}.defaultArbeitszeit-container{display:flex;justify-content:space-evenly}.defaultArbeitszeit-input{width:4rem}.icon{width:1.25rem;height:1.25rem;cursor:pointer}.sales-row{display:flex;justify-content:space-between;align-items:baseline;border:var(--border) 1px solid;border-radius:10px;padding:0 10px;box-shadow:var(--box-shadow);margin:.5rem}.worktime-row{display:flex;justify-content:space-between;align-items:center;border:var(--border) 1px solid;border-radius:10px;padding:0 10px;box-shadow:var(--box-shadow);margin:.5rem;width:90%}.makroeditmodal{width:fit-content;display:flex;flex-direction:column;align-items:center}.makroform{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:70%}.makro-row{display:flex;justify-content:space-between;align-items:center;border:var(--border) 1px solid;border-radius:10px;padding:0 10px;box-shadow:var(--box-shadow);margin:.5rem;width:70%}.auth-card{min-width:320px;gap:.75rem;justify-content:center;align-items:center;justify-self:center;margin:5%}.editlist{display:flex;justify-content:space-between;align-items:center;border:var(--border) 1px solid;border-radius:10px;padding:0 10px;box-shadow:var(--box-shadow);margin:.5rem;width:30vw}.addProvider{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;align-items:center}.providerModal{display:flex;flex-direction:column;align-items:center;width:fit-content}.tarifForm{display:flex;flex-direction:column;gap:1rem;border:var(--border) 1px solid}.addsaleform{display:flex;flex-direction:column;gap:1rem;width:fit-content}.saleform-popup,.arbeitszeit-popup{padding:2.5%;display:flex;flex-direction:column;width:fit-content;align-items:center}.trendIcon{width:1.25rem;height:1.25rem;position:absolute;right:20%}