@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.setup-wizard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--color-bg, #fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.setup-wizard__progress-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border, #e5e7eb);transition:background .2s}.setup-wizard__progress-dot--active{background:var(--color-primary, #2563eb)}.setup-wizard__content{max-width:400px;width:100%;text-align:center}.setup-wizard__heading{font-size:1.3rem;font-weight:700;margin-bottom:8px}.setup-wizard__subtext{color:var(--color-muted);font-size:14px;margin-bottom:24px}.setup-wizard__avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-primary, #2563eb);font-size:36px;color:var(--color-muted);background:var(--color-border, #e5e7eb)}.setup-wizard__avatar--has-photo{background-size:cover;background-position:center}.setup-wizard__photo-btn{font-size:13px}.setup-wizard__form-group{text-align:left;margin-bottom:12px}.setup-wizard__theme-btn{min-width:120px;font-size:14px}.setup-wizard__done-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;background:var(--color-primary)}.setup-wizard__done-avatar--has-photo{background-size:cover;background-position:center}.setup-wizard__done-name{font-size:16px;font-weight:600;margin-bottom:4px}.setup-wizard__done-email{font-size:13px;color:var(--color-muted)}.setup-wizard__action-btn{font-size:14px;min-width:120px}.setup-wizard__skip-btn{font-size:14px}.slide-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:400;opacity:0;pointer-events:none;transition:opacity .25s ease}.slide-panel-backdrop--open{opacity:1;pointer-events:all}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);z-index:401;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px #00000026}.slide-panel--open{transform:translate(0)}.slide-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);flex-shrink:0}.slide-panel-title{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.slide-panel-close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-muted);padding:4px 6px;border-radius:4px;line-height:1}.slide-panel-close:hover{background:var(--color-border);color:var(--color-text)}.slide-panel-body{flex:1;overflow-y:auto;padding:1.25rem}.bottombar-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--color-muted);font-size:.64rem;font-weight:600;padding:9px 0 8px;position:relative;background:none;border:none;border-top:none;border-left:none;border-right:none;border-bottom:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}.bottombar-slot:before{content:"";position:absolute;top:0;left:18%;right:18%;height:2.5px;border-radius:999px;background:transparent;transition:background .15s}.bottombar-slot--active{color:var(--color-primary);font-weight:800}.bottombar-slot--active:before{background:var(--color-primary)}.bottombar-slot--more{color:var(--color-muted)}.bottombar-slot--more.tray-open{color:var(--color-primary)}.bottombar-slot--more.tray-open:before{background:var(--color-primary)}.bottombar-slot__icon{color:inherit}.bottombar-slot__label{font-size:.64rem;font-weight:inherit;line-height:1}.bottombar-contextual{animation:bottombar-slide-in .2s ease}@keyframes bottombar-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.peek-tray-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;bottom:var(--bottombar-height);background:#00000059;z-index:200;animation:peek-backdrop-in .2s ease}@keyframes peek-backdrop-in{0%{opacity:0}to{opacity:1}}.peek-tray{position:fixed;left:0;right:0;bottom:var(--bottombar-height);max-height:82vh;background:var(--color-bg);border-radius:22px 22px 0 0;box-shadow:0 -12px 36px #00000026;z-index:201;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 8px;transform:translateY(100%);visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility .28s}.peek-tray--open{transform:translateY(0);visibility:visible;pointer-events:auto}.peek-tray__handle{width:48px;height:5px;background:var(--color-border);border-radius:999px;margin:10px auto 8px}.peek-tray__sections{display:flex;flex-direction:column;gap:10px;padding:0 10px 8px}.peek-tray__section{background:var(--color-surface);border:1px solid var(--color-border);border-left-width:3px;border-radius:18px;box-shadow:0 4px 16px #0000000d;padding:6px 8px;position:relative;overflow:hidden}.peek-tray__section[data-tint=management]{border-left:3px solid rgba(209,0,31,.3)}.peek-tray__section[data-tint=cleaning]{border-left:3px solid rgba(37,99,235,.3)}.peek-tray__section[data-tint=templates]{border-left:3px solid rgba(124,58,237,.3)}.peek-tray__section[data-tint=hr]{border-left:3px solid rgba(16,185,129,.3)}.peek-tray__section[data-tint=analytics]{border-left:3px solid rgba(59,130,246,.3)}.peek-tray__section[data-tint=admin]{border-left:3px solid rgba(245,158,11,.3)}.peek-tray__section[data-tint=settings]{border-left:3px solid rgba(107,114,128,.25)}.peek-tray__section-label{display:flex;align-items:center;gap:6px;margin-bottom:6px}.peek-tray__section-title{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.peek-tray__section-line{height:1px;flex:1;background:linear-gradient(90deg,var(--color-border),transparent)}.peek-tray__grid{display:grid;grid-template-columns:repeat(var(--section-cols, 5),1fr);gap:5px}.peek-tray__item{position:relative;min-height:52px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;text-align:center;text-decoration:none;color:var(--color-text);min-width:0;transition:transform .15s,box-shadow .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.peek-tray__item:active{transform:scale(.97);box-shadow:0 2px 8px #0f172a14}.peek-tray__item--active{color:var(--color-primary);border-color:#d1001f40;background:var(--color-danger-bg)}.peek-tray__item__icon-wrap{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--color-subtle);flex-shrink:0}.peek-tray__item--active .peek-tray__item__icon-wrap{background:var(--color-danger-bg)}.peek-tray__item__icon{color:inherit}.peek-tray__item__label{font-size:.65rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media (min-width: 768px){.peek-tray,.peek-tray-backdrop{display:none!important}}.subapp-banner{display:none}@media (min-width: 768px){.subapp-banner{display:flex;align-items:center;gap:8px;padding:7px 18px;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));border-bottom:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-text);font-size:.78rem}.subapp-banner__name{font-weight:700;color:var(--color-primary)}.subapp-banner__hint{color:var(--color-muted);flex:1}.subapp-banner__exit{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;cursor:pointer;transition:opacity .15s}.subapp-banner__exit:hover{opacity:.85}}.mode-pill{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:3px 8px 3px 6px;font-size:.65rem;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.mode-pill:active{opacity:.8}.sidebar-nav-link--action{width:100%;text-align:left;background:none;border:none;cursor:pointer;font:inherit}.peek-tray__item--action{background:none;border:none;cursor:pointer;color:var(--color-primary);font-weight:700}.peek-tray__item--action .peek-tray__item__icon-wrap{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.peek-tray__launcher-bar{display:flex;justify-content:space-around;align-items:center;padding:10px 12px 12px;margin:6px 10px 4px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:16px;gap:4px}.peek-tray__launcher-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--color-primary);font:inherit;font-size:.62rem;font-weight:800;letter-spacing:.02em;padding:6px 4px;border-radius:10px;-webkit-tap-highlight-color:transparent;transition:background .12s}.peek-tray__launcher-btn:active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.peek-tray__launcher-btn--active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:10px}.scheduling-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-primary);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:9999;pointer-events:none;animation:splashFade .3s ease forwards}.scheduling-splash__icon{opacity:.9}.scheduling-splash__label{font-size:1.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@keyframes splashFade{0%{opacity:0;transform:scale(.96)}35%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.space-pill-wrap{position:relative;display:inline-flex;margin-right:6px}.space-pill{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:999px;padding:5px 9px 5px 10px;font-size:.72rem;font-weight:700;letter-spacing:.01em;cursor:pointer;white-space:nowrap;min-height:28px;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s}.space-pill:active{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}.space-pill--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.space-pill-chevron{font-size:.6rem;line-height:1;opacity:.75}.space-picker-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:4px;box-shadow:0 8px 24px #0000001f;z-index:50;display:flex;flex-direction:column;gap:2px}.space-picker-item{display:flex;align-items:center;gap:8px;padding:9px 10px;background:none;border:none;border-radius:6px;color:var(--color-text);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;min-height:38px}.space-picker-item:hover,.space-picker-item:active{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.space-picker-item--current{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.push-toast-banner{position:fixed;top:env(safe-area-inset-top,0);left:50%;transform:translate(-50%);z-index:100000;max-width:420px;width:calc(100% - 24px);padding:12px 16px;margin-top:8px;background:var(--surface-card, #fff);color:var(--text-primary, #1a1a1a);border-radius:var(--radius-md, 10px);box-shadow:0 4px 24px #0000002e;font-size:.875rem;line-height:1.4;cursor:pointer;animation:pushBannerSlideIn .3s ease-out;border-left:4px solid var(--color-primary, #3b82f6)}.push-toast-banner strong{display:block;margin-bottom:2px}@keyframes pushBannerSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.notification-inbox-list{display:flex;flex-direction:column;gap:2px}.notification-inbox-item{display:flex;align-items:flex-start;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-sm, 6px);width:100%;transition:background-color .15s;color:var(--text-primary);font:inherit}.notification-inbox-item:hover{background:var(--surface-hover, rgba(0, 0, 0, .04))}.notification-inbox-item--unread{background:var(--surface-accent-subtle, rgba(59, 130, 246, .06))}.notification-inbox-item--unread:hover{background:var(--surface-accent-subtle-hover, rgba(59, 130, 246, .1))}.notification-inbox-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.notification-inbox-content{flex:1;min-width:0}.notification-inbox-title{font-weight:600;font-size:.875rem;line-height:1.3;margin-bottom:2px}.notification-inbox-item--unread .notification-inbox-title{color:var(--text-primary)}.notification-inbox-body{font-size:.8125rem;color:var(--text-secondary, #666);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-inbox-time{font-size:.75rem;color:var(--text-muted, #999);margin-top:2px}.notification-inbox-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #3b82f6);flex-shrink:0;margin-top:6px}.bell-badge-wrap{position:relative;display:inline-flex}.bell-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--color-danger, #ef4444);color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-sm, 8px);box-shadow:0 4px 16px #0000002e;min-width:260px;max-width:380px;pointer-events:all;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;font-size:.875rem;font-weight:500}.toast-visible{opacity:1;transform:translateY(0)}.toast-success{background:var(--color-success, #15803d);color:#fff}.toast-error{background:var(--color-primary, #990019);color:#fff}.toast-info{background:var(--color-info-text, #1e40af);color:#fff}.toast-message{flex:1}.toast-close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:.85rem;padding:0 2px;line-height:1}.toast-close:hover{opacity:1}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.analytics-tile{background:var(--color-surface);border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px #00000012;text-decoration:none;color:inherit;display:block}.analytics-tile:hover{text-decoration:none;color:inherit}.analytics-tile-icon{width:24px;height:24px;margin-bottom:4px;filter:brightness(0) saturate(100%) invert(50%)}.analytics-tile-value{font-size:1.25rem;font-weight:800;line-height:1}.analytics-tile-label{font-size:.8rem;font-weight:600;margin-top:4px;color:var(--color-text)}.analytics-tile-sub{font-size:.72rem;color:var(--color-muted);margin-top:2px}.analytics-title-icon{width:16px;height:16px;filter:brightness(0) saturate(100%)}.analytics-progress-track{background:var(--color-subtle);border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.analytics-progress-bar{height:100%;border-radius:999px;transition:width .4s ease}.analytics-open-shifts{font-size:.78rem;margin-top:4px}.analytics-presence-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.staff-card{padding:10px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px}.staff-card__name{font-weight:700;font-size:13px}.staff-card__delta{font-size:12px}.staff-card__shifts{font-size:12px;color:var(--color-muted);margin-top:2px}.staff-card__progress-track{background:var(--color-subtle);border-radius:999px;height:5px;overflow:hidden;flex:1;max-width:120px}.staff-card__progress-bar{height:100%;border-radius:999px}.staff-card__rate{font-size:12px;font-weight:600}.timeline-subtitle{font-size:.82rem;color:var(--color-muted);margin:4px 0 16px}.timeline-card{padding:10px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px}.timeline-card__name{font-weight:700;font-size:13px}.timeline-card__badge{font-size:11px;font-weight:600;color:#fff;border-radius:8px;padding:1px 8px}.timeline-card__detail{font-size:12px;color:var(--color-muted);margin-top:2px}.timeline-group{background:var(--color-surface);border-radius:10px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 4px #00000012}.timeline-group__header{font-weight:600;font-size:.82rem;margin-bottom:10px}.timeline-bar{position:relative;height:40px;background:var(--color-subtle);border-radius:6px;overflow:hidden}.timeline-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;cursor:default;border:2px solid #fff}.form-group--inline{margin-bottom:0}.attendance-row{padding:10px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px}.attendance-meta{font-size:12px;color:var(--color-muted);margin-top:2px}.attendance-name{font-weight:700;font-size:13px}.attendance-date{font-size:12px;color:var(--color-muted)}.attendance-hours{font-weight:600;color:var(--color-text)}.attendance-auto-label{margin-left:2px;font-size:11px}.home-page{padding:8px 0}.welcome{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.welcome h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.role-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.datetime{color:var(--color-muted);font-size:.875rem;margin:4px 0 20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{display:flex;align-items:flex-start;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:0 1px 3px #0000000d}.card-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.card-content h3{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--color-text)}.card-placeholder{margin:0;color:var(--color-muted);font-size:.875rem}.location-permission-denied{font-size:.82rem;color:var(--color-danger);margin:0;line-height:1.4}.clockin-status-widget{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0;text-align:center}.clockin-status-indicator{display:flex;align-items:center;gap:8px}.clockin-status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);display:inline-block;flex-shrink:0}.clockin-status-label{font-size:1rem;font-weight:700;color:var(--color-success)}.clockin-status-details{font-size:.85rem;color:var(--color-muted)}.clockin-status-location{color:var(--color-muted)}.clockin-status-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:4px}.announcement-heading{font-size:1rem;font-weight:700;margin:0;color:var(--color-text)}.ack-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.ack-modal{background:var(--color-surface);border-radius:16px;padding:1.75rem 1.5rem 1.5rem;max-width:480px;width:100%;box-shadow:0 8px 32px #00000059;display:flex;flex-direction:column;gap:.75rem}.ack-modal__header{display:flex;flex-direction:column;gap:4px}.ack-modal__urgent{font-size:.75rem;font-weight:700;color:var(--color-danger);text-transform:uppercase;letter-spacing:.05em}.ack-modal__title{font-size:1.15rem;font-weight:700;margin:0;color:var(--color-text)}.ack-modal__meta{font-size:.75rem;color:var(--color-muted)}.ack-modal__body{font-size:.95rem;color:var(--color-text);line-height:1.5;margin:0;white-space:pre-wrap}.ack-modal__count{margin:0}.ack-modal__btn{width:100%;padding:.75rem;font-size:1rem;margin-top:.25rem}.staff-profile-header{padding:1.5rem;margin-bottom:1.5rem}.staff-avatar{width:72px;height:72px;border-radius:50%}.staff-avatar--img{object-fit:cover}.staff-avatar--initials{color:#fff;font-weight:800;font-size:1.5rem}.staff-avatar__upload-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--brand-primary, #d1001f);color:#fff;font-size:12px;font-weight:700;border:2px solid var(--bg-card, #fff)}.staff-profile-name{font-size:1.4rem;font-weight:800;margin:0;line-height:1.2}.staff-role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.staff-info-grid{display:grid;grid-template-columns:120px 1fr;row-gap:10px;font-size:14px}.staff-info-grid__label{color:var(--color-muted);font-weight:600}.section-card__annotation{font-size:11px;color:var(--color-muted);font-weight:500}.schedule-calendar{width:100%;font-family:inherit}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 4px;margin-bottom:4px;font-size:.75rem;color:var(--color-muted)}.calendar-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.calendar-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.calendar-nav-center{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.calendar-nav h3,.calendar-nav-title{font-size:1.1rem;font-weight:700;color:var(--color-text);white-space:nowrap;margin:0}.calendar-nav-actions{display:flex;align-items:center;gap:.5rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1rem;transition:background .15s,color .15s;flex-shrink:0}.btn-icon:hover{background:var(--color-subtle);color:#990019}.btn-today{padding:4px 10px;font-size:.8rem;font-weight:600;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .15s;white-space:nowrap}.btn-today:hover{background:var(--color-subtle)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.calendar-day-label{padding:6px 0;text-align:center;font-size:.7rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-subtle)}.calendar-cell{min-height:80px;padding:4px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);transition:background .1s;display:flex;flex-direction:column;gap:2px;overflow:hidden}.calendar-cell:hover{background:#fef2f4}.calendar-cell.out-month{background:var(--color-subtle);cursor:default}.calendar-cell.out-month .day-number{color:var(--color-border)}.calendar-cell.out-month:hover{background:var(--color-subtle)}.calendar-cell.today{background:#fff1f2}.calendar-cell.today .day-number{background:#990019;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.calendar-cell.selected{background:#fce7ea;outline:2px solid #990019;outline-offset:-2px}.day-number{font-size:.8rem;font-weight:600;color:var(--color-text);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shift-pill{border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;flex-shrink:0}.shift-pill.shift-highlight{box-shadow:0 0 0 2px #fbbf24}.shift-pill.shift-open{background:#6b7280!important;font-style:italic}.pill-full{display:inline}.pill-initial{display:none}.more-shifts{font-size:.65rem;color:var(--color-muted);font-weight:600;padding:0 2px}@media (max-width: 640px){.calendar-cell{min-height:54px;padding:2px}.calendar-day-label{font-size:.6rem;padding:4px 0}.shift-pill{font-size:.6rem;padding:1px 3px}.day-number{font-size:.75rem;width:20px;height:20px}.calendar-cell.today .day-number{width:20px;height:20px}}@media (max-width: 480px){.pill-full{display:none}.pill-initial{display:inline}.calendar-cell{min-height:52px;padding:2px;align-items:flex-start}.shift-pill{font-size:.55rem;font-weight:700;padding:0;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-overflow:clip;overflow:hidden;flex-shrink:0}.shift-pill.shift-open{border-radius:50%;width:18px;height:18px}.calendar-cell .shift-pill+.shift-pill{margin-left:0}.day-number{font-size:.7rem;width:18px;height:18px}.calendar-cell.today .day-number{width:18px;height:18px}.more-shifts{font-size:.5rem}.calendar-cell{flex-wrap:wrap;flex-direction:row;gap:1px}.calendar-cell .day-number{width:100%;justify-content:flex-start}}.upcoming-shifts{margin-top:2rem}.upcoming-shifts h2{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text)}.upcoming-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.upcoming-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem}.upcoming-date{font-weight:700;color:#990019;min-width:90px;font-size:.8rem}.upcoming-info{flex:1;display:flex;flex-direction:column;gap:2px}.upcoming-info strong{font-size:.875rem;color:var(--color-text)}.upcoming-info .shift-location{font-size:.75rem;color:var(--color-muted)}.upcoming-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-offer{font-size:.7rem;padding:3px 8px;background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-border);border-radius:4px;cursor:pointer;white-space:nowrap}.offer-confirm{display:flex;gap:4px}.btn-offer-yes{font-size:.7rem;padding:3px 8px;background:var(--color-danger);color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.btn-offer-yes:disabled{opacity:.6}.btn-offer-no{font-size:.7rem;padding:3px 8px;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.upcoming-empty{text-align:center;padding:2rem 1rem;color:var(--color-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px}.upcoming-empty .empty-icon{font-size:2.5rem;margin-bottom:.5rem}.upcoming-empty p{margin:0;font-size:.9rem}.shift-stats-bar{display:flex;align-items:center;gap:1.5rem;padding:.625rem 1rem;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;font-size:.85rem;flex-wrap:wrap;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.4rem}.stat-label{color:var(--color-muted);font-weight:500}.stat-value{font-weight:700;color:var(--color-text)}.stat-value.open{color:#990019}.month-jump-selects{display:flex;gap:.4rem}.month-jump-selects select{padding:4px 6px;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;background:var(--color-surface);cursor:pointer}.open-shifts-list{display:flex;flex-direction:column;gap:.625rem}.open-shift-card{display:flex;flex-direction:column;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem}.open-shift-date{font-weight:700;color:#990019;min-width:100px}.open-shift-info{flex:1;display:flex;flex-direction:column;gap:2px}.open-shift-info strong{color:var(--color-text)}.open-shift-info span{color:var(--color-muted);font-size:.8rem}.shift-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.shift-detail-card{background:var(--color-subtle);border:1px solid var(--color-border);border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.shift-detail-card .shift-name{font-weight:700;font-size:.95rem;color:var(--color-text)}.shift-detail-card .shift-meta{font-size:.8rem;color:var(--color-muted);display:flex;flex-direction:column;gap:3px}.shift-detail-card .shift-actions{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.shift-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-scheduled{background:#dbeafe;color:#1e40af}.status-open{background:#fef3c7;color:#92400e}.status-offered{background:#fde68a;color:#78350f}.status-in_progress{background:#d1fae5;color:#065f46}.status-completed{background:#e0f2fe;color:#0c4a6e}.status-no_show{background:#fee2e2;color:#991b1b}.calendar-empty-state{text-align:center;padding:3rem 1.5rem;color:var(--color-muted)}.calendar-empty-state .empty-icon{font-size:3rem;margin-bottom:.75rem}.calendar-empty-state h3{font-size:1rem;font-weight:600;color:var(--color-muted);margin-bottom:.5rem}.calendar-empty-state p{font-size:.875rem;margin:0}.fab-add{position:fixed;bottom:2rem;right:2rem;width:52px;height:52px;border-radius:50%;background:#990019;color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 16px #99001966;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;z-index:100}.fab-add:hover{background:#7a0014;transform:scale(1.06)}.open-shift-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.shift-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.open-shift-meta{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem;font-size:.85rem;color:var(--color-muted)}.open-shift-date{font-weight:600;color:var(--color-text)}.open-shift-time{color:var(--color-muted)}.open-shift-location{color:var(--color-muted);font-size:.8rem}.open-shift-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.shift-conflict-label{font-size:.82rem;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:4px 10px}.pickup-confirm-panel{padding:.5rem 0}.pickup-confirm-details{background:var(--color-subtle);border:1px solid var(--color-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.pickup-confirm-row{display:flex;gap:.75rem;font-size:.9rem}.pickup-label{min-width:70px;font-weight:600;color:var(--color-text)}.pickup-confirm-buttons{display:flex;gap:.75rem;margin-top:1rem}.time-off-pill{background:#16a34a!important;color:#fff}.time-off-pill.time-off-pending{background:#d97706!important;color:#fff}.time-off-banner{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:.5rem}.time-off-banner.approved{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-text)}.time-off-banner.pending{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-text)}@media print{.page-container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;overflow:visible!important}.page-container>*{display:none!important}.page-container>.schedule-calendar{display:block!important}.page-container>*:has(.schedule-calendar){display:block!important;padding:0!important;margin:0!important;border:none!important;max-width:none!important;width:100%!important}.page-container>*:has(.schedule-calendar)>*:not(:has(.schedule-calendar)):not(.schedule-calendar){display:none!important}.section-card__legend,.calendar-empty-state{display:none!important}.schedule-calendar{position:static!important;width:100%!important}.calendar-grid{border-top:2px solid #333!important;border-left:2px solid #333!important}.calendar-cell,.calendar-day-label{border-right:1px solid #999!important;border-bottom:1px solid #999!important}.calendar-nav-actions,.btn-today{display:none!important}.calendar-grid{font-size:10px}.shift-pill{font-size:7px!important;padding:1px 3px!important;border-radius:3px!important}.calendar-day-num{font-size:11px}.calendar-legend{font-size:9px;margin-bottom:8px}.calendar-legend-dot{width:8px;height:8px}.calendar-nav{padding:0 0 8px}.calendar-nav-title{font-size:16px}*{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.cleaning-templates-list{display:flex;flex-direction:column;gap:1.5rem}.cleaning-day-header{font-size:1rem;font-weight:600;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.8rem}.cleaning-template-cards{display:flex;flex-direction:column;gap:.5rem}.cleaning-template-card{padding:1rem}.cleaning-template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cleaning-template-card-name{font-weight:600;margin-bottom:.15rem}.cleaning-template-card-meta{font-size:.8rem;color:var(--color-text-secondary, #6b7280)}.cleaning-template-actions{display:flex;gap:.5rem;flex-shrink:0}.cleaning-template-items-preview{margin:.75rem 0 0;padding:0 0 0 1rem;font-size:.85rem;color:var(--color-text-secondary, #6b7280)}.cleaning-items-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.cleaning-item-row{display:flex;align-items:center;gap:.5rem;background:var(--color-surface-elevated);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;padding:.4rem .6rem}.cleaning-item-order{font-size:.75rem;color:var(--color-text-secondary, #6b7280);width:1.2rem;flex-shrink:0}.cleaning-item-row-text{flex:1;font-size:.9rem}.cleaning-item-row-actions{display:flex;gap:.25rem;flex-shrink:0}.cleaning-add-item-row{display:flex;gap:.5rem}.cleaning-schedule-scroll{overflow-x:auto}.cleaning-schedule-table{width:100%;border-collapse:collapse;font-size:.875rem}.cleaning-schedule-table th,.cleaning-schedule-table td{border:1px solid var(--color-border, #e5e7eb);padding:.5rem;text-align:left;vertical-align:top}.cleaning-schedule-table th{background:var(--color-surface-elevated);font-weight:600;font-size:.8rem}.cleaning-schedule-day-col{width:60px}.cleaning-schedule-loc-col{min-width:140px}.cleaning-schedule-day-label{font-weight:600;color:var(--color-text-secondary, #6b7280);font-size:.8rem}.cleaning-schedule-cell{min-height:48px}.cleaning-schedule-assignee{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.85rem}.cleaning-schedule-remove-btn{background:none;border:none;cursor:pointer;color:var(--color-danger, #dc2626);font-size:.7rem;padding:0 .15rem;line-height:1}.cleaning-schedule-add-btn{background:none;border:1px dashed var(--color-border, #e5e7eb);border-radius:.25rem;cursor:pointer;color:var(--color-text-secondary, #6b7280);font-size:1rem;padding:0 .4rem;line-height:1.6;display:inline-block}.cleaning-schedule-add-btn:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.cleaning-log-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-danger-outline{background:transparent;border:1px solid var(--color-danger, #dc2626);color:var(--color-danger, #dc2626);padding:.25rem .6rem;border-radius:.375rem;font-size:.8rem;cursor:pointer}.btn-danger-outline:hover{background:var(--color-danger-light, #fef2f2)}.btn-xs{padding:.15rem .4rem;font-size:.75rem;border-radius:.25rem}.cleaning-log-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.cleaning-log-filter-input{max-width:160px}.cleaning-log-date-sep{color:var(--color-text-secondary)}.cleaning-log-active-badge{margin-left:6px}.cleaning-log-detail{display:flex;flex-direction:column;gap:20px}.cleaning-log-section-heading{margin:0 0 10px;font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.cleaning-log-summary-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.88rem}.cleaning-log-summary-label{color:var(--color-muted);font-weight:600}.cleaning-log-bar-wrap{display:flex;align-items:center;gap:8px}.cleaning-log-bar-track{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.cleaning-log-bar-fill{height:100%;border-radius:3px}.cleaning-log-bar-label{font-size:.82rem;color:var(--color-muted);white-space:nowrap}.cleaning-log-tasks{display:flex;flex-direction:column;gap:6px;margin-top:12px}.cleaning-log-task-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px}.cleaning-log-task-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.cleaning-log-task-text{font-size:.88rem}.cleaning-log-task-note{font-size:.78rem;color:var(--color-muted);margin-top:2px}.cleaning-log-empty-text{color:var(--color-muted);font-size:.85rem}.cleaning-log-notes-block{padding:12px 14px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-left:4px solid #0ea5e9;border-radius:8px;font-size:.88rem;line-height:1.5}.cleaning-log-row-clickable{cursor:pointer}.cleaning-log-cell-name{font-weight:600}.cleaning-log-cell-nowrap{white-space:nowrap}.cleaning-log-cell-notes{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cleaning-page{max-width:600px;margin:0 auto;padding:1.5rem 1rem 6rem}.cleaning-header{margin-bottom:1.5rem}.cleaning-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.cleaning-subtitle{color:var(--color-text-secondary, #6b7280);margin:0;font-size:.95rem}.cleaning-loading{padding:2rem;text-align:center;color:var(--color-text-secondary, #6b7280)}.cleaning-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-secondary, #6b7280)}.cleaning-empty-icon{font-size:3rem}.cleaning-template-preview{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cleaning-template-group{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;padding:1rem}.cleaning-template-group-header{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.cleaning-badge-daily{font-size:.7rem}.cleaning-preview-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.cleaning-preview-item{display:flex;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary, #6b7280)}.cleaning-preview-bullet{flex-shrink:0}.cleaning-no-templates{color:var(--color-text-secondary, #6b7280);font-size:.9rem;margin-bottom:1rem}.cleaning-start-btn{width:100%;font-size:1rem;padding:.875rem}.cleaning-session{display:flex;flex-direction:column;gap:1.25rem}.cleaning-progress-bar-wrap{margin-bottom:.25rem}.cleaning-progress-label{font-size:.85rem;color:var(--color-text-secondary, #6b7280);margin-bottom:.4rem}.cleaning-progress-track{height:8px;background:var(--color-border, #e5e7eb);border-radius:4px;overflow:hidden}.cleaning-progress-fill{height:100%;background:var(--color-primary, #6366f1);border-radius:4px;transition:width .3s ease}.cleaning-checklist{display:flex;flex-direction:column;gap:.5rem}.cleaning-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:.5rem;text-align:left;cursor:pointer;transition:background .15s;width:100%}.cleaning-item:hover{background:var(--color-surface-elevated)}.cleaning-item--done{opacity:.6}.cleaning-item--done .cleaning-item-text{text-decoration:line-through}.cleaning-item-checkbox{font-size:1.25rem;flex-shrink:0;color:var(--color-primary, #6366f1)}.cleaning-item-text{font-size:.95rem}.cleaning-notes-section{display:flex;flex-direction:column;gap:.4rem}.cleaning-notes-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary, #6b7280)}.cleaning-notes-input{width:100%;padding:.625rem;border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;font-size:.9rem;background:var(--color-surface, #fff);color:var(--color-text, #111827);resize:vertical;box-sizing:border-box}.cleaning-complete-btn{width:100%;font-size:1rem;padding:.875rem}.cleaning-complete-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center}.cleaning-complete-icon{font-size:3rem}.cleaning-complete-location{font-size:1.1rem;font-weight:600;margin:0}.cleaning-complete-duration{color:var(--color-text-secondary, #6b7280);margin:0}.cleaning-complete-items{color:var(--color-text-secondary, #6b7280);margin:0;font-size:.9rem}.checklist__progress-label{display:flex;justify-content:space-between;font-size:13px;color:var(--color-muted);margin-bottom:6px}.checklist__progress-track{background:var(--color-border);border-radius:8px;height:8px;overflow:hidden}.checklist__progress-fill{height:100%;width:0%;transition:width .3s ease;border-radius:8px}.checklist__empty{color:var(--color-muted);text-align:center;padding:24px 0}.checklist__list{list-style:none;padding:0;margin:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.checklist__item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border)}.checklist__item--busy{opacity:.6}.checklist__checkbox{margin-top:2px;accent-color:#990019;cursor:pointer;width:18px;height:18px}.checklist__task-body{flex:1;min-width:0}.checklist__task-desc{font-size:15px}.checklist__task-desc--done{text-decoration:line-through;color:var(--color-muted)}.checklist__meta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;align-items:center}.checklist__assign-btn{font-size:12px;padding:2px 8px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-subtle);color:var(--color-muted);cursor:pointer;font-weight:400}.checklist__assign-btn--active{background:var(--color-info-bg);color:var(--color-info-text);font-weight:600}.checklist__assign-badge{font-size:12px;color:var(--color-muted);background:var(--color-subtle);padding:1px 8px;border-radius:12px}.checklist__dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:180px;max-height:220px;overflow-y:auto;margin-top:4px}.checklist__dropdown-loading{padding:10px 14px;font-size:13px;color:var(--color-muted)}.checklist__dropdown-item{display:block;width:100%;padding:8px 14px;font-size:13px;text-align:left;background:transparent;color:var(--color-text);border:none;cursor:pointer;font-weight:400}.checklist__dropdown-item--active{background:var(--color-info-bg);color:var(--color-primary);font-weight:600}.checklist__dropdown-empty{padding:10px 14px;font-size:13px;color:var(--color-muted)}.checklist__badge-carried{font-size:12px;color:var(--color-warning-text);background:var(--color-warning-bg);padding:1px 8px;border-radius:12px}.checklist__badge-completed{font-size:12px;color:var(--color-success)}.checklist__add-row{display:flex;gap:8px;margin-top:16px;border-top:1px solid var(--color-border);padding-top:16px}.checklist__add-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);font-size:14px}.checklist__add-btn{padding:8px 16px;background:var(--color-primary-dark);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.checklist__add-btn:disabled{opacity:.5}.note-badge{font-size:10px;font-weight:700;color:#fff;border-radius:4px;padding:2px 7px;letter-spacing:.3px;text-transform:uppercase}.note-card{background:var(--color-surface);border-radius:10px;padding:14px;position:relative}.note-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.note-card__ack-badge{font-size:11px;color:var(--color-success);font-weight:600;background:var(--color-success-bg);border-radius:4px;padding:2px 6px}.note-card__time{font-size:12px;color:var(--color-muted);margin-left:auto}.note-card__body{font-size:14px;color:var(--color-text);line-height:1.6;margin-bottom:6px}.note-card__photo{max-width:100%;border-radius:8px;margin-bottom:8px}.note-card__author{font-size:12px;color:var(--color-muted)}.note-card__actions{display:flex;gap:8px;margin-top:10px}.note-card__ack-btn{font-size:12px;padding:4px 12px;background:var(--color-success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.note-card__delete-btn{font-size:12px;padding:4px 10px;background:none;color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:6px;cursor:pointer}.notes-view{display:flex;flex-direction:column}.notes-view__banner-wrap{position:sticky;top:0;z-index:10;margin-bottom:14px}.notes-view__banner-btn{width:100%;padding:13px 16px;background:var(--color-primary-dark);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #99001940;letter-spacing:.2px}.notes-view__list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.notes-view__section-label{font-size:12px;font-weight:700;color:var(--color-warning);text-transform:uppercase;letter-spacing:.5px}.notes-view__divider{height:1px;background:var(--color-border);margin:4px 0}.notes-view__compose{background:var(--color-subtle);border-radius:12px;padding:16px;transition:border-color .2s}.notes-view__compose-title{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:12px}.notes-view__form{display:flex;flex-direction:column;gap:10px}.notes-view__pills{display:flex;gap:6px;flex-wrap:wrap}.notes-view__pill{padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.notes-view__textarea-wrap{position:relative}.notes-view__textarea{width:100%;box-sizing:border-box;padding:10px 12px 28px;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit;color:var(--color-text)}.notes-view__char-count{position:absolute;bottom:8px;right:10px;font-size:11px;pointer-events:none;font-variant-numeric:tabular-nums}.notes-view__bottom-row{display:flex;gap:10px;align-items:center}.notes-view__attach-btn{padding:8px 14px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:13px;color:var(--color-text);display:flex;align-items:center;gap:6px;white-space:nowrap}.notes-view__submit-btn{flex:1;padding:10px 0;border:none;border-radius:8px;font-weight:700;font-size:14px;transition:background .15s}.handoff-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;display:flex;align-items:stretch;justify-content:center;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.handoff-panel{background:var(--color-surface);width:100%;max-width:600px;display:flex;flex-direction:column;overflow:hidden;max-height:100%}.handoff-header{background:var(--color-primary-dark);color:#fff;padding:20px 24px 16px;flex-shrink:0}.handoff-header-label{font-size:13px;opacity:.8;margin-bottom:4px}.handoff-header h2{margin:0;font-size:20px;font-weight:700}.handoff-header-meta{font-size:13px;opacity:.85;margin-top:6px}.handoff-notes{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.handoff-note-card{background:#f9731614;border:1px solid var(--color-warning-border);border-radius:10px;padding:16px}.handoff-note-type{font-size:11px;font-weight:700;background:var(--color-warning);color:#fff;border-radius:4px;padding:2px 8px;letter-spacing:.3px}.handoff-note-body{font-size:14px;color:var(--color-text);line-height:1.5;margin-bottom:6px}.handoff-note-photo{max-width:100%;border-radius:8px;margin-top:8px}.handoff-note-author{font-size:12px;color:var(--color-muted);margin-top:6px}.handoff-footer{padding:16px 20px;border-top:1px solid var(--color-border);flex-shrink:0}.handoff-dismiss-btn{width:100%;padding:16px 0;background:var(--color-primary-dark);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;letter-spacing:.3px}.notes-handoff-card{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.notes-handoff-card .section-card__title{color:var(--color-warning-text)}.notes-handoff-item{background:var(--color-surface);border-radius:8px;padding:8px 12px;margin-bottom:6px;border:1px solid var(--color-border)}.notes-handoff-item__body{font-size:.85rem;font-weight:500}.notes-handoff-item__meta{font-size:.7rem;color:var(--color-muted);margin-top:2px}.btn-acknowledge{margin-top:6px;background:var(--color-success);color:#fff;border-color:var(--color-success)}.notes-shift-label{font-size:.8rem;color:var(--color-muted)}.notes-feed-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;padding:10px 14px}.notes-feed-card--acked{opacity:.7}.notes-type-badge{font-size:11px;font-weight:700;color:#fff;padding:2px 8px;border-radius:10px;text-transform:uppercase}.notes-feed-body{font-size:.85rem;color:var(--color-text);margin:4px 0}.notes-feed-photo{max-width:100%;max-height:200px;border-radius:6px;margin-bottom:4px;cursor:pointer}.notes-feed-meta{font-size:.7rem;color:var(--color-muted)}.notes-empty{color:var(--color-muted);text-align:center;padding:24px;font-size:.85rem}.notes-empty--sm{padding:16px}.notes-char-count{font-size:.75rem;color:var(--color-muted)}.notes-ack-label{font-size:11px;color:var(--color-success);font-weight:600}.notes-feed-time{font-size:.7rem;color:var(--color-muted)}.handoff-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border)}.handoff-banner__title{color:var(--color-warning-text)}.handoff-banner__note-body{font-size:.85rem;font-weight:500}.handoff-banner__note-meta{font-size:.75rem;color:var(--color-muted)}.handoff-banner__ack-btn{background:var(--color-success)}.handoff-banner__ack-btn:disabled{opacity:.6}.notes-history__list{display:flex;flex-direction:column;gap:10px}.notes-history__card--read{opacity:.7}.notes-history__read-badge{font-size:11px;color:var(--color-success);font-weight:600}.notes-history__ack-btn{background:var(--color-success);color:#fff;border:none;font-size:11px;padding:3px 10px}.notes-history__unack-btn{font-size:11px;padding:3px 10px}.notes-history__photo{display:block;max-width:100%;max-height:200px;object-fit:contain;object-position:left;border-radius:var(--radius-sm);margin-top:var(--space-sm);cursor:pointer}.notes-history__location-filter{width:auto;min-width:160px}.notes-history__footer-action{margin-left:auto}.timeoff-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.avail-block-chip{display:flex;align-items:center;gap:.5rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:8px;padding:6px 12px;font-size:.8rem}.avail-block-chip__remove{background:none;border:none;cursor:pointer;color:var(--color-danger);font-weight:700;font-size:14px;padding:0 2px;line-height:1}.assign-dropdown{position:relative;display:inline-block}.assign-dropdown__btn{font-size:12px;padding:3px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-subtle);cursor:pointer;color:var(--color-text);font-weight:500}.assign-dropdown__menu{position:absolute;top:100%;right:0;z-index:50;min-width:200px;max-width:260px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;overflow:hidden}.assign-dropdown__item{display:block;width:100%;text-align:left;padding:8px 14px;font-size:13px;border:none;background:transparent;cursor:pointer;color:var(--color-text)}.assign-dropdown__empty{padding:8px 14px;font-size:12px;color:var(--color-muted)}.add-task-btn{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary-dark);border:none;background:transparent;cursor:pointer;padding:4px 0;font-weight:500}.add-task-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--color-border);margin-top:4px}.add-task-form__input{flex:1;min-width:180px;font-size:13px;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;outline:none}.add-task-form__select{font-size:13px;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text)}.add-task-form__submit{padding:6px 14px;font-size:13px;background:var(--color-primary-dark);color:var(--color-on-primary);border:none;border-radius:6px;font-weight:600}.add-task-form__submit:disabled{cursor:not-allowed;opacity:.5}.add-task-form__cancel{padding:6px 10px;font-size:13px;background:transparent;color:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.shift-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:10px}.shift-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;cursor:pointer;text-align:left;gap:12px}.shift-card__color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.shift-card__name{font-weight:600;font-size:15px;color:var(--color-text)}.shift-card__time{font-size:12px;color:var(--color-muted);margin-top:2px}.shift-card__delete-btn{font-size:12px;padding:3px 8px;background:none;border:1px solid var(--color-danger-border);border-radius:6px;color:var(--color-danger);cursor:pointer}.shift-card__body{border-top:1px solid var(--color-border);padding:10px 16px 12px}.shift-card__loading{color:var(--color-muted);font-size:13px;padding:8px 0}.shift-card__empty{color:var(--color-muted);font-size:13px;padding:4px 0 8px}.task-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--color-border)}.task-row__checkbox{flex-shrink:0;cursor:default;accent-color:#990019}.task-row__carried-badge{margin-left:8px;font-size:11px;color:var(--color-warning-text);background:var(--color-warning-bg);padding:1px 6px;border-radius:8px}.task-row__completed-by{font-size:11px;color:var(--color-muted);margin-top:2px}.task-row__delete-btn{flex-shrink:0;font-size:14px;background:none;border:none;color:var(--color-danger);cursor:pointer;padding:2px 6px;border-radius:4px;opacity:.6}.task-row__delete-btn:hover{opacity:1}.page-subtitle{font-size:.85rem;color:var(--color-muted);margin-top:4px}.date-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.date-header__label{font-size:14px;font-weight:700;letter-spacing:.01em}.date-header__line{flex:1;height:1px;background:var(--color-border)}.date-header__count{font-size:12px;color:var(--color-muted)}.empty-state__icon{font-size:40px;margin-bottom:12px}.empty-state__title{font-weight:600;font-size:1rem;color:var(--color-text)}.empty-state__subtitle{font-size:.85rem;margin-top:6px}.presence-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-surface-elevated);font-size:.85rem}.presence-row .flex{flex-wrap:wrap}.presence-row__geo{font-size:.72rem;margin-top:2px}.history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem}.history-row>div:first-child{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.history-row>div:last-child{flex-shrink:0}.presence-count{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:12px;white-space:nowrap}.presence-count--active{background:var(--color-success-bg);color:var(--color-success-text)}.presence-count--empty{background:var(--color-subtle);color:var(--color-muted)}.admin-debug-guard{padding:32px;color:var(--color-danger)}.admin-debug-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.admin-debug-section-title{font-size:1.1rem;font-weight:700;margin:0 0 16px}.admin-debug-btn{margin-bottom:16px}.admin-debug-geo-info{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px}.admin-debug-geo-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.admin-debug-geo-row:last-child{border-bottom:none}.admin-debug-geo-label{color:var(--color-muted)}.admin-debug-geo-value{font-family:monospace;font-weight:600}.admin-debug-beacon-header{font-size:.95rem;font-weight:700;margin:0 0 8px}.admin-debug-beacon-list{margin-bottom:16px}.admin-debug-beacon-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.admin-debug-beacon-row:last-child{border-bottom:none}.admin-debug-beacon-name{flex:1;font-weight:600}.admin-debug-beacon-type{font-weight:400;color:var(--color-muted);font-size:.75rem}.admin-debug-beacon-details{color:var(--color-muted);font-size:.8rem;white-space:nowrap}.admin-debug-map{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);margin-top:16px}.admin-debug-leaflet{width:100%;height:350px}.admin-debug-hint{font-size:.82rem;color:var(--color-muted);margin:0 0 12px}.admin-debug-notif-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.admin-debug-select{flex:1;min-width:200px}.wdp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000;display:flex;justify-content:flex-end}.wdp-panel{width:92%;max-width:420px;height:100%;background:var(--color-surface);box-shadow:-4px 0 24px #00000024;padding:20px 20px 32px;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .2s ease-out}.wdp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.wdp-serial{font-size:1.1rem;font-weight:700;font-family:monospace}.wdp-close{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-muted);padding:2px 6px;border-radius:4px}.wdp-info-grid{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.wdp-info-row{display:flex;justify-content:space-between;gap:12px;font-size:.82rem}.wdp-info-label{color:var(--color-muted);white-space:nowrap}.wdp-info-value{font-weight:500;text-align:right;word-break:break-all}.wdp-info-link{color:var(--color-primary);font-weight:500;text-decoration:none}.wdp-void-label{display:block;font-size:.75rem;color:var(--color-muted);margin-bottom:4px}.wdp-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;resize:vertical;min-height:56px;box-sizing:border-box}.wdp-confirm-title{margin:0;font-size:.85rem;font-weight:600;color:var(--color-text)}.wdp-confirm-desc{margin:0;font-size:.78rem;color:var(--color-muted)}.print-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-form-grid .form-input{width:100%}.print-qty-input{width:56px;text-align:center;padding:6px 4px}.print-submit{width:100%}.print-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.print-select-all{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted);margin-bottom:8px;cursor:pointer}.batch-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:background .12s,border-color .12s}.batch-card--selected{background:var(--color-danger-bg);border-color:var(--color-primary)}.batch-serial{font-family:monospace;font-size:13px;font-weight:700}.batch-count{font-size:11px;color:var(--color-muted);background:var(--color-subtle);padding:1px 6px;border-radius:8px}.batch-meta{font-size:12px;color:var(--color-muted);margin-top:2px}.align-self-end{align-self:flex-end}.waiver-report-card{padding:10px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px}.waiver-report-serial{font-family:monospace}.waiver-report-member-id{margin-left:6px}.member-report-row:hover{background:var(--color-subtle)}.member-report-chevron{display:inline-block;width:16px;color:var(--color-muted);font-size:.75rem}.member-report-detail-row td{padding:0!important;background:var(--color-subtle)}.member-report-detail-table{width:100%;border-collapse:collapse;font-size:.8rem}.member-report-detail-table th{padding:6px 12px;text-align:left;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);border-bottom:1px solid var(--color-border)}.member-report-detail-table td{padding:6px 12px;border-bottom:1px solid var(--color-border)}.member-report-detail-table tr:last-child td{border-bottom:none}.wt-section-head{font-size:.7rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.wt-prefix-badge{padding:2px 10px;border-radius:999px;background:var(--color-primary-dark);color:var(--color-surface);font-size:.72rem;font-weight:700;letter-spacing:.06em}.wt-arrow-btn{padding:2px 6px;background:var(--color-subtle);color:var(--color-text);border:none;border-radius:3px;font-size:.7rem;cursor:pointer}.wt-arrow-btn.danger{color:var(--color-danger)}.wt-logo-upload-label{padding:8px 16px;color:var(--color-surface);border-radius:6px;font-weight:600;font-size:.85rem;display:inline-block}.wt-logo-upload-label.active{background:var(--color-info-text);cursor:pointer}.wt-logo-upload-label.disabled{background:var(--color-muted);cursor:not-allowed}.wt-logo-img{max-width:160px;max-height:80px;border-radius:4px;border:1px solid var(--color-border)}.wt-remove-link{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.85rem;text-decoration:underline}.wt-line-number{min-width:22px;color:var(--color-muted);font-weight:700;font-size:.82rem}.wt-prefix-warning{margin-top:5px;padding:6px 10px;background:#fffbeb;color:var(--color-warning-text);border-radius:5px;font-size:.75rem}.wt-create-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:6px;padding:6px 10px;font-size:13px}.wt-toggle{width:40px;height:22px;border-radius:11px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.wt-toggle.on{background:var(--color-primary-dark)}.wt-toggle.off{background:var(--color-border)}.wt-toggle-knob{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:var(--color-surface);transition:left .2s;box-shadow:0 1px 3px #0003}.wt-toggle-knob.on{left:21px}.wt-toggle-knob.off{left:3px}.wt-template-list{gap:12px}.wt-form{gap:18px}.wt-form-gap{gap:12px}.wt-create-panel{padding:20px;gap:14px}.wt-create-panel>p{margin:0}.wt-card{padding:16px}.wt-card-header{gap:10px;margin-bottom:6px}.wt-card-legal{margin-bottom:3px}.wt-card-meta{gap:6px 16px;margin-top:6px;margin-bottom:12px}.wt-logo-section{gap:10px}.wt-logo-row{gap:12px}.wt-controls-row{gap:6px}.wt-controls-col{gap:2px;padding-top:4px}.wt-arrow-group{gap:2px}.wt-actions{gap:10px;padding-top:4px}.wt-toggle-label{gap:10px;cursor:pointer}.wt-payment-hint{margin:0 0 10px}.wt-empty-hint{padding:8px 0}.wt-input-mono{font-family:monospace;text-transform:uppercase}.wt-input-narrow{max-width:120px}.wt-input-sm-text{font-size:.8rem}.wt-textarea-resize{resize:vertical}.wt-line-number-pt{padding-top:10px}.wt-field-hint{font-weight:400;margin-left:6px}.ts-subtitle{font-size:.82rem;color:var(--color-muted);margin:4px 0 16px}.ts-count{font-size:.75rem;color:var(--color-muted);margin-bottom:12px}.ts-emp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.ts-emp-summary{width:100%;padding:12px 16px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.ts-emp-name{font-weight:700;font-size:.9rem;color:var(--color-text)}.ts-emp-meta{font-size:.75rem;color:var(--color-muted)}.ts-missing-flag{color:var(--color-danger);font-weight:600;margin-left:8px}.ts-total-hours{font-size:1.2rem;font-weight:800;color:var(--color-text)}.ts-total-decimal{font-size:.72rem;color:var(--color-muted)}.ts-detail{border-top:1px solid var(--color-border);padding:8px 16px 12px}.ts-grid{display:grid;grid-template-columns:.7fr .7fr .8fr .8fr .5fr .7fr .4fr;align-items:center}.ts-grid-header{padding:4px 0;font-size:.68rem;font-weight:700;color:var(--color-muted);text-transform:uppercase}.ts-grid-row{padding:6px 0;border-bottom:1px solid var(--color-border);font-size:.82rem}.ts-cell-muted{color:var(--color-muted);font-size:.78rem}.ts-missing-label{color:var(--color-danger);font-weight:600;font-size:.78rem}.ts-edit-input{font-size:.75rem;padding:2px 4px;border:1px solid var(--color-border);border-radius:4px}.ts-btn-save{font-size:.7rem;padding:2px 8px;background:var(--color-success);color:#fff;border:none;border-radius:4px;cursor:pointer}.ts-btn-cancel{font-size:.7rem;padding:2px 8px;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:4px;cursor:pointer}.ts-btn-edit{font-size:.7rem;padding:2px 8px;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-muted)}.mobilebar-section-label{font-size:12px;font-weight:600;color:var(--color-muted);margin-bottom:6px;text-transform:uppercase}.mobilebar-row{padding:6px 10px;background:var(--color-surface-elevated);border-radius:6px;margin-bottom:4px}.mobilebar-row-label{font-weight:600;font-size:14px}.mobilebar-arrow-btn{border:none;background:none;cursor:pointer;font-size:16px}.mobilebar-remove-btn{border:none;background:none;cursor:pointer;color:var(--color-danger);font-weight:700;font-size:16px}.mobilebar-add-btn{font-size:12px;padding:4px 10px}.mobilebar-action-btn{font-size:13px}.account-header{padding:1.5rem;margin-bottom:1.5rem}.account-avatar-wrap{cursor:pointer;position:relative;flex-shrink:0}.account-avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover}.account-avatar-initials{width:72px;height:72px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem}.account-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;border-radius:50%;background:var(--brand-primary, #d1001f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--bg-card, #fff)}.account-name{font-size:1.4rem;font-weight:800;margin:0;line-height:1.2}.account-role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.account-info-grid{display:grid;grid-template-columns:120px 1fr;row-gap:10px;font-size:14px}.account-info-label{color:var(--color-muted);font-weight:600}.account-admin-tag{font-size:11px;color:var(--color-muted);font-weight:500}.account-biometric-title,.account-location-title{font-weight:600;font-size:14px}.account-biometric-desc,.account-location-desc{font-size:12px;color:var(--color-muted);margin-top:2px}.account-location-desc--block{font-size:12px;color:var(--color-muted);line-height:1.5}.account-location-status{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.account-location-status--granted{background:var(--color-success-bg);color:var(--color-success)}.account-location-status--denied{background:var(--color-danger-bg);color:var(--color-danger)}.account-location-hint{margin-top:8px;padding:10px 12px;background:var(--color-bg);border-radius:8px;font-size:12px;line-height:1.6}.account-location-hint--muted{color:var(--color-muted)}.account-edit-email{color:var(--color-muted);font-size:13px}.account-biometric-btn{min-width:72px;flex-shrink:0}.account-refresh-btn{font-size:12px;padding:4px 10px}.tray-customize{padding:16px;max-width:520px;margin:0 auto}.tray-customize__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tray-customize__title{font-size:1.1rem;font-weight:700;margin:0}.tray-customize__reset-btn{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--color-muted);background:none;border:1px solid var(--color-border);border-radius:8px;padding:5px 10px;cursor:pointer;transition:color .15s,border-color .15s}.tray-customize__reset-btn:hover{color:var(--color-text);border-color:var(--color-text)}.tray-customize__hint{font-size:.75rem;color:var(--color-muted);margin:0 0 14px;line-height:1.5}.tray-preview{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:16px;padding:12px;margin-bottom:16px}.tray-preview__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin-bottom:8px}.tray-preview__tray{display:flex;flex-direction:column;gap:8px}.tray-preview__section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:8px}.tray-preview__section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:6px}.tray-preview__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.tray-preview__tile{background:var(--color-subtle);border-radius:6px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.tray-preview__tile-icon{color:var(--color-primary)}.tray-preview__tile-label{font-size:.55rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.tray-customize__sections{display:flex;flex-direction:column;gap:8px}.tray-customize__section{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:14px;padding:10px 12px;transition:opacity .15s;border-left-width:3px;border-left-style:solid;border-left-color:var(--section-accent, var(--color-border))}.tray-customize__section--hidden{opacity:.5}.tray-customize__section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tray-customize__section-grip{color:var(--color-muted);cursor:grab;flex-shrink:0;display:flex;align-items:center;touch-action:none}.tray-customize__section-grip:active{cursor:grabbing}.tray-customize__section-name{font-size:.82rem;font-weight:700;flex:1}.tray-customize__section-actions{display:flex;align-items:center;gap:4px}.tray-customize__icon-btn{background:none;border:none;padding:5px;border-radius:6px;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;transition:color .15s,background .15s}.tray-customize__icon-btn:hover{color:var(--color-text);background:var(--color-subtle)}.tray-customize__rename{flex:1;display:flex;align-items:center;gap:4px}.tray-customize__rename-input{flex:1;font-size:.82rem;font-weight:700;background:var(--color-input-bg, var(--color-subtle));border:1px solid var(--color-primary);border-radius:6px;padding:3px 7px;color:var(--color-text);outline:none}.tray-customize__rename-btn{background:none;border:none;padding:4px;border-radius:6px;cursor:pointer;color:var(--color-muted);display:flex;align-items:center}.tray-customize__rename-btn--ok{color:var(--color-success, #22c55e)}.tray-customize__tiles{display:flex;flex-wrap:wrap;gap:5px}.tray-customize__tile{display:flex;align-items:center;gap:4px;background:var(--color-subtle);border:1px solid var(--color-border);border-radius:8px;padding:4px 8px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-width:0}.tray-customize__tile:active{cursor:grabbing}.tray-customize__tile--overlay{box-shadow:0 8px 24px #0000002e;transform:scale(1.06);z-index:9999;cursor:grabbing}.tray-customize__tiles-empty{font-size:.72rem;color:var(--color-muted);padding:8px 4px;border:1px dashed var(--color-border);border-radius:8px;text-align:center;width:100%}.tray-customize__icon-btn--danger:hover{color:var(--color-danger, #ef4444);background:#ef444414}.tray-customize__add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:10px;border:1.5px dashed var(--color-border);border-radius:14px;background:none;color:var(--color-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.tray-customize__add-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 99, 102, 241),.04)}.tray-customize__add-section{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 12px;border:1.5px dashed var(--color-primary);border-radius:14px;background:var(--color-surface-elevated)}.tray-customize__add-section .tray-customize__rename-input{flex:1}.tray-customize__unused-bin{margin-top:16px;padding:12px 14px;border:1px dashed var(--color-border);border-left:3px solid #94a3b8;border-radius:16px;background:var(--color-surface);transition:border-color .15s,background .15s}.tray-customize__unused-bin--over{border-color:var(--color-warning, #f59e0b);background:#f59e0b0f}.tray-customize__unused-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--color-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tray-customize__unused-hint{font-size:.68rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--color-muted);opacity:.75;margin-left:2px}.tray-customize__unused-bin .tray-customize__tile{opacity:.55}.tray-customize__pinned{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px 2px}.tray-customize__pinned-label{font-size:.65rem;color:var(--color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tray-customize__pinned-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);cursor:default;-webkit-user-select:none;user-select:none}.tray-customize__col-picker{display:flex;align-items:center;gap:4px;margin-bottom:8px}.tray-customize__col-picker-label{font-size:.68rem;color:var(--color-muted);font-weight:600;margin-right:2px}.tray-customize__col-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .12s}.tray-customize__col-btn--active{background:var(--section-accent, var(--color-primary));border-color:var(--section-accent, var(--color-primary));color:#fff}.help-page{padding:4px 0 24px}.help-title{font-size:1.1rem;font-weight:700;margin:0 0 12px;color:var(--color-text)}.help-search{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.9rem;background:var(--color-surface-elevated);color:var(--color-text);font-family:inherit;box-sizing:border-box;margin-bottom:16px;outline:none}.help-search:focus{border-color:var(--color-primary)}.help-empty{color:var(--color-muted);font-size:.875rem;text-align:center;margin-top:32px}.help-section{margin-bottom:20px}.help-section-title{font-size:.85rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;display:flex;align-items:center;gap:6px}.help-section-icon{font-size:1rem}.help-articles{display:flex;flex-direction:column;gap:6px}.help-article{background:var(--color-surface);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.help-article-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;gap:8px}.help-article-title{font-size:.9rem;font-weight:600;color:var(--color-text);flex:1}.help-chevron{font-size:.65rem;color:var(--color-muted);flex-shrink:0}.help-article-body{padding:0 14px 14px;border-top:1px solid var(--color-border)}.help-article-text{font-size:.875rem;color:var(--color-text);line-height:1.5;margin:10px 0}.help-screenshot-btn{display:block;background:none;border:none;padding:0;cursor:pointer;width:100%;margin-top:8px}.help-screenshot-thumb{width:100%;max-width:320px;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a;display:block}.help-video{width:100%;max-width:320px;border-radius:8px;margin-top:10px;display:block;border:1px solid var(--color-border)}.help-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.help-lightbox-img{max-width:100%;max-height:90vh;border-radius:8px;box-shadow:0 4px 32px #0006}.help-lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:#fff;font-size:1.1rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}:root{--color-primary: #d1001f;--color-primary-dark: #a80019;--color-primary-light: #e11b22;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-elevated: #fafafa;--color-border: #e5e7eb;--color-text: #111827;--color-muted: #6b7280;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--color-sidebar: #d1001f;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--color-info-border: #bfdbfe;--color-success-bg: #f0fdf4;--color-success-text: #16a34a;--color-success-border: #bbf7d0;--color-warning-bg: #fef9c3;--color-warning-text: #92400e;--color-warning-border: #fde68a;--color-danger-bg: rgba(220, 38, 38, .08);--color-danger-border: #fca5a5;--color-subtle: #f3f4f6;--sidebar-width: 220px;--sidebar-collapsed-width: 56px;--topbar-height: 52px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bottombar-height: calc(50px + var(--safe-area-bottom));--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--transition: .2s ease}@media (prefers-color-scheme: dark){:root:not(.light){--color-bg: #161616;--color-surface: #1e1e1e;--color-surface-elevated: #2a2a2a;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-muted: #999;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #ef4444;--color-sidebar: #1a1a1a;--color-info-bg: rgba(37, 99, 235, .12);--color-info-text: #60a5fa;--color-info-border: rgba(37, 99, 235, .3);--color-success-bg: rgba(22, 163, 74, .12);--color-success-text: #4ade80;--color-success-border: rgba(22, 163, 74, .3);--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-text: #fbbf24;--color-warning-border: rgba(245, 158, 11, .3);--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .3);--color-subtle: #2a2a2a;--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}}@media (prefers-color-scheme: dark){:root:not(.light){color-scheme:dark}}html.dark{color-scheme:dark;--color-bg: #161616;--color-surface: #1e1e1e;--color-surface-elevated: #2a2a2a;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-muted: #999;--color-success: #4ade80;--color-warning: #fbbf24;--color-danger: #ef4444;--color-info-bg: rgba(37, 99, 235, .12);--color-info-text: #60a5fa;--color-info-border: rgba(37, 99, 235, .3);--color-success-bg: rgba(22, 163, 74, .12);--color-success-text: #4ade80;--color-success-border: rgba(22, 163, 74, .3);--color-warning-bg: rgba(245, 158, 11, .12);--color-warning-text: #fbbf24;--color-warning-border: rgba(245, 158, 11, .3);--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .3);--color-subtle: #2a2a2a;--color-sidebar: #1a1a1a;--shadow-card: 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}html.light{color-scheme:light;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-elevated: #fafafa;--color-border: #e5e7eb;--color-text: #111827;--color-muted: #6b7280;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626;--color-sidebar: #d1001f;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--color-info-border: #bfdbfe;--color-success-bg: #f0fdf4;--color-success-text: #16a34a;--color-success-border: #bbf7d0;--color-warning-bg: #fef9c3;--color-warning-text: #92400e;--color-warning-border: #fde68a;--color-danger-bg: rgba(220, 38, 38, .08);--color-danger-border: #fca5a5;--color-subtle: #f3f4f6;--shadow-card: 0 1px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";background:var(--color-primary);color:var(--color-text);line-height:1.5;font-size:.9rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.page-title{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.section-header{font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}.text-sm{font-size:.75rem}.text-muted,.muted{color:var(--color-muted)}.page-container{width:100%;min-width:0;overflow-x:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:10px 18px;font-weight:600;font-size:.85rem;cursor:pointer;border:none;line-height:1.25;transition:all var(--transition);text-decoration:none;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:0 4px 16px #d1001f40}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--color-muted);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-text)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:5px 12px;font-size:.78rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:all var(--transition)}.btn-sm:hover{background:var(--color-surface-elevated);border-color:var(--color-muted)}.btn-sm.btn-warning{background:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-sm.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-lg{padding:12px 24px;font-size:1rem}.btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-muted);padding:4px;line-height:1;transition:color var(--transition)}.btn-icon:hover{color:var(--color-text)}.ml-1{margin-left:6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:16px;box-shadow:0 2px 8px #0f172a0a;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:#d1001f26}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:14px;margin-bottom:14px;position:relative}.section-card__legend{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-card__title{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.section-card__line{height:1px;flex:1;background:linear-gradient(90deg,var(--color-border),transparent)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile-grid--3{grid-template-columns:repeat(3,1fr)}.tile{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:14px;padding:14px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:border-color .15s,background .15s;text-decoration:none;color:var(--color-text)}.tile:active{transform:scale(.97)}.tile--selected{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-danger-bg)}.tile__value{font-size:1.5rem;font-weight:800;line-height:1}.tile__label{font-size:.75rem;font-weight:600;color:var(--color-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.6}.badge-amber{background:#f59e0b26;color:#b45309}.badge-green{background:#16a34a26;color:#15803d}.badge-gray{background:#6b728026;color:#4b5563}.badge-red{background:#dc262626;color:var(--color-danger)}.badge-blue{background:#2563eb26;color:#1d4ed8}.badge-purple{background:#7c3aed26;color:#6d28d9}.badge-inactive{background:#6b728026;color:#6b7280;font-size:.65rem}@media (prefers-color-scheme: dark){:root:not(.light) .badge-amber{background:#f59e0b33;color:#fbbf24}:root:not(.light) .badge-green{background:#16a34a33;color:#4ade80}:root:not(.light) .badge-gray{background:#6b728033;color:#9ca3af}:root:not(.light) .badge-red{background:#dc262633;color:#f87171}:root:not(.light) .badge-blue{background:#2563eb33;color:#60a5fa}:root:not(.light) .badge-purple{background:#7c3aed33;color:#a78bfa}}html.dark .badge-amber{background:#f59e0b33;color:#fbbf24}html.dark .badge-green{background:#16a34a33;color:#4ade80}html.dark .badge-gray{background:#6b728033;color:#9ca3af}html.dark .badge-red{background:#dc262633;color:#f87171}html.dark .badge-blue{background:#2563eb33;color:#60a5fa}html.dark .badge-purple{background:#7c3aed33;color:#a78bfa}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-muted);margin-bottom:4px;letter-spacing:.03em;text-transform:uppercase}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:10px;font-size:.88rem;font-family:inherit;background:var(--color-surface-elevated);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition);line-height:1.5}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #d1001f1a}.form-input::placeholder{color:var(--color-muted)}select.form-input,.form-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px!important}}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.75rem;font-weight:600;color:var(--color-muted);margin-bottom:4px;letter-spacing:.03em;text-transform:uppercase}.form-group.inline{display:flex;align-items:center;gap:10px;margin-bottom:16px}.form-group.inline label{margin-bottom:0;white-space:nowrap}.form-group.inline .form-select{width:auto;min-width:180px}.form-group.checkbox-group label{display:flex;align-items:center;gap:8px;text-transform:none;font-size:.85rem;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.days-selector{display:flex;gap:4px;flex-wrap:wrap}.day-btn{width:44px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit;text-transform:uppercase}.day-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.day-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-picker-row{display:flex;align-items:center;gap:10px}.color-input{width:48px;height:36px;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--color-surface)}.color-value{font-family:monospace;font-size:.82rem;color:var(--color-muted)}.template-list{display:flex;flex-direction:column;gap:10px}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-card);transition:all var(--transition)}.template-card:hover{box-shadow:0 2px 8px #0000001a}.template-card.inactive{opacity:.55}.template-card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.template-name{font-weight:700;font-size:.95rem}.template-location{font-size:.78rem;color:var(--color-muted)}.template-card-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.template-time{font-size:.82rem;color:var(--color-muted)}.template-days{font-size:.78rem;color:var(--color-muted);font-weight:500}.template-card-actions{display:flex;gap:6px}.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{background:var(--color-subtle);font-weight:700;font-size:.72rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.data-table tbody tr:hover{background:var(--color-surface-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.05rem;font-weight:700}.modal-body{padding:20px}.modal-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border)}.alert-error{padding:10px 14px;background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;margin-bottom:12px}.alert-success{padding:10px 14px;background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;margin-bottom:12px}.alert-info{padding:10px 14px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;margin-bottom:12px}@media (prefers-color-scheme: dark){:root:not(.light) .alert-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}:root:not(.light) .alert-success{background:#16a34a1a;border-color:#16a34a4d;color:#4ade80}:root:not(.light) .alert-info{background:#2563eb1a;border-color:#2563eb4d;color:#60a5fa}}html.dark .alert-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}html.dark .alert-success{background:#16a34a1a;border-color:#16a34a4d;color:#4ade80}html.dark .alert-info{background:#2563eb1a;border-color:#2563eb4d;color:#60a5fa}.loading-indicator{text-align:center;padding:24px;color:var(--color-muted);font-weight:500}.divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.slide-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100vw;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #00000026;z-index:401;overflow-y:auto;animation:slide-in .25s ease}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.appshell-root{display:flex;height:100dvh;background:var(--color-bg);overflow:hidden}.appshell-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.appshell-sidebar-desktop{width:var(--sidebar-width);background:var(--color-sidebar);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;flex-shrink:0;overflow-y:auto;transition:width .2s ease}.appshell-sidebar-desktop.sidebar-collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar-wordmark{display:flex;align-items:center;padding:calc(16px + var(--safe-area-top)) 14px 12px;color:#fff;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:8px;flex-shrink:0;gap:6px}.sidebar-logo{width:30px;height:30px;border-radius:50%;flex-shrink:0}.sidebar-brand-name{font-weight:800;font-size:1.05rem;letter-spacing:-.03em;white-space:nowrap;flex:1}.sidebar-collapse-btn{margin-left:auto;background:#ffffff26;border:none;color:#fff;cursor:pointer;width:22px;height:22px;border-radius:4px;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sidebar-collapse-btn:hover{background:#ffffff47}.sidebar-close-btn{margin-left:auto;background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;opacity:.75;padding:0 4px}.sidebar-nav{flex:1;overflow-y:auto;padding:4px 0}.sidebar-nav-group{margin-bottom:8px}.sidebar-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;padding:8px 14px 4px}.sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;text-align:left}.sidebar-section-toggle:hover{color:#ffffffb3}.sidebar-section-chevron{font-size:.9rem;padding-right:4px;opacity:.6}.sidebar-nav-link{display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:0;text-decoration:none;font-size:.85rem;font-weight:500;color:#ffffffd1;background:transparent;border-left:3px solid transparent;transition:background .12s,color .12s;line-height:1.4;white-space:nowrap;overflow:hidden}.sidebar-nav-link:hover:not(.sidebar-nav-link--active){background:#ffffff14}.sidebar-nav-link--active{font-weight:700;color:var(--color-primary);background:#fffffff2;border-left-color:#fff}.sidebar-collapsed .sidebar-nav-link{justify-content:center;padding:10px 0;gap:0}.sidebar-nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-nav-icon--active{filter:brightness(0) saturate(100%) invert(11%) sepia(93%) saturate(5765%) hue-rotate(349deg) brightness(88%) contrast(107%)}.lucide-nav-icon{flex-shrink:0;filter:none;color:inherit;display:block}.sidebar-nav-emoji{font-size:1rem;width:20px;text-align:center;flex-shrink:0}.sidebar-user-footer{display:flex;align-items:center;gap:10px;padding:12px 14px calc(12px + var(--safe-area-bottom));border-top:1px solid rgba(255,255,255,.15);margin-top:4px;flex-shrink:0;flex-wrap:wrap}.sidebar-collapsed .sidebar-user-footer{flex-direction:column;gap:8px;padding:12px 0;align-items:center}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem;flex-shrink:0;cursor:pointer}.sidebar-user-info{flex:1;min-width:0;cursor:pointer}.sidebar-user-name{font-weight:600;font-size:.82rem;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-icon-btn{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:5px 8px;border-radius:5px;font-size:.9rem;flex-shrink:0;transition:background .15s}.sidebar-icon-btn:hover{background:#ffffff47}.sidebar-collapsed-actions{display:flex;flex-direction:column;gap:4px;align-items:center}.appshell-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:299}.appshell-drawer{width:var(--sidebar-width);background:var(--color-sidebar);display:flex;flex-direction:column;min-height:100vh;position:fixed;top:0;left:0;bottom:0;z-index:300;transform:translate(-100%);transition:transform .22s ease;box-shadow:none;overflow-y:auto}.appshell-drawer--open{transform:translate(0);box-shadow:4px 0 24px #00000040}.appshell-topbar{display:flex;align-items:center;gap:12px;height:calc(var(--topbar-height) + var(--safe-area-top));padding:var(--safe-area-top) 16px 0;background:var(--color-sidebar);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:10}.appshell-hamburger{background:none;border:none;color:#fff;cursor:pointer;padding:4px 6px;display:flex;align-items:center}.appshell-hamburger-icon{display:flex;flex-direction:column;gap:4px;width:20px}.appshell-hamburger-icon span{display:block;height:2px;background:#fff;border-radius:2px}.appshell-topbar-logo{width:26px;height:26px;border-radius:50%}.appshell-topbar-brand{font-weight:700;font-size:.95rem;letter-spacing:-.02em;color:#fff}.appshell-topbar-bell{margin-left:auto;background:none;border:none;color:#fff;padding:4px;cursor:pointer;display:flex;align-items:center}.appshell-topbar-avatar-wrap{margin-left:var(--space-sm, 8px);position:relative}.appshell-topbar-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff40;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;cursor:pointer;font-family:inherit}.topbar-avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:300;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:200px;overflow:hidden}.topbar-dropdown-header{padding:12px 16px 10px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.topbar-dropdown-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;color:var(--color-text);text-align:left;transition:background .12s}.topbar-dropdown-item:hover,.topbar-dropdown-item:focus-visible{background:var(--color-surface-elevated)}.topbar-dropdown-item--danger{color:var(--color-danger, #dc2626)}.topbar-dropdown-icon{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(35%)}[data-theme=dark] .topbar-dropdown-icon,.dark .topbar-dropdown-icon{filter:brightness(0) saturate(100%) invert(80%)}.topbar-dropdown-emoji{width:16px;text-align:center;font-size:1rem;line-height:1}.pull-to-refresh-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 6px;font-size:.8rem;color:var(--color-muted);flex-shrink:0;transition:opacity .15s}.pull-to-refresh-spinner{display:inline-block;font-size:1.1rem;line-height:1}@keyframes ptr-spin{to{transform:rotate(360deg)}}.pull-to-refresh-spinner--spinning{animation:ptr-spin .7s linear infinite}.appshell-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;height:0;padding:24px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (max-width: 767px){.appshell-main{padding:16px}}.appshell-bottomtabs{display:flex;background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #0f172a0f;position:sticky;bottom:0;z-index:100;flex-shrink:0;padding-bottom:var(--safe-area-bottom)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-muted);font-size:.65rem;font-weight:500;padding:6px 0 4px;border-top:2px solid transparent;transition:color .15s,border-color .15s}.mobile-tab--active{color:var(--color-primary);font-weight:700;border-top-color:var(--color-primary)}.mobile-tab-icon{width:22px;height:22px;filter:brightness(0) saturate(100%) invert(50%)}.mobile-tab-icon--active{filter:brightness(0) saturate(100%) invert(11%) sepia(93%) saturate(5765%) hue-rotate(349deg) brightness(88%) contrast(107%)}.mobile-tab .lucide-nav-icon{filter:none;color:inherit}.mobile-tab-emoji{font-size:1.25rem;line-height:1}.mobile-tab-icon--placeholder{width:auto;height:auto;filter:none;font-size:1.1rem;line-height:1}@media (min-width: 768px){.appshell-topbar,.appshell-bottomtabs{display:none!important}.appshell-sidebar-desktop{display:flex!important}.appshell-sidebar-mobile{display:none!important}.appshell-main{padding:28px 32px!important}.tile-grid,.tile-grid--3{grid-template-columns:repeat(3,1fr)}.section-card{padding:18px 20px}.staff-grid-desktop{grid-template-columns:repeat(4,1fr)!important}.desktop-2col-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.mobile-only{display:none!important}.desktop-only{display:initial!important}}@media (min-width: 1200px){.tile-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.appshell-sidebar-desktop{display:none!important}.appshell-bottomtabs{display:flex!important}.appshell-main{padding:16px!important}.page-header{flex-direction:column;align-items:flex-start}.desktop-only{display:none!important}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.self-end{align-self:flex-end}.gap-xs{gap:4px}.gap-sm{gap:6px}.gap-md{gap:12px}.gap-lg{gap:20px}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.text-xs{font-size:.65rem}.text-right{text-align:right}.text-center{text-align:center}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-success-alt{color:var(--color-success-text)}.fw-bold{font-weight:700}.fw-600{font-weight:600}.nowrap{white-space:nowrap}.capitalize{text-transform:capitalize}.m-0{margin:0}.py-sm{padding-top:8px;padding-bottom:8px}.pad-lg{padding:24px}.pad-xl{padding:32px}.emoji-lg{font-size:40px}.text-warning{color:var(--color-warning-text)}.text-body{font-size:14px}.text-13{font-size:13px}.text-18{font-size:18px}.text-11{font-size:11px}.ml-xs{margin-left:6px}.mb-2px{margin-bottom:2px}.mt-1px{margin-top:1px}.mt-2px{margin-top:2px}.mb-6px{margin-bottom:6px}.lh-relaxed{line-height:1.5}.w-full{width:100%}.w-auto{width:auto}.min-w-160{min-width:160px}.gap-6{gap:6px}.gap-10{gap:10px}.text-32{font-size:32px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.fw-500{font-weight:500}.lh-snug{line-height:1.4}.max-w-150{max-width:150px}.ms-xs{margin-left:4px}.no-underline{text-decoration:none}.overflow-x-auto{overflow-x:auto}.textarea-resize{resize:vertical}.w-100{width:100px}.w-110{width:110px}.w-120{width:120px}.w-220{width:220px}.avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-md{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.toggle-group{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.toggle-group__btn{padding:5px 10px;border:none;cursor:pointer;font-size:14px;background:var(--color-surface);color:var(--color-muted)}.toggle-group__btn+.toggle-group__btn{border-left:1px solid var(--color-border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-link{color:var(--color-primary);text-decoration:none;font-size:12px;font-weight:500}.card--padded{padding:14px 16px}.card--padded-sm{padding:14px 12px}.progress-bar-track{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s}.btn-link{background:none;border:none;color:var(--color-info-text);cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.review-queue-item{padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;text-align:left;gap:12px;transition:border-color .15s}.review-queue-item:hover{border-color:var(--color-primary-dark)}.review-actions-divider{padding-top:8px;border-top:1px solid var(--color-border)}.flag-btn{width:100%;padding:10px;border-radius:8px;font-size:14px;cursor:pointer}.mark-reviewed-btn{width:100%;padding:10px;font-size:14px}.task-item{padding:8px 10px;border-radius:7px;font-size:13px}.note-card-body{padding:10px 12px;font-size:13px}.timecard-edit{padding:14px}.section-card--dark{background:var(--color-primary-dark);border:none}.section-card--dark .section-card__title{color:#ffffffb3}.section-card--dark .section-card__line{background:linear-gradient(90deg,rgba(255,255,255,.3),transparent)}.section-card--subtle{background:var(--color-subtle)}.shift-header__name{font-size:18px;font-weight:700;color:#fff}.shift-header__time{font-size:13px;color:#fff;opacity:.85}.attendance-text{font-size:13px;color:var(--color-text)}.warning-callout{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:8px;padding:12px;font-size:14px}.badge-count{background:var(--color-danger);color:#fff;border-radius:10px;font-size:11px;padding:1px 6px;line-height:16px;min-width:18px}.upcoming-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px}.upcoming-card__title{margin:0;font-size:15px;color:var(--color-text)}.upcoming-card__detail,.panel-body-text{font-size:14px}.no-tap{-webkit-tap-highlight-color:transparent}.announcement{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;padding:12px 14px}.announcement--urgent{border-color:var(--color-warning)}.announcement__header{padding:12px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.announcement__title{font-weight:700;font-size:.9rem}.announcement__body{font-size:.82rem;color:var(--color-text);margin-bottom:4px}.announcement__meta{font-size:.72rem;color:var(--color-muted)}.announcement__actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--color-border)}.announcement__detail{border-top:1px solid var(--color-border);padding:12px 14px}.announcement__progress-bar{background:var(--color-subtle);border-radius:999px;height:6px;overflow:hidden}.announcement__progress-fill{height:100%;border-radius:999px;transition:width .3s}.announcement__section-label{font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.announcement__badge{font-size:.6rem;color:#fff;padding:1px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.announcement__badge--ack{background:var(--color-warning)}.announcement__badge--urgent{background:var(--color-danger)}.announcement__read-count{font-size:.82rem;font-weight:600;color:var(--color-text)}.announcement__toggle-hint{font-size:.72rem;color:var(--color-muted)}.announcement__progress-label{font-size:.78rem}.announcement__reader-row{display:flex;justify-content:space-between;font-size:.8rem}.announcement__reader-time{color:var(--color-muted);font-size:.72rem}.announcement__reader-name--unread{font-size:.8rem;color:var(--color-muted)}.announcement__status-loading{color:var(--color-muted);font-size:.82rem}.announcement__list{display:flex;flex-direction:column;gap:10px}.announcement__reader-list{display:flex;flex-direction:column;gap:3px}.announcement--info{background:var(--color-info-bg);border-color:var(--color-info-border)}.announcement--unread{opacity:1}.announcement--read{opacity:.6}.section-legend{display:flex;align-items:center;gap:var(--space-sm, 8px);font-size:.72rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md, 16px)}.section-legend:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border),transparent)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeSlideIn .25s ease forwards}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:50ms}.animate-in:nth-child(3){animation-delay:.1s}.animate-in:nth-child(4){animation-delay:.15s}.animate-in:nth-child(5){animation-delay:.2s}.animate-in:nth-child(6){animation-delay:.25s}:root{--input-bg: var(--color-surface-elevated);--input-border: var(--color-border);--input-text: var(--color-text);--input-placeholder: var(--color-muted)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range])::placeholder,textarea::placeholder{color:var(--input-placeholder)}@media (prefers-color-scheme: dark){:root:not(.light){--input-bg: #2a2a2a;--input-border: #3a3a3a;--input-text: #e8e8e8;--input-placeholder: #999}}html.dark{--input-bg: #2a2a2a;--input-border: #3a3a3a;--input-text: #e8e8e8;--input-placeholder: #999}.qty-pill{padding:5px 14px;border-radius:999px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:.82rem;cursor:pointer;transition:all .1s}.qty-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.qty-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (prefers-color-scheme: dark){:root:not(.light) .qty-pill:not(.active){border-color:#555;color:var(--color-text)}}html.dark .qty-pill:not(.active){border-color:#555;color:var(--color-text)}.filter-pill{padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:400;cursor:pointer;text-transform:capitalize;transition:all .1s}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{border:2px solid var(--color-primary);background:var(--color-primary);color:#fff;font-weight:700}@media (prefers-color-scheme: dark){:root:not(.light) .filter-pill:not(.active){border-color:#555;color:var(--color-text);background:var(--color-surface)}}html.dark .filter-pill:not(.active){border-color:#555;color:var(--color-text);background:var(--color-surface)}.badge-printed{background:#f59e0b26;color:#b45309}.badge-collected{background:#16a34a26;color:#15803d}.badge-void{background:#6b728026;color:#4b5563}@media (prefers-color-scheme: dark){:root:not(.light) .badge-printed{background:#f59e0b33;color:#fbbf24}:root:not(.light) .badge-collected{background:#16a34a33;color:#4ade80}:root:not(.light) .badge-void{background:#6b728033;color:#9ca3af}}html.dark .badge-printed{background:#f59e0b33;color:#fbbf24}html.dark .badge-collected{background:#16a34a33;color:#4ade80}html.dark .badge-void{background:#6b728033;color:#9ca3af}.tab-nav{display:flex;gap:2px;border-bottom:2px solid var(--color-border);margin-bottom:0}.tab-nav-item{padding:8px 14px;font-size:.82rem;font-weight:600;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--color-muted);transition:color var(--transition),border-color var(--transition);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.tab-nav-item:hover{color:var(--color-primary)}.tab-nav-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.empty-state{text-align:center;color:var(--color-muted);padding:2rem}.collect-page{max-width:900px;width:100%;margin:0 auto;padding:4px 0 12px;display:flex;flex-direction:column;gap:10px;flex:1}@media (max-width: 767px){.collect-page{max-width:480px}}.collect-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:4px 0 6px}.collect-step{display:flex;flex-direction:column;align-items:center;gap:2px}.collect-step__num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:var(--color-subtle);color:var(--color-muted);border:2px solid var(--color-border);transition:background var(--transition),color var(--transition),border-color var(--transition)}.collect-step--active .collect-step__num{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.collect-step--done .collect-step__num{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.collect-step__label{font-size:.65rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.collect-step--active .collect-step__label{color:var(--color-primary)}.collect-step__connector{flex:1;height:2px;background:var(--color-border);margin:0 4px 14px;max-width:48px}.collect-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:12px;box-shadow:0 1px 4px #0000000f;border:1px solid var(--color-border);display:flex;flex-direction:column;flex:1;gap:8px}@media (min-width: 768px){.collect-desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.collect-desktop-grid .collect-actions{grid-column:1 / -1}}.collect-serial-row{display:flex;gap:6px}.collect-serial-input{flex:1;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-sizing:border-box;background:var(--color-surface-elevated);color:var(--color-text);font-family:inherit}.collect-scan-btn{padding:7px 14px;font-size:.82rem;font-weight:600;background:var(--color-primary);border:1px solid var(--color-primary)!important;color:#fff;border-radius:var(--radius-sm);white-space:nowrap}.collect-scan-btn--active{background:var(--color-danger)!important;border-color:var(--color-danger)!important;color:#fff}.collect-qr-reader{display:none;border-radius:8px;overflow:hidden;border:2px solid var(--color-primary)}.collect-qr-reader--visible{display:block}.collect-status{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:var(--radius-sm);font-size:.82rem}.collect-status--loading{background:var(--color-subtle);color:var(--color-muted)}.collect-status__spinner:before{content:"⟳";animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.collect-status--error{background:#dc262614;color:var(--color-danger);border:1px solid rgba(220,38,38,.2)}.collect-waiver-found{padding:8px 10px;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;font-size:.82rem;color:var(--color-text);line-height:1.5}.collect-waiver-found__serial{font-weight:700;color:var(--color-info-text)}.collect-waiver-found__loc{font-weight:400;color:var(--color-muted);margin-left:6px}.collect-waiver-found__meta{font-size:.75rem;color:var(--color-muted);margin-top:2px}.collect-section-header{display:flex;justify-content:space-between;align-items:center}.collect-section-label{font-size:.78rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.collect-input{width:100%;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;box-sizing:border-box;background:var(--color-surface-elevated);color:var(--color-text);font-family:inherit}.collect-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d1001f1a}.collect-input--sm{flex:1;font-size:.82rem}.collect-notes{resize:vertical;min-height:40px;font-size:.82rem}.collect-typeahead{position:relative}.collect-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 14px #0000001f;z-index:200;max-height:180px;overflow-y:auto}.collect-dropdown__item{padding:9px 12px;cursor:pointer;font-size:.84rem;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background .1s}.collect-dropdown__item:hover{background:var(--color-subtle)}.collect-dropdown__item:last-child{border-bottom:none}.collect-dropdown__id{color:var(--color-muted);margin-left:8px;font-size:.78rem}.collect-dropdown__status{color:var(--color-muted);margin-left:6px;font-size:.72rem}.collect-lookup-fallback{display:flex;flex-direction:column;gap:6px}.collect-lookup-fallback__msg{font-size:.78rem;color:var(--color-warning-text, var(--color-muted));background:var(--color-warning-bg);border:1px solid var(--color-warning, var(--color-border));border-radius:var(--radius-sm);padding:6px 10px}.collect-member-row{display:flex;gap:8px;align-items:center}.collect-allclubs-label{display:flex;align-items:center;gap:8px;font-size:.82rem;cursor:pointer;color:var(--color-muted);-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:20px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.collect-next-btn{padding:8px 14px;font-size:.85rem;white-space:nowrap;flex-shrink:0}.collect-shitbag-btn{padding:5px 10px;background:var(--color-muted);color:#fff;border:1px solid var(--color-border)!important;font-size:.72rem;font-weight:700}.collect-payment-tiles{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.collect-payment-tiles::-webkit-scrollbar{display:none}.collect-payment-tile{flex:0 0 auto;min-width:56px}.collect-payment-tile{padding:8px 4px;border-radius:8px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:center;font-weight:500;font-size:.7rem;line-height:1.3;transition:all .1s;font-family:inherit}.collect-payment-tile__emoji{font-size:1.15rem;margin-bottom:2px}.collect-payment-tile--selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 209 0 31),.08);color:var(--color-primary);font-weight:700}.collect-cash-row{display:flex;align-items:center;gap:6px}.collect-cash-label{font-size:.85rem;font-weight:700;color:var(--color-muted)}.collect-cash-input{width:52px;text-align:center;font-size:1rem;font-weight:700;padding:7px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);font-family:inherit}.collect-amount-btn{padding:6px 12px;font-size:1rem;font-weight:700;background:var(--color-subtle);color:var(--color-text);border:1px solid var(--color-border)!important}.collect-bill-hint{padding:5px 10px;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:6px;font-size:.78rem;color:var(--color-info-text)}.collect-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.collect-submit-btn{flex:1;font-size:.9rem;padding:11px}.collect-banner{padding:10px 12px;border-radius:8px;font-size:.82rem;line-height:1.6}.collect-banner--success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.collect-banner--warning{background:var(--color-warning-bg);border:1px solid var(--color-warning, var(--color-border));color:var(--color-warning-text, var(--color-text))}.collect-banner__grid{display:grid;grid-template-columns:80px 1fr;gap:2px 8px;font-size:.78rem;color:var(--color-muted);margin-top:4px}.collect-banner__key{font-weight:600}.collect-banner__link{background:none;border:none;color:var(--color-info-text);cursor:pointer;font-size:.78rem;font-weight:600;padding:0;margin-top:4px}.collect-success{text-align:center;padding:36px 20px;background:var(--color-success-bg);border-radius:12px;border:2px solid var(--color-success-text)}.collect-success__icon{font-size:2.8rem;margin-bottom:10px}.collect-success__title{margin:0 0 6px;color:var(--color-success-text);font-size:1.3rem}.collect-success__body{margin:0 0 20px;color:var(--color-text);font-size:.95rem}.location-list{display:flex;flex-direction:column;gap:12px}.manager-subnav{display:flex;gap:0;border-bottom:2px solid var(--color-border);padding:0 16px;background:var(--color-surface);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.manager-subnav::-webkit-scrollbar{display:none}@media (max-width: 767px){.manager-subnav{display:none}}.manager-subnav__item{padding:11px 14px;text-decoration:none;font-weight:500;font-size:.82rem;color:var(--color-muted);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;flex-shrink:0;transition:color .15s,border-color .15s}.manager-subnav__item:hover{color:var(--color-text)}.manager-subnav__item--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.location-card{border:1px solid var(--color-border);border-radius:8px;padding:16px;background:var(--color-surface)}.location-card__content{display:flex;justify-content:space-between;align-items:flex-start}.location-card__info{min-width:0;flex:1}.location-card__name{margin:0 0 4px;font-size:1rem;font-weight:700;word-break:break-word;overflow-wrap:break-word}.location-card__address{margin:0 0 8px;color:var(--color-muted);font-size:.8125rem;word-break:break-word;overflow-wrap:break-word}.location-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.location-tag{font-size:.75rem;background:var(--color-subtle);color:var(--color-text);padding:3px 8px;border-radius:12px}.location-card__edit-link{color:#2563eb;text-decoration:none;font-size:.8125rem;font-weight:500;white-space:nowrap;margin-left:16px;flex-shrink:0}.location-card__edit-link:hover{text-decoration:underline}.page-loading{padding:32px;color:var(--color-muted)}.page-error{padding:32px;color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-primary);opacity:1;transition:opacity .5s ease}.splash-screen--fading{opacity:0;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:12px}.splash-logo{width:auto;height:300px;border-radius:50%;box-shadow:0 8px 32px #00000040}.splash-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:#fff;margin:0}.splash-subtitle{font-size:.85rem;font-weight:500;color:#ffffffb3;margin:0;text-transform:uppercase;letter-spacing:.08em}.login-page{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:24px;box-sizing:border-box}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:48px 40px;text-align:center;max-width:360px;width:100%;box-shadow:0 8px 32px #00000014}.login-logo{width:80px;height:80px;border-radius:50%;margin-bottom:16px;box-shadow:0 4px 16px #0000001a}.login-title{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin:0;line-height:1.2}.login-subtitle{font-size:.85rem;color:var(--color-muted);margin:4px 0 0;font-weight:500}.login-divider{height:1px;background:var(--color-border);margin:28px 0}.login-btn{display:block;width:100%;padding:13px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.login-btn:hover{opacity:.88}.login-expired{font-size:.85rem;color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:8px 12px;margin-top:12px;text-align:center}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.info-card__header{display:flex;justify-content:space-between;align-items:center}.info-card__badge{font-size:.625rem;font-weight:700;padding:2px 8px;border-radius:10px;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.info-card__date{font-size:.7rem;color:var(--color-muted);white-space:nowrap}.info-card__title{font-weight:600;font-size:.875rem;margin:0}.info-card__body{font-size:.8rem;color:var(--color-muted);line-height:1.4}.info-card__footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.7rem;color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:8px;margin-top:4px}.info-card__footer strong{color:var(--color-text)}.info-card__actions{display:flex;gap:8px;margin-top:4px}.account-notif-test-wrapper{display:flex;flex-direction:column;gap:8px}.account-notif-test-desc{font-size:14px;color:var(--color-muted)}.account-notif-test-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-notif-test-btn,.account-notif-test-msg{font-size:13px}.account-notif-test-msg--ok{color:var(--color-success)}.account-notif-test-msg--error{color:var(--color-danger)}@media print{html,body,#root{background:#fff!important}.appshell-sidebar-desktop,.appshell-sidebar-mobile,.appshell-topbar,.appshell-bottomtabs,.appshell-overlay,.appshell-drawer-overlay,.appshell-drawer,.peek-tray,.peek-tray-backdrop,.mobile-nav,.fab-add{display:none!important}.appshell-root{display:block!important;height:auto!important;overflow:visible!important;background:#fff!important}.appshell-content{display:block!important}.appshell-main{display:block!important;height:auto!important;overflow:visible!important;padding:0!important}}