@font-face{font-family:Piepie;src:url(/fonts/Piepie%20W01%20Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alte Haas Grotesk;src:url(/fonts/AlteHaasGroteskBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--s-earth-900: #1a120d;--s-earth-800: #2c1e14;--s-earth-700: #3d2b1f;--s-earth-600: #5c3d28;--s-earth-500: #7a5a3e;--s-olive-900: #1c2416;--s-olive-800: #2d3a22;--s-olive-700: #3e5130;--s-olive-500: #6b8a58;--s-olive-400: #8ba878;--s-olive-300: #a8c498;--s-olive-200: #c5d8b8;--s-cream: #f5ede0;--s-cream-warm: #efe3d0;--s-cream-hot: #e8d5b8;--s-cream-light:#faf6ef;--s-terra: #c4713a;--s-terra-light: #d68b52;--s-terra-glow: #e8a06a;--s-lantern: #d4a55a;--s-lantern-soft: #e8c88a;--s-lantern-glow: #f0d8a0;--s-violet: #8B5CF6;--s-purple-400: #9B7EC8;--color-bg: var(--s-earth-900);--color-bg-card: var(--s-earth-800);--color-bg-hover: var(--s-earth-700);--color-bg-input: var(--s-earth-800);--color-surface: var(--s-earth-800);--color-border: var(--s-earth-700);--color-border-light:var(--s-earth-600);--color-text: var(--s-cream);--color-text-muted: var(--s-cream-hot);--color-text-dim: var(--s-earth-500);--color-primary: var(--s-olive-500);--color-primary-hover: var(--s-olive-400);--color-primary-light: var(--s-olive-200);--color-primary-rgb: 107, 138, 88;--color-bg-elevated: var(--s-earth-700);--color-card-bg: var(--s-earth-800);--color-success: var(--s-olive-300);--color-success-bg: rgba(107, 138, 88, .15);--color-warning: var(--s-lantern);--color-warning-bg: rgba(212, 165, 90, .15);--color-danger: var(--s-terra);--color-danger-bg: rgba(196, 113, 58, .15);--color-info: var(--s-olive-400);--color-info-bg: rgba(139, 168, 120, .15);--color-cucina: var(--s-terra);--color-bar: #9B7EC8;--color-sala: var(--s-olive-500);--color-cassa: var(--s-lantern);--color-accoglienza: var(--s-terra-glow);--color-altro: var(--s-earth-500);--font-family: "Alte Haas Grotesk", "Helvetica Neue", Arial, sans-serif;--font-display: "Piepie", "Impact", sans-serif;--font-size-2xs: .5625rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-icon: 1.375rem;--font-size-3xl: 1.875rem;--font-weight-light: 300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semi: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 18, 13, .4);--shadow-md: 0 4px 6px -1px rgba(26, 18, 13, .4);--shadow-lg: 0 10px 15px -3px rgba(26, 18, 13, .5);--shadow-glow: 0 0 20px rgba(107, 138, 88, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--s-ease: cubic-bezier(.16, 1, .3, 1);--sidebar-width: 260px;--sidebar-collapsed: 0px;--header-height: 64px;--bottom-nav-height: 60px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--content-max-width: 1280px;--content-padding-lg: var(--space-8);--elevation-0: var(--s-earth-900);--elevation-1: var(--s-earth-800);--elevation-2: var(--s-earth-700);--elevation-3: var(--s-earth-600);--section-gap: 2rem;--section-gap-sm: 1.25rem;--section-gap-xs: .75rem;--color-border-soft: rgba(92, 61, 40, .3);--color-text-primary: var(--s-cream);--font-weight-semibold: var(--font-weight-semi);--card-gap: var(--space-4);--content-flow-gap: var(--section-gap-sm);--list-item-gap: var(--space-2);--form-gap: var(--space-4);--icon-gap: var(--space-2)}:root{--icon-stroke: 1.5;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;overflow:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}@media(max-width:768px){.bottom-nav__item,.nav__link,.tab-bar__btn,button:not(.btn--sm):not([class*=att-]):not([class*=modal]):not([class*=form__emoji]){min-height:44px}.kpi-card a,.card a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-1)}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semi);line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::selection{background:var(--s-terra);color:var(--s-cream)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;transition:transform var(--transition-slow);z-index:100}.sidebar__brand{display:flex;flex-direction:column;padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.sidebar__title{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--s-cream),var(--s-lantern-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.sidebar__subtitle{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.sidebar__logo-img{max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain;display:block;filter:brightness(.95)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-3) 0}.sidebar__nav-group{padding:var(--space-5) var(--space-5) var(--space-2);font-size:.625rem;font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);margin-top:var(--space-3);opacity:.7}.sidebar__nav-separator{height:1px;background:var(--color-border);margin:var(--space-2) var(--space-5);opacity:.5}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);padding-right:var(--space-4);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent;font-size:var(--font-size-sm);position:relative}.sidebar__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.sidebar__nav-item:hover .sidebar__nav-icon{transform:translate(2px);transition:transform var(--transition-fast)}.sidebar__nav-icon{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0;transition:transform var(--transition-fast)}.sidebar__nav-item.active{background:linear-gradient(90deg,rgba(107,138,88,.22) 0%,rgba(107,138,88,.06) 60%,transparent 100%);color:var(--s-olive-200);border-left-color:var(--color-primary);font-weight:var(--font-weight-semi);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-right:var(--space-4)}.sidebar__nav-item.active .sidebar__nav-icon{color:var(--color-primary)}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.sidebar__season{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.sidebar__user{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}.sidebar__user-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar__user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--s-olive-700),var(--s-olive-500));color:var(--s-cream);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:0 0 0 2px #6b8a584d}.sidebar__user-details{min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--font-size-xs);text-transform:capitalize}.sidebar__logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.sidebar__logout:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.profile-card{max-width:640px}.profile-section__title{font-size:var(--font-size-md);margin-bottom:var(--space-4);color:var(--color-text)}.profile-field:last-of-type{border-bottom:none}.profile-field__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-field__value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.role-badge{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.users-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.users-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.users-table tr:hover td{background:var(--color-bg-hover)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot--active{background:var(--color-success)}.status-dot--inactive{background:var(--color-text-dim)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.header{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-8);height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0;box-shadow:0 1px 3px #1a120d4d}.header__title-block{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__subtitle{font-size:var(--font-size-xs);color:var(--color-text-dim);font-weight:var(--font-weight-normal);line-height:1.2;display:none}.header__subtitle:not(:empty){display:block}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.content{flex:1;overflow-y:auto!important;overflow-x:hidden;padding:var(--space-6);-webkit-overflow-scrolling:touch}@media(min-width:1024px){.content{padding:var(--space-6) var(--space-8)}}@media(min-width:1280px){.content{padding:var(--space-8) var(--content-padding-lg, var(--space-8))}}.content-inner,.dashboard-content-wrap{width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--section-gap-sm, 1.25rem)}.content__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);height:300px;color:var(--color-text-muted)}@media(max-width:768px){.app{overflow:visible}.sidebar{position:fixed;top:0;left:0;height:100dvh;transform:translate(calc(-1 * var(--sidebar-width)));z-index:200}.sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #0006}#sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#sidebar-overlay.is-visible{display:block}.main{width:100%;min-width:0}.header{gap:var(--space-2);padding:0 var(--space-3)}.header__title{font-size:var(--font-size-base)}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--color-text);font-size:1.25rem;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:background var(--transition-fast)}.header__menu-toggle:hover{background:var(--color-bg-hover)}.content{padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.clock-confirm-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-top:1px solid var(--color-border);padding:var(--space-5) var(--space-6);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:300;box-shadow:0 -8px 32px #0000004d}.clock-confirm-sheet.is-open{transform:translateY(0)}.clock-confirm-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:299}.clock-confirm-overlay.is-visible{display:block}.clock-confirm-sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto var(--space-4)}.clock-confirm-sheet__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi);color:var(--color-text);margin-bottom:var(--space-4);text-align:center}.clock-confirm-sheet__time{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:var(--space-2)}.clock-confirm-sheet__division{font-size:var(--font-size-sm);color:var(--color-text-dim);text-align:center;margin-bottom:var(--space-4)}.clock-confirm-sheet__geo{display:flex;align-items:center;gap:var(--space-2);justify-content:center;font-size:var(--font-size-sm);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-hover)}.clock-confirm-sheet__geo--ok{color:var(--color-success)}.clock-confirm-sheet__geo--warn{color:var(--s-lantern)}.clock-confirm-sheet__geo--unknown{color:var(--color-text-dim)}.clock-confirm-sheet__actions{display:flex;gap:var(--space-3)}.clock-confirm-sheet__cancel{flex:1;padding:var(--space-4);border:1px solid var(--color-border);background:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-md);cursor:pointer;min-height:52px}.clock-confirm-sheet__confirm{flex:2;padding:var(--space-4);background:var(--division-color, var(--s-olive-500));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semi);cursor:pointer;min-height:52px;transition:opacity var(--transition-fast)}.clock-confirm-sheet__confirm:active{opacity:.85}}.header__menu-toggle{display:none}.consultant-mobile-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-8) var(--space-4);text-align:center;background:var(--color-bg);color:var(--color-text);gap:var(--space-4)}.consultant-mobile-gate__icon{font-size:4rem;line-height:1}.consultant-mobile-gate__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semi);color:var(--color-text);margin:0}.consultant-mobile-gate__body{font-size:var(--font-size-base);color:var(--color-text-muted, var(--color-text-dim));max-width:28ch;line-height:1.5;margin:0}.flex-row{display:flex;align-items:center;gap:var(--space-2)}.flex-row--sm{gap:var(--space-1)}.flex-row--lg{gap:var(--space-3)}.flex-row--xl{gap:var(--space-4)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flex-col{display:flex;flex-direction:column;gap:var(--space-3)}.flex-col--sm{flex-direction:column;gap:var(--space-2)}.flex-col--lg{flex-direction:column;gap:var(--space-4)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-md{font-size:var(--font-size-md)}.text-right{text-align:right}.text-center{text-align:center}.text-upper{text-transform:uppercase;letter-spacing:.07em}.text-capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word;overflow-wrap:break-word}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex-1{flex:1;min-width:0}.shrink-0{flex-shrink:0}.flex-col--xs{display:flex;flex-direction:column;gap:var(--space-2)}.flex-row--xs{display:flex;align-items:center;gap:var(--space-2)}.list-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.list-item-row--elevated{background:var(--color-bg-elevated)}.list-item-row--warn{background:#f59e0b14}.list-item-row--danger{background:var(--color-danger-bg)}.list-item-row--danger-soft{background:#ef44440f}.card--border-l-danger{border-left:4px solid var(--color-danger)}.no-season-bar{background:var(--color-warning-bg, rgba(245,158,11,.1));border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}.text-2xs{font-size:var(--font-size-2xs)}.badge-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-dim)}.info-line{display:flex;align-items:center;gap:5px;margin-bottom:1px}.info-line--gap6{display:flex;align-items:center;gap:6px}.dots-row{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap}.score-col{text-align:right;flex-shrink:0}.card--overflow-hidden{overflow:hidden;padding:0}.chevron-icon{margin-left:auto;transition:transform .2s;display:inline-block}.chevron-icon--open{transform:rotate(180deg)}.chevron-icon--closed{transform:rotate(0)}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.section-label{margin:0 0 var(--space-3);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.section-title-row{margin:0 0 var(--space-4);display:flex;align-items:center;gap:8px}.card--p4-mb3{padding:var(--space-4);margin-bottom:var(--space-3)}.card--surface{padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-surface-2, var(--color-surface))}.field-hint{margin-top:var(--space-2);font-size:var(--font-size-sm)}.field-hint--dim{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-dim)}.p-dim{margin:0;font-size:var(--font-size-sm);color:var(--color-text-dim)}.portal-row{margin:0 0 var(--space-2)}.nowrap{white-space:nowrap}.fw-600{font-weight:600}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.grid-span-2{grid-column:span 2}@media(max-width:600px){.content [style*="minmax(1"],.content [style*="minmax(2"],.content [style*="minmax(3"],.content [style*="minmax(4"]{grid-template-columns:1fr!important}.content [style*="repeat(4, 1fr)"],.content [style*="repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}}@media(max-width:480px){.content [style*="1fr 1fr 1fr"],.content [style*="repeat(3, 1fr)"],.content [style*="repeat(3,1fr)"]{grid-template-columns:1fr 1fr!important}}@media(max-width:480px){.mobile-1col,.mobile-1col>[style*=grid]{grid-template-columns:1fr!important}}.rg-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.rg-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.rg-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.rg-auto-260{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-3)}.rg-auto-320{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-4)}.rg-auto-200{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3)}@media(max-width:480px){.rg-2{grid-template-columns:1fr}.rg-3,.rg-4{grid-template-columns:1fr 1fr}}@media(max-width:360px){.rg-3{grid-template-columns:1fr}}.rg-gap-2{gap:var(--space-2)}.rg-gap-4{gap:var(--space-4)}.rg-mb-3{margin-bottom:var(--space-3)}.rg-mb-4{margin-bottom:var(--space-4)}.view-container{width:100%;max-width:100%;padding:var(--space-5) var(--space-6);box-sizing:border-box}@media(max-width:768px){.view-container{padding:var(--space-4) var(--space-3)}}.view-header{margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;min-height:104px;box-shadow:0 1px 3px #0000001f;transition:border-color var(--transition-fast),transform var(--transition-fast)}.filter-bar{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;box-shadow:0 1px 2px #0000000f}.filter-bar .form-input,.filter-bar select{height:40px;line-height:1.2;border-radius:var(--radius-md, 8px);padding:0 var(--space-3);font-size:var(--font-size-sm, .85rem);background:var(--color-bg-surface, var(--color-bg-card));border:1px solid var(--color-border);color:var(--color-text)}.action-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.card-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;box-shadow:0 2px 4px #00000014}.dept-header-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-weight:700}.comp-emp-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);min-height:56px;transition:background var(--transition-fast)}.comp-emp-row:hover{background:#ffffff05}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.data-table td{padding:var(--space-4) var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap}.data-table tr{transition:background var(--transition-fast)}.data-table tr:hover{background:#ffffff05}.card+.card{margin-top:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.5}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn--success{background:var(--color-success);color:#fff}.btn--success:hover{filter:brightness(1.1)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{filter:brightness(1.1)}.btn--ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text)}.btn--secondary{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-md)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card--hover:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.card+.card{margin-top:var(--card-gap, var(--space-4))}.card-stack{display:flex;flex-direction:column;gap:var(--card-gap, var(--space-4))}.card-stack>.card+.card{margin-top:0}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semi)}.btn--warning{background:var(--color-warning, #d97706);color:#fff;border:none}.btn--warning:hover{filter:brightness(1.1)}.payslip-row--duplicate{border-color:#ef44444d!important}.payslip-row--saved{border-color:#8b5cf633!important}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-success{color:var(--color-success)}.text-color-primary{color:var(--color-text)}.text-primary-color{color:var(--color-primary)}.portal-identity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4) var(--space-4);gap:var(--space-3)}.portal-identity__avatar{width:72px;height:72px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--s-cream);background:var(--portal-avatar-bg, var(--s-olive-700));border:3px solid var(--s-earth-700);box-shadow:0 4px 16px #1a120d80;overflow:hidden;flex-shrink:0}.portal-identity__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.portal-identity__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--s-cream);margin:0;line-height:1.2}.portal-identity__role{font-size:var(--font-size-sm);color:var(--s-cream-hot);display:flex;align-items:center;gap:var(--space-2);justify-content:center}.portal-identity__badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.portal-identity__badge--active{background:#6b8a5833;color:var(--s-olive-300);border:1px solid rgba(107,138,88,.3)}.portal-identity__badge--inactive{background:#c4713a26;color:var(--s-terra-glow);border:1px solid rgba(196,113,58,.3)}.portal-clock-card{background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.portal-clock-card__date{font-size:var(--font-size-md);font-weight:var(--font-weight-semi);color:var(--s-cream);margin-bottom:var(--space-1)}.portal-clock-card__shift{font-size:var(--font-size-sm);color:var(--s-terra-glow);margin-bottom:var(--space-4)}.portal-clock-card__shift--none{color:var(--s-earth-500)}.portal-clock-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);font-size:1rem;font-weight:var(--font-weight-bold);font-family:var(--font-family);border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.03em;min-height:56px}.portal-clock-cta--in{background:var(--s-olive-700);color:var(--s-cream);box-shadow:0 4px 16px #6b8a584d}.portal-clock-cta--in:hover{background:var(--s-olive-500);box-shadow:0 6px 20px #6b8a5873}.portal-clock-cta--out{background:var(--s-terra);color:var(--s-cream);box-shadow:0 4px 16px #c4713a59}.portal-clock-cta--out:hover{background:var(--s-terra-light);box-shadow:0 6px 20px #c4713a80}.portal-clock-cta--done{background:var(--s-earth-700);color:var(--s-cream-hot);cursor:default}.portal-clock-cta:disabled{opacity:.6;cursor:not-allowed}.portal-clock-cta__icon{font-size:1.4rem;flex-shrink:0}.portal-location-status{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:var(--space-2)}.portal-location-status--ok{color:var(--s-olive-400)}.portal-recent-entries{display:flex;flex-direction:column;gap:var(--space-2)}.portal-recent-entries__title{font-size:var(--font-size-sm);color:var(--color-text-dim);font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.portal-recent-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--s-earth-800);border-radius:var(--radius-md);border:1px solid var(--s-earth-700);font-size:var(--font-size-sm)}.portal-recent-entry__icon{font-size:1rem;flex-shrink:0}.portal-recent-entry__date{flex:1;color:var(--s-cream-hot);font-weight:var(--font-weight-medium)}.portal-recent-entry__time{color:var(--color-text-dim);font-size:var(--font-size-xs);white-space:nowrap}.shift-week-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-2) 0}.shift-week-nav__label{flex:1;text-align:center;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--s-cream)}.shift-week-nav__badge{font-size:var(--font-size-xs);color:var(--s-terra-glow);display:block;font-weight:var(--font-weight-normal)}.shift-week-nav__btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--s-earth-600);background:var(--s-earth-800);color:var(--s-cream-hot);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.shift-day-section{margin-bottom:var(--space-4)}.shift-day-section__header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.shift-day-section--today .shift-day-section__header{color:var(--s-terra-glow)}.shift-day-section__today-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-full);background:#c4713a33;color:var(--s-terra-glow);font-size:10px;font-weight:var(--font-weight-bold);border:1px solid rgba(196,113,58,.35)}.shift-day-card{background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-left:4px solid var(--dept-color, var(--s-earth-600));transition:background .15s}.shift-day-card:hover{background:var(--s-earth-700)}.shift-day-card__icon{font-size:1.3rem;flex-shrink:0}.shift-day-card__name{font-weight:var(--font-weight-semi);color:var(--s-cream);font-size:var(--font-size-sm)}.shift-day-card__time{font-size:var(--font-size-xs);color:var(--s-cream-hot);margin-top:2px}.shift-day-card__badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.shift-day-card__badge--confirmed{background:#6b8a5833;color:var(--s-olive-300)}.shift-day-card__badge--pending{background:#d4a55a26;color:var(--s-lantern)}.shift-day-empty{padding:var(--space-3) var(--space-4);background:var(--s-earth-900);border-radius:var(--radius-md);color:var(--s-earth-500);font-size:var(--font-size-sm);font-style:italic;text-align:center;border:1px dashed var(--s-earth-700)}.shift-day-pills{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4)}.shift-day-pills::-webkit-scrollbar{display:none}.shift-day-pill{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--s-earth-700);background:var(--s-earth-800);color:var(--s-cream-hot);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:all .15s;min-width:52px;flex-shrink:0}.shift-day-pill:hover{background:var(--s-earth-700)}.shift-day-pill.active{background:var(--s-terra);border-color:var(--s-terra);color:var(--s-cream);font-weight:var(--font-weight-bold)}.shift-day-pill__day{font-size:9px;text-transform:uppercase;letter-spacing:.06em}.shift-day-pill__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi)}.team-dept-section__header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--s-earth-700)}.team-dept-section__name{flex:1}.team-dept-section__count{font-size:var(--font-size-xs);color:var(--s-earth-500);font-weight:var(--font-weight-normal)}.team-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.team-card{background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;transition:all .15s ease;min-height:100px}.team-card:hover,.team-card:active{background:var(--s-earth-700);border-color:var(--s-earth-600);transform:scale(1.02)}.team-card__avatar{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--s-cream);background:var(--dept-color, var(--s-olive-700));overflow:hidden;flex-shrink:0}.team-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.team-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--s-cream);line-height:1.2}.team-card__time{font-size:var(--font-size-xs);color:var(--s-cream-hot)}.team-card__phone-icon{font-size:.9rem;color:var(--s-olive-400)}.clock-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120dcc;z-index:1060;opacity:0;pointer-events:none;transition:opacity .3s ease}.clock-confirm-overlay.is-visible{opacity:1;pointer-events:auto}.clock-confirm-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:480px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--color-border);border-bottom:none;z-index:1061;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.clock-confirm-sheet.is-open{transform:translateY(0)}.clock-confirm-sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto var(--space-4)}.clock-confirm-sheet__title{font-size:var(--font-size-lg);font-weight:700;text-align:center;margin-bottom:var(--space-2);color:var(--color-text)}.clock-confirm-sheet__time{font-size:2.5rem;font-weight:800;text-align:center;line-height:1;margin-bottom:var(--space-2);color:var(--color-primary);font-variant-numeric:tabular-nums}.clock-confirm-sheet__division{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.clock-confirm-sheet__geo{display:flex;align-items:center;gap:var(--space-2);justify-content:center;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--color-bg-elevated, var(--color-bg-hover));color:var(--color-text-muted)}.clock-confirm-sheet__geo small{display:block;font-size:var(--font-size-xs);opacity:.8;margin-top:var(--space-1)}.clock-confirm-sheet__geo--ok{background:#6b8a581f;color:var(--color-success)}.clock-confirm-sheet__geo--warn{background:#c4713a1f;color:var(--color-warning)}.clock-confirm-sheet__geo--unknown{background:var(--color-bg-hover);color:var(--color-text-muted)}.clock-confirm-sheet__actions{display:flex;gap:var(--space-3)}.clock-confirm-sheet__cancel{flex:1;padding:var(--space-3);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.clock-confirm-sheet__cancel:hover{background:var(--color-bg-hover);color:var(--color-text)}.clock-confirm-sheet__confirm{flex:2;padding:var(--space-3);border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:filter var(--transition-fast)}.clock-confirm-sheet__confirm:hover{filter:brightness(1.1)}.clock-confirm-sheet__confirm:active{filter:brightness(.9);transform:scale(.98)}.colleague-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120dbf;z-index:1050;opacity:0;transition:opacity .3s ease;pointer-events:none}.colleague-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:480px;margin:0 auto;background:var(--s-earth-800);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--s-earth-700);border-bottom:none;z-index:1051;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.colleague-sheet__drag-handle{width:40px;height:4px;background:var(--s-earth-600);border-radius:var(--radius-full);margin:var(--space-2) auto}.colleague-sheet__close{position:absolute;top:var(--space-3);right:var(--space-4);width:30px;height:30px;border-radius:var(--radius-full);border:1px solid var(--s-earth-600);background:var(--s-earth-700);color:var(--s-cream);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.colleague-sheet__body{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.colleague-sheet__avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--dept-color, var(--s-olive-700));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--s-cream);overflow:hidden}.colleague-sheet__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--s-cream)}.colleague-sheet__dept{font-size:var(--font-size-sm);color:var(--s-cream-hot)}.colleague-sheet__shift{font-size:var(--font-size-sm);color:var(--color-text-dim)}.colleague-sheet__call-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:var(--s-olive-700);color:var(--s-cream);font-size:var(--font-size-md);font-weight:var(--font-weight-semi);text-decoration:none;border:none;cursor:pointer;transition:background .15s;margin-top:var(--space-2)}.colleague-sheet__call-btn:hover{background:var(--s-olive-500)}.colleague-sheet__no-phone{font-size:var(--font-size-sm);color:var(--color-text-dim);font-style:italic}.portal-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120dbf;z-index:200;opacity:0;transition:opacity .3s ease;pointer-events:none}.portal-drawer-overlay.open{opacity:1;pointer-events:auto}.portal-drawer{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:480px;margin:0 auto;background:var(--s-earth-800);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--s-earth-700);border-bottom:none;z-index:201;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.portal-drawer.open{transform:translateY(0)}.portal-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--s-earth-700)}.portal-drawer__header h3{margin:0;font-size:var(--font-size-md);color:var(--s-cream)}.portal-drawer__close{width:30px;height:30px;border-radius:var(--radius-full);border:1px solid var(--s-earth-600);background:var(--s-earth-700);color:var(--s-cream);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.portal-drawer__nav{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4) var(--space-5);gap:var(--space-2)}.portal-drawer__btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:1px solid var(--s-earth-700);border-radius:var(--radius-md);color:var(--s-cream-hot);font-size:var(--font-size-md);font-family:var(--font-family);text-align:left;cursor:pointer;transition:background .15s;min-height:48px}.portal-drawer__btn:hover,.portal-drawer__btn.active{background:var(--s-earth-700);color:var(--s-cream);border-color:var(--s-olive-600)}.portal-drawer__btn:disabled{opacity:.45;cursor:not-allowed}.portal-identity{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.portal-identity__avatar{width:72px;height:72px;border-radius:50%;background:var(--portal-avatar-bg, var(--s-olive-700));display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--s-cream);flex-shrink:0;overflow:hidden;border:3px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0000004d}.portal-identity__avatar img{width:100%;height:100%;object-fit:cover}.portal-identity__name{font-size:var(--font-size-xl);font-weight:700;color:var(--s-cream);margin:0 0 4px;line-height:1.2}.portal-identity__role{font-size:var(--font-size-sm);color:var(--color-text-dim);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.portal-identity__badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:99px;font-weight:600;letter-spacing:.02em}.portal-identity__badge--active{background:#78b45a26;color:#7eb85a;border:1px solid rgba(120,180,90,.3)}.portal-identity__badge--inactive{background:#c878321f;color:var(--s-lantern);border:1px solid rgba(200,120,50,.3)}.portal-clock-card{background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.portal-clock-card__date{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:var(--space-2);text-transform:capitalize}.portal-clock-card__shift{font-size:var(--font-size-md);font-weight:600;color:var(--s-cream);margin-bottom:var(--space-3)}.portal-clock-card__shift--none{color:var(--color-text-dim);font-weight:400;font-style:italic}.portal-clock-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:56px;border-radius:var(--radius-md);border:none;font-size:var(--font-size-md);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.portal-clock-cta:disabled{opacity:.5;cursor:not-allowed}.portal-clock-cta:active:not(:disabled){transform:scale(.98)}.portal-clock-cta__icon{font-size:1.2rem}.portal-clock-cta--in{background:linear-gradient(135deg,#3a8f4a,#2d7a3b);color:#fff;box-shadow:0 4px 16px #3a8f4a59}.portal-clock-cta--in:hover:not(:disabled){background:linear-gradient(135deg,#44a456,#3a8f4a);box-shadow:0 6px 20px #3a8f4a73}.portal-clock-cta--out{background:linear-gradient(135deg,#c0392b,#a93226);color:#fff;box-shadow:0 4px 16px #c0392b59}.portal-clock-cta--out:hover:not(:disabled){background:linear-gradient(135deg,#d44e41,#c0392b);box-shadow:0 6px 20px #c0392b73}.portal-clock-cta--done{background:var(--s-earth-700);color:var(--color-text-dim)}.portal-location-status{font-size:var(--font-size-xs);margin-top:var(--space-2);text-align:center;min-height:16px}.portal-location-status--ok{color:#7eb85a}.portal-location-status--warn{color:var(--s-lantern)}.portal-recent-entries{margin-bottom:var(--space-4)}.portal-recent-entries__title{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-2)}.portal-recent-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--s-earth-800);border-radius:var(--radius-md);margin-bottom:var(--space-1);border:1px solid var(--s-earth-700)}.portal-recent-entry__icon{font-size:.9rem;flex-shrink:0}.portal-recent-entry__date{font-size:var(--font-size-sm);color:var(--s-cream-hot);font-weight:500;min-width:80px;text-transform:capitalize}.portal-recent-entry__time{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-left:auto;text-align:right}.shift-week-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0}.shift-week-nav__btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--s-earth-700);background:var(--s-earth-800);color:var(--s-cream);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.shift-week-nav__btn:hover{background:var(--s-earth-700)}.shift-week-nav__label{flex:1;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--s-cream);display:flex;flex-direction:column;align-items:center;gap:4px}.shift-week-nav__badge{font-size:var(--font-size-xs);background:#b48c5026;color:var(--s-lantern);border:1px solid rgba(180,140,80,.25);border-radius:99px;padding:2px 8px;font-weight:500}.shift-day-section{margin-bottom:var(--space-3)}.shift-day-section__header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dim);margin-bottom:var(--space-1);padding:var(--space-1) 0;text-transform:capitalize}.shift-day-section--today .shift-day-section__header{color:var(--s-cream)}.shift-day-section__today-badge{font-size:var(--font-size-xs);background:var(--s-lantern);color:#1a0e00;border-radius:99px;padding:2px 8px;font-weight:700;letter-spacing:.05em}.shift-day-empty{font-size:var(--font-size-xs);color:var(--color-text-dim);padding:var(--space-2) var(--space-3);background:var(--s-earth-900);border-radius:var(--radius-sm);border:1px dashed var(--s-earth-700);opacity:.6}.shift-day-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--s-earth-800);border-radius:var(--radius-md);border:1px solid var(--s-earth-700);border-left:4px solid var(--dept-color, var(--s-olive-600));margin-bottom:var(--space-2);transition:background .15s}.shift-day-card__icon{font-size:1.2rem;flex-shrink:0}.shift-day-card__info{flex:1;min-width:0}.shift-day-card__name{font-size:var(--font-size-sm);font-weight:600;color:var(--s-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-day-card__time{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:2px}.shift-day-card__badge{font-size:var(--font-size-xs);padding:3px 8px;border-radius:99px;font-weight:600;flex-shrink:0;white-space:nowrap}.shift-day-card__badge--confirmed{background:#50a05a1f;color:#7eb85a;border:1px solid rgba(80,160,90,.25)}.shift-day-card__badge--pending{background:#c88c321f;color:var(--s-lantern);border:1px solid rgba(200,140,50,.25)}.team-dept-section{margin-bottom:var(--space-5)}.team-dept-section__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--s-earth-700)}.team-dept-section__name{font-size:var(--font-size-sm);font-weight:700;color:var(--s-cream);text-transform:uppercase;letter-spacing:.06em;flex:1}.team-dept-section__count{font-size:var(--font-size-xs);color:var(--color-text-dim)}.team-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:480px){.team-cards-grid{grid-template-columns:repeat(2,1fr)}}.team-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,transform .1s;text-align:center;position:relative;-webkit-tap-highlight-color:transparent}.team-card:active{transform:scale(.95);background:var(--s-earth-700)}.team-card__avatar{width:52px;height:52px;border-radius:50%;background:var(--dept-color, var(--s-olive-700));display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--s-cream);overflow:hidden;margin-bottom:4px;flex-shrink:0}.team-card__avatar img{width:100%;height:100%;object-fit:cover}.team-card__name{font-size:var(--font-size-xs);font-weight:600;color:var(--s-cream-hot);line-height:1.3}.team-card__time{font-size:10px;color:#7eb85a;font-weight:600}.team-card__phone-icon{position:absolute;top:6px;right:6px;font-size:.7rem;opacity:.6}.colleague-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120dcc;z-index:300;opacity:0;transition:opacity .3s ease;pointer-events:none}.colleague-sheet-overlay--visible{opacity:1;pointer-events:auto}.colleague-sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:var(--s-earth-800);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--s-earth-700);border-bottom:none;z-index:301;padding:var(--space-2) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.colleague-sheet--visible{transform:translateY(0)}.colleague-sheet__drag-handle{width:40px;height:4px;background:var(--s-earth-600);border-radius:99px;margin:var(--space-2) auto var(--space-4)}.colleague-sheet__close{position:absolute;top:var(--space-3);right:var(--space-4);width:32px;height:32px;border-radius:50%;background:var(--s-earth-700);border:1px solid var(--s-earth-600);color:var(--s-cream);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.colleague-sheet__body{text-align:center;padding-top:var(--space-2)}.colleague-sheet__avatar{width:80px;height:80px;border-radius:50%;background:var(--dept-color, var(--s-olive-700));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--s-cream);overflow:hidden;margin:0 auto var(--space-3);border:3px solid rgba(255,255,255,.1)}.colleague-sheet__avatar img{width:100%;height:100%;object-fit:cover}.colleague-sheet__name{font-size:var(--font-size-lg);font-weight:700;color:var(--s-cream);margin-bottom:4px}.colleague-sheet__dept{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:var(--space-2)}.colleague-sheet__shift{font-size:var(--font-size-sm);color:var(--s-cream-hot);margin-bottom:var(--space-4)}.colleague-sheet__call-btn{display:block;width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#3a8f4a,#2d7a3b);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:700;text-decoration:none;text-align:center;transition:opacity .15s}.colleague-sheet__call-btn:hover{opacity:.9}.colleague-sheet__no-phone{font-size:var(--font-size-sm);color:var(--color-text-dim);padding:var(--space-3);background:var(--s-earth-900);border-radius:var(--radius-md)}.icon,.icon svg,.sidebar__nav-icon svg,.portal-bottom-nav__item svg,.notif-bell__icon svg,.empty-state__icon svg,.status-icon svg{stroke-width:var(--icon-stroke, 1.5)!important;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.icon{display:inline-flex;align-items:center;line-height:1}.sidebar__nav-icon{display:inline-flex;align-items:center;width:20px;height:20px;flex-shrink:0}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-3);opacity:.5;color:var(--color-text-dim)}.status-icon{line-height:1}.status-icon--sm svg{width:14px;height:14px}.status-icon--md svg{width:16px;height:16px}.portal-bottom-nav__item svg{width:22px;height:22px}.notif-bell__icon{display:inline-flex;align-items:center;color:var(--s-cream);pointer-events:none}.notif-bell__icon svg{color:inherit;stroke:currentColor;fill:none}.user-menu__item-icon{display:inline-flex;align-items:center;width:16px;height:16px;flex-shrink:0;opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning,.spinning svg{animation:spin .8s linear infinite;display:inline-flex}.portal-clock-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.portal-clock-cta__icon{display:inline-flex;align-items:center;flex-shrink:0}.btn svg,.btn span svg{vertical-align:middle;flex-shrink:0}.portal-bottom-nav__item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 auto}.team-card__phone-icon{display:inline-flex;align-items:center;color:var(--color-text-dim)}.compliance-status{display:inline-flex;align-items:center;gap:4px}.portal-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height, 60px);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:200;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.portal-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--color-text-dim);font-size:10px;font-weight:var(--font-weight-medium, 500);padding:var(--space-1) 0;transition:color .15s;-webkit-tap-highlight-color:transparent}.portal-bottom-nav__item:active{transform:scale(.92)}.portal-bottom-nav__item--active{color:var(--division-color, var(--color-accent))}.portal-bottom-nav__indicator{position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--division-color, var(--color-accent));border-radius:0 0 2px 2px;transition:opacity .2s ease;pointer-events:none}.portal-bottom-nav__item:focus-visible{outline:2px solid var(--division-color, var(--color-accent));outline-offset:-2px;border-radius:4px}.portal-bottom-nav__item{min-height:44px}.portal-bottom-nav__item[data-gated=true]{opacity:.45}.portal-bottom-nav__item:disabled{opacity:.35;cursor:not-allowed}.portal-bottom-nav__item-label{font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}.portal-fab{transition:transform .15s,box-shadow .15s}.portal-fab:hover{transform:scale(1.06)!important;box-shadow:0 6px 20px #0000005c}@media(min-width:769px){.portal-bottom-nav,#portal-fab{display:none!important}}.portal-bottom-nav__item{position:relative}.seasonal-gate-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;gap:var(--space-3);min-height:220px}.seasonal-gate-banner__icon{font-size:48px;line-height:1;margin-bottom:var(--space-2);opacity:.85}.seasonal-gate-banner__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold, 700);color:var(--s-cream);margin:0}.seasonal-gate-banner__body{font-size:var(--font-size-sm);color:var(--color-text-dim);margin:0;max-width:240px}.seasonal-gate-banner__date{font-weight:var(--font-weight-medium, 500);color:var(--division-color, var(--color-accent))}.admin-nav{position:fixed;bottom:0;left:0;right:0;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:250;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.admin-nav__tab{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--color-text-dim);padding:6px 0 8px;min-height:44px;transition:color .15s ease;-webkit-tap-highlight-color:transparent;outline:none}.admin-nav__tab:active{transform:scale(.9)}.admin-nav__tab:focus-visible{outline:2px solid var(--division-color, var(--color-accent));outline-offset:-2px;border-radius:4px}.admin-nav__tab--active{color:var(--division-color, var(--color-accent))}.admin-nav__indicator{position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--division-color, var(--color-accent));border-radius:0 0 2px 2px;transition:opacity .2s ease;pointer-events:none}.admin-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.admin-nav__label{font-size:10px;font-weight:var(--font-weight-medium, 500);line-height:1;letter-spacing:.01em;color:inherit;text-align:center;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}@media(min-width:769px){#mobile-admin-nav-root{display:none!important}}@media(max-width:768px){.has-mobile-admin-nav .header__menu-toggle{display:none!important}.has-mobile-admin-nav #content{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}}.more-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:300;transition:background .3s ease}.more-sheet-backdrop--visible{background:#00000080}.more-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-elevated);border-radius:20px 20px 0 0;padding:0 var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:301;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:70vh;overflow-y:auto;will-change:transform}.more-sheet--visible{transform:translateY(0)}.more-sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:var(--space-3) auto var(--space-2)}.more-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-3)}.more-sheet__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em}.more-sheet__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.more-sheet__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-3) var(--space-2);cursor:pointer;color:var(--color-text-secondary);text-align:center;transition:background .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent;min-height:72px}.more-sheet__item:active{transform:scale(.93);background:var(--color-bg-hover, var(--color-bg-card))}.more-sheet__item--active{color:var(--division-color, var(--color-accent));border-color:var(--division-color, var(--color-accent));background:color-mix(in srgb,var(--division-color, var(--color-accent)) 8%,var(--color-bg-card))}.more-sheet__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.more-sheet__item-label{font-size:10px;font-weight:var(--font-weight-medium, 500);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}@media(min-width:769px){.more-sheet,.more-sheet-backdrop{display:none!important}}.settings-hub{display:none}@media(max-width:768px){.settings-tab-bar-desktop{display:none!important}.settings-hub{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:0}.settings-hub__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;text-align:center;transition:background var(--transition-fast),transform .1s ease,border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;min-height:100px;position:relative;overflow:hidden}.settings-hub__card:active{transform:scale(.97);background:var(--color-bg-hover)}.settings-hub__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top left,var(--s-olive-700, rgba(107,138,88,.08)),transparent 60%);opacity:0;transition:opacity .15s ease}.settings-hub__card:active:before{opacity:1}.settings-hub__icon{font-size:1.75rem;line-height:1;display:block}.settings-hub__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);line-height:1.2}.settings-sub-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.settings-sub-header__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-bg-hover);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text);flex-shrink:0;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.settings-sub-header__back:active{background:var(--color-border)}.settings-sub-header__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1}}@media(min-width:769px){.settings-hub{display:none!important}.settings-tab-bar-desktop{display:flex}}.att-layout{display:flex;gap:var(--space-4);align-items:flex-start}.att-sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4)}.att-main{flex:1;min-width:0}.att-filter-toggle{display:none}.att-sheet-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;opacity:0;transition:opacity .25s ease}.att-sheet-overlay.is-open{display:block;opacity:1}.att-sheet-handle{display:none;width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:var(--space-2) auto var(--space-4)}@media(max-width:768px){.att-layout{flex-direction:column;gap:0;width:100%;max-width:100%;overflow:hidden}.att-main{padding:var(--space-3) var(--space-3);width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.att-sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:75vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:201;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0000004d}.att-sidebar.is-mobile-open{transform:translateY(0)}.att-sheet-overlay{display:block;pointer-events:none}.att-sheet-overlay.is-open{pointer-events:auto}.att-sheet-handle{display:block}.att-filter-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-body);cursor:pointer;margin-bottom:var(--space-3);min-height:44px;transition:background .15s}.att-filter-toggle:hover{background:var(--color-surface-alt)}.att-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.att-month-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;gap:var(--space-1);padding-bottom:var(--space-1);flex-wrap:nowrap;width:100%}.att-month-nav::-webkit-scrollbar{display:none}.att-month-tab{flex-shrink:0;min-height:44px;padding:var(--space-2) var(--space-3)}}.att-mobile-view{display:none}@media(max-width:768px){.att-mobile-view{display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.att-toolbar,.att-filter-toggle{display:none!important}.att-week-nav-bar,.att-table-right-wrap{display:none}}.att-month-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.att-month-header__label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-transform:capitalize;letter-spacing:.02em}.att-month-header__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .15s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.att-month-header__btn:hover,.att-month-header__btn:active{background:var(--s-olive, #6b8a58);border-color:transparent;color:#fff}.att-kpi-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0}.att-kpi-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:var(--space-1) var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:99px;font-size:var(--font-size-xs);white-space:nowrap;color:var(--color-text-dim);flex:1 1 calc(50% - var(--space-2))}.att-kpi-chip strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.att-kpi-chip--p{border-color:var(--color-success)}.att-kpi-chip--p strong{color:var(--color-success)}.att-kpi-chip--a{border-color:var(--color-danger)}.att-kpi-chip--a strong{color:var(--color-danger)}.att-kpi-chip--r{border-color:var(--color-info)}.att-kpi-chip--r strong{color:var(--color-info)}.att-mobile-summary{display:flex;align-items:center;justify-content:space-around;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);gap:0;overflow:hidden;position:sticky;top:calc(var(--header-height, 60px) + var(--space-2));z-index:10}.att-mobile-summary__stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.att-mobile-summary__val{font-size:22px;font-weight:700;line-height:1;color:var(--color-text);font-variant-numeric:tabular-nums}.att-mobile-summary__val--p{color:var(--color-success)}.att-mobile-summary__val--a{color:var(--color-danger)}.att-mobile-summary__val--r{color:var(--color-info)}.att-mobile-summary__label{font-size:11px;font-weight:500;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:center}.att-mobile-summary__divider{width:1px;height:32px;background:var(--color-border);flex-shrink:0}.att-day-strip-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);margin-top:var(--space-3);scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.att-day-strip-wrap--btn-nav{overflow-x:visible;overflow:visible;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);scroll-snap-type:none}.att-day-strip__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.att-day-strip__nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text);border-color:var(--s-olive-500, #6b8a58)}.att-day-strip__nav-btn:disabled{opacity:.3;cursor:not-allowed}.att-day-strip-wrap::-webkit-scrollbar{display:none}.att-day-strip{display:flex;gap:var(--space-1);align-items:flex-end;min-width:max-content}.att-day-strip--fixed{min-width:0;flex:1;justify-content:space-between}.att-day-strip--fixed .att-day-strip__cell{flex:1;width:auto;min-width:0}.att-day-strip__cell{display:flex;flex-direction:column;align-items:center;gap:4px;width:44px;min-height:64px;min-width:44px;padding:var(--space-2) var(--space-1);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;position:relative;font-family:inherit;-webkit-tap-highlight-color:transparent;scroll-snap-align:start;scroll-margin-inline:var(--space-3)}.att-day-strip__cell:hover{background:var(--color-bg-hover)}.att-day-strip__cell.is-selected{background:var(--s-olive, #6b8a58)}.att-day-strip__cell.is-weekend{opacity:.6}.att-day-strip__dow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.att-day-strip__cell.is-selected .att-day-strip__dow,.att-day-strip__cell.is-selected .att-day-strip__num{color:#fff}.att-day-strip__num{font-size:16px;font-weight:700;color:var(--color-text);line-height:1}.att-day-strip__cell.is-today:not(.is-selected) .att-day-strip__num{color:var(--s-olive, #6b8a58);font-weight:800}.att-day-strip__dot{width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.att-day-strip__dot--empty{background:transparent}.att-day-strip__cell.is-selected .att-day-strip__dot{background:#ffffffb3}.att-dept-cards{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.att-dept-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.att-dept-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-left:4px solid var(--dept-color, var(--color-border));transition:background .15s;-webkit-user-select:none;user-select:none;min-height:52px}.att-dept-card__name{font-weight:600;font-size:var(--font-size-sm);flex:1;min-width:0;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-dept-card__header:hover{background:var(--color-bg-hover)}.att-dept-card__icon{flex-shrink:0;color:var(--dept-color, var(--color-text-dim));display:flex;align-items:center}.att-dept-card__presence{font-size:var(--font-size-sm);font-weight:700;color:var(--dept-color, var(--color-text-dim));background:color-mix(in srgb,var(--dept-color, transparent) 12%,transparent);padding:3px 10px;border-radius:12px}.att-dept-card__chevron{flex-shrink:0;color:var(--color-text-dim);transition:transform .2s ease;display:flex;align-items:center}.att-dept-card.is-collapsed .att-dept-card__chevron{transform:rotate(-90deg)}.att-dept-card__body{display:flex;flex-direction:column;transition:max-height .2s ease,opacity .2s;max-height:2000px;opacity:1;overflow:hidden;border-top:1px solid var(--color-border)}.att-dept-card.is-collapsed .att-dept-card__body{max-height:0;opacity:0;border-top:none}.att-dept-card__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:56px;transition:background .12s}.att-dept-card__row:last-child{border-bottom:none}.att-dept-card__row:hover{background:var(--color-bg-hover)}.att-dept-card__emp{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.att-dept-card__emp-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-dept-card__emp-role{font-size:11px;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-dept-card__pill{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;position:relative;transition:transform .1s,box-shadow .1s;background:var(--color-surface-alt);color:var(--color-text)}.att-dept-card__pill:active{transform:scale(.92)}.att-dept-card__pill[data-status=P]{background:var(--color-success);color:#fff;border-color:transparent}.att-dept-card__pill[data-status=A]{background:var(--color-danger);color:#fff;border-color:transparent}.att-dept-card__pill[data-status=R]{background:var(--color-info);color:#fff;border-color:transparent}.att-dept-card__pill[data-status=M]{background:var(--color-warning);color:#fff;border-color:transparent}.att-dept-card__pill[data-status=F]{background:#8b5cf6;color:#fff;border-color:transparent}.att-dept-card__pill[data-status=PM]{background:var(--s-earth-500);color:#fff;border-color:transparent}.att-dept-card__pill[data-status=C]{background:#9b7ec8;color:#fff;border-color:transparent}.att-dept-card__pill[data-status=S]{background:var(--s-terra);color:#fff;border-color:transparent}.att-dept-card__pill--empty{border:2px dashed var(--color-border);background:transparent;color:var(--color-text-dim)}.att-dept-card__pill--off{background:var(--s-earth-600, #5a4a3f);color:var(--color-text-dim);cursor:default;border:none}@keyframes att-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.att-skeleton-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;padding:0}.att-skeleton-header{height:52px;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-alt) 50%,var(--color-surface) 75%);background-size:800px 100%;animation:att-shimmer 1.4s infinite linear;border-left:4px solid var(--color-border)}.att-skeleton-row{height:56px;margin:1px 0;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-alt) 50%,var(--color-surface) 75%);background-size:800px 100%;animation:att-shimmer 1.4s infinite linear}.att-skeleton-row:nth-child(2){animation-delay:.1s}.att-skeleton-row:nth-child(3){animation-delay:.2s}.att-skeleton-row:nth-child(4){animation-delay:.3s}.att-dept-card__pill--has-shift{border:2px dashed var(--s-lantern, #d4a55a)!important;position:relative}.att-dept-card__pill-shift-dot{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:var(--s-lantern, #d4a55a);border:1px solid var(--color-bg, #1a120d);pointer-events:none}.att-dept-card__shift-hint{color:var(--s-lantern, #d4a55a);font-weight:600}.att-ptr-indicator{display:flex;align-items:center;justify-content:center;height:40px;color:var(--s-olive, #6b8a58);opacity:0;transition:opacity .1s;pointer-events:none;position:relative;z-index:5}.att-ptr-indicator__icon{display:flex;align-items:center;transition:transform .2s}.att-ptr-indicator.is-ready{color:var(--s-olive-400, #8ba878)}.att-ptr-indicator.is-ready .att-ptr-indicator__icon{transform:rotate(180deg)}.att-bulk-fab{position:fixed;bottom:calc(64px + var(--space-3) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(0);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);min-height:52px;background:var(--s-olive, #6b8a58);color:#fff;border:none;border-radius:var(--radius-full, 999px);font-size:var(--font-size-sm);font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 20px #6b8a5873,0 2px 6px #00000040;z-index:50;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,opacity .2s;animation:att-fab-in .4s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-tap-highlight-color:transparent}@keyframes att-fab-in{0%{transform:translate(-50%) translateY(24px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.att-bulk-fab:active{transform:translate(-50%) scale(.95);box-shadow:0 2px 8px #6b8a584d}.att-bulk-fab:hover{background:var(--s-olive-600, #5a7a48);box-shadow:0 6px 24px #6b8a5880,0 2px 8px #00000040}.att-bulk-fab.is-loading{opacity:.7;pointer-events:none}@media(min-width:769px){.att-bulk-fab{display:none}}@media(max-width:768px){.week-nav{flex-wrap:wrap;overflow-x:unset;gap:var(--space-2);padding-bottom:var(--space-1)}.week-nav .btn{flex-shrink:0;min-height:44px;min-width:44px;white-space:nowrap;font-size:var(--font-size-sm);gap:var(--space-1)}#btn-copy-week{width:100%;justify-content:center;margin-left:0!important;order:4}.week-nav__label{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.week-nav__label .badge{margin-left:0}.shifts-grid-wrapper,.schedule-grid-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.profile-hub{display:none}@media(max-width:768px){.profile-view .tab-bar,.tab-bar--profile{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.profile-view .tab-bar::-webkit-scrollbar,.tab-bar--profile::-webkit-scrollbar{display:none}.profile-view .tab-bar .tab-bar__btn,.tab-bar--profile .tab-bar__btn{flex-shrink:0;min-height:44px;white-space:nowrap;padding:var(--space-2) var(--space-3)}.profile-hub{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4)}.profile-hub__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;color:var(--color-text);min-height:96px;transition:background .15s,border-color .15s,transform .1s;touch-action:manipulation;border:none;font-family:var(--font-body)}.profile-hub__card:hover,.profile-hub__card:active{background:var(--color-surface-alt);transform:scale(.97)}.profile-hub__icon{font-size:1.75rem}.profile-hub__label{font-size:var(--font-size-sm);font-weight:600;text-align:center}.profile-back-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text-dim);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-3);min-height:44px}.profile-back-btn:hover{color:var(--color-text)}}.payroll-workflow-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:768px){.payroll-workflow-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.payroll-workflow-step{width:100%;justify-content:flex-start;padding:var(--space-2) 0}.payroll-table-wrapper,.payroll-view table{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:block}}.users-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.users-tab-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}.users-tab-btn{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-body);transition:background .15s}.users-tab-btn.active{background:var(--division-color, var(--color-accent));color:#fff;border-color:transparent}@media(max-width:768px){.users-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.users-tab-bar{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:var(--space-1)}.users-tab-bar::-webkit-scrollbar{display:none}.users-tab-btn{flex-shrink:0;white-space:nowrap}.users-table-wrapper,.users-view table{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:block}}.prima-nota-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media(max-width:768px){.prima-nota-kpi-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}}@media(max-width:480px){.prima-nota-kpi-grid{grid-template-columns:1fr}}.pn-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.pn-actions{display:flex;gap:var(--space-2);align-items:center}@media(max-width:600px){.pn-section-header{flex-direction:column;align-items:stretch}.pn-section-header h2{margin:0;font-size:var(--font-size-base)}.pn-actions{gap:var(--space-2)}.pn-actions .btn{flex:1;justify-content:center}}.tab-bar-wrap{position:relative;overflow:hidden}.tab-bar-wrap:after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--color-bg, #1a120d));pointer-events:none;opacity:0;transition:opacity .2s ease}.tab-bar-wrap.has-overflow:after{opacity:1}@media(min-width:769px){.tab-bar-wrap:after{display:none}}.contracts-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}@media(max-width:768px){.user-menu__caret{display:none}.user-menu__trigger{padding:3px 4px;gap:0}.notif-bell{min-width:36px;min-height:44px;padding:var(--space-1)}.div-dropdown{right:8px!important;max-width:calc(100vw - 16px)}}.portal-att-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media(max-width:480px){.portal-att-stats{grid-template-columns:repeat(2,1fr)}}.portal-att-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.portal-att-stat-card__val{font-size:28px;font-weight:800;line-height:1;color:var(--color-text)}.portal-att-stat-card__val--p{color:var(--color-success)}.portal-att-stat-card__val--a{color:var(--color-danger)}.portal-att-stat-card__label{font-size:11px;font-weight:500;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.portal-att-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.portal-att-tabs::-webkit-scrollbar{display:none}.portal-att-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dim);cursor:pointer;transition:all .15s;font-family:inherit;min-height:44px}.portal-att-tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.portal-att-tab.is-active{background:var(--s-olive, #6b8a58);border-color:var(--s-olive, #6b8a58);color:#fff;font-weight:700}.portal-att-feed{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.portal-att-week{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.portal-att-week__label{padding:var(--space-2) var(--space-4);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);background:var(--color-surface-alt, var(--color-surface));border-bottom:1px solid var(--color-border)}.portal-att-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:52px;transition:background .12s}.portal-att-row:last-child{border-bottom:none}.portal-att-row--today{background:color-mix(in srgb,var(--s-olive, #6b8a58) 8%,transparent);border-left:3px solid var(--s-olive, #6b8a58)}.portal-att-row--future{opacity:.45}.portal-att-row__day{display:flex;flex-direction:column;align-items:center;gap:1px;width:32px;flex-shrink:0}.portal-att-row__dow{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim)}.portal-att-row__num{font-size:15px;font-weight:700;color:var(--color-text);line-height:1}.portal-att-row--today .portal-att-row__num{color:var(--s-olive, #6b8a58)}.portal-att-row__pill{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:var(--s-earth-700, #3d2e27);color:var(--color-text)}.portal-att-row__pill[data-status=P]{background:var(--color-success);color:#fff}.portal-att-row__pill[data-status=A]{background:var(--color-danger);color:#fff}.portal-att-row__pill[data-status=R]{background:var(--color-info);color:#fff}.portal-att-row__pill[data-status=M]{background:var(--color-warning);color:#fff}.portal-att-row__pill[data-status=F]{background:#8b5cf6;color:#fff}.portal-att-row__pill[data-status=PM]{background:var(--s-earth-500);color:#fff}.portal-att-row__pill[data-status=C]{background:#9b7ec8;color:#fff}.portal-att-row__pill[data-status=S]{background:var(--s-terra);color:#fff}.portal-att-row__pill--empty{border:1px dashed var(--color-border);background:transparent;color:var(--color-text-dim);font-size:18px}.portal-att-row__pill--off{background:var(--s-earth-600, #5a4a3f);color:var(--color-text-dim)}.portal-att-row__pill--future{background:transparent;border:1px dashed var(--color-border);color:var(--color-text-dim);font-size:16px}.portal-att-row__status-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.portal-att-row__hours{font-size:12px;font-weight:600;color:var(--color-text-dim);white-space:nowrap}.portal-att-cta{display:flex;justify-content:center;padding:var(--space-4) 0 calc(var(--space-5) + env(safe-area-inset-bottom))}.portal-att-cta__btn{min-width:200px;min-height:48px;font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-2);justify-content:center}.emp-mobile-view{display:none}@media(max-width:768px){.emp-mobile-view{display:flex;flex-direction:column;gap:var(--space-2)}#employee-table-wrapper{display:none!important}}.emp-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.emp-card:hover{background:var(--color-bg-hover)}.emp-card__avatar{width:40px;height:40px;border-radius:50%;background:var(--s-earth-700);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--s-cream);flex-shrink:0;-webkit-user-select:none;user-select:none}.emp-card__info{flex:1;min-width:0}.emp-card__name{font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-card__sub{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:2px}.emp-card__status{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.emp-card__chevron{color:var(--color-text-muted);flex-shrink:0}.emp-card--division-accent{border-left:3px solid var(--division-color, var(--s-olive-500))}.shifts-mobile-view{display:none}@media(max-width:768px){.shifts-mobile-view{display:flex;flex-direction:column;gap:var(--space-3)}.shift-grid-wrapper{display:none!important}}.shifts-day-header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);padding:var(--space-2) 0}.shifts-emp-selector{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.shifts-shift-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-2);width:100%;background:var(--color-bg-hover);border:1px solid var(--color-border)}.shifts-shift-chip--pranzo{background:#d4a55a21;border-color:#d4a55a45}.shifts-shift-chip--serale{background:#3e513021;border-color:#6b8a5845}.shifts-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);width:100%;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-dim);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.shifts-add-btn:hover{border-color:var(--s-olive-500);color:var(--s-olive-500)}.shifts-template-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.shifts-template-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--font-weight-medium)}.shifts-template-section__body{padding:0 var(--space-4) var(--space-3)}.compliance-mobile-view{display:none}@media(max-width:768px){.compliance-mobile-view{display:flex;flex-direction:column;gap:var(--space-3)}#compliance-desktop-view{display:none!important}}.compliance-emp-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);overflow:hidden}.compliance-emp-card--critical{border-left:3px solid var(--color-danger)}.compliance-emp-card--warning{border-left:3px solid var(--color-warning)}.compliance-emp-card--ok{border-left:3px solid var(--color-success)}.compliance-emp-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.compliance-emp-card__score{margin-left:auto;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:99px}.compliance-emp-card__score--ok{background:var(--color-success-bg);color:var(--color-success)}.compliance-emp-card__score--warning{background:var(--color-warning-bg);color:var(--color-warning)}.compliance-emp-card__score--danger{background:var(--color-danger-bg);color:var(--color-danger)}.compliance-progress-wrap{margin:var(--space-2) 0}.compliance-progress-bar{height:8px;border-radius:4px;background:var(--color-border);overflow:hidden}.compliance-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.compliance-progress-fill--ok{background:var(--color-success)}.compliance-progress-fill--warning{background:var(--color-warning)}.compliance-progress-fill--danger{background:var(--color-danger)}.compliance-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.compliance-chip{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--color-bg-hover);color:var(--color-text-dim);display:inline-flex;align-items:center;gap:4px}.compliance-chip--ok{background:var(--color-success-bg);color:var(--color-success)}.compliance-chip--warning{background:var(--color-warning-bg);color:var(--color-warning)}.compliance-chip--danger{background:var(--color-danger-bg);color:var(--color-danger)}@media(min-width:769px)and (max-width:1024px){.sidebar{width:64px;overflow:hidden}.sidebar__nav-label,.sidebar__title,.sidebar__subtitle,.sidebar__user-details,.sidebar__logout span,.sidebar__season{display:none}.sidebar__nav-item{justify-content:center;padding:var(--space-3) 0}.sidebar__nav-icon{margin:0}.sidebar__brand,.sidebar__footer{padding:var(--space-3);justify-content:center}.sidebar__user{flex-direction:column;align-items:center}#mobile-admin-nav-root{display:none!important}}.reports-hero-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;margin-bottom:var(--space-3)}.reports-hero-card__value{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--s-olive-500);line-height:1}.reports-hero-card__label{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-2)}.reports-hero-card__period{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:var(--space-1)}.reports-hero-card__secondary{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.reports-dept-bars{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.reports-dept-bar__row{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:var(--space-2)}.reports-dept-bar__label{font-size:var(--font-size-xs);color:var(--color-text-dim);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-dept-bar__track{height:10px;background:var(--color-border);border-radius:5px;overflow:hidden}.reports-dept-bar__fill{height:100%;border-radius:5px;transition:width .5s ease;background:var(--s-olive-500)}.reports-dept-bar__pct{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.reports-export-btn{display:none}@media(min-width:769px){.reports-export-btn{display:inline-flex}}@media(max-width:768px){.reports-table-wrapper{display:none!important}}@media(max-width:600px){.card__header{flex-wrap:wrap;gap:var(--space-2)}}.shift-templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:1100px){.shift-templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shift-templates-grid{grid-template-columns:1fr}}@media(max-width:768px){.btn,.btn--sm{min-height:44px}}.comp-col-header{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.comp-col-header span:last-child{text-align:right;min-width:52px}.comp-col-header span:nth-child(2){text-align:right}.faq-arrow{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease;display:inline-block}.faq-item.is-open .faq-arrow,.faq-item[open] .faq-arrow{transform:rotate(90deg)}.card--sm{padding:var(--space-3)}.card--md{padding:var(--space-4)}.card--lg{padding:var(--space-6)}.card--flat{padding:0;overflow:hidden}.card--flush{padding:0}@media(max-width:768px){.shifts-week-nav__copy-btn{display:none!important}.shifts-week-nav__prev-label,.shifts-week-nav__next-label{display:none}.shifts-kpi-grid--desktop{display:none!important}}@media(min-width:769px){.shifts-kpi-chips,.shifts-mobile-view{display:none!important}}.shifts-kpi-chips{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;overflow-x:auto;scrollbar-width:none}.shifts-kpi-chips::-webkit-scrollbar{display:none}.shifts-kpi-chip{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:99px;font-size:var(--font-size-sm);white-space:nowrap;color:var(--color-text-dim)}.shifts-kpi-chip strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.shifts-day-strip-wrap{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-2)}.shifts-day-strip__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.shifts-day-strip__nav-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--s-olive-500, #6b8a58);color:var(--s-olive-500, #6b8a58)}.shifts-day-strip__nav-btn:disabled{opacity:.3;cursor:not-allowed}.shifts-day-strip{display:flex;flex:1;gap:0;justify-content:space-between;align-items:flex-end}.shifts-day-strip__cell{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:var(--space-1) 2px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-family:inherit;-webkit-tap-highlight-color:transparent}.shifts-day-strip__cell.is-selected{background:var(--division-color, var(--s-olive-500))}.shifts-day-strip__dow{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em}.shifts-day-strip__cell.is-selected .shifts-day-strip__dow,.shifts-day-strip__cell.is-selected .shifts-day-strip__num{color:#fff}.shifts-day-strip__cell.is-today:not(.is-selected) .shifts-day-strip__num{color:var(--s-olive-500, #6b8a58);font-weight:700}.shifts-day-strip__num{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.shifts-day-strip__dot{width:4px;height:4px;border-radius:50%;background:var(--color-success)}.shifts-day-strip__dot--empty{background:transparent}.shifts-day-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);padding:var(--space-1) 0;text-transform:capitalize}.shifts-dept-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.shifts-dept-card__header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text);text-align:left;-webkit-tap-highlight-color:transparent}.shifts-dept-card__header:hover{background:var(--color-bg-hover)}.shifts-dept-card__icon{flex-shrink:0}.shifts-dept-card__name{flex:1}.shifts-dept-card__count{font-size:11px;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-hover);border-radius:99px;padding:1px 6px}.shifts-dept-card__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);display:flex}.shifts-dept-card__chevron.is-open{transform:rotate(180deg)}.shifts-dept-card__body{border-top:1px solid var(--color-border)}.shifts-dept-card__body.is-hidden{display:none}.shifts-dept-card__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--color-text-dim);font-size:var(--font-size-sm)}.shifts-dept-card__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.shifts-dept-card__row:last-child{border-bottom:none}.shifts-dept-card__row:hover{background:var(--color-bg-hover)}.shifts-dept-row__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--division-color, var(--s-olive-500));color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em}.shifts-dept-row__name{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shifts-dept-row__time{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:99px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.shifts-dept-row__time--pranzo{background:#d4a55a26;color:#c4713a}.shifts-dept-row__time--serale{background:#6b8a5826;color:#4a6535}.shifts-dept-row__break{display:inline-flex;align-items:center;gap:2px;opacity:.7;font-size:10px}.shifts-dept-row__dot{width:8px;height:8px;min-width:8px;border-radius:50%;flex-shrink:0}.shifts-dept-row__dot--confirmed{background:var(--color-success)}.shifts-dept-row__dot--scheduled{background:var(--color-warning)}.shifts-dept-row__dot--cancelled{background:var(--color-danger)}.shifts-dept-row__chevron{color:var(--color-text-muted);display:flex}.shifts-fab-add{position:fixed;bottom:calc(var(--mobile-nav-height, 64px) + var(--space-4));right:var(--space-4);z-index:200;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--division-color, var(--s-olive-500));color:#fff;border:none;border-radius:99px;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:0 4px 16px #00000040;transition:transform var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent}.shifts-fab-add:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.shifts-fab-add:active{transform:translateY(0);box-shadow:0 2px 8px #0003}@media(min-width:769px){.shifts-fab-add{display:none!important}}.shifts-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9990;display:flex;align-items:flex-end;justify-content:center}.shifts-sheet{background:var(--color-bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-4) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 -8px 32px #00000040;transform:translateY(100%);transition:transform .28s cubic-bezier(.34,1.56,.64,1)}.shifts-sheet.is-open{transform:translateY(0)}.shifts-sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto var(--space-4)}.shifts-sheet__title{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.shifts-sheet__time-row{display:flex;align-items:center;gap:var(--space-2)}.shifts-sheet__time-row .form__input{flex:1}.shifts-sheet__status-btns{display:flex;gap:var(--space-2);flex-wrap:wrap}.shifts-sheet__status-btn{flex:1;min-width:80px;padding:var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.shifts-sheet__status-btn:hover{border-color:var(--s-olive-500);color:var(--color-text)}.shifts-sheet__status-btn.is-active{background:var(--division-color, var(--s-olive-500));border-color:var(--division-color, var(--s-olive-500));color:#fff;font-weight:var(--font-weight-semibold)}.shifts-sheet__footer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.shifts-sheet__footer .btn--danger{margin-right:auto}.shifts-assign__emp-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.shifts-assign__emp-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.shifts-assign__emp-card:hover{border-color:var(--s-olive-500);background:var(--color-bg-hover)}.shifts-assign__emp-card.is-selected{border-color:var(--division-color, var(--s-olive-500));background:#6b8a581a}.shifts-assign__emp-info{display:flex;flex-direction:column;gap:2px;flex:1}.shifts-assign__emp-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.shifts-assign__emp-dept{font-size:var(--font-size-xs)}.shifts-assign__tpl-list{display:flex;flex-direction:column;gap:var(--space-2)}.shifts-assign__tpl-card{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast)}.shifts-assign__tpl-card:hover{border-color:var(--s-olive-500);background:var(--color-bg-hover)}.shifts-assign__tpl-card.is-selected{background:#6b8a581a;border-color:var(--s-olive-500, #6b8a58)}.div-arch-info{border:none;padding:0}.div-arch-info>summary::-webkit-details-marker,.div-arch-info>summary::marker{display:none;content:""}.div-arch-info[open] .div-arch-info__chevron{transform:rotate(180deg)}.div-arch-info__chevron{transition:transform .2s ease}.div-seasonal-actions{position:relative}.div-seasonal-actions>summary::-webkit-details-marker,.div-seasonal-actions>summary::marker{display:none;content:""}.div-seasonal-actions__panel{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);z-index:10;box-shadow:0 4px 12px #0000004d}.sys-mobile-wrap{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.sys-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap;min-height:44px}.sys-mobile-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sys-mobile-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.sys-resolve-wide{width:100%;justify-content:center;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.sys-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media(max-width:600px){.sys-kpi-strip{grid-template-columns:repeat(2,1fr)}}.sys-kpi-cell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-1);text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.sys-kpi-num{font-size:1.3rem;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text)}.sys-kpi-lbl{font-size:10px;color:var(--color-text-dim);line-height:1.2;text-align:center}.sys-mobile-ar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.sys-mobile-card{padding:var(--space-3)}.sys-filter-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sys-filter-wrap::-webkit-scrollbar{display:none}.sys-filter-row{display:flex;align-items:center;gap:var(--space-2);padding-bottom:2px;width:max-content}.sys-filter-sep{font-size:var(--font-size-xs);color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.sys-issues-list{display:flex;flex-direction:column;gap:var(--space-2)}.sys-issue-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:5px;transition:border-color var(--transition-fast),background var(--transition-fast)}.sys-issue-card[data-severity=error]{border-left-color:var(--color-danger)}.sys-issue-card[data-severity=warning]{border-left-color:var(--color-warning, #d4a017)}.sys-issue-card:hover{border-color:var(--color-text-dim);background:var(--color-bg-hover)}.sys-issue-card__header{display:flex;align-items:center;gap:var(--space-2);min-width:0}.sys-issue-card__title{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.4;display:flex;align-items:baseline;gap:4px;word-break:break-word}.sys-issue-card__detail{font-size:var(--font-size-xs);color:var(--color-text-dim);word-break:break-word;line-height:1.4}.sys-issue-card__meta{font-size:var(--font-size-xs);color:var(--color-text-dim);opacity:.7}.sys-dev-tools-details{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.sys-dev-tools-details>summary{padding:var(--space-3);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;background:var(--color-surface)}.sys-dev-tools-details>summary::-webkit-details-marker,.sys-dev-tools-details>summary::marker{display:none;content:""}.sys-dev-tools-details[open] .sys-details-chevron{transform:rotate(180deg)}.sys-details-chevron{transition:transform var(--transition-fast);flex-shrink:0}.sys-dev-tools-body{padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-bg)}.users-mobile-list{display:flex;flex-direction:column;gap:var(--space-2)}.users-mobile-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background var(--transition-fast)}.users-mobile-card--inactive{opacity:.55}.users-mobile-card--warn{border-left:3px solid var(--color-warning)}.users-mobile-card__left{flex-shrink:0}.users-mobile-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);letter-spacing:.5px}.users-mobile-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.users-mobile-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-mobile-email{font-size:var(--font-size-xs);color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-mobile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:4px}.users-mobile-status,.users-mobile-last{font-size:var(--font-size-xs);color:var(--color-text-dim)}.users-mobile-warn{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:4px}.users-mobile-card__actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.contract-mobile-card{padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.contract-mobile-card--muted{opacity:.55}.contract-mobile-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.contract-mobile-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.contract-mobile-card__meta{font-size:var(--font-size-sm);color:var(--color-text-dim)}.contract-mobile-card__dates{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contract-mobile-card__actions{display:flex;gap:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--color-border);margin-top:var(--space-1)}.payroll-pipeline-mobile{display:flex;flex-direction:column;gap:0;padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.payroll-pipeline-mobile__step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;position:relative}.payroll-pipeline-mobile__step:not(:last-child):after{content:"";position:absolute;left:7px;top:calc(50% + 10px);width:2px;height:calc(100% - 4px);background:var(--color-border)}.payroll-pipeline-mobile__dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.payroll-mobile-card{padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.payroll-mobile-card--total{border-color:var(--color-success);background:var(--color-success-bg, rgba(16,185,129,.06));flex-direction:row;align-items:center;justify-content:space-between}.payroll-mobile-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.payroll-mobile-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.payroll-mobile-dept{font-size:var(--font-size-sm);color:var(--color-text-dim);display:flex;align-items:center;gap:var(--space-2)}.payroll-mobile-stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.payroll-mobile-stat{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.payroll-mobile-stat--ok{background:#10b9811a;color:var(--color-success)}.payroll-mobile-stat--warn{background:#ef44441a;color:var(--color-danger)}.payroll-mobile-stat--sick{background:#f59e0b1a;color:var(--color-warning)}.payroll-mobile-stat--leave{background:#6366f11a;color:var(--color-info, #6366F1)}.payroll-mobile-amounts{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.payroll-mobile-total{font-weight:600;color:var(--color-success)}.div-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:600px){.div-card-actions{gap:var(--space-1)}.div-card-actions>.btn{flex:1 1 calc(50% - var(--space-1));justify-content:center;min-height:40px;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.div-card-actions>.div-seasonal-actions{flex:1 1 100%}}.content>*{min-width:0;max-width:100%}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:480px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-header__title{font-size:var(--font-size-lg)}}.div-seasonal-actions__panel{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.day-strip-wrap{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-2)}.day-strip-wrap--attendance{padding:var(--space-2) var(--space-2)}.day-strip__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.day-strip__nav-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--s-olive-500, #6b8a58);color:var(--s-olive-500, #6b8a58)}.day-strip__nav-btn:disabled{opacity:.3;cursor:not-allowed}.day-strip{display:flex;flex:1;gap:0;justify-content:space-between;align-items:flex-end}.day-strip__cell{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:var(--space-1) 2px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);font-family:inherit;-webkit-tap-highlight-color:transparent}.day-strip-wrap--attendance .day-strip__cell{gap:4px;min-height:64px;min-width:44px;padding:var(--space-2) var(--space-1)}.day-strip__cell:hover{background:var(--color-bg-hover)}.day-strip__cell.is-selected{background:var(--division-color, var(--s-olive-500, #6b8a58))}.day-strip__cell.is-weekend{opacity:.6}.day-strip__dow{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em}.day-strip-wrap--attendance .day-strip__dow{font-size:11px;color:var(--color-text-dim);letter-spacing:.05em}.day-strip__cell.is-selected .day-strip__dow,.day-strip__cell.is-selected .day-strip__num{color:#fff}.day-strip__num{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1}.day-strip-wrap--attendance .day-strip__num{font-size:16px;font-weight:700}.day-strip__cell.is-today:not(.is-selected) .day-strip__num{color:var(--s-olive-500, #6b8a58);font-weight:700}.day-strip-wrap--attendance .day-strip__cell.is-today:not(.is-selected) .day-strip__num{font-weight:800}.day-strip__dot{width:4px;height:4px;border-radius:50%;background:var(--color-success);flex-shrink:0}.day-strip-wrap--attendance .day-strip__dot{width:6px;height:6px}.day-strip__dot--empty{background:transparent}.day-strip__cell.is-selected .day-strip__dot{background:#ffffffb3}@keyframes notif-pulse{0%{box-shadow:0 0 0 0 var(--division-color, var(--color-primary));outline-color:var(--division-color, var(--color-primary))}40%{box-shadow:0 0 0 6px transparent;outline-color:transparent}to{box-shadow:0 0 0 0 transparent;outline-color:transparent}}.notif-highlight{outline:2px solid var(--division-color, var(--color-primary));outline-offset:3px;border-radius:var(--radius-md, 8px);animation:notif-pulse 2.5s ease-out forwards}.team-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.team-subtitle{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-bottom:var(--space-4)}.team-summary-badges{display:flex;gap:var(--space-2)}.team-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:600}.team-badge--now{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.team-badge--later{background:#eab3081f;color:var(--color-warning);border:1px solid rgba(234,179,8,.25)}.team-card__info{flex:1;min-width:0;text-align:left}.team-card__status{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-right:var(--space-1)}.team-card__status-dot{width:10px;height:10px;border-radius:50%;display:block}.team-status--now .team-card__status-dot{animation:team-dot-pulse 2s ease-in-out infinite;box-shadow:0 0 #22c55e80}@keyframes team-dot-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.team-card:has(.team-status--done){opacity:.6}#portal-content .team-cards-grid{display:flex;flex-direction:column;gap:var(--space-2)}#portal-content .team-card{flex-direction:row;align-items:center;text-align:left;min-height:unset;padding:var(--space-3) var(--space-4)}#portal-content .team-card:hover,#portal-content .team-card:active{transform:translate(2px)}#portal-content .team-card__avatar{width:44px;height:44px;font-size:1rem}#portal-content .team-card__time{font-size:.72rem;color:var(--color-text-dim);margin-top:2px;font-variant-numeric:tabular-nums}.colleague-sheet__whatsapp-btn{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff!important;border-radius:var(--radius-lg);padding:12px 20px;font-weight:600;text-decoration:none;justify-content:center;font-size:.9rem;margin-top:8px;transition:background .15s}.colleague-sheet__whatsapp-btn:hover{background:#1da851}.ctx-clock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0000;display:flex;align-items:flex-end;justify-content:center;transition:background .2s ease;padding:0 0 env(safe-area-inset-bottom,0)}.ctx-clock-overlay--visible{background:#000000a6}.ctx-clock-modal{background:var(--s-earth-800);border:1px solid var(--s-earth-700);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--space-5) var(--space-5);width:100%;max-width:480px;max-height:90dvh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);text-align:center}.ctx-clock-overlay--visible .ctx-clock-modal{transform:translateY(0)}.ctx-clock-modal__icon{font-size:2.5rem;margin-bottom:var(--space-3);display:block}.ctx-clock-modal__icon--warn{color:var(--color-warning)}.ctx-clock-modal__title{font-size:1.1rem;font-weight:700;color:var(--s-cream);margin-bottom:var(--space-2)}.ctx-clock-modal__body{font-size:.88rem;color:var(--color-text-dim);margin-bottom:var(--space-4);line-height:1.6}.ctx-clock-modal__body strong{color:var(--s-cream)}.ctx-clock-modal__reasons{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);text-align:left}.ctx-reason-btn{background:var(--s-earth-700);border:1.5px solid var(--s-earth-600);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--s-cream);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;line-height:1.4}.ctx-reason-btn:hover,.ctx-reason-btn:active{background:var(--s-earth-600);border-color:var(--s-earth-500)}.ctx-reason-btn.selected{background:#6b8a5833;border-color:var(--s-olive-500, #6b8a58);color:var(--s-cream);box-shadow:0 0 0 1px var(--s-olive-500, #6b8a58)}.ctx-clock-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.ctx-clock-modal__actions .btn{flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}}.kpi-grid--ops{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:900px){.kpi-grid--ops{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.kpi-grid--ops{grid-template-columns:1fr 1fr;gap:var(--space-2)}}.kpi-card{background:var(--elevation-1, var(--color-bg-card));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast);cursor:default}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-light)}.kpi-card--hero{padding:var(--space-5) var(--space-6);border-top:3px solid var(--color-border)}.kpi-card--hero .kpi-card__value{font-size:var(--font-size-3xl)}.kpi-card--hero .kpi-card__label{letter-spacing:.08em}.kpi-card--compact{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--elevation-2, var(--s-earth-700))}.kpi-card--compact .kpi-card__value{font-size:var(--font-size-xl)}.kpi-card--compact:hover{transform:translateY(-1px)}.kpi-card--alert{border-left:3px solid var(--kpi-alert-color, var(--color-warning));padding-left:calc(var(--space-5) - 2px)}.kpi-card--alert.kpi-card--danger{--kpi-alert-color: var(--color-danger)}.kpi-card--alert.kpi-card--warning{--kpi-alert-color: var(--color-warning)}.kpi-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;line-height:1.3}.kpi-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.kpi-card__value--zero{color:var(--color-text-dim)!important}.kpi-card__sub{font-size:var(--font-size-xs);color:var(--color-text-dim);line-height:1.4}.kpi-ops-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--elevation-2, var(--s-earth-700));border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;transition:background var(--transition-fast)}.kpi-ops-pill:hover{background:var(--elevation-3, var(--s-earth-600))}.kpi-ops-pill__value{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.kpi-ops-pill__label{color:var(--color-text-dim)}.kpi-ops-row{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.dashboard-panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:768px){.dashboard-panel-grid{grid-template-columns:1fr}}.dashboard-divisions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:900px){.dashboard-divisions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-divisions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:359px){.dashboard-divisions-grid{grid-template-columns:1fr}}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.division-active-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi);letter-spacing:.02em;white-space:nowrap;transition:opacity var(--transition-fast)}.dashboard-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);color:var(--color-text);letter-spacing:.02em;margin:0;display:flex;align-items:center;gap:var(--space-2)}.dashboard-division-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid var(--div-color, var(--color-border));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);cursor:pointer;position:relative}.dashboard-division-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-border-light)}.dashboard-division-card--active:after{content:"";position:absolute;top:var(--space-3);right:var(--space-3);width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 #6b8a5866;animation:division-pulse 2.5s cubic-bezier(.455,.03,.515,.955) infinite}@keyframes division-pulse{0%{box-shadow:0 0 #6b8a5866}70%{box-shadow:0 0 0 6px #6b8a5800}to{box-shadow:0 0 #6b8a5800}}.dashboard-division-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.dashboard-division-card__icon{font-size:1.1rem;flex-shrink:0}.dashboard-division-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-division-card__badge{font-size:var(--font-size-xs);color:var(--color-text-dim);background:var(--color-bg-input);padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.dashboard-division-card__stat{font-size:var(--font-size-xs);color:var(--color-text-dim)}.dashboard-division-card__ccnl{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:2px}.dashboard-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semi, 600);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);margin:0 0 var(--space-2) 0}.dashboard-cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--space-2)}.dashboard-cta-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--elevation-1, var(--color-bg-card));border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;color:var(--color-text);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);min-height:80px}.dashboard-cta-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-light);background:var(--elevation-2, var(--s-earth-700))}.dashboard-cta-card:active{transform:translateY(0);box-shadow:none}.dashboard-cta-card__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);transition:color var(--transition-fast)}.dashboard-cta-card:hover .dashboard-cta-card__icon{color:var(--color-text)}.dashboard-cta-card__label{font-size:var(--font-size-xs);line-height:1.3;color:var(--color-text-dim)}.dashboard-cta-card--primary{background:var(--color-primary, #6b8a58);border-color:var(--color-primary, #6b8a58);color:#fff}.dashboard-cta-card--primary .dashboard-cta-card__icon,.dashboard-cta-card--primary .dashboard-cta-card__label{color:#ffffffe6}.dashboard-cta-card--primary:hover{background:var(--color-primary-dark, #5a7648);border-color:var(--color-primary-dark, #5a7648);box-shadow:0 4px 16px #6b8a5866}.dashboard-nav-row{display:flex;flex-wrap:wrap;gap:var(--space-1-5, 6px)}.dashboard-nav-chip{display:inline-flex;align-items:center;gap:var(--space-1-5, 5px);padding:var(--space-1) var(--space-2-5, 10px);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-dim);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.dashboard-nav-chip:hover{background:var(--elevation-2, var(--s-earth-700));border-color:var(--color-border-light);color:var(--color-text)}.dashboard-nav-chip__icon{display:flex;align-items:center;flex-shrink:0}.dashboard-nav-chip__label{line-height:1}.dashboard-season-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-dim);flex-wrap:wrap}.dashboard-quick-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media(max-width:600px){.dashboard-quick-actions>.btn,.dashboard-quick-actions>a.btn{flex:1 1 calc(50% - var(--space-2));justify-content:center;min-height:44px}}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.dashboard-empty-state__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--elevation-2, var(--s-earth-700));color:var(--color-text-dim);margin-bottom:var(--space-1)}.dashboard-empty-state__text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi, 600);color:var(--color-text);margin:0}.dashboard-empty-state__sub{font-size:var(--font-size-xs);color:var(--color-text-dim);margin:0;max-width:220px;line-height:1.4}.dashboard-empty-state--positive .dashboard-empty-state__icon{background:color-mix(in srgb,var(--color-primary, #6b8a58) 15%,transparent);color:var(--color-primary, #6b8a58)}.dashboard-empty-state--positive .dashboard-empty-state__text{color:var(--color-primary, #6b8a58)}.compliance-group-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.compliance-group{border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent);border-radius:var(--radius-md);overflow:hidden}.compliance-group__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 8%,transparent)}.compliance-group__avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold, 700);flex-shrink:0}.compliance-group__name{flex:1;font-size:var(--font-size-sm);color:var(--color-text)}.compliance-group__count{margin-left:auto;flex-shrink:0}.compliance-group__items{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--color-danger) 15%,transparent)}.compliance-group__items li{padding:var(--space-1-5, 6px) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-dim);border-bottom:1px solid color-mix(in srgb,var(--color-danger) 10%,transparent);display:flex;align-items:center;gap:var(--space-2)}.compliance-group__items li:before{content:"—";color:var(--color-danger);font-size:10px;flex-shrink:0}.compliance-group__items li:last-child{border-bottom:none}@keyframes kpi-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:kpi-fadein var(--transition-base, .2s) ease both}.kpi-grid .kpi-card:nth-child(1){animation-delay:0ms}.kpi-grid .kpi-card:nth-child(2){animation-delay:40ms}.kpi-grid .kpi-card:nth-child(3){animation-delay:80ms}.kpi-grid .kpi-card:nth-child(4){animation-delay:.12s}@keyframes pills-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kpi-ops-row{animation:pills-fadein .25s ease .16s both}.dashboard-divisions-grid .dashboard-division-card{animation:kpi-fadein .2s ease both}.dashboard-divisions-grid .dashboard-division-card:nth-child(1){animation-delay:.18s}.dashboard-divisions-grid .dashboard-division-card:nth-child(2){animation-delay:.21s}.dashboard-divisions-grid .dashboard-division-card:nth-child(3){animation-delay:.24s}@media(prefers-reduced-motion:reduce){.kpi-card,.kpi-ops-row,.dashboard-division-card{animation:none}}.dashboard-command-bar{background:var(--elevation-2, var(--s-earth-700));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-panel-grid .card{display:flex;flex-direction:column;height:100%}.dashboard-panel-grid .dashboard-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.list-item-row__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--s-olive-700),var(--s-olive-500));color:var(--s-cream);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:var(--font-weight-bold);flex-shrink:0}.leave-type-badge{font-size:var(--font-size-xs);padding:1px var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap}.leave-type-badge--ferie{background:#6b8a5833;color:var(--s-olive-200)}.leave-type-badge--rol{background:#586b8a33;color:var(--color-primary-300, #93c5fd)}.leave-type-badge--malattia{background:#ee595926;color:var(--color-danger)}.leave-type-badge--permesso{background:#f59e0b26;color:var(--color-warning)}.leave-type-badge--altro{background:var(--color-bg-hover);color:var(--color-text-dim)}.compliance-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.compliance-dot--danger{background:var(--color-danger)}.compliance-dot--warning{background:var(--color-warning)}.compliance-dot--ok{background:var(--color-success)}.dashboard-section-wrap{display:flex;flex-direction:column;gap:var(--section-gap-sm, 1.25rem)}.jm-pill-container{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:var(--space-4);z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);pointer-events:none}.jm-status-pill{pointer-events:auto;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease;cursor:pointer}.jm-status-pill:hover{transform:scale(1.03)}.jm-status-pill--active{background:var(--color-surface, #1a2015);border:1px solid var(--color-primary, #6b8a58);color:var(--color-text, #e8e4d9)}.jm-status-pill--done{background:var(--color-success-bg, rgba(107,138,88,.15));border:1px solid var(--color-primary, #6b8a58);color:var(--color-primary, #6b8a58)}.wizard-header{text-align:center;margin-bottom:var(--space-4)}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-3) 0}.wizard-progress__dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;background:var(--color-bg-elevated);border:2px solid var(--color-border);transition:all .3s}.wizard-progress__dot--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:scale(1.1)}.wizard-progress__dot--done{border-color:var(--color-success);background:var(--color-success);color:#fff}.wizard-step-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.wizard-content{min-height:200px;padding:var(--space-3) 0}.wizard-nav{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-3)}.wizard-radio{display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;font-weight:600}.wizard-radio:has(input:checked){border-color:var(--color-primary);background:#22c55e14}.wizard-radio input{display:none}.wizard-day-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);transition:all .2s}.wizard-day-btn:has(input:checked){border-color:var(--color-primary);background:#22c55e26;color:var(--color-primary)}.wizard-day-btn input{display:none}.wizard-privacy__text{font-family:var(--font-mono, "SF Mono", monospace);white-space:pre-wrap;word-break:break-word}.privacy-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-2);margin-bottom:var(--space-4)}@media(max-width:480px){.privacy-highlights{grid-template-columns:1fr;gap:var(--space-2)}}.privacy-highlight-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-align:left;display:flex;flex-direction:column;gap:var(--space-1);transition:transform .2s var(--s-ease),border-color .2s var(--s-ease),box-shadow .2s var(--s-ease)}.privacy-highlight-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px 12px #6b8a5814}.privacy-highlight-card__header{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text)}.privacy-highlight-card__icon{font-size:1.2rem}.privacy-highlight-card__desc{font-size:var(--font-size-xs);color:var(--color-text-dim);line-height:1.4}.privacy-accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);margin-bottom:var(--space-4);overflow:hidden}.privacy-accordion__trigger{width:100%;padding:var(--space-3);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s,color .2s}.privacy-accordion__trigger:hover{background:#f5ede00a;color:var(--color-text)}.privacy-accordion__arrow{transition:transform .3s var(--s-ease);font-size:.8rem;color:var(--color-text-dim)}.privacy-accordion[open] .privacy-accordion__arrow{transform:rotate(180deg)}.privacy-accordion__content{border-top:1px solid var(--color-border);padding:var(--space-3);max-height:250px;overflow-y:auto;font-size:var(--font-size-xs);line-height:1.6}.switch-control{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:border-color .2s,box-shadow .2s;cursor:pointer}.switch-control:hover{border-color:#6b8a5866}.switch-control__label{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.switch-control__icon{font-size:1.3rem;flex-shrink:0;margin-top:1px}.switch-control__text{display:flex;flex-direction:column;gap:2px}.switch-control__title{font-weight:600}.switch-control__desc{font-size:var(--font-size-xs);color:var(--color-text-dim);line-height:1.3}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.switch input:checked+.slider{background-color:var(--color-primary)}.switch input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}.switch input:checked+.slider:before{transform:translate(20px)}.notif-bell-container{display:flex;align-items:center;justify-content:center}.notif-bell{position:relative;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);color:var(--s-cream);transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.notif-bell:hover{background:#f5ede01f;color:#fff}.notif-bell.has-unread{color:#fff}.notif-bell__badge{position:absolute;top:3px;right:3px;min-width:8px;height:8px;padding:0;background:var(--color-success);border:2px solid var(--color-bg);border-radius:999px;display:flex;align-items:center;justify-content:center}.notif-bell__badge--count{min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:700;color:#fff;line-height:18px;top:1px;right:1px}.notif-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a120dbf;z-index:1050;opacity:0;transition:opacity .3s ease;pointer-events:none}.notif-sheet-overlay--visible{opacity:1;pointer-events:auto}.notif-sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:560px;margin:0 auto;height:80vh;max-height:80vh;background:var(--s-earth-800);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--s-earth-700);border-bottom:none;z-index:1051;display:flex;flex-direction:column;box-shadow:0 -8px 32px #1a120d99;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);will-change:transform}.notif-sheet--visible{transform:translateY(0)}.notif-sheet--closing{transform:translateY(100%)}@media(min-width:769px){.notif-sheet-overlay{background:transparent}.notif-sheet{left:auto;right:var(--space-4);bottom:auto;top:calc(var(--header-height) + var(--space-2));margin:0;width:380px;max-width:380px;height:auto;max-height:min(540px,calc(100vh - var(--header-height) - var(--space-6)));border-radius:var(--radius-xl);border:1px solid var(--s-earth-600);border-bottom:1px solid var(--s-earth-600);box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d;transform:scale(.92) translateY(-12px);transform-origin:top right;opacity:0;transition:transform .22s cubic-bezier(.32,.72,0,1),opacity .18s ease}.notif-sheet--visible{transform:scale(1) translateY(0);opacity:1}.notif-sheet--closing{transform:scale(.92) translateY(-12px);opacity:0}.notif-sheet__drag-handle{display:none}}.notif-sheet__drag-handle{width:40px;height:4px;background:var(--s-earth-600);border-radius:var(--radius-full);margin:var(--space-2) auto var(--space-1);flex-shrink:0}.notif-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-3);border-bottom:1px solid var(--s-earth-700);flex-shrink:0}.notif-sheet__header h3{margin:0;font-size:1.1rem;color:var(--s-cream);font-weight:700}.notif-sheet__header-actions{display:flex;align-items:center;gap:var(--space-2)}.notif-sheet__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--s-earth-600);background:var(--s-earth-700);color:var(--s-cream);font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.notif-sheet__close:hover{background:var(--s-earth-600);border-color:var(--s-olive-500)}.notif-sheet__list{flex:1;overflow-y:auto;padding:var(--space-2);-webkit-overflow-scrolling:touch}.notif-panel__empty{text-align:center;padding:var(--space-8);color:var(--color-text-dim)}.notif-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);cursor:pointer;transition:background .15s}.notif-item:hover{background:var(--color-surface-hover, rgba(255,255,255,.05))}.notif-item--unread{background:var(--color-primary-bg, rgba(99, 102, 241, .1));border-left:3px solid var(--color-primary, #6366f1)}.notif-item__icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.notif-item__content{flex:1;min-width:0}.notif-item__title{font-weight:600;font-size:.9rem;margin-bottom:2px}.notif-item__body{font-size:.85rem;color:var(--color-text-dim);line-height:1.4}.notif-item__time{font-size:.75rem;color:var(--color-text-dim);margin-top:4px}.division-switcher{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%);mask-image:linear-gradient(to right,black 80%,transparent 100%);max-width:calc(100vw - 130px)}.division-switcher::-webkit-scrollbar{display:none}@media(min-width:768px){.division-switcher{max-width:none;overflow-x:visible;-webkit-mask-image:none;mask-image:none}}.div-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid transparent;background:none;color:var(--color-text-dim);font-size:var(--font-size-xs);font-family:var(--font-family);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.div-pill:hover{background:var(--color-bg-hover);color:var(--color-text)}.div-pill--active{background:var(--div-color, var(--s-olive-700));color:var(--s-cream);border-color:transparent;font-weight:600}.div-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;height:34px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-input, var(--color-bg-hover));color:var(--color-text);font-size:var(--font-size-xs);font-family:var(--font-family);font-weight:500;cursor:pointer;white-space:nowrap;max-width:130px;min-width:0;transition:border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.div-toggle:hover{border-color:var(--div-toggle-color, var(--color-text-muted));background:var(--color-bg-hover)}.div-toggle--open{border-color:var(--div-toggle-color, var(--s-olive-500));background:var(--color-bg-hover)}.div-toggle__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.div-toggle__icon{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0}.div-toggle__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.div-toggle__caret{display:flex;align-items:center;color:var(--color-text-dim);transition:transform .2s ease;flex-shrink:0}.div-toggle--open .div-toggle__caret{transform:rotate(180deg)}.div-dropdown{position:fixed;z-index:500;min-width:200px;max-width:260px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059,0 2px 8px #0003;overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.div-dropdown__header{padding:10px 14px 6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}.div-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:400;text-align:left;cursor:pointer;min-height:44px;transition:background var(--transition-fast)}.div-dropdown__item:hover{background:var(--color-bg-hover)}.div-dropdown__item--active{background:color-mix(in srgb,var(--div-item-color, var(--s-olive-700)) 12%,transparent);color:var(--color-text);font-weight:500}.div-dropdown__item-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.div-dropdown__item-icon{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0}.div-dropdown__item-label{flex:1;min-width:0}.div-dropdown__item-check{display:flex;align-items:center;color:var(--div-item-color, var(--s-olive-500));margin-left:auto;flex-shrink:0}.sidebar__identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);margin-top:auto;flex-shrink:0}.sidebar__identity-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--s-olive-700),var(--s-olive-500));color:var(--s-cream);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.sidebar__identity-name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__identity-role{font-size:10px;text-transform:capitalize;line-height:1.3;color:var(--color-text-dim)}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;background:none;transition:background var(--transition-fast)}.user-menu__trigger:hover,.user-menu:focus-within .user-menu__trigger,.user-menu--open .user-menu__trigger{background:var(--color-bg-hover);border-color:var(--color-border)}.user-menu__avatar{width:30px;height:30px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--s-olive-700),var(--s-olive-500));color:var(--s-cream);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.user-menu__caret{font-size:10px;color:var(--color-text-dim);transition:transform var(--transition-fast)}.user-menu:focus-within .user-menu__caret,.user-menu--open .user-menu__caret{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;width:210px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;z-index:200;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.user-menu:focus-within .user-menu__dropdown,.user-menu--open .user-menu__dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.user-menu__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.user-menu__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.user-menu__role{font-size:var(--font-size-xs);color:var(--s-terra)}.user-menu__items{padding:var(--space-2) 0}.user-menu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background:none;border:none;width:100%;text-align:left;font-family:var(--font-family)}.user-menu__item:hover{background:var(--color-bg-hover);color:var(--color-text)}.user-menu__item--danger{color:var(--color-danger)}.user-menu__item--danger:hover{background:#ef444414}.user-menu__divider{height:1px;background:var(--color-border);margin:var(--space-1) 0}.user-menu__item-icon{width:18px;text-align:center;font-size:.9rem}#div-cards-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){#div-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#div-cards-grid{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:transparent}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{background:var(--color-bg-card);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semi);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tr:hover td{background:var(--color-bg-hover)}.table tr:last-child td{border-bottom:none}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);table-layout:auto}.data-table thead{position:sticky;top:0;z-index:2}.data-table th{background:var(--color-bg-card);padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--color-border-light);white-space:nowrap}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.data-table tbody tr{height:2.5rem;transition:background var(--transition-fast)}.data-table tbody tr:nth-child(2n) td{background:#ffffff0a}.data-table tbody tr:hover td{background:var(--color-bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.row--muted td{opacity:.45;font-style:italic}.data-table th:last-child,.data-table td:last-child{text-align:right;white-space:nowrap}.data-table th.col--num,.data-table td.col--num{text-align:right;font-variant-numeric:tabular-nums}.data-table th.col--center,.data-table td.col--center{text-align:center}@media(max-width:640px){.data-table__col--hide-mobile{display:none!important}.data-table-wrapper{max-width:100%;overflow-x:auto;display:block}.data-table-wrapper .users-table,.data-table-wrapper .data-table{min-width:0;width:max-content;max-width:none}.table-card-mobile{overflow:hidden}}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border)}.data-table-wrapper .data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.badge--dept{color:#fff;font-size:.6875rem}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background:var(--color-bg-hover);color:var(--color-text-muted)}.badge--violet{background:#8b5cf61f;color:var(--s-violet, #8B5CF6)}.badge--saved{background:var(--color-success-bg);color:var(--color-success);opacity:.85}.badge--xs{font-size:10px;padding:1px 6px;font-weight:700}.badge--toggle{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast);padding:3px var(--space-3);gap:var(--space-1)}.badge--toggle:hover{background:var(--color-bg-hover);color:var(--color-text)}.badge--toggle.is-checked{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cdl-tab{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-dim);display:flex;align-items:center;gap:var(--space-2);border-bottom:3px solid transparent;margin-bottom:-2px;transition:color var(--transition-fast)}.cdl-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.cdl-tab:hover:not(.cdl-tab--active){color:var(--color-text-primary)}.form__group{margin-bottom:var(--space-4);position:relative}.form__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);letter-spacing:.01em}.form__label--required:after{content:" *";color:var(--color-danger);font-size:var(--font-size-xs)}.form__input,.form__select,.form__textarea{width:100%;padding:10px var(--space-3);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__input:hover,.form__select:hover{border-color:var(--color-border-light)}.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-dim);opacity:.6}.form__input:disabled,.form__select:disabled,.form__textarea:disabled{opacity:.5;cursor:not-allowed}.form__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238ba878' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.form__textarea{min-height:80px;resize:vertical;line-height:1.5}.form__hint{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:var(--space-1)}.form__error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-1)}.form__emoji-btn{display:flex;align-items:center;gap:var(--space-2);padding:9px var(--space-3);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;width:100%;transition:border-color var(--transition-fast);text-align:left}.form__emoji-btn:hover{border-color:var(--color-border-light)}.form__emoji-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form__emoji-btn__icon{font-size:1.4rem;line-height:1}.form__emoji-btn__label{color:var(--color-text-dim);font-size:var(--font-size-xs)}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form__row--3{grid-template-columns:1fr 1fr 1fr}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:10px var(--space-3);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-input::placeholder{color:var(--color-text-dim);opacity:.6}.form-textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:var(--space-3)}}.search-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.search-bar__input{flex:1;min-width:200px;padding:var(--space-2) var(--space-4);padding-left:var(--space-8);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm)}.search-bar__input:focus{outline:none;border-color:var(--color-primary)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);animation:slideIn .3s ease;max-width:400px}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.toast--info{background:var(--color-primary);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--color-text-muted);text-align:center}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-4)}.empty-state__text{font-size:var(--font-size-md);margin-bottom:var(--space-2)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.section-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.compliance-bar{width:100px;height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.compliance-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.filter-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}@media(max-width:600px){.filter-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1);-webkit-mask-image:linear-gradient(to right,black 88%,transparent 100%);mask-image:linear-gradient(to right,black 88%,transparent 100%)}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0}}.filter-pill{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-bar-wrapper{position:relative;margin-bottom:var(--space-4)}.tab-bar-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(to right,transparent,var(--color-bg));pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.tab-bar-wrapper.has-overflow:after{opacity:1}.tab-bar{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overscroll-behavior-x:contain}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0;white-space:nowrap;flex-shrink:0}.tab-bar__btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.tab-bar__btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.week-nav__label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.shift-grid th,.shift-grid td{padding:var(--space-1) var(--space-2);vertical-align:middle}.shift-grid tbody tr{height:3.5rem}.shift-grid__today{background:var(--color-primary-faint, rgba(196, 113, 58, .08))!important}.shift-grid__closed{background:var(--color-bg-muted, rgba(0, 0, 0, .03));opacity:.6}.shift-cell{border-radius:var(--radius-sm);transition:background var(--transition-fast)}.shift-cell--empty:hover{background:var(--color-bg-hover)}.shift-cell--scheduled{background:var(--color-info-faint, rgba(59, 130, 246, .1))}.shift-cell--confirmed{background:var(--color-success-faint, rgba(34, 197, 94, .1))}.shift-cell--cancelled{background:var(--color-danger-faint, rgba(239, 68, 68, .08));text-decoration:line-through;opacity:.5}.alert{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.alert--warning{background:var(--color-warning-faint, rgba(245, 158, 11, .1));border:1px solid var(--color-warning, #F59E0B);color:var(--color-text)}.settings-section__header{margin-bottom:var(--space-2)}.settings-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.info-row{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{font-size:var(--font-size-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.action-bar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.row--muted{opacity:.5}.legal-footer{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-4)}.legal-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:11px}.legal-footer__meta{font-size:10px;color:var(--color-text-dim);opacity:.7}#auth-root .legal-footer{width:100%;align-items:center;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));margin-top:auto}.legal-footer a{color:var(--color-text-dim);text-decoration:none;transition:color .2s}.legal-footer a:hover{color:var(--color-primary);text-decoration:underline}.legal-page{flex-grow:1;width:100%;max-width:800px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-8)}.legal-page__header{margin-bottom:var(--space-4)}.legal-page__back{display:inline-block;color:var(--color-text-dim);font-size:var(--font-size-sm);text-decoration:none;margin-bottom:var(--space-2);transition:color .2s}.legal-page__back:hover{color:var(--color-primary)}.legal-page__title{font-size:var(--font-size-xl);font-weight:600}.legal-page__content{padding:var(--space-6)}.legal-page__footer{text-align:center;margin-top:var(--space-6);padding-bottom:var(--space-8)}.legal-content h1{font-size:var(--font-size-xl);font-weight:700;margin:var(--space-4) 0 var(--space-2)}.legal-content h2{font-size:var(--font-size-lg);font-weight:600;margin:var(--space-4) 0 var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.legal-content h3{font-size:var(--font-size-md);font-weight:600;margin:var(--space-3) 0 var(--space-1)}.legal-content h4{font-size:var(--font-size-sm);font-weight:600;margin:var(--space-2) 0}.legal-content p{margin-bottom:var(--space-3);line-height:1.7;color:var(--color-text-muted)}.legal-content ul{margin:var(--space-2) 0 var(--space-3) var(--space-4)}.legal-content li{margin-bottom:var(--space-1);line-height:1.6;color:var(--color-text-muted)}.legal-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.legal-content blockquote{border-left:3px solid var(--color-warning);padding:var(--space-2) var(--space-4);background:#f59e0b14;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-3) 0}.legal-content strong{color:var(--color-text)}.legal-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--font-size-sm)}.legal-table th,.legal-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.legal-table th{background:var(--color-bg-elevated);font-weight:600;color:var(--color-text)}.legal-table td{color:var(--color-text-muted)}.att-layout{display:flex;min-height:calc(100vh - var(--header-height) - 40px);gap:0}.att-sidebar{width:220px;background:var(--color-bg-card);border-right:1px solid var(--color-border);padding:var(--space-4);flex-shrink:0;overflow-y:auto}.att-main{flex:1;padding:var(--space-4);overflow-x:clip}.att-sidebar-section{margin-bottom:var(--space-6)}.att-sidebar-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-dim);margin-bottom:var(--space-3)}.att-dept-filter{display:flex;align-items:center;gap:var(--space-2);padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:500;margin-bottom:2px;-webkit-user-select:none;user-select:none;color:var(--color-text)}.att-dept-filter:hover{background:var(--color-bg-hover)}.att-dept-filter.active{background:var(--color-bg-hover);font-weight:600}.att-dept-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.att-dept-count{margin-left:auto;background:var(--color-bg-hover);color:var(--color-text-muted);font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.att-legend{margin-top:var(--space-2)}.att-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-text-muted);margin-bottom:4px}.att-legend-dot{width:14px;height:14px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.att-month-stats{font-size:11px;color:var(--color-text-muted);line-height:1.7}.att-month-nav{display:flex;gap:4px;margin-bottom:var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px}.att-month-nav::-webkit-scrollbar{display:none}.att-month-tab{padding:8px 24px;min-height:44px;display:flex;align-items:center;border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-user-select:none;user-select:none}.att-month-tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.att-month-tab.active{background:var(--s-olive-500);color:#fff;font-weight:600}.att-calendar-container{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:visible}.att-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--s-earth-600) transparent}.att-dept-section{border-bottom:1px solid var(--color-border)}.att-dept-section:last-child{border-bottom:none}.att-dept-header{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:13px;transition:all var(--transition-fast);color:var(--color-text);border-left:3px solid transparent}.att-dept-header:hover{background:#ffffff08}.att-dept-icon{font-size:15px}.att-dept-badge{font-size:10px;font-weight:700;color:#fff;padding:2px 8px;border-radius:10px}.att-chevron{margin-left:auto;font-size:11px;color:var(--color-text-dim);transition:transform .2s ease}.att-dept-section.collapsed .att-chevron{transform:rotate(-90deg)}.att-dept-section.collapsed .att-dept-body{display:none}.att-table{width:100%;border-collapse:collapse;font-size:11px}.att-table thead th{padding:6px 0;font-size:10px;font-weight:600;color:var(--color-text-dim);text-align:center;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-card);z-index:5}.att-name-col{text-align:left!important;padding-left:16px!important;width:180px;min-width:180px;position:sticky;left:0;z-index:3;background:var(--color-bg-card)}.att-name-col-m{text-align:left!important;padding-left:10px!important;width:110px;min-width:110px;max-width:110px;position:sticky;left:0;z-index:3;background:var(--color-bg-card)}.att-day-col{width:28px;min-width:28px}.att-day-col--mobile{width:44px;min-width:44px}.att-day-abbr{font-size:9px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.3px;font-weight:600;margin-bottom:1px}.att-day-col.weekend{color:var(--color-danger)!important;opacity:.7}.att-stat-col{width:42px;min-width:42px;font-size:9px!important}.att-table tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.att-table tbody tr:hover{background:#ffffff05}.att-table tbody td{padding:4px 0;text-align:center;vertical-align:middle}.att-name-cell{text-align:left!important;padding:6px 16px!important;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--color-text);position:sticky;left:0;z-index:2;background:var(--color-bg-card)}.att-name-cell:hover{color:var(--s-olive-400);text-decoration:underline}.att-name-cell--mobile{padding:6px 8px 6px 10px!important;width:110px;min-width:110px;max-width:110px;overflow:hidden}.att-mansione{display:block;font-size:9px;font-weight:400;color:var(--color-text-dim);margin-top:1px}.att-stat-cell{font-size:10px!important;font-weight:600;color:var(--color-text-muted)}.att-totals-row td{font-size:9px;font-weight:700;color:var(--color-text-dim);padding:6px 0;border-top:2px solid var(--color-border)}.att-totals-label{font-weight:700;color:var(--color-text-dim);font-size:10px}.att-totals-day{text-align:center;font-variant-numeric:tabular-nums;font-size:9px;font-weight:700;color:var(--color-text-dim)}.p-cell{width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;line-height:1}.p-cell:hover{transform:scale(1.15);box-shadow:0 2px 4px #0000004d}.p-cell--touch{width:44px;min-width:44px;height:44px;border-radius:var(--radius-md);font-size:11px}.p-cell[data-status=P]{background:var(--color-success);color:#fff}.p-cell[data-status=A]{background:var(--color-danger);color:#fff}.p-cell[data-status=R]{background:var(--color-info);color:#fff}.p-cell[data-status=M]{background:var(--color-warning);color:#fff}.p-cell[data-status=F]{background:#8b5cf6;color:#fff}.p-cell[data-status=PM]{background:var(--s-earth-500);color:#fff}.p-cell[data-status=C]{background:#9b7ec8;color:#fff}.p-cell[data-status=S]{background:var(--s-terra);color:#fff}.p-cell[data-status="-"]{background:var(--s-earth-600);color:var(--color-text-dim);cursor:default}.p-cell[data-status="-"]:hover{transform:none;box-shadow:none}.p-cell[data-status=""]{background:var(--s-earth-700);color:var(--color-text-dim)}.att-modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.att-info-block label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-dim);margin-bottom:2px}.att-info-value{font-size:14px;font-weight:600;color:var(--color-text)}.att-mini-cals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.att-mini-cal{background:var(--color-bg-hover);border-radius:var(--radius-md);padding:10px}.att-mini-cal h4{font-size:11px;font-weight:600;text-align:center;margin-bottom:6px;color:var(--color-text-muted)}.att-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.att-mini-day{width:100%;aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:600}.att-mini-day.empty{background:transparent}.att-employee-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.att-stat-card{background:var(--color-bg-hover);border-radius:var(--radius-md);padding:12px;text-align:center}.att-stat-label{font-size:10px;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.3px}.att-stat-value{font-size:22px;font-weight:700;color:var(--color-text);margin:4px 0}.att-stat-sub{font-size:10px;color:var(--color-text-muted)}.att-week-nav{display:none}.att-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.att-view-toggle{display:flex;gap:2px;background:var(--color-bg-hover);border-radius:var(--radius-full);padding:3px;flex-shrink:0}.att-view-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.att-view-btn:hover{background:#ffffff0f;color:var(--color-text)}.att-view-btn.active{background:var(--color-bg-card);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #0003}.att-content-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.att-table-right-wrap{display:flex;gap:var(--space-4);align-items:flex-start}.att-week-nav-bar{display:flex;align-items:center;gap:var(--space-3);padding:10px 16px;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.att-week-label{flex:1;text-align:center;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap}.att-week-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.att-week-btn:hover{background:var(--color-bg-hover);border-color:var(--s-olive-500)}.att-day-col--weekly{width:88px;min-width:80px;text-align:center}.att-day-col--today{background:#6b8a5814!important}.att-day-num{font-size:15px;font-weight:600;color:var(--color-text);line-height:1.2}.att-day-num--today{width:28px;height:28px;border-radius:50%;background:var(--s-olive-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.att-week-cell{padding:6px 4px;text-align:center;vertical-align:middle}.att-week-cell--today{background:#6b8a580d}.att-pill{position:relative;width:72px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:2px solid transparent;margin:auto}.att-pill:hover{transform:scale(1.05);box-shadow:0 3px 8px #00000040}.att-pill:focus-visible{outline:2px solid var(--s-olive-500);outline-offset:2px}.att-pill[data-status=P]{background:var(--color-success);color:#fff}.att-pill[data-status=A]{background:var(--color-danger);color:#fff}.att-pill[data-status=R]{background:var(--color-info);color:#fff}.att-pill[data-status=M]{background:var(--color-warning);color:#fff}.att-pill[data-status=F]{background:#8b5cf6;color:#fff}.att-pill[data-status=PM]{background:var(--s-earth-500);color:#fff}.att-pill[data-status=C]{background:#9b7ec8;color:#fff}.att-pill[data-status=S]{background:var(--s-terra);color:#fff}.att-pill.att-pill--off{background:var(--s-earth-700);color:var(--color-text-dim);cursor:default;font-size:14px}.att-pill.att-pill--off:hover{transform:none;box-shadow:none}.att-pill.att-pill--empty{background:var(--s-earth-700);color:var(--color-text-dim);border-style:dashed;border-color:var(--color-border)}.att-pill__code{font-size:12px;font-weight:700}.att-pill__shift-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#ffffffb3}.att-emp-name{display:block;font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.att-stat-col--hours{width:52px;min-width:52px}.att-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:400;transition:background .25s ease}.att-picker-overlay.is-visible{background:#0000008c}.att-picker-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:min(460px,100%);background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:12px 20px max(20px,env(safe-area-inset-bottom));z-index:401;transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #0006}.att-picker-sheet.is-open{transform:translate(-50%) translateY(0)}.att-picker-handle{width:40px;height:4px;border-radius:2px;background:var(--color-border);margin:0 auto 16px;cursor:grab}.att-picker-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 2px}.att-picker-emp{font-size:15px;font-weight:700;color:var(--color-text)}.att-picker-date{font-size:12px;color:var(--color-text-dim);text-transform:capitalize}.att-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.att-picker-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;border-radius:var(--radius-lg);border:2px solid transparent;background:var(--tile-bg, var(--color-bg-hover));cursor:pointer;transition:all var(--transition-fast);padding:10px 6px;-webkit-user-select:none;user-select:none}.att-picker-tile:hover{transform:scale(1.04);box-shadow:0 4px 12px #0000004d}.att-picker-tile.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff40,0 4px 16px #0000004d;transform:scale(1.06)}.att-picker-tile:last-child{opacity:.75}.att-picker-tile:last-child:hover{opacity:1}.att-picker-tile__code{font-size:16px;font-weight:700;color:#fff;line-height:1}.att-picker-tile__label{font-size:9px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;text-align:center;line-height:1.2}.att-picker-apply-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.att-picker-apply-label{font-size:11px;color:var(--color-text-dim);white-space:nowrap;flex-shrink:0}.att-picker-apply-toggle{display:flex;gap:4px;background:var(--color-bg);border-radius:var(--radius-full);padding:3px;flex:1}.att-picker-apply-btn{flex:1;padding:5px 10px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.att-picker-apply-btn.active{background:var(--color-bg-card);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #00000026}.att-picker-footer{display:flex;justify-content:space-between;gap:var(--space-2)}.att-picker-cancel{flex:1;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.att-picker-cancel:hover{background:var(--color-bg-hover);color:var(--color-text)}.att-picker-confirm{flex:2;padding:12px;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.att-picker-confirm:hover{opacity:.9}.att-picker-confirm:active{transform:scale(.97)}.att-picker-shift-hint{display:flex;align-items:center;gap:var(--space-1);padding:6px 10px;margin:0 0 4px;background:rgba(var(--s-lantern-rgb, 201,142,71),.12);border:1px solid rgba(var(--s-lantern-rgb, 201,142,71),.3);border-radius:var(--radius-sm);font-size:11px;color:var(--s-lantern, #c98e47)}.att-picker-shift-hint__icon{flex-shrink:0}.att-picker-hours-row,.att-picker-notes-row{display:flex;flex-direction:column;gap:4px;padding:8px 0 0}.att-picker-field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.att-picker-input{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-hover);color:var(--color-text);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.att-picker-input:focus{border-color:var(--color-primary);background:var(--color-bg-card)}.att-picker-input--textarea{resize:none;line-height:1.4}.att-dept-card__pill-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.att-dept-card__hist-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-hover);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.att-dept-card__hist-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(max-width:768px){.att-dept-card__hist-btn{width:32px;height:32px}}.att-dept-card__unsched-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);border:none;border-top:1px dashed var(--color-border);background:transparent;color:var(--color-text-muted);font-size:11px;font-weight:500;cursor:pointer;text-align:left;transition:color var(--transition-fast);margin-top:4px}.att-dept-card__unsched-toggle:hover{color:var(--color-text)}.att-dept-card__unsched-toggle svg:last-child{margin-left:auto;transition:transform var(--transition-fast)}.att-dept-card__unsched-toggle.is-open svg:last-child{transform:rotate(90deg)}.att-dept-card__unsched-body.is-hidden{display:none}.att-dept-card__no-shifts{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);font-size:12px;color:var(--color-text-dim);font-style:italic}.att-hist-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:9000;transition:background var(--transition-fast)}.att-hist-overlay.is-visible{background:#0000008c}.att-hist-drawer{position:fixed;left:50%;bottom:0;transform:translate(-50%) translateY(100%);width:100%;max-width:500px;max-height:70vh;background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);z-index:9001;display:flex;flex-direction:column;padding:0 var(--space-5) var(--space-5);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.att-hist-drawer.is-open{transform:translate(-50%) translateY(0)}.att-hist-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.att-hist-loading,.att-hist-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-8);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.att-hist-item{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-hover);display:flex;flex-direction:column;gap:4px}.att-hist-item--create{border-left:3px solid var(--color-success)}.att-hist-item--update{border-left:3px solid var(--color-primary)}.att-hist-item--delete{border-left:3px solid var(--color-danger)}.att-hist-item__meta{display:flex;justify-content:space-between;align-items:center}.att-hist-item__type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.att-hist-item__date{font-size:10px;color:var(--color-text-dim)}.att-hist-item__detail{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:13px}.att-hist-diff s{color:var(--color-text-dim)}.att-hist-status{font-weight:600;color:var(--color-text)}.att-hist-hours{padding:2px 6px;background:rgba(var(--color-primary-rgb, 0,122,255),.1);border-radius:var(--radius-xs);font-size:11px;font-weight:600;color:var(--color-primary)}.att-hist-notes{font-size:12px;color:var(--color-text-muted);font-style:italic}.att-right-panel{width:240px;min-width:220px;max-width:240px;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-3);align-self:flex-start;position:sticky;top:calc(var(--header-height) + 20px)}.att-rp-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-dim);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.att-rp-empty{text-align:center;font-size:11px;color:var(--color-text-dim);padding:var(--space-4) 0;line-height:1.8}.att-leave-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;transition:all var(--transition-fast)}.att-leave-card:hover{border-color:var(--s-olive-500);box-shadow:0 2px 8px #00000026}.att-leave-card__emp{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-leave-card__dates{font-size:11px;color:var(--color-text-muted);margin-bottom:3px}.att-leave-card__type{display:inline-block;font-size:10px;font-weight:600;color:#8b5cf6;background:#8b5cf61f;border-radius:var(--radius-sm);padding:2px 6px;margin-bottom:8px;text-transform:capitalize}.att-leave-card__actions{display:flex;gap:6px}.att-leave-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:var(--radius-sm);border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.att-leave-btn--approve{background:#22c55e26;color:var(--color-success)}.att-leave-btn--approve:hover{background:var(--color-success);color:#fff}.att-leave-btn--reject{background:#ef44441f;color:var(--color-danger)}.att-leave-btn--reject:hover{background:var(--color-danger);color:#fff}@media(max-width:1100px){.att-right-panel{display:none}}@media(max-width:768px){.p-cell{min-width:44px;min-height:44px;width:44px;height:44px;font-size:11px;border-radius:var(--radius-md)}.att-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.att-view-toggle{justify-content:center}.att-week-nav-bar,.att-table-right-wrap{display:none!important}.att-week-label{font-size:13px}.att-pill{width:44px;height:44px;font-size:10px}.att-day-col--weekly{width:52px;min-width:48px}.att-emp-name{max-width:100px;font-size:11px}}@media print{.att-sidebar,.att-month-nav,.att-view-toggle,.att-week-nav-bar,.att-right-panel{display:none!important}.p-cell,.att-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.att-layout{display:block}.att-main{padding:0}body{font-size:9px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-overlay[hidden]{display:none}.modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;max-width:600px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semi)}.modal__close{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-hover);color:var(--color-text)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirm-modal{max-width:400px}.confirm-modal__message{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;margin:0}@media(max-width:480px){.modal{width:95%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%;animation:slideUpSheet .25s ease}}#auth-root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-page{flex-grow:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg);background-image:radial-gradient(circle at 30% 20%,rgba(107,138,88,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(196,113,58,.04) 0%,transparent 50%);padding:var(--space-4)}.auth-card{width:100%;max-width:420px;background:var(--s-earth-800);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 8px 32px #1a120d99,0 0 80px #6b8a580d}.auth-card__logo{text-align:center;margin-bottom:var(--space-6)}.auth-card__logo-img{width:200px;max-width:80%;height:auto;margin-bottom:var(--space-2);filter:invert(1) drop-shadow(0 2px 12px rgba(0,0,0,.4))}.auth-card__logo-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-2)}.auth-card__logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.auth-card__logo-sub{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-top:var(--space-1);letter-spacing:.1em;text-transform:uppercase}.auth-card--animate{animation:cardSlideIn .5s var(--s-ease) both}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card--shake{animation:cardShake .4s ease-in-out}@keyframes cardShake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-6px)}30%,70%{transform:translate(6px)}}.auth-card__footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-dim);letter-spacing:.05em}.auth-card__divider{margin:0 var(--space-2);opacity:.4}.auth-card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.auth-form__group{margin-bottom:var(--space-4)}.auth-form__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dim);margin-bottom:var(--space-1)}.auth-form__input-wrapper{position:relative;display:flex;align-items:center}.auth-form__input-icon{position:absolute;left:12px;font-size:14px;pointer-events:none;z-index:1;opacity:.6}.auth-form__input--icon{padding-left:38px}.auth-form__input--password{padding-right:44px}.auth-form__input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);transition:border-color .2s,box-shadow .2s,background .2s;outline:none;font-family:inherit}.auth-form__input:focus{border-color:var(--s-olive-500);box-shadow:0 0 0 3px #6b8a5833;background:#1a120dcc}.auth-form__input::placeholder{color:var(--color-text-muted)}.auth-form__input--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #c4713a26!important}.auth-form__error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-1);display:flex;align-items:center;gap:4px}.auth-form__toggle-pw{position:absolute;right:8px;background:none;border:none;color:var(--color-text-dim);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.auth-form__toggle-pw:hover{color:var(--color-text);background:#ffffff0d}.pw-eye-icon{display:block}.pw-eye-icon[hidden]{display:none}.auth-form__options{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);margin-top:calc(-1 * var(--space-1))}.auth-form__remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-form__remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--s-olive-500);cursor:pointer}.auth-form__hint{font-size:var(--font-size-xs);color:var(--color-text-dim);margin-top:var(--space-1)}.auth-form__submit{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--s-olive-500),var(--s-olive-700));color:var(--s-cream);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:var(--space-2);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-form__submit:hover{background:linear-gradient(135deg,var(--s-olive-400),var(--s-olive-500));transform:translateY(-1px)}.auth-form__submit:active{transform:translateY(0)}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-form__submit--loading{position:relative;color:transparent}.auth-form__submit--loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-form__submit-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-form__submit-spinner[hidden]{display:none}.auth-form__links{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);gap:var(--space-2)}.auth-form__link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;cursor:pointer;transition:color .2s}.auth-form__link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);animation:alertSlideIn .3s ease}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-alert__icon{flex-shrink:0}.auth-alert--error{background:#c4713a1f;border:1px solid rgba(196,113,58,.35);color:var(--s-terra-glow)}.auth-alert--success{background:#6b8a581f;border:1px solid rgba(107,138,88,.35);color:var(--s-olive-300)}.auth-alert--info{background:#d4a55a1f;border:1px solid rgba(212,165,90,.35);color:var(--s-lantern-soft)}.sidebar__user{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.sidebar__user-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.sidebar__user-avatar{width:36px;min-height:44px;height:auto;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#fff;flex-shrink:0}.sidebar__user-details{overflow:hidden}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--color-text-dim)}.sidebar__logout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dim);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit}.sidebar__logout:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.profile-card{max-width:600px;margin:0 auto}.profile-section{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.profile-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.profile-field:last-child{border-bottom:none}.profile-field__label{font-size:var(--font-size-sm);color:var(--color-text-dim)}.profile-field__value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.users-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);vertical-align:middle}.role-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.status-dot--active{background:#22c55e}.status-dot--inactive{background:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}:root{--wiz-backdrop-color: rgba(10, 7, 5, .82);--wiz-card-bg: var(--color-bg-card, #1e1612);--wiz-card-border: rgba(196, 113, 58, .35);--wiz-card-radius: 16px;--wiz-card-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(196,113,58,.2);--wiz-accent: var(--s-sienna-600, #c4713a);--wiz-dot-size: 8px;--wiz-transition: .28s cubic-bezier(.34, 1.56, .64, 1);--wiz-z: 99990}.page-wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--wiz-z);pointer-events:all;background:var(--wiz-backdrop-color);animation:wiz-fade-in .3s ease forwards}@keyframes wiz-fade-in{0%{opacity:0}to{opacity:1}}.page-wizard-backdrop.wiz-fade-out{animation:wiz-fade-out .25s ease forwards}@keyframes wiz-fade-out{0%{opacity:1}to{opacity:0}}.page-wizard-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.page-wizard-spotlight svg{width:100%;height:100%}.page-wizard-card{position:fixed;z-index:calc(var(--wiz-z) + 1);max-width:min(380px,calc(100vw - 32px));background:var(--wiz-card-bg);border:1px solid var(--wiz-card-border);border-radius:var(--wiz-card-radius);box-shadow:var(--wiz-card-shadow);padding:20px 20px 16px;transition:top var(--wiz-transition),left var(--wiz-transition),bottom var(--wiz-transition),right var(--wiz-transition);animation:wiz-card-in .3s var(--wiz-transition) forwards}@keyframes wiz-card-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.page-wizard-card.wiz-card-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important;animation:wiz-card-center-in .35s var(--wiz-transition) forwards}@keyframes wiz-card-center-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.page-wizard-card__arrow{position:absolute;width:12px;height:12px;background:var(--wiz-card-bg);border:1px solid var(--wiz-card-border);transform:rotate(45deg)}.page-wizard-card__arrow--top{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.page-wizard-card__arrow--bottom{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.page-wizard-card__arrow--left{left:-7px;top:50%;margin-top:-6px;border-top:none;border-right:none}.page-wizard-card__arrow--right{right:-7px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.page-wizard-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.page-wizard-card__title{font-size:1rem;font-weight:600;color:var(--color-text, #f0ede9);line-height:1.3;margin:0}.page-wizard-card__close{flex-shrink:0;width:28px;height:28px;border:none;background:#ffffff14;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim, #8b7e73);font-size:.9rem;transition:background .15s,color .15s}.page-wizard-card__close:hover{background:#ffffff26;color:var(--color-text, #f0ede9)}.page-wizard-card__body{font-size:.875rem;color:var(--color-text-dim, #a89680);line-height:1.6;margin-bottom:16px}.page-wizard-card__body strong{color:var(--color-text, #f0ede9)}.page-wizard-card__body .wiz-tip{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:8px 10px;background:#c4713a14;border:1px solid rgba(196,113,58,.2);border-radius:8px;font-size:.8rem;color:var(--color-text-dim, #a89680)}.page-wizard-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-wizard-dots{display:flex;gap:5px;align-items:center}.page-wizard-dot{width:var(--wiz-dot-size);height:var(--wiz-dot-size);border-radius:50%;background:#ffffff26;transition:background .2s,width .2s}.page-wizard-dot--active{background:var(--wiz-accent);width:20px;border-radius:4px}.page-wizard-dot--done{background:#c4713a66}.page-wizard-nav{display:flex;gap:8px}.wiz-btn{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s;line-height:1}.wiz-btn--skip{background:transparent;color:var(--color-text-dim, #8b7e73);padding:8px 10px}.wiz-btn--skip:hover{color:var(--color-text, #f0ede9)}.wiz-btn--back{background:#ffffff14;color:var(--color-text-dim, #a89680)}.wiz-btn--back:hover{background:#ffffff24}.wiz-btn--next{background:var(--wiz-accent);color:#fff}.wiz-btn--next:hover{background:#d4854f;transform:translateY(-1px);box-shadow:0 4px 12px #c4713a59}.wiz-btn--finish{background:var(--color-success, #10B981);color:#fff}.wiz-btn--finish:hover{background:#0ea572;transform:translateY(-1px)}.page-wizard-counter{font-size:.72rem;color:var(--color-text-dim, #8b7e73);letter-spacing:.05em;white-space:nowrap}.page-wizard-highlight{position:relative;z-index:calc(var(--wiz-z) - 1);border-radius:6px;box-shadow:0 0 0 4px var(--wiz-accent),0 0 0 8px #c4713a33;pointer-events:all!important;transition:box-shadow .25s}@media(max-width:480px){.page-wizard-card{max-width:calc(100vw - 24px);padding:16px 16px 12px}.page-wizard-card__title{font-size:.9rem}.page-wizard-card__body{font-size:.82rem}.wiz-btn{padding:7px 12px;font-size:.78rem}}.page-wizard-help-btn{position:fixed;bottom:calc(var(--bottom-nav-height, 72px) + 16px);right:16px;z-index:9900;width:44px;height:44px;border-radius:50%;border:none;background:var(--wiz-card-bg);border:1px solid var(--wiz-card-border);box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:transform .2s,box-shadow .2s}.page-wizard-help-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0006}.page-wizard-help-menu{position:fixed;bottom:calc(var(--bottom-nav-height, 72px) + 68px);right:16px;z-index:9901;background:var(--wiz-card-bg);border:1px solid var(--wiz-card-border);border-radius:12px;box-shadow:0 8px 32px #0006;padding:8px;min-width:200px;animation:wiz-menu-in .2s ease forwards}@keyframes wiz-menu-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-wizard-help-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;color:var(--color-text-dim, #a89680);transition:background .15s,color .15s;border:none;background:transparent;width:100%;text-align:left}.page-wizard-help-menu__item:hover{background:#ffffff0f;color:var(--color-text, #f0ede9)}.page-wizard-help-menu__icon{font-size:1rem;flex-shrink:0}