:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}*{box-sizing:border-box}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:var(--bg-secondary);z-index:100;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.nav-brand-container{align-items:center;gap:1rem;display:flex}.nav-brand{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#0000;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav-links a:not(.nav-profile-composite):not(.btn){color:var(--text-secondary);border-bottom:2px solid #0000;padding-bottom:.25rem;font-weight:400;text-decoration:none;transition:all .2s}.nav-links a:not(.nav-profile-composite):not(.btn):hover{color:#fff;border-bottom-color:#fff}.nav-links a:not(.nav-profile-composite):not(.btn).active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.mobile-only{display:none!important}.desktop-only{display:inline-flex!important}.nav-separator{background-color:#334155;width:1px;height:16px;margin:0 .25rem}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-profile-composite{cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.nav-profile-text{color:var(--text-secondary);border-bottom:2px solid #0000;padding-bottom:.25rem;font-weight:400;transition:all .2s}.nav-profile-composite:hover .nav-profile-text{color:#fff;border-bottom-color:#fff}.nav-profile-composite.active .nav-profile-text{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.nav-profile-avatar-wrap{box-sizing:border-box;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex;border-bottom:none!important}.nav-profile-composite:hover .nav-profile-avatar-wrap{transform:scale(1.08)}.nav-logout-btn{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;gap:.35rem!important;height:32px!important;padding:0 .75rem!important;font-size:.875rem!important;display:inline-flex!important}.nav-logout-btn .nav-logout-icon{font-size:16px!important;line-height:1!important}.btn{box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--accent-color);color:var(--accent-color);background-color:#0000}.btn-outline:hover{background-color:#3b82f61a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}.input-group input{background-color:var(--bg-primary);color:#fff;border:1px solid #334155;border-radius:.375rem;width:100%;padding:.75rem;transition:border-color .2s}.input-group input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.app-container:has(.login-container){background:radial-gradient(circle at 0 0,#1e293b,#0f172a)!important;min-height:100vh!important}.login-container{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.login-card h2{text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.875rem}.login-brand-logo{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;color:#0000;text-align:center;letter-spacing:-.025em;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.login-lockout-banner{color:var(--text-primary);text-align:center;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.9rem;display:flex}.login-lockout-banner.permanent{border:1px solid var(--danger-color);background-color:#ef44441a}.login-lockout-banner.temporary{border:1px solid var(--warning-color);background-color:#f59e0b1a}.login-lockout-banner .material-symbols-outlined{font-size:20px}.login-lockout-banner.permanent .material-symbols-outlined{color:var(--danger-color)}.login-lockout-banner.temporary .material-symbols-outlined{color:var(--warning-color)}.switch-container{background-color:var(--bg-secondary);border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.switch-label{color:var(--text-primary);font-weight:600}.status-event{color:#fff;border-radius:4px;margin-bottom:2px;padding:2px 4px;font-size:.75rem}.status-in{background-color:var(--success-color)}.status-out{background-color:var(--danger-color)}.status-shift{background-color:var(--accent-color)}.locked-icon{margin-left:4px;font-size:.7em}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@media (width<=768px){.navbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.nav-brand-container{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.nav-links{border-top:1px solid #ffffff0d;justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding-top:.75rem;display:flex}.nav-logout-btn{border-radius:50%!important;gap:0!important;width:32px!important;height:32px!important;margin-left:auto!important;padding:0!important}.nav-logout-btn .nav-logout-text{display:none!important}.fc .fc-toolbar{flex-direction:column;gap:.75rem}.fc .fc-toolbar-title{font-size:1.25rem!important}.login-card{padding:1.5rem}}.calendar-page-container{flex-direction:column;flex:1;padding:2rem;display:flex}.calendar-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calendar-sync-container{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.calendar-sync-time{color:var(--text-secondary);margin-right:.25rem;font-size:.725rem}@media (width<=768px){.calendar-page-container{padding:.75rem!important}.calendar-page-header{flex-direction:column;align-items:stretch!important;gap:.75rem!important;margin-bottom:.75rem!important}.calendar-sync-container{width:100%;align-items:center!important}.calendar-sync-container button{justify-content:center;width:100%}.calendar-sync-time{margin-right:0!important}}*{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border:1px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fc{background-color:var(--bg-secondary);border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a}.fc-theme-standard td,.fc-theme-standard th{border-color:#334155}.fc-button-primary{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:#334155!important}.fc-button-active{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.fc-daygrid-day-number{color:var(--text-primary);text-decoration:none}.fc-day-today{background-color:#ffffff0a!important;box-shadow:inset 0 0 0 2px #fff!important}.fc-day-today .fc-daygrid-day-number{color:#fff!important;text-shadow:0 0 8px #fff9!important;font-size:.95rem!important;font-weight:900!important}.fc .fc-list-day-cushion{color:var(--text-primary)!important;background-color:#334155!important}.fc .fc-list-event:hover td{background-color:#ffffff0d!important}.fc .fc-list-event-title{color:var(--text-primary)!important}.fc .fc-list-event-time{display:none!important}.fc-theme-standard .fc-list{border-color:#334155!important}.fc .fc-daygrid-day-events{max-height:120px;overflow-y:auto}.fc .fc-daygrid-day-events::-webkit-scrollbar{width:4px}.fc .fc-daygrid-day-events::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}:root{--glass-bg:#0f172ae0;--glass-border:#ffffff29;--glass-shadow:0 12px 40px 0 #0009;--glass-glow:0 0 18px #3b82f673;--glass-glow-white:0 0 14px #ffffff8c;--glass-glow-active-week:0 0 10px #ffffff59}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.progressive-layout-container{gap:1.5rem;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.progressive-calendar-wrapper{border-radius:.75rem;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.progressive-calendar-wrapper .fc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:.75rem;background:var(--glass-bg)!important}.progressive-fallback-list-container{grid-template-columns:repeat(5,1fr);gap:.4rem;width:100%;height:75vh;margin-top:.5rem;display:grid}.progressive-fallback-day-card{border-radius:.75rem;flex-direction:column;gap:.6rem;height:100%;padding:0 .6rem .6rem;transition:all .2s;display:flex;overflow-y:auto}.progressive-fallback-day-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.progressive-fallback-day-header{-webkit-backdrop-filter:blur(16px);z-index:5;background:#0f172af0;border-bottom:1px solid #ffffff14;border-top-left-radius:.75rem;border-top-right-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.25rem;margin-top:0;margin-left:-.6rem;margin-right:-.6rem;padding:.8rem .8rem .6rem;font-size:1.1rem;font-weight:700;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0003}.progressive-fallback-day-header.is-today{color:#fff;text-shadow:0 0 8px #fff9}.progressive-fallback-shifts-list{flex-direction:column;gap:.4rem;display:flex}.progressive-fallback-shift-item{box-sizing:border-box;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.5rem .6rem;font-size:.85rem;transition:all .2s;display:flex;position:relative}.progressive-fallback-shift-item:hover{transform:translateY(-1px)}.progressive-fallback-shift-item.fallback-is-current-user{color:#fff!important;border:2px solid #fff!important;box-shadow:0 0 10px #ffffff73!important}.progressive-fallback-shift-item.fallback-is-team-member{color:#f1f5f9!important;border:1px solid #ffffff26!important}.progressive-fallback-shift-user{letter-spacing:.02em;font-size:.85rem;color:inherit!important;font-weight:750!important}.progressive-fallback-shift-time{opacity:.95;font-size:.75rem;font-weight:600;color:inherit!important}.floating-month-btn{color:#fff;cursor:pointer;z-index:990;border:1px solid var(--glass-border);width:3.5rem;height:3.5rem;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;left:2rem}.floating-month-btn:hover{box-shadow:0 10px 25px #0006, var(--glass-glow);border-color:#fff3;transform:scale(1.1)translateY(-2px)}.floating-month-panel{z-index:990;border:1px solid var(--glass-border);width:390px;height:auto;box-shadow:var(--glass-shadow);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:6.5rem;left:2rem}.floating-month-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.floating-month-panel-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.floating-month-panel-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.floating-month-panel-close:hover{color:#fff;background:#ffffff14}.floating-month-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:1rem;transition:all .2s;display:flex}.floating-month-nav-btn:hover{color:var(--text-primary);background-color:#ffffff14}.floating-month-grid-wrapper{flex-direction:column;gap:.5rem;display:flex}.floating-month-weekdays{text-align:center;color:var(--text-secondary);text-transform:uppercase;grid-template-columns:24px repeat(7,1fr);gap:4px;font-size:.725rem;font-weight:700;display:grid}.floating-month-days-grid{grid-template-columns:24px repeat(7,1fr);gap:4px;display:grid}.floating-month-kw-cell{color:var(--text-secondary);opacity:.6;border-right:1px solid #ffffff0d;justify-content:center;align-items:center;margin-right:2px;font-size:.7rem;font-weight:700;display:flex}.floating-month-kw-cell.is-current-week{color:#fff;opacity:1;text-shadow:0 0 6px #fffc;font-weight:900}.floating-month-day-cell{aspect-ratio:1;cursor:pointer;background-color:#1e293b40;border:1px solid #ffffff0a;border-radius:.375rem;flex-direction:column;justify-content:space-between;align-items:center;padding:4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.floating-month-day-cell:hover{background-color:#ffffff0a;border-color:#ffffff1a;transform:translateY(-1px)}.floating-month-other-month{opacity:.25}.floating-month-day-number{color:var(--text-primary);margin-top:1px;font-size:.8rem;font-weight:600;line-height:1}.floating-month-day-selected{box-shadow:var(--glass-glow-white)!important;border:1.5px solid #fff!important}.floating-month-week-selected{box-shadow:var(--glass-glow-active-week)!important;border:1.5px solid #fff9!important}.floating-month-day-today{background-color:#ffffff0f!important}.floating-month-day-today .floating-month-day-number{color:#fff!important;text-shadow:0 0 6px #fffc!important;font-weight:800!important}.floating-month-dots-grid{grid-template-columns:repeat(5,1fr);gap:1.5px;width:100%;margin-bottom:1px;padding:0 2px;display:grid}.floating-month-dot{border-radius:50%;width:4px;height:4px}.floating-month-dot-plus{color:#fff;text-align:center;grid-column:span 1;font-size:5px;font-weight:900;line-height:4px}.narrow-vertical{writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.05em;justify-content:center;align-items:center;width:100%;height:100%;padding:.25rem 0;font-size:.75rem;display:flex;overflow:hidden;transform:rotate(180deg);font-family:Outfit,Inter,-apple-system,sans-serif!important;font-weight:800!important}.fc-event-hover-details{z-index:1005;-webkit-backdrop-filter:blur(12px);pointer-events:none;color:var(--text-primary);background:#0f172ae6;border:1px solid #ffffff26;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.85rem;animation:.15s ease-out forwards fadeIn;display:flex;position:absolute;box-shadow:0 10px 30px #0009}.fc-event-hover-details-time{color:var(--text-secondary);font-size:.75rem;font-weight:600}.day-inspector-panel{z-index:95;border-left:1px solid var(--glass-border);will-change:transform;backface-visibility:hidden;flex-direction:column;width:420px;height:calc(100vh - 65px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:65px;right:0;transform:translate(100%);box-shadow:-10px 0 40px #00000080}.day-inspector-panel.open{transform:translate(0)}.day-inspector-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.day-inspector-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.day-inspector-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.day-inspector-close:hover{color:#fff;background:#ffffff14}.day-inspector-content{will-change:scroll-position;backface-visibility:hidden;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.segmented-control{background:#0f172a80;border:1px solid #ffffff0f;border-radius:.5rem;width:100%;padding:2px;display:flex;position:relative}.segmented-button{color:var(--text-secondary);cursor:pointer;z-index:2;text-align:center;background:0 0;border:none;flex:1;padding:.6rem 0;font-size:.825rem;font-weight:600;transition:color .2s}.segmented-button:disabled{opacity:.4;cursor:not-allowed}.segmented-button.active{color:#fff}.segmented-active-indicator{z-index:1;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.375rem;width:calc(33.333% - 4px);transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 2px 6px #0000004d}.day-inspector-capacity-warning{color:#fca5a5;background-color:#ef44441f;border:1px solid #ef44444d;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:1rem;font-size:.85rem;font-weight:500;line-height:1.4;display:flex;box-shadow:0 4px 12px #ef44441a}.day-inspector-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.day-inspector-team-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.day-inspector-group-header{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;font-weight:700;display:flex}.day-inspector-team-row{background-color:#1e293b33;border:1px solid #ffffff08;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.day-inspector-row-clickable{cursor:pointer}.day-inspector-row-clickable:hover{background-color:#ffffff0a;border-color:#ffffff14;transform:translate(-2px)}.day-inspector-row-left{align-items:center;gap:.75rem;display:flex}.day-inspector-avatar{background-color:var(--bg-secondary);width:30px;height:30px;color:var(--text-primary);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.day-inspector-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.day-inspector-avatar.is-me{border:1.5px solid #fff!important;box-shadow:0 0 8px #ffffff80!important}.day-inspector-avatar.has-initials{border:1.5px solid var(--accent-color)!important;color:var(--accent-color)!important;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}.day-inspector-avatar.has-initials.is-me{color:var(--accent-color)!important;border:1.5px solid #fff!important;box-shadow:0 0 8px #ffffff80!important}.day-inspector-team-row.day-inspector-row-is-me{border:1.5px solid #fff!important;box-shadow:0 0 10px #ffffff59,inset 0 0 6px #ffffff26!important}.day-inspector-row-names{flex-direction:column;display:flex}.day-inspector-row-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.day-inspector-row-shifts{flex-direction:column;gap:2px;margin-top:2px;display:flex}.day-inspector-shift-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.725rem;display:flex}.day-inspector-badge{border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.day-inspector-badge.badge-in{color:#a7f3d0;background-color:#10b98126;border:1px solid #10b9814d}.day-inspector-badge.badge-out{color:#fecaca;background-color:#ef444426;border:1px solid #ef44444d}.fc-event-merged{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.fc-event-merged .fc-event-main{box-shadow:none!important;background:0 0!important;border-color:#0000!important;overflow:visible!important}.progressive-merged-sub-shift{box-sizing:border-box;border:1.5px solid #fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;left:0;right:0;overflow:hidden;color:#fff!important}.progressive-merged-sub-shift:hover{z-index:10;transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.progressive-calendar-wrapper .fc-timegrid-event{max-width:55px!important;margin:0 auto!important}@supports ((-moz-appearance:none)){.progressive-calendar-wrapper .fc{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172af0!important}.liquid-glass{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172aeb!important}.fc-event-hover-details{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0f172af0!important}.progressive-fallback-day-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172af7!important}}.day-inspector-status-popout{z-index:100;border:1px solid var(--glass-border);width:300px;box-shadow:-10px 10px 40px #0009, var(--glass-glow);will-change:transform, opacity;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.25rem;animation:.25s cubic-bezier(.4,0,.2,1) forwards popoutSlideIn;display:flex;position:fixed;right:432px}@keyframes popoutSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.popout-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:.25rem;padding-bottom:.5rem;display:flex}.popout-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.popout-username{color:var(--accent-color);font-size:1.1rem;font-weight:700}.popout-date{color:var(--text-secondary);font-size:.8rem}.popout-capacity-warning{color:#fca5a5;background-color:#ef44441f;border:1px solid #ef44444d;border-radius:.375rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;line-height:1.4}.popout-buttons{flex-direction:column;gap:.75rem;display:flex}.popout-btn{cursor:pointer;text-align:center;border:none;border-radius:.375rem;width:100%;padding:.625rem;font-size:.875rem;font-weight:600;transition:all .2s}.popout-btn-in{background-color:var(--success-color);color:#fff}.popout-btn-in:hover{background-color:#059669;box-shadow:0 0 10px #10b98166}.popout-btn-out{background-color:var(--danger-color);color:#fff}.popout-btn-out:hover{background-color:#dc2626;box-shadow:0 0 10px #ef444466}.popout-btn-clear{color:var(--text-primary);border:1px solid var(--glass-border);background-color:#0000}.popout-btn-clear:hover{background-color:#ffffff14;border-color:#fff3}.popout-btn-cancel{color:var(--text-secondary);background-color:#0000;font-weight:500}.popout-btn-cancel:hover{color:var(--text-primary);background-color:#ffffff0a}@supports ((-moz-appearance:none)){.day-inspector-status-popout{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#0f172af0!important}}.floating-sync-btn{color:#fff;cursor:pointer;z-index:990;border:1px solid var(--glass-border);width:3.5rem;height:3.5rem;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;left:6.5rem}.floating-sync-btn:hover{box-shadow:0 10px 25px #0006, var(--glass-glow);border-color:#fff3;transform:scale(1.1)translateY(-2px)}.floating-sync-btn.loading{opacity:.8;cursor:not-allowed}.progressive-merged-sub-shift.is-logged-in-user-shift{opacity:1!important;color:#fff!important;border:2px solid #fff!important;font-weight:700!important;box-shadow:0 0 12px #ffffff73,inset 0 0 6px #fff3!important}.progressive-merged-sub-shift.is-team-member-shift{box-shadow:none!important;color:#e2e8f0!important;border:1px solid #ffffff26!important;font-weight:500!important}.progressive-merged-sub-shift.is-team-member-shift .narrow-vertical{color:#e2e8f0!important}.fc-event-is-current-user{opacity:1!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 0 12px #ffffff73,inset 0 0 6px #fff3!important}.fc-event-is-current-user .narrow-vertical{color:#fff!important}.fc-event-is-team-member{box-shadow:none!important;color:#e2e8f0!important;border:1px solid #ffffff26!important}.fc-event-is-team-member .narrow-vertical{color:#e2e8f0!important}.progressive-calendar-wrapper .fc-timegrid-col.fc-day-today{background-color:#ffffff08!important}.progressive-calendar-wrapper .fc-day-today:not(.fc-day-selected){border-color:var(--glass-border)!important;background-color:#0000!important}.progressive-calendar-wrapper .fc-timegrid-col.fc-day-today:not(.fc-day-selected),.progressive-calendar-wrapper .fc-daygrid-day.fc-day-today:not(.fc-day-selected),.progressive-calendar-wrapper .fc-col-header-cell.fc-day-today:not(.fc-day-selected){border-left:1px solid var(--glass-border)!important;border-right:1px solid var(--glass-border)!important;box-shadow:none!important;background-color:#0000!important}.progressive-calendar-wrapper .fc-timegrid-col.fc-day-selected{background-color:#ffffff0f!important;border-bottom:1.5px solid #ffffff73!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.progressive-calendar-wrapper .fc-daygrid-day.fc-day-selected{background-color:#ffffff0f!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.progressive-calendar-wrapper .fc-col-header-cell.fc-day-selected{background-color:#ffffff0f!important;border-top:1.5px solid #ffffff73!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.progressive-calendar-wrapper .fc-timegrid-col.fc-day-today.fc-day-selected{background-color:#ffffff0f!important;border-bottom:1.5px solid #ffffff73!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.progressive-calendar-wrapper .fc-daygrid-day.fc-day-today.fc-day-selected{background-color:#ffffff0f!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.progressive-calendar-wrapper .fc-col-header-cell.fc-day-today.fc-day-selected{background-color:#ffffff0f!important;border-top:1.5px solid #ffffff73!important;border-left:1.5px solid #ffffff73!important;border-right:1.5px solid #ffffff73!important;box-shadow:inset 0 0 10px #ffffff14!important}.is-locked-shift{background-image:linear-gradient(135deg,#ffffff1f 25%,#0000 25% 50%,#ffffff1f 50% 75%,#0000 75%,#0000)!important;background-size:14px 14px!important}.mobile-calendar-container{background-color:var(--bg-primary);border-radius:.75rem;flex-direction:column;gap:1rem;padding:.5rem;display:flex}.mobile-month-header{background-color:var(--bg-secondary);border:1px solid #334155;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.mobile-month-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.mobile-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.25rem .75rem;font-size:1.25rem;transition:all .2s}.mobile-nav-btn:active{color:var(--text-primary);background-color:#ffffff1a}.mobile-weekdays-grid{text-align:center;color:var(--text-secondary);text-transform:uppercase;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:grid}.mobile-days-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.mobile-day-cell{aspect-ratio:1;background-color:var(--bg-secondary);cursor:pointer;border:1px solid #334155;border-radius:.5rem;flex-direction:column;justify-content:space-between;align-items:center;padding:6px;transition:all .15s ease-in-out;display:flex;position:relative}.mobile-day-cell:active{background-color:#ffffff0d;transform:scale(.95)}.mobile-other-month{opacity:.35}.mobile-day-number{color:var(--text-primary);font-size:.9rem;font-weight:600}.mobile-cell-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;width:100%;min-height:8px;padding:0 4px;display:flex}.mobile-cell-dot{border-radius:50%;width:5.5px;height:5.5px;display:inline-block}.mobile-cell-in-office{background-color:#10b9811a!important;border-color:#10b9814d!important}.mobile-cell-out-office{background-color:#ef44441a!important;border-color:#ef44444d!important}.mobile-cell-bereitschaft{background-color:#eab3081a!important;border-color:#eab3084d!important}.mobile-cell-shift{background-color:#6366f11a!important;border-color:#6366f14d!important}.mobile-cell-selected{border:2px solid #fff!important;box-shadow:0 0 10px #fff6!important}.mobile-cell-today{background-color:#ffffff14!important}.mobile-cell-today .mobile-day-number{color:#fff;text-shadow:0 0 6px #fffc;font-weight:800}.mobile-hero-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:1.25rem;margin-top:.5rem;padding:1.25rem;display:flex;box-shadow:0 10px 15px -3px #0000004d}.mobile-hero-date{color:var(--text-primary);border-bottom:1px solid #ffffff14;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.mobile-quick-actions{flex-direction:column;gap:.5rem;display:flex}.mobile-quick-actions-info{flex-direction:column;gap:.25rem;display:flex}.mobile-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem;font-weight:700}.mobile-action-buttons{gap:.5rem;width:100%;display:flex}.mobile-action-btn{background-color:var(--bg-primary);height:44px;color:var(--text-secondary);cursor:pointer;border:1px solid #334155;border-radius:.5rem;flex:1;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.mobile-action-btn:active{transform:scale(.97)}.mobile-action-btn.btn-in.active{background-color:var(--success-color);border-color:var(--success-color);color:#fff;box-shadow:0 4px 12px #10b98140}.mobile-action-btn.btn-out.active{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;box-shadow:0 4px 12px #ef444440}.mobile-action-btn.btn-clear.active{color:#fff;background-color:#475569;border-color:#475569}.mobile-lock-warning{color:var(--danger-color);align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.mobile-capacity-warning{border:1px solid var(--danger-color);color:var(--danger-color);background-color:#ef444426;border-radius:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;line-height:1.4}.mobile-team-section{flex-direction:column;gap:.75rem;display:flex}.mobile-team-list{flex-direction:column;gap:.5rem;display:flex}.mobile-team-row{border:1px solid #ffffff0a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;transition:all .15s ease-in-out;display:flex}.mobile-row-clickable{cursor:pointer}.mobile-row-clickable:active{transform:scale(.99);background-color:#ffffff0d!important}.mobile-row-left{align-items:center;gap:.75rem;display:flex}.mobile-avatar{background-color:var(--bg-primary);width:32px;height:32px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.mobile-row-names{flex-direction:column;gap:.125rem;display:flex}.mobile-row-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.mobile-row-shifts{color:var(--text-secondary);font-size:.725rem}.mobile-row-right{align-items:center;display:flex}.mobile-badge{text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.mobile-badge.badge-in{color:var(--success-color);background-color:#10b98126;border:1px solid #10b9814d}.mobile-badge.badge-out{color:var(--danger-color);background-color:#ef444426;border:1px solid #ef44444d}.mobile-view-selector{background-color:#1e293b66;border:1px solid #ffffff14;border-radius:9999px;gap:4px;width:100%;padding:4px;display:flex}.mobile-view-tab{text-align:center;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.mobile-view-tab.active{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 8px #6366f166}.mobile-week-grid{grid-template-rows:1fr!important}@media (width<=480px){.calendar-page-container{box-sizing:border-box;width:100%;max-width:100vw;padding:.5rem!important}.mobile-calendar-container{box-sizing:border-box;gap:.5rem;width:100%;max-width:100vw;padding:.25rem}.mobile-month-header{padding:.375rem .5rem}.mobile-month-title{font-size:1rem}.mobile-days-grid{gap:4px}.mobile-day-cell{border-radius:.375rem;padding:4px}.mobile-day-number{font-size:.8rem}.mobile-cell-dot{width:4.5px;height:4.5px}.mobile-cell-dots{gap:1.5px;min-height:6px;padding:0 1px}.mobile-hero-card{box-sizing:border-box;width:100%;padding:.75rem}.mobile-action-buttons{flex-wrap:wrap;gap:.5rem;width:100%}.mobile-action-btn{flex:calc(50% - .25rem);min-width:80px;height:38px;padding:0 .25rem;font-size:.75rem}.mobile-action-btn.btn-clear{flex:100%}.mobile-team-group,.mobile-team-row{padding:.5rem}.mobile-avatar{width:28px;height:28px;font-size:.7rem}.mobile-row-name{font-size:.8rem}.mobile-row-shifts{font-size:.65rem}}.mobile-team-group{background:#1e293b40;border:1px solid #ffffff0a;border-radius:.625rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.mobile-team-group-header{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0a;align-items:center;gap:.35rem;padding-bottom:.375rem;font-size:.75rem;font-weight:800;display:flex}.mobile-team-group-items{flex-direction:column;gap:.5rem;display:flex}.admin-page-container{flex-direction:column;flex:1;padding:2rem;display:flex}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-header-actions{flex-wrap:wrap;gap:1rem;display:flex}.admin-table-wrapper{background-color:var(--bg-secondary);border:1px solid #ffffff14;border-radius:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #0003}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--text-primary);background-color:#ffffff08;border-bottom:1px solid #ffffff14;padding:1rem;font-weight:700}.admin-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:1rem}.admin-table tr:last-child td{border-bottom:none}.admin-avatar-wrapper{box-sizing:border-box;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.admin-table-avatar{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;width:100%;height:100%}.admin-table-avatar-placeholder{border:1.5px solid var(--accent-color);width:100%;height:100%;color:var(--accent-color);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.role-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.role-badge.role-admin{color:#a78bfa;background-color:#8b5cf626;border:1px solid #8b5cf64d}.role-badge.role-fulltime{color:#60a5fa;background-color:#3b82f626;border:1px solid #3b82f64d}.role-badge.role-parttime{color:#facc15;background-color:#eab30826;border:1px solid #eab3084d}.calendar-link-badge{white-space:nowrap!important;align-items:center!important;gap:4px!important;display:inline-flex!important}.calendar-link-badge.linked{color:#10b981!important;background-color:#10b9811a!important;border:1px solid #10b98133!important}.calendar-link-badge.not-linked{color:#ef4444!important;opacity:.6!important;background-color:#ef44441a!important;border:1px solid #ef444433!important}.calendar-link-badge .material-symbols-outlined{font-size:13px!important;line-height:1!important}@media (width<=1100px){.calendar-link-badge .badge-text{display:none!important}}.admin-action-btn{vertical-align:middle!important;box-sizing:border-box!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:.3rem!important;height:28px!important;padding:.25rem .55rem!important;font-size:.8rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.admin-action-btn .material-symbols-outlined{font-size:16px!important;line-height:1!important}.admin-header-btn{vertical-align:middle!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.admin-header-btn .material-symbols-outlined{font-size:18px!important;line-height:1!important}@media (width>=769px) and (width<=1024px){.admin-header-btn .btn-text{display:none!important}.admin-header-btn{border-radius:50%!important;gap:0!important;width:38px!important;height:38px!important;padding:.5rem!important}}@media (width<=1024px){.admin-action-btn .btn-text{display:none!important}.admin-action-btn{gap:0!important;width:28px!important;padding:.25rem .4rem!important}}.mobile-admin-cards{flex-direction:column;gap:1rem;display:none}@media (width<=768px){.admin-page-container{padding:.75rem}.admin-page-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.admin-page-header h2{margin:0;font-size:1.5rem}.admin-header-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.admin-create-btn{text-align:center;grid-column:span 2;justify-content:center}.admin-export-btn,.admin-import-btn{text-align:center;justify-content:center;padding:.5rem .25rem;font-size:.85rem}.admin-table-wrapper{display:none}.mobile-admin-cards{display:flex}.mobile-admin-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b66;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.875rem;padding:1rem;display:flex}.mobile-admin-card-header{justify-content:space-between;align-items:flex-start;display:flex}.mobile-admin-fullname{color:var(--text-primary);font-size:1rem;font-weight:700}.mobile-admin-username{color:var(--text-secondary);font-size:.8rem}.mobile-admin-card-actions{gap:.5rem;width:100%;display:flex}}.profile-page-container{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding:2rem;transition:max-width .3s;display:flex}.profile-layout-grid,.profile-right-column{flex-direction:column;gap:1.5rem;width:100%;display:flex}.profile-card{max-width:100%!important;margin-bottom:0!important}@media (width>=992px){.profile-page-container{max-width:1200px!important}.profile-layout-grid{grid-template-columns:1.2fr 1fr!important;align-items:start!important;gap:2rem!important;display:grid!important}.profile-right-column{flex-direction:column!important;gap:2rem!important;display:flex!important}}.profile-select{background:var(--bg-primary);color:#fff;border:1px solid #334155;border-radius:.375rem;width:100%;padding:.75rem;font-size:.95rem}.profile-btn{text-align:center;justify-content:center;width:100%;margin-top:.5rem}.profile-ics-section{border-top:1px solid #334155;margin-top:1.5rem;padding-top:1.5rem}.profile-ics-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;display:block}@media (width<=768px){.profile-page-container{padding:.75rem}}.role-badge.role-inactive{color:#94a3b8;background-color:#94a3b826;border:1px solid #94a3b84d}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;width:calc(100% - 3rem);max-width:380px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{-webkit-backdrop-filter:blur(12px);color:#fff;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;box-shadow:0 10px 25px -5px #0006}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(1.5rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-message{flex:1;line-height:1.4}.toast-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0 .25rem;font-size:1.25rem;font-weight:600;transition:color .2s;display:flex}.toast-close:hover{color:#fff;background-color:#ffffff14}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #6366f1}.setup-wizard-backdrop{-webkit-backdrop-filter:blur(12px);z-index:9998;background-color:#0f172ad9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.setup-wizard-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;max-width:520px;padding:2.25rem;animation:.4s cubic-bezier(.16,1,.3,1) wizard-fade-in;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes wizard-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.setup-wizard-header{border-bottom:1px solid #ffffff14;padding-bottom:1rem}.setup-wizard-header h2{color:#fff;margin-bottom:.375rem;font-size:1.5rem;font-weight:800}.setup-wizard-header p{color:var(--text-secondary);font-size:.9rem}.setup-wizard-error{color:#f87171;background-color:#ef44441a;border:1px solid #ef444440;border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.setup-wizard-form{flex-direction:column;gap:1.25rem;display:flex}.setup-wizard-form h3{color:#fff;font-size:1.15rem;font-weight:700}.setup-wizard-subtext{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.setup-wizard-guide{background:#1e293b66;border:1px solid #ffffff0a;border-radius:.625rem;padding:1rem 1.25rem}.setup-wizard-guide h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.setup-wizard-guide ol{color:var(--text-secondary);flex-direction:column;gap:.375rem;margin:0;padding-left:1.2rem;font-size:.85rem;display:flex}.setup-wizard-guide ol li strong{color:#fff}.setup-wizard-btn{width:100%;height:44px}.setup-wizard-actions{gap:.75rem;margin-top:.5rem;display:flex}@media (width<=480px){.setup-wizard-card{padding:1.5rem}.setup-wizard-actions{flex-direction:column}}.nav-avatar-img{object-fit:cover;border:1.5px solid var(--accent-color);box-sizing:border-box;border-radius:50%}.nav-avatar-initials{color:var(--accent-color);text-transform:uppercase;border:1.5px solid var(--accent-color);box-sizing:border-box;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-avatar-edit-container{background-color:#1e293b66;border:1px solid #334155;border-radius:.5rem;align-items:center;gap:1.5rem;margin-top:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.profile-avatar-preview{box-sizing:border-box;border-radius:50%;width:72px;height:72px;position:relative}.profile-avatar-image-large{object-fit:cover;border:2px solid var(--accent-color);box-sizing:border-box;border-radius:50%;width:100%;height:100%}.profile-avatar-initials-large{width:100%;height:100%;color:var(--accent-color);border:2px solid var(--accent-color);box-sizing:border-box;text-transform:uppercase;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.profile-avatar-actions{flex-direction:row;align-items:center;gap:.75rem;display:flex}.avatar-upload-label{cursor:pointer;transition:all .2s;color:var(--accent-color)!important;text-align:center!important;justify-content:center!important;align-items:center!important;margin:0!important;font-size:.9rem!important;font-weight:600!important;display:inline-flex!important}.avatar-upload-label:hover{transform:translateY(-1px);background-color:#3b82f61a!important}.avatar-remove-btn{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;margin:0;transition:all .2s;text-align:center!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;display:inline-flex!important}.avatar-remove-btn:hover{background-color:#ef44441a;transform:translateY(-1px)}@media (width<=480px){.profile-avatar-edit-container{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1rem}.profile-avatar-actions{flex-direction:column;gap:.625rem;width:100%}.avatar-upload-label,.avatar-remove-btn{box-sizing:border-box;width:100%}}