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: #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);--click-effect-color: rgba(129,140,248,.45)}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%}.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)}.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:80vh;display:flex;flex-direction:column;position:relative}@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)}.card button.icon{background:transparent;color:#333;padding:4px}.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;justify-content:space-evenly;border:1px solid #ccc;border-radius:15px}.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}.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%}.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{flex:1;width:100%;resize:none;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.5rem;height:1.5rem;cursor:pointer}.sales-row{display:flex;justify-content:space-between;align-items:baseline;border:rgba(255,255,255,.25) 1px solid;border-radius:10px;padding:0 10px}.auth-card{min-width:320px;gap:.75rem;justify-content:center;align-items:center;justify-self:center;margin:5%}