html,body,#root{height:100%}:root{--tenant-accent:#388e3c;--tenant-accent-hover:#307933;--tenant-accent-pressed:#27632a;--tenant-accent-tint:#ebf4ec;--tenant-accent-focus-ring:#7eb680;--pugey-navy:#202a5f;--pugey-navy-dark:#161d42;--pugey-purple:#6b2fc9;--pugey-purple-light:#8b5ce0;--color-primary:var(--pugey-navy-dark);--color-primary-hover:var(--pugey-navy);--color-primary-pressed:#0f142e;--color-primary-tint:#e9eaf0;--color-primary-focus-ring:#7e88a8;--color-primary-soft:#2a3468;--surface:#fff;--surface-muted:#f7f7f8;--border:#e2e2e6;--text:#1c1e21;--text-muted:#6b7280;--danger:#a8231a;--success:#2e7d32;--radius:14px;--radius-sm:8px;--shadow:0 1px 2px #0000000f, 0 1px 8px #0000000a;--shadow-lg:0 8px 24px #202a5f1f, 0 2px 6px #202a5f14;--sidebar-width:248px;--rail-width:72px;--content-max-width:1400px;--bottom-nav-height:60px}*{box-sizing:border-box}body{background:var(--surface-muted);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s ease-out fadeIn}.fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) fadeInUp}.view-fade{animation:.2s ease-out fadeIn}.splash{background:linear-gradient(160deg, var(--pugey-navy-dark), var(--pugey-navy) 55%, var(--pugey-purple) 130%);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100dvh;transition:opacity .3s ease-out;display:flex}.splash-leaving{opacity:0}.splash-mark{filter:drop-shadow(0 8px 20px #00000040);animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp}.splash-word{color:#fff;letter-spacing:.02em;font-size:1.6rem;font-weight:700;animation:.8s ease-out .15s both fadeIn}.splash-sub{color:#ffffffb3;font-size:.9rem;animation:.8s ease-out .15s both fadeIn}.splash-hint{color:#ffffffbf;text-align:center;max-width:260px;margin:6px 0 0;font-size:.82rem;line-height:1.4;animation:.6s ease-out both fadeIn}.login-page{background:linear-gradient(160deg, var(--pugey-navy-dark) 0%, var(--pugey-navy) 45%, var(--surface-muted) 45%, var(--surface-muted) 100%);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;width:100%;max-width:360px;padding:36px 32px;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.login-mark{margin-bottom:4px}.login-card h1{color:var(--pugey-navy);letter-spacing:-.01em;margin:0}.login-tagline{color:var(--text-muted);margin:2px 0 0;font-size:.9rem;font-style:normal;font-weight:500}.login-subtitle{color:var(--text-muted);margin:0 0 8px;font-size:.9rem}.login-card label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}.login-card input{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;padding:0 12px;font-size:1rem}.login-card input:focus{outline:2px solid var(--tenant-accent-focus-ring);outline-offset:1px;border-color:var(--tenant-accent)}.login-error{color:var(--danger);margin:0;font-size:.85rem}.login-card button{border-radius:var(--radius);background:var(--color-primary);color:#fff;cursor:pointer;border:none;min-height:44px;font-size:1rem;font-weight:600}.login-card button:hover:not(:disabled){background:var(--color-primary-hover)}.login-card button:disabled{background:var(--border);color:var(--text-muted);opacity:1;cursor:default}.login-card button.link-button{min-height:auto;color:var(--text-muted);background:0 0;font-size:.85rem;font-weight:400}.login-card button.link-button:hover{background:0 0;text-decoration:underline}.login-card button.password-toggle{min-height:auto;color:var(--text-muted);background:0 0}.login-card button.password-toggle:hover{background:var(--surface-muted);color:var(--text)}.tenant-logo{object-fit:contain;border-radius:var(--radius-sm);background:#fff;max-width:120px;height:28px;padding:4px 8px}.pugey-mark{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.pugey-attribution{color:#ffffff80;align-items:center;gap:6px;font-size:.72rem;display:flex}.pugey-attribution .pugey-mark{width:18px;height:18px}.pugey-mark-lg{width:120px;height:120px}.role-badge{color:var(--text-muted);background:var(--surface-muted);border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.75rem}.status-badge{white-space:nowrap;border-radius:999px;align-self:center;padding:3px 12px;font-size:.75rem;font-weight:600}.status-badge-paid{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.status-badge-pending{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.link-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.9rem}.primary-action{border-radius:var(--radius);background:var(--color-primary);color:#fff;cursor:pointer;border:none;min-height:44px;padding:0 24px;font-size:1rem;font-weight:600}.primary-action:hover:not(:disabled){background:var(--color-primary-hover)}.primary-action:active:not(:disabled){background:var(--color-primary-pressed)}.secondary-action{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;color:inherit;cursor:pointer;background:#fff;padding:0 24px;font-size:1rem;font-weight:600}.secondary-action:hover:not(:disabled){background:var(--surface-hover,#f3f4f6);border-color:var(--color-primary)}.ghost-action{border-radius:var(--radius);min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 16px;font-size:1rem;font-weight:600}.ghost-action:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.quick-action{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:56px;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.quick-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow)}.quick-action-icon{border-radius:var(--radius-sm);background:var(--color-primary-tint);width:34px;height:34px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.employee-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.employee-picker-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.employee-picker-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.employee-picker-card .employee-avatar,.employee-picker-card .employee-avatar-initials{width:52px;height:52px;font-size:1.1rem}.employee-picker-name{font-size:.9rem;font-weight:600;line-height:1.3}.employee-picker-meta{color:var(--text-muted);font-size:.78rem}.tab-row{flex-wrap:wrap;gap:8px;display:flex}.tab-button{border:1px solid var(--border);color:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.tab-button.tab-button-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.primary-action:disabled,.danger-action:disabled{background:var(--border);color:var(--text-muted);opacity:1;cursor:default}.secondary-action:disabled,.ghost-action:disabled{opacity:.5;cursor:default}.link-button:disabled{opacity:.6;cursor:default}.danger-action{border-radius:var(--radius);background:var(--danger);color:#fff;cursor:pointer;border:none;min-height:44px;padding:0 24px;font-size:1rem;font-weight:600}.danger-action:hover:not(:disabled){opacity:.9}.muted{color:var(--text-muted)}.settings-page h2{margin-bottom:4px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:18px;max-width:440px;margin-top:20px;padding:24px;display:flex}.settings-card.wide-card{width:100%;max-width:none}.settings-field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}.checkbox-field{cursor:pointer;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.star-rating{align-items:center;gap:2px;display:inline-flex}.star-rating-star{cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.star-filled{color:#d98a0b}.star-empty{color:var(--border)}.settings-field input,.settings-field select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:44px;color:var(--text);padding:0 12px;font-size:1rem;font-weight:400}.settings-field input:focus,.settings-field select:focus{outline:2px solid var(--tenant-accent-focus-ring);outline-offset:1px;border-color:var(--tenant-accent)}.custom-select{min-width:120px;display:inline-block}.custom-select-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:40px;color:var(--text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:.9rem;font-weight:500;display:flex}.custom-select-sm .custom-select-trigger{min-height:34px;padding:0 10px;font-size:.85rem}.custom-select-trigger:hover:not(:disabled){border-color:var(--tenant-accent)}.custom-select-trigger:disabled{opacity:.55;cursor:not-allowed}.custom-select-open .custom-select-trigger{border-color:var(--tenant-accent);outline:2px solid var(--tenant-accent-focus-ring);outline-offset:1px}.custom-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.custom-select-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:260px;box-shadow:var(--shadow-lg);flex-direction:column;gap:1px;padding:4px;display:flex;position:fixed;overflow-y:auto}.custom-select-option{border-radius:calc(var(--radius-sm) - 2px);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.88rem;display:flex}.custom-select-option:hover{background:var(--surface-muted)}.custom-select-option-active{color:var(--tenant-accent);font-weight:600}.custom-select-check{width:13px;height:13px;color:var(--tenant-accent);flex-shrink:0;display:inline-flex}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px;padding:0}.swatch-selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.swatch-custom{border:2px dashed var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}.swatch-custom input[type=color]{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute;inset:-4px}.logo-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);justify-content:center;align-items:center;padding:12px;display:flex}.logo-preview img{object-fit:contain;max-width:200px;max-height:48px}.settings-success{color:var(--tenant-accent-hover);margin:0;font-size:.85rem;font-weight:500}.google-signin-wrap{flex-direction:column;align-items:center;gap:14px;margin-top:4px;display:flex}.divider{width:100%;color:var(--text-muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.employee-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.employee-avatar-initials{background:var(--tenant-accent-tint);color:var(--tenant-accent-hover);justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.employee-list{flex-direction:column;gap:8px;margin-top:20px;display:flex}.employee-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;padding:12px 16px;font-size:1rem;display:flex}.employee-row:hover{border-color:var(--tenant-accent)}.employee-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.employee-profile-card{width:100%;max-width:900px}.profile-field-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 28px;display:grid}.profile-field-grid .profile-field-wide{grid-column:1/-1}.field-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 24px;display:grid}.field-grid .settings-field-wide{grid-column:1/-1}.profile-header{align-items:center;gap:14px;display:flex}.profile-header-info{min-width:0}.profile-header-info h3{overflow-wrap:break-word;word-break:break-word}.profile-header .employee-avatar{width:56px;height:56px;font-size:1.1rem}.profile-field{flex-direction:column;gap:2px;font-size:.95rem;display:flex}.profile-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.notifications-wrap{position:relative}.bell-button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.bell-button:hover{background:var(--surface-muted);color:var(--text)}.bell-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notifications-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:auto;max-width:340px;max-height:360px;box-shadow:var(--shadow-lg);z-index:50;margin-left:auto;position:fixed;top:64px;left:12px;right:12px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 16px;font-size:.9rem;display:flex}.notification-item:last-child{border-bottom:none}.notification-unread{background:var(--tenant-accent-tint)}.notification-time{color:var(--text-muted);font-size:.75rem}.attendance-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:8px;padding-top:16px;display:flex}.attendance-table{flex-direction:column;gap:2px;font-size:.85rem;display:flex}.attendance-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 70px 70px;gap:8px;padding:6px 0;display:grid}.attendance-row:last-child{border-bottom:none}.correction-form{flex-direction:column;gap:8px;margin-top:8px;display:flex}.correction-form select,.correction-form input{border:1px solid var(--border);border-radius:var(--radius);min-height:40px;padding:0 10px;font-size:.9rem}.password-input-wrap{display:flex;position:relative}.password-input-wrap input{flex:1;padding-right:44px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{background:var(--surface-muted);color:var(--text)}.success-banner{background:var(--tenant-accent-tint);color:var(--tenant-accent-hover);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-weight:500;animation:.25s ease-out fadeIn;display:flex}.success-banner .link-button{color:var(--tenant-accent-hover);padding:0;font-size:1.2rem;line-height:1}.leave-balance-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}@media (width>=768px){.leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.leave-balance-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.leave-balance-card strong{font-size:1.4rem}.denom-cell input{padding:4px 6px}.denom-cell:focus-within{border-color:var(--pugey-navy)!important}.reconciliation-row:hover{background:var(--surface-muted)}.leave-list{flex-direction:column;gap:8px;display:flex}.leave-list-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:8px;display:grid}@media (width>=640px){.leave-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.leave-list-grid .leave-row{height:100%}.leave-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.leave-row-main{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.leave-row-side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.leave-approval-row{flex-direction:column;align-items:stretch}.leave-approval-row .leave-row-side{flex-direction:row;align-items:stretch;margin-top:8px}.leave-reject-form{flex-direction:column;align-items:stretch;gap:8px;width:100%}.leave-reject-form input{border:1px solid var(--border);border-radius:var(--radius);min-height:40px;padding:0 10px;font-size:.9rem}.leave-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.leave-status-pending{background:var(--surface-muted);color:var(--text-muted)}.leave-status-approved{background:var(--tenant-accent-tint);color:var(--tenant-accent-hover)}.leave-status-rejected,.leave-status-cancelled{color:var(--danger);background:#fbeceb}.app-shell{min-height:100dvh;display:flex}.app-sidebar{display:none}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-content-inner{width:100%;max-width:var(--content-max-width);flex:1;margin:0 auto;padding:20px 16px 24px}.app-header-mobile{z-index:20;padding:max(14px, env(safe-area-inset-top)) 16px 14px;background:var(--color-primary);color:#fff;border-bottom:1px solid var(--color-primary-soft);justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0}.app-header-mobile .muted{color:#ffffffa6}.sidebar-signout{border-radius:var(--radius-sm);color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-signout:hover{background:var(--color-primary-soft);color:#fff}.app-bottom-nav{z-index:30;background:var(--color-primary);border-top:1px solid var(--color-primary-soft);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#fff9;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;max-width:96px;padding:8px 4px 6px;font-size:.68rem;font-weight:500;display:flex}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item-active{color:#fff}.bottom-nav-item-raised{color:#fff;position:relative}.bottom-nav-item-raised svg{z-index:1;box-sizing:border-box;background:var(--tenant-accent,var(--color-primary-soft));border:3px solid var(--color-primary);border-radius:50%;width:42px;height:42px;margin-top:-22px;padding:10px;position:relative;box-shadow:0 2px 8px #00000040}.app-shell-has-bottom-nav .app-content-inner{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px)}@media (width>=768px){.app-header-mobile,.app-bottom-nav{display:none}.app-sidebar{width:var(--rail-width);background:var(--color-primary);flex-direction:column;flex-shrink:0;height:100dvh;padding:16px 0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{justify-content:center;align-items:center;padding:0 12px 16px;display:flex}.sidebar-brand-name,.sidebar-user-info,.sidebar-nav-item span,.bottom-nav-item span{display:none}.sidebar-nav{flex-direction:column;gap:5px;padding:0 10px;display:flex}.sidebar-nav-item{border-radius:var(--radius);color:#ffffffa6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:.92rem;font-weight:500;display:flex}.sidebar-nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-nav-item-active{color:#fff;background:var(--color-primary-soft);font-weight:600}.sidebar-footer{border-top:1px solid var(--color-primary-soft);flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding:12px 10px 0;display:flex}.pugey-attribution span{display:none}}@media (width>=1024px){.app-sidebar{width:var(--sidebar-width);align-items:stretch}.sidebar-brand{justify-content:flex-start;gap:10px;padding:0 20px 20px}.sidebar-brand-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;display:block;overflow:hidden}.sidebar-nav{padding:0 14px}.sidebar-nav-item{justify-content:flex-start;padding:12px 14px}.sidebar-nav-item span{text-overflow:ellipsis;white-space:nowrap;display:inline;overflow:hidden}.sidebar-footer{flex-direction:row;justify-content:space-between;padding:16px 20px 0}.sidebar-user-info{flex-direction:column;gap:1px;min-width:0;display:flex}.sidebar-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#ffffff8c;font-size:.72rem}.pugey-attribution{padding:0 20px 14px}.pugey-attribution span{display:inline}.app-content-inner{padding:32px 32px 40px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.page-header h2{margin:0 0 4px}.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;padding:16px;transition:box-shadow .15s,border-color .15s}.summary-card:hover,.summary-card:focus-visible{box-shadow:var(--shadow);border-color:var(--tenant-accent)}.summary-card-figure{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1.1}.summary-card-figure-present{color:var(--success)}.summary-card-figure-absent{color:var(--danger)}.summary-card-figure-active{color:var(--tenant-accent)}.summary-card-label{color:var(--text-muted);margin-top:4px;font-size:.85rem;display:block}@media (width>=1024px){.summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.today-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:start;gap:24px;display:grid}.leave-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}}.settings-grid .settings-card,.settings-grid .settings-field{max-width:640px}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.team-table-wrap{display:none}@media (width>=768px){.team-table-wrap{display:block}}.team-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}@media (width>=768px){.team-card-grid{display:none}}.team-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.team-card:hover,.team-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.team-card .employee-avatar,.team-card .employee-avatar-initials{width:56px;height:56px;font-size:1.15rem}.team-card-name{font-size:.92rem;font-weight:600;line-height:1.3}.team-card-meta{color:var(--text-muted);font-size:.76rem;line-height:1.3}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.9rem}.data-table thead th{z-index:1;background:var(--surface-muted);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:.75rem;font-weight:600;position:sticky;top:0}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text)}.sort-indicator{opacity:.5;margin-left:4px;display:inline-block}.sort-indicator-active{opacity:1;color:var(--tenant-accent-hover)}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.data-table tbody tr{cursor:pointer;transition:background-color .12s}.data-table tbody tr:hover{background:var(--surface-muted)}.data-table tbody tr.row-selected{background:var(--tenant-accent-tint)}.data-table tbody tr:last-child td{border-bottom:none}.num,.data-table .num-col,time{font-variant-numeric:tabular-nums}.team-detail-col{min-width:0;margin-top:20px}@media (width<=1023px){.team-layout-detail-open .team-table-col,.team-layout:not(.team-layout-detail-open) .team-detail-col{display:none}}@media (width>=1024px){.team-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:24px;display:grid}.team-layout-detail-open{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}.team-detail-col{margin-top:0;position:sticky;top:20px}.team-back-button{display:none}}.team-compact-list{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.team-compact-row{border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;display:flex}.team-compact-row:hover{background:var(--surface-muted)}.team-compact-row-active{background:var(--color-primary-tint);border-color:var(--color-primary);font-weight:600}.team-compact-row .employee-avatar,.team-compact-row .employee-avatar-initials{flex-shrink:0;width:28px;height:28px;font-size:.7rem}.team-compact-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes skeletonPulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{background:var(--surface-muted);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite skeletonPulse}.skeleton-line{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-card{border-radius:var(--radius);height:72px}.skeleton-row{border-radius:var(--radius-sm);height:44px;margin-bottom:8px}.empty-state{text-align:center;min-height:160px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state svg{width:40px;height:40px;color:var(--border);margin-bottom:4px}.empty-state-title{color:var(--text);font-size:.95rem;font-weight:600}.check-in-panel{position:relative;overflow:hidden}.check-in-motif{width:96px;height:96px;color:var(--tenant-accent);opacity:.08;pointer-events:none;position:absolute;bottom:-12px;right:-8px}.check-in-button{align-self:flex-start}.sidebar-nav-item:focus-visible,.bottom-nav-item:focus-visible,.sidebar-signout:focus-visible,.data-table th.sortable:focus-visible,.data-table tbody tr:focus-visible,.link-button:focus-visible,.bell-button:focus-visible,.password-toggle:focus-visible{outline:2px solid var(--pugey-purple);outline-offset:2px}.paste-box{box-sizing:border-box;border:1px solid var(--border,#d9d9de);background:var(--surface,#fff);width:100%;min-height:150px;color:inherit;white-space:pre;resize:vertical;border-radius:8px;padding:10px;font:.85rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.data-table td.verify-ok,.data-table th.verify-ok{color:#1b5e20;background:#c8e6c9}.data-table td.verify-bad,.data-table th.verify-bad{color:#fff;background:#e53935;font-weight:700}.data-table.verify-table{table-layout:fixed;min-width:0}.verify-table th:first-child,.verify-table td:first-child{width:3.4rem}.verify-table thead th,.verify-table td,.verify-table tfoot th{padding:10px 8px}.verify-table .num-col{text-align:right;white-space:nowrap}.verify-table thead th.num-col{white-space:normal;line-height:1.25}.verify-table tbody tr{cursor:default}.verify-table tbody tr:hover{background:0 0}.verify-table tfoot th{text-align:left;border-top:2px solid var(--border);font-size:1rem}.verify-table tfoot th.num-col{text-align:right}.exit-form{border:1px solid var(--danger);border-radius:var(--radius);flex-direction:column;gap:12px;margin-top:16px;padding:14px;display:flex}.exit-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border);resize:vertical;border-radius:8px;padding:10px}.exit-banner{border-left:4px solid var(--danger);background:var(--surface-muted);border-radius:0 var(--radius) var(--radius) 0;flex-direction:column;gap:8px;margin:12px 0;padding:12px 14px;display:flex}.exit-remarks-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.verify-save{border:1px dashed var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;padding:12px;display:grid}.verify-saved{border-radius:var(--radius);color:#1b5e20;background:#e8f5e9;margin:0;padding:10px 12px}.verify-report-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit}.confirm-overlay{z-index:1000;background:#0f12288c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;width:100%;max-width:420px;padding:20px;display:flex;box-shadow:0 20px 50px #0000004d}.confirm-message{color:var(--text-muted);overflow-wrap:anywhere;line-height:1.45}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}