.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-soft);max-width:400px;padding:var(--space-lg);width:100%}.login-card h2{color:var(--color-accent);margin-bottom:var(--space-lg);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-form input{width:100%}.login-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-xs);text-align:center}@media (max-width:768px){.login-page{padding:var(--space-md)}}.dashboard{margin:0 auto;max-width:900px;padding:var(--space-lg)}.dashboard-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-top:var(--space-lg)}.dashboard-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-lg);text-align:center;transition:transform .15s ease,box-shadow .15s ease}.dashboard-card:hover{box-shadow:0 4px 15px #4caf5040;transform:translateY(-2px)}.dashboard-value{font-size:var(--font-size-xl);font-weight:600;margin:var(--space-sm) 0}.dashboard-sub{color:var(--color-muted);font-size:var(--font-size-sm)}.dashboard-state{padding:var(--space-xl);text-align:center}.dashboard-error{color:var(--color-error)}@media (max-width:768px){.dashboard{padding:var(--space-md)}.dashboard-grid{grid-template-columns:1fr}}.my-shifts{margin:0 auto;max-width:900px;padding:var(--space-lg)}.my-shifts-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.toggle-button{max-width:320px;width:100%}.empty-state{text-align:center}.table{margin-bottom:var(--space-xl);min-width:600px}.table td,.table th{padding:var(--space-md)}.table th{background-color:var(--color-bg-secondary);color:var(--color-accent)}.table tr:hover{background-color:var(--color-bg)}@media (max-width:600px){.table td,.table th{font-size:var(--font-size-sm);padding:var(--space-sm)}.table th{font-size:var(--font-size-xs)}}.sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);box-shadow:6px 0 24px #4caf501f;display:flex;flex-direction:column;height:100vh;padding:var(--space-md);width:250px}.sidebar-title{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar a{text-decoration:none}.sidebar a,.sidebar a:hover{color:var(--color-text)}.sidebar-link{background:#0000;border-radius:6px;cursor:pointer;padding:.75rem;position:relative;text-align:left;transition:background-color .15s ease}.sidebar-link:hover{background-color:#ffffff0d}.sidebar-link.active{background-color:#ffffff14;font-weight:500}.sidebar-link.active:before{background-color:var(--color-accent);border-radius:2px;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.sidebar-parent{font-weight:500}.sidebar-group,.sidebar-submenu{display:flex;flex-direction:column}.sidebar-submenu{gap:var(--space-xs);margin-left:var(--space-md);margin-top:var(--space-xs)}.sidebar-sublink{border-radius:4px;color:var(--color-muted);font-size:.9em;padding:6px 12px;transition:background-color .15s ease}.sidebar-sublink:hover{background-color:#ffffff0d;color:var(--color-text)}.sidebar-sublink.active{background-color:#ffffff14;color:var(--color-text)}.sidebar-sublink.active:before{background-color:var(--color-accent);border-radius:2px;bottom:4px;content:"";left:-12px;position:absolute;top:4px;width:3px}.sidebar-link.logout{color:var(--color-error);margin-top:var(--space-md)}.sidebar-link.logout:hover{background-color:#f4433626}@media (max-width:768px){.sidebar{box-shadow:none;inset:0 auto 0 0;position:fixed;transform:translateX(-100%);transition:transform .25s ease;z-index:1001}.sidebar.open{box-shadow:6px 0 24px #4caf501f;transform:translateX(0)}.sidebar-backdrop{background:#00000080;inset:0;position:fixed;z-index:1000}}.sidebar-wrapper{display:flex;height:100%}.main-content{width:100%}.shift-card{display:flex;flex-direction:column;gap:var(--space-sm)}.shift-card-title{margin-bottom:var(--space-xs)}.shift-card-meta{line-height:1.4}.shift-card-staff{font-weight:500}.shift-card-notes{color:var(--color-muted);font-size:var(--font-size-sm)}.shift-card-status{margin-top:var(--space-xs)}.status{font-weight:600}.status-open{color:var(--color-success)}.status-full{color:var(--color-warning)}.status-closed{color:var(--color-muted)}.shift-card-flag{font-weight:500}.shift-card-flag.assigned{color:var(--color-success)}.shift-card-flag.applied{color:var(--color-warning)}.shift-card-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.open-shifts{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.open-shifts-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-lg)}@media (max-width:768px){.open-shifts{padding:var(--space-md)}}.planning-shifts{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.planning-shifts-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-lg)}@media (max-width:768px){.planning-shifts{padding:var(--space-md)}}.create-shift-form{gap:var(--space-md)}.create-shift-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-xs)}.form-group label{color:var(--color-muted);font-size:var(--font-size-sm)}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.checkbox-row{align-items:center;color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-sm);-webkit-user-select:none;user-select:none}.checkbox-row input{accent-color:var(--color-accent);flex-shrink:0;height:16px;margin:0;width:16px}.checkbox-row span{line-height:1}.shift-form .checkbox-row{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.form-error{margin-top:var(--space-xs)}.create-shift-form button{margin-top:var(--space-sm)}.shift-form-footer{align-items:center;display:flex;gap:var(--space-md);margin-top:var(--space-md)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.create-shift{margin:0 auto;max-width:560px;padding:var(--space-lg)}.create-shift h1{margin-bottom:var(--space-md)}@media (max-width:768px){.create-shift{padding:var(--space-md)}}.company-absences{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.table-wrapper{margin-top:var(--space-lg)}.table{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;min-width:700px}.table th{background-color:var(--color-bg);font-weight:600}.table tr:last-child td{border-bottom:none}@media (max-width:768px){.company-absences{padding:var(--space-md)}}.my-absences{gap:var(--space-xl);max-width:1200px;padding:var(--space-lg)}.my-absences,.my-absences-form{display:flex;flex-direction:column;margin:0 auto}.my-absences-form{gap:var(--space-md);max-width:400px}.my-absences-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.absence-card strong{display:block;margin-bottom:var(--space-xs)}.absence-note{color:var(--color-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.my-absences{padding:var(--space-md)}}.invite-users{align-items:center;justify-content:center;min-height:100vh}.invite-users,.invite-users-card{display:flex;padding:var(--space-lg)}.invite-users-card{flex-direction:column;gap:var(--space-md);max-width:420px;width:100%}.invite-users-card h2{text-align:center}.invite-users-form{display:flex;flex-direction:column;gap:var(--space-md)}.invite-users-form button{width:100%}.invite-success{color:var(--color-success)}.invite-error,.invite-success{font-size:var(--font-size-sm);text-align:center}.invite-error{color:var(--color-error)}@media (max-width:768px){.invite-users{padding:var(--space-md)}}.invite-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.invite-card{max-width:400px;width:100%}.invite-form{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.muted{color:var(--color-muted)}@media (max-width:768px){.invite-wrapper{padding:var(--space-md)}}.shift-applications{display:flex;flex-direction:column;gap:var(--space-md)}.applications-list{display:flex;flex-direction:column;gap:var(--space-sm)}.application-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm)}.application-status{color:var(--color-muted);font-size:var(--font-size-sm)}.application-error{color:var(--color-error)}.application-error,.empty-state{font-size:var(--font-size-sm)}.application-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.shift-header{margin-bottom:var(--space-lg)}.shift-header-title{margin-bottom:var(--space-xs)}.shift-header-meta,.shift-header-status{margin-top:var(--space-xs)}.shift-header-status{color:var(--color-muted)}.edit-shift-form-wrapper{display:flex;justify-content:center}.edit-shift-form{max-width:560px;width:100%}.edit-shift-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.edit-shift-form-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-md)}.assign-employee{display:flex;flex-direction:column;gap:var(--space-md)}.assign-summary{color:var(--color-muted);font-size:var(--font-size-sm)}.assign-block{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm)}.assign-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.assign-item{align-items:center;display:flex;justify-content:space-between}.assign-add{display:flex;flex-direction:column;gap:var(--space-xs)}.assign-full{color:var(--color-error);font-size:var(--font-size-sm)}.assign-buttons{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.assign-warning{color:var(--color-warning);font-size:.75rem;margin-left:var(--space-xs)}.edit-shift{margin:0 auto;max-width:900px;padding:var(--space-lg)}.edit-shift-sections{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-lg)}.edit-shift-actions{display:flex;justify-content:flex-start}@media (max-width:768px){.edit-shift{padding:var(--space-md)}}.employees{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.employees-card{margin-top:var(--space-md)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;min-width:500px;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--space-sm);text-align:left;white-space:nowrap}.table th{color:var(--color-muted);font-size:var(--font-size-sm)}.actions{text-align:right}.page-state{padding:var(--space-xl);text-align:center}.page-error{color:var(--color-error)}.empty-state{color:var(--color-muted);margin-top:var(--space-md)}@media (max-width:768px){.employees{padding:var(--space-md)}}.landing{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-lg);text-align:center}.landing-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-lg);justify-content:center}.landing-subtitle{color:var(--color-muted);max-width:500px}.landing-actions{display:flex;gap:var(--space-sm)}.landing-note{color:var(--color-muted);font-size:var(--font-size-sm);margin-top:var(--space-lg)}.landing-footer{color:var(--color-muted);font-size:.8rem;margin-top:auto}.landing-footer a{color:inherit}.landing-footer a:hover{color:var(--color-accent)}@media (max-width:768px){.landing{padding:var(--space-md)}}.datenschutz{margin:0 auto;max-width:600px;padding:var(--space-xl) var(--space-md)}.datenschutz p{margin-bottom:var(--space-md)}.datenschutz-back{margin-top:var(--space-xl)}.impressum{margin:0 auto;max-width:600px;padding:var(--space-xl) var(--space-md)}.impressum p{margin-bottom:var(--space-md)}.impressum-back{margin-top:var(--space-xl)}#root,body,html{height:100%;margin:0;padding:0;width:100%}body{display:flex;flex-direction:column}:root{--font-primary:"Roboto",sans-serif;--font-secondary:"Arial",sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--line-height:1.5;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--color-bg:#0d0d0d;--color-bg-secondary:#1a1a1a;--color-text:#e6e6e6;--color-muted:#9a9a9a;--color-border:#333;--color-accent:#4caf50;--color-accent-hover:#66bb6a;--color-error:#f44336;--color-success:#81c784;--color-info:#64b5f6;--color-warning:#ffb74d;--shadow-soft:0 2px 4px #4caf5033}*{box-sizing:border-box}body{background-color:#0d0d0d;background-color:var(--color-bg);font-family:Roboto,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height);margin:0}body,h1,h2,h4,h5,h6,s h3{color:#e6e6e6;color:var(--color-text)}h1,h2,h4,h5,h6,s h3{font-family:Arial,sans-serif;font-family:var(--font-secondary);font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}p{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#4caf50;color:var(--color-accent)}button{background-color:#4caf50;background-color:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--font-size-base);font-weight:500;padding:10px 18px;transition:background-color .2s ease,opacity .2s ease,box-shadow .2s ease}button:not(.sidebar-link):hover:not(:disabled){background-color:#66bb6a;background-color:var(--color-accent-hover)}button:disabled{cursor:not-allowed;opacity:.6}button.secondary{background:#0000;border:1px solid #333;border:1px solid var(--color-border);color:#e6e6e6;color:var(--color-text)}button.secondary:hover:not(:disabled){background-color:#1a1a1a;background-color:var(--color-bg-secondary)}button.danger{background-color:#f44336;background-color:var(--color-error)}button.danger:hover:not(:disabled){background-color:#e53935}button.small{font-size:14px;font-size:var(--font-size-sm);padding:4px 10px}input,select,textarea{background:#1a1a1a;background:var(--color-bg-secondary);border:1px solid #333;border:1px solid var(--color-border);border-radius:4px;color:#e6e6e6;color:var(--color-text);font-family:Roboto,sans-serif;font-family:var(--font-primary);font-size:16px;font-size:var(--font-size-base);padding:10px;width:100%}input[type=checkbox],input[type=radio]{background:#0000;border:none;padding:0;width:auto}input[type=checkbox]{accent-color:#4caf50;accent-color:var(--color-accent);height:16px;width:16px}button:focus-visible,input:focus,select:focus,textarea:focus{border-color:#4caf50;border-color:var(--color-accent);box-shadow:0 0 0 2px #4caf5040;outline:none}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.content{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--space-lg)}.grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background-color:#1a1a1a;background-color:var(--color-bg-secondary);border:1px solid #333;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 4px #4caf5033;box-shadow:var(--shadow-soft);padding:16px;padding:var(--space-md)}table{border-collapse:collapse;width:100%}th{color:#9a9a9a;color:var(--color-muted);font-size:14px;font-size:var(--font-size-sm);font-weight:600;text-align:left}td{font-size:16px;font-size:var(--font-size-base)}td,th{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border);padding:12px;padding:var(--space-sm)}tr:hover td{background-color:#1a1a1a;background-color:var(--color-bg-secondary)}.text-success{color:#81c784;color:var(--color-success)}.text-warning{color:#ffb74d;color:var(--color-warning)}.text-error{color:#f44336;color:var(--color-error)}.text-muted{color:#9a9a9a;color:var(--color-muted)}hr{border:none;border-top:1px solid #333;border-top:1px solid var(--color-border)}ul{padding-left:1.2rem}li{list-style:none}.main-content{height:100vh;overflow-y:auto}.main-header{position:-webkit-sticky;position:sticky;top:0;z-index:900}.hamburger{background:none;border:none;color:#e6e6e6;color:var(--color-text);font-size:24px}@media (max-width:768px){.content{padding:0 16px;padding:0 var(--space-md)}button{padding:8px 14px}button,table{font-size:14px;font-size:var(--font-size-sm)}}@media (min-width:769px){.hamburger{display:none}}
/*# sourceMappingURL=main.969877ea.css.map*/