@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);--accent-gradient:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#0f172a;--border-sidebar:#1e293b;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--error:#ef4444;--error-bg:#fef2f2;--info:#8b5cf6;--info-bg:#f5f3ff;--role-admin-bg:#eef2ff;--role-admin-text:#4f46e5;--role-hr-bg:#e0f2fe;--role-hr-text:#0369a1;--role-staff-bg:#f1f5f9;--role-staff-text:#475569;--font-primary:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-secondary:"Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--sidebar-width:270px;--sidebar-collapsed-width:76px;--topbar-height:70px;--mobile-bottombar-height:64px;--max-width:1440px;--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px #0f172a05;--shadow-md:0 4px 14px #0f172a0f, 0 2px 4px #0f172a08;--shadow-lg:0 14px 32px -4px #0f172a1a, 0 4px 12px #0f172a0a;--shadow-card:0 4px 24px -2px #0f172a0d, 0 2px 8px -1px #0f172a05;--shadow-glow:0 8px 24px -4px #6366f173;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}button{font-family:var(--font-primary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;outline:none}body{font-family:var(--font-primary);color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.sidebar-nav-section+.sidebar-nav-section{margin-top:12px}.sidebar-section-label{color:#94a3b8c7;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 8px;font-size:11px;font-weight:800}.mobile-only{display:none!important}.desktop-only{display:flex!important}h1,h2,h3,h4{font-family:var(--font-secondary);color:var(--text-primary);letter-spacing:-.025em}h1{font-size:38px;font-weight:800;line-height:1.2}h2{font-size:26px;font-weight:800;line-height:1.25}h3{font-size:20px;font-weight:700;line-height:1.35}h4{font-size:16px;font-weight:700;line-height:1.4}p,span,li,label,input,select,textarea{font-family:var(--font-primary)}.text-small{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.empty-state-panel{text-align:center;color:var(--text-secondary);padding:48px 20px}.attendance-filter-bar{grid-template-columns:1.4fr 1fr 1fr 180px;gap:12px;margin-bottom:18px;display:grid}.tabs-scroll{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.row-muted{opacity:.7}.app-layout,.app-container{background-color:var(--bg-main);width:100%;min-height:100dvh;margin:0;display:flex;position:relative}.main-content{min-width:0;min-height:100dvh;margin-left:var(--sidebar-width);min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width)}.content-body,.page-wrapper{animation:fadeIn var(--transition-normal);box-sizing:border-box;flex:1;width:100%;padding:32px 40px 60px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);z-index:10;box-sizing:border-box;background-color:#ffffffd9;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a05}.topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-right-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-mobile-utility-row{align-items:center;gap:12px;display:flex}.topbar-select{min-width:150px;height:36px;font-size:13px}.topbar-mobile-controls{display:none}.topbar-select-mobile{flex:1 1 0;min-width:0;height:40px;font-size:13px}.topbar-checkin-btn{white-space:nowrap;border-radius:14px;flex-shrink:0;height:36px;min-height:36px;padding:0 18px;font-size:13px;line-height:1}.topbar-checkin-btn svg{flex-shrink:0}.topbar-checkin-mobile{min-width:148px;height:40px;min-height:40px;padding:0 16px}.bulletin-strip{background:linear-gradient(90deg,#6366f117,#0ea5e914);border-bottom:1px solid #6366f11f;align-items:center;gap:12px;min-height:42px;padding:0 20px;display:flex}.bulletin-strip-label{background-color:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.bulletin-strip-track{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.breadcrumb{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-active{color:var(--text-primary);font-weight:700}.global-search-container{width:100%;min-width:90px;max-width:180px;position:relative}.global-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.global-search-input{border:1px solid var(--border);width:100%;height:36px;transition:var(--transition-fast);background-color:#f8fafc;border-radius:10px;outline:none;padding:0 12px 0 36px;font-size:13px}.global-search-input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px #6366f126}.user-profile-group{border-left:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding-left:10px;display:flex}.user-name-text{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.logout-btn{width:34px;height:34px;color:var(--error);cursor:pointer;transition:var(--transition-fast);background-color:#fef2f2;border:1px solid #fca5a5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.logout-btn:hover{background-color:#fee2e2;border-color:#ef4444;transform:scale(1.05)}.topbar{gap:12px}.topbar-left-group{flex:auto;min-width:0}.topbar-breadcrumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-right-group{flex:0 auto;min-width:0}.user-name-text{text-overflow:ellipsis;max-width:160px;overflow:hidden}@media (width<=1400px){.topbar-hq-label{text-overflow:ellipsis;max-width:200px;overflow:hidden}}@media (width<=1280px){.user-name-text{display:none!important}.topbar-hq-label{max-width:150px}.topbar-select{min-width:128px}}@media (width<=1150px){.topbar-hq-label{display:none!important}}@media (width<=1000px){.topbar-breadcrumb{display:none!important}}.topbar-right{align-items:center;gap:20px;display:flex}.nav-actions{align-items:center;gap:12px;display:flex}.user-menu-trigger{cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.user-menu-trigger:hover{border-color:var(--border);background-color:#f1f5f9}.user-avatar{background:var(--primary-gradient);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #6366f159}.role-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.role-badge.admin{background-color:var(--role-admin-bg);color:var(--role-admin-text);border:1px solid #6366f133}.role-badge.hr{background-color:var(--role-hr-bg);color:var(--role-hr-text);border:1px solid #0369a133}.role-badge.staff{background-color:var(--role-staff-bg);color:var(--role-staff-text);border:1px solid #47556933}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-sidebar);background-color:var(--bg-sidebar);z-index:20;height:100vh;transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #0f172a1f}.sidebar-header,.sidebar-brand{height:var(--topbar-height);border-bottom:1px solid var(--border-sidebar);background-color:var(--bg-sidebar);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.sidebar-logo{font-family:var(--font-secondary);letter-spacing:-.03em;color:#fff;align-items:center;gap:12px;font-size:22px;font-weight:800;display:flex}.logo-icon{background:var(--primary-gradient);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-glow);border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar-toggle-btn{cursor:pointer;color:#64748b;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-toggle-btn:hover{color:#fff;background-color:#ffffff14}.sidebar-search-box{padding:12px 16px 4px}.sidebar-search-inner{transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;padding:0 10px;display:flex;position:relative}.sidebar-search-inner:focus-within{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 2px #6366f140}.sidebar-search-inner .search-icon{color:#94a3b8;flex-shrink:0}.sidebar-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:8px 6px;font-size:12.5px}.sidebar-search-input::placeholder{color:#64748b}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.search-clear-btn:hover{color:#fff}.sidebar-section-label-collapsible{color:#94a3b8d9;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px 6px;font-size:11px;font-weight:800;display:flex}.sidebar-section-label-collapsible:hover{color:#fff;background:#ffffff0a}.section-label-right{align-items:center;gap:6px;display:flex}.section-count-badge{color:#cbd5e1;background:#ffffff1a;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.collapse-arrow{transition:transform .2s}.collapse-arrow.collapsed{transform:rotate(-90deg)}.sidebar-section-items{flex-direction:column;gap:2px;margin-top:2px;display:flex}.nav-label-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item-badge{text-transform:uppercase;color:#a5b4fc;letter-spacing:.4px;background:#6366f140;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:14px;padding:12px 14px 24px;display:flex;overflow-y:auto}.nav-group-title{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding-left:12px;font-size:11px;font-weight:800}.sidebar.collapsed .nav-group-title{display:none}.nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-item{width:100%}.nav-link,.sidebar-nav-item{color:#94a3b8;cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:12px;outline:none;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link:hover,.sidebar-nav-item:hover{transform:translate(4px);color:#fff!important;background-color:#ffffff1a!important}.nav-link.active,.sidebar-nav-item.active{background:var(--primary-gradient);color:#fff;font-weight:700;box-shadow:0 4px 16px #6366f166}.nav-link.active:before,.sidebar-nav-item.active:before{content:"";background:#38bdf8;border-radius:0 4px 4px 0;width:4px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 10px #38bdf8}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-logo span,.sidebar.collapsed .sidebar-nav-item span,.sidebar.collapsed .nav-link span{display:none!important}.sidebar.collapsed .sidebar-nav-item,.sidebar.collapsed .nav-link{justify-content:center;padding:12px 0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.section-title-group{flex-direction:column;gap:6px;display:flex}.card{background-color:var(--bg-card);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);border:1px solid #e2e8f0e6;border-radius:20px;padding:28px}.card.interactive:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.card-header{font-weight:700;font-family:var(--font-secondary);justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.rgrid{gap:16px;display:grid}.rgrid.gap-sm{gap:10px}.rgrid.gap-lg{gap:24px}.rgrid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rgrid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.rgrid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.rgrid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.rgrid-auto{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.rgrid-auto-md{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.rgrid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}@media (width<=1024px){.rgrid-4,.rgrid-5,.rgrid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.rgrid-2,.rgrid-3,.rgrid-4,.rgrid-5,.rgrid-auto,.rgrid-auto-md,.rgrid-auto-lg{grid-template-columns:minmax(0,1fr)}.rgrid{gap:12px}.rgrid-2.keep-2up{grid-template-columns:repeat(2,minmax(0,1fr))}}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-bar>.form-input,.filter-bar>.form-select,.filter-bar>.filter-field{flex:180px;min-width:0}.filter-bar>.filter-grow{flex:2 240px;min-width:0}.filter-bar>.btn,.filter-bar>.filter-static{flex:none}@media (width<=768px){.filter-bar{gap:10px}.filter-bar>.form-input,.filter-bar>.form-select,.filter-bar>.filter-field,.filter-bar>.filter-grow,.filter-bar>.btn{flex:100%;width:100%;max-width:none}}.day-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.day-strip.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=768px){.day-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -14px;padding-bottom:6px;padding-left:14px;padding-right:14px;display:flex;overflow-x:auto}.day-strip>*{scroll-snap-align:start;flex:none;min-width:68px}}.month-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.month-calendar>*{min-width:0}@media (width<=768px){.month-calendar{gap:4px}.month-calendar>*{font-size:12px;overflow:hidden;border-radius:6px!important;min-height:62px!important;padding:6px 4px!important}.month-calendar .calendar-cell-detail{display:none}.month-calendar .status-pill{padding:1px 4px!important;font-size:8px!important}}.settings-row{border:1px solid var(--border);border-radius:10px;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.settings-row.cols-wide{grid-template-columns:1.2fr .8fr .8fr 1.4fr}@media (width<=1024px){.settings-row,.settings-row.cols-wide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-row>:first-child{grid-column:1/-1}}@media (width<=768px){.settings-row,.settings-row.cols-wide{grid-template-columns:minmax(0,1fr);align-items:stretch}}.rstack-md{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rstack-md>.section-title-group{flex:260px;min-width:0}@media (width<=768px){.rstack-md{flex-direction:column;align-items:stretch}.rstack-md>.btn{width:100%}}.hq-card{background-color:#f8fafc;flex-direction:column;gap:10px;height:100%;display:flex}.hq-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hq-card-title{flex:140px;align-items:center;gap:10px;min-width:0;display:flex}.hq-card-title h4{overflow-wrap:break-word;min-width:0;margin:0;font-size:15.5px;line-height:1.35}.hq-card-title svg{color:var(--primary);flex-shrink:0}.hq-card-code{flex-shrink:0}.hq-card-address{margin:0}.hq-card-meta{color:var(--text-secondary);overflow-wrap:anywhere;flex-direction:column;gap:2px;font-size:12px;display:flex}.hq-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.hq-card-actions .btn{white-space:nowrap;flex:auto;justify-content:center;min-width:0}.topbar-hq-label{border:1px solid var(--border);height:40px;color:var(--text-secondary);white-space:nowrap;background-color:#f8fafc;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.topbar-hq-label svg{color:var(--primary);flex-shrink:0}@media (width<=768px){.topbar-hq-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}}.route-fallback{min-height:320px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.route-fallback-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:.7s linear infinite routeSpin}@keyframes routeSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-fallback-spinner{animation-duration:2s}}.grid-12{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-12{grid-column:span 12}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.kpi-card{justify-content:space-between;align-items:flex-start;display:flex}.kpi-content{flex-direction:column;gap:8px;display:flex}.kpi-title{color:var(--text-secondary);font-size:13.5px;font-weight:600}.kpi-value{font-size:34px;font-weight:800;font-family:var(--font-secondary);color:var(--text-primary);letter-spacing:-.03em;line-height:1}.kpi-icon-wrapper{width:50px;height:50px;color:var(--primary);box-shadow:var(--shadow-sm);background-color:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;display:flex}.kpi-trend{align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--error)}.btn{cursor:pointer;transition:var(--transition-fast);letter-spacing:-.01em;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6366f180}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{color:var(--primary);background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.btn-ghost{color:var(--primary);transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 14px;font-weight:600}.btn-ghost:hover{color:var(--primary-hover);background-color:#eef2ff;border-color:#c7d2fe}.dropdown-item{color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:600;display:flex}.dropdown-item:hover{color:var(--primary);background-color:#eef2ff}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444459}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.btn-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--primary);cursor:pointer;transition:var(--transition-fast);background-color:#f8fafc;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--primary-hover);background-color:#eef2ff;border-color:#c7d2fe;transform:scale(1.05)}.btn-icon.approve{color:var(--success);border-color:#10b9814d}.btn-icon.approve:hover{background-color:var(--success-bg)}.btn-icon.reject{color:var(--error);border-color:#ef44444d}.btn-icon.reject:hover{background-color:var(--error-bg)}.status-pill{letter-spacing:.03em;border-radius:20px;justify-content:center;align-items:center;width:max-content;padding:4px 14px;font-size:11.5px;font-weight:700;line-height:1.5;display:inline-flex}.status-pill.present,.status-pill.approved,.status-pill.verified,.status-pill.active{background-color:var(--success-bg);color:#047857;border:1px solid #10b9814d;box-shadow:0 1px 3px #10b9811a}.status-pill.pending,.status-pill.half-day{background-color:var(--warning-bg);color:#b45309;border:1px solid #f59e0b4d}.status-pill.absent,.status-pill.rejected,.status-pill.deactivated{background-color:var(--error-bg);color:#b91c1c;border:1px solid #ef44444d}.status-pill.referred,.status-pill.in-review,.status-pill.holiday{background-color:var(--info-bg);color:#6d28d9;border:1px solid #8b5cf64d}.status-pill.weekend,.status-pill.cancelled,.status-pill.slate{color:#475569;background-color:#f1f5f9;border:1px solid #64748b33}.status-pill.draft{color:#92400e;background-color:#fef3c7;border:1px solid #f59e0b4d}.status-pill.locked{color:#1e40af;background-color:#dbeafe;border:1px solid #3b82f64d}.status-pill.released{color:#065f46;background-color:#d1fae5;border:1px solid #10b9814d}.status-pill.earning{color:#047857;background-color:#ecfdf5;border:1px solid #10b9814d}.status-pill.deduction{color:#b91c1c;background-color:#fef2f2;border:1px solid #ef44444d}.status-pill.statutory{color:#6b21a8;background-color:#f3e8ff;border:1px solid #a855f74d}.payslip-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:24px}.payslip-header-grid{border:1px solid var(--border);background-color:#f8fafc;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;display:grid}.payslip-two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.payslip-two-col{grid-template-columns:1fr}}.payslip-table{border-collapse:collapse;width:100%;margin-top:8px}.payslip-table th{text-align:left;color:#475569;border-bottom:1px solid var(--border);background-color:#f1f5f9;padding:10px 12px;font-size:12px;font-weight:700}.payslip-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:13px}.table-container{border:1px solid var(--border);background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#475569;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background-color:#f8fafc;padding:16px 24px;font-size:11.5px;font-weight:800}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;height:56px;padding:16px 24px;font-size:14px;font-weight:500}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f8fafc}@media (width<=768px){.table-container{-webkit-overflow-scrolling:touch;background-image:linear-gradient(270deg,#0f172a14,#0f172a00);background-position:100%;background-repeat:no-repeat;background-size:24px 100%;background-attachment:local,scroll;position:relative}.data-table th,.data-table td{white-space:nowrap;padding:10px 12px;font-size:13px}.data-table td{height:48px}.table-container.sticky-first .data-table th:first-child,.table-container.sticky-first .data-table td:first-child{z-index:2;background-color:var(--bg-card);box-shadow:1px 0 0 var(--border);position:sticky;left:0}.table-container.sticky-first .data-table th:first-child{z-index:3;background-color:#f8fafc}.table-container.sticky-first .data-table tr:hover td:first-child{background-color:#f8fafc}}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-primary);font-size:13.5px;font-weight:700}.form-input,.form-select,.form-textarea{border:1px solid var(--border);width:100%;height:44px;transition:var(--transition-fast);background-color:#fff;border-radius:12px;outline:none;padding:0 16px;font-size:14px}.form-textarea{resize:vertical;height:100px;padding:14px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:580px;max-height:90dvh;animation:.22s cubic-bezier(.16,1,.3,1) modalSlide;display:flex;overflow-y:auto}.modal-content.wide{max-width:840px}@keyframes modalSlide{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-title{font-family:var(--font-secondary);font-size:22px;font-weight:800}.modal-close-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;border-radius:10px;padding:6px;display:flex}.modal-close-btn:hover{color:var(--text-primary);background-color:#f1f5f9}.modal-body{flex:1;padding:32px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background-color:#f8fafc;border-bottom-right-radius:24px;border-bottom-left-radius:24px;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content,.modal-content.wide{border-bottom:none;border-radius:20px 20px 0 0;max-width:100%;max-height:92dvh;animation-name:modalSheetSlide}.modal-header{z-index:2;background-color:var(--bg-card);border-top-left-radius:20px;border-top-right-radius:20px;padding:18px 20px;position:sticky;top:0}.modal-title{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:0}}@media (width<=480px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}@keyframes modalSheetSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.btn,.btn-icon,.logout-btn,.modal-close-btn,.icon-btn,.form-input,.form-select{min-height:44px}.btn-icon,.logout-btn,.modal-close-btn{min-width:44px}}.tabs-container{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border:1px solid #cbd5e1f2;border-radius:18px;flex-wrap:wrap;gap:8px;width:100%;max-width:100%;margin-bottom:28px;padding:8px;display:flex;overflow:visible;box-shadow:inset 0 1px 2px #fffffff2,0 10px 24px -20px #4f46e559}.tab-btn{min-height:48px;color:var(--text-secondary);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:normal;text-align:center;background:#ffffff94;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:700;display:inline-flex}.tab-btn:hover{color:var(--text-primary);background-color:#ffffffe0;border-color:#a5b4fcbf;transform:translateY(-1px)}.tab-btn.active{color:var(--primary);background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);border-color:#a5b4fce6 #a5b4fce6 currentColor;border-bottom-style:none;border-bottom-width:medium;font-weight:800;box-shadow:0 10px 24px -18px #4f46e58c,0 2px 8px #0f172a14}.tabs-container:not(.tabs-scroll) .tab-btn{flex:190px}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:8px;display:inline-flex;overflow:auto hidden}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab-btn{white-space:nowrap;flex:none}.attendance-tabs,.attendance-tabs.tabs-scroll{flex-wrap:wrap;padding-bottom:0;display:flex;overflow:visible}.attendance-tabs .tab-btn,.attendance-tabs.tabs-scroll .tab-btn{white-space:normal;flex:calc(25% - 8px);min-width:150px;line-height:1.35}.tickets-split-layout{grid-template-columns:minmax(280px,.92fr) minmax(0,1.55fr);align-items:start}.tickets-chat-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);align-items:start}.tickets-queue-panel,.tickets-chat-sidebar,.tickets-thread-panel,.tickets-chat-panel,.bulk-import-target-card,.bulk-import-fields-card,.live-tracking-current,.live-tracking-logs{min-width:0}.tickets-queue-panel,.tickets-chat-sidebar{max-height:720px;overflow:auto}.tickets-thread-panel,.tickets-chat-panel{padding:0;overflow:hidden}.tickets-thread-shell{padding:28px}.tickets-thread-messages{min-height:260px}.tickets-thread-header{align-items:flex-start}.tickets-composer{align-items:stretch}.tickets-composer .form-input{min-width:0}.tickets-composer .btn{min-width:56px}.bulk-import-hero{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.35fr);align-items:stretch}.bulk-import-target-card,.bulk-import-fields-card{height:100%}.bulk-import-actions .btn{min-width:164px}.live-tracking-filter-bar .form-input{flex:320px;min-width:0}.live-tracking-filter-bar .form-select{flex:0 0 220px}.live-tracking-layout{grid-template-columns:minmax(300px,.95fr) minmax(0,1.75fr);align-items:start}.live-tracking-current-list{max-height:760px;padding-right:4px;overflow:auto}.live-tracking-current-card{box-shadow:0 10px 24px -18px #0f172a73}.live-tracking-current-meta{word-break:break-word}.stepper{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex;position:relative}.stepper:before{content:"";background-color:var(--border);z-index:1;height:2px;position:absolute;top:18px;left:30px;right:30px}.step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{border:2px solid var(--border);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-normal);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-label{color:var(--text-secondary);text-align:center;margin-top:8px;font-size:12px;font-weight:600}.step.active .step-circle{border-color:var(--primary);background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.step.active .step-label{color:var(--primary);font-weight:700}.step.completed .step-circle{border-color:var(--success);background-color:var(--success);color:#fff}.step.completed .step-label{color:var(--success)}.toast-container{z-index:2000;flex-direction:column;gap:8px;width:calc(100vw - 48px);max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background-color:var(--bg-card);border-left:4px solid var(--primary);box-shadow:var(--shadow-lg);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}.toast.info{border-left-color:var(--info)}.toast.warning{border-left-color:var(--warning)}.toast-msg{font-size:14px;font-weight:500}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite loadingSkeleton}@keyframes loadingSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{width:100%;height:16px;margin-bottom:8px}.skeleton-title{width:60%;height:24px;margin-bottom:16px}.skeleton-card{border-radius:12px;height:140px}.skeleton-row{height:46px;margin-bottom:8px}.chart-container{width:100%;height:240px;position:relative}.svg-chart{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:var(--border);stroke-dasharray:4 4;stroke-width:1px}.chart-axis-label{font-size:10px}.chart-tick-label{font-size:9px;font-weight:500}@media (width<=768px){.chart-axis-label{font-size:15px}.chart-tick-label{font-size:14px}.svg-chart>g:nth-of-type(2n) .chart-grid-line,.svg-chart>g:nth-of-type(2n) .chart-axis-label{display:none}.chart-grid-line{stroke-dasharray:2 4}}.chart-line{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round}.chart-area{fill:url(#chart-gradient)}.chart-bar{fill:var(--primary);rx:4;transition:fill var(--transition-fast)}.chart-bar:hover{fill:var(--primary-hover)}.chart-donut-segment{fill:none;stroke-width:24px;transition:stroke-dasharray var(--transition-normal)}.chart-tooltip{background-color:var(--text-primary);color:#fff;pointer-events:none;box-shadow:var(--shadow-md);z-index:10;border-radius:6px;margin-top:-8px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-100%)}.login-container{background-color:#fff;width:100%;min-height:100vh;display:flex}.login-left{flex-direction:column;flex:1;justify-content:center;max-width:620px;padding:60px 80px;display:flex}.login-right{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%);flex-direction:column;flex:1.2;justify-content:center;padding:80px;display:flex;position:relative;overflow:hidden}.login-right:before,.login-right:after{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute}.login-right:before{aspect-ratio:1;background:radial-gradient(circle,#0ea5e966 0%,#0ea5e900 70%);width:clamp(180px,26vw,300px);top:10%;right:5%}.login-right:after{aspect-ratio:1;background:radial-gradient(circle,#4f46e566 0%,#4f46e500 70%);width:clamp(240px,34vw,400px);bottom:5%;left:10%}.login-right>*{z-index:2;position:relative}@media (width<=1024px){.login-right{padding:48px 40px}}.login-logo{color:var(--primary);align-items:center;gap:10px;margin-bottom:40px;font-size:24px;font-weight:700;display:flex}.login-title-group{margin-bottom:32px}.login-title{font-family:var(--font-secondary);color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.login-form{flex-direction:column;gap:18px;display:flex}.password-input-wrapper{position:relative}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.remember-forgot{justify-content:space-between;align-items:center;font-size:14px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.illustration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;box-shadow:var(--shadow-lg);background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:32px}.illustration-title{font-family:var(--font-secondary);margin-bottom:12px;font-size:28px;font-weight:700}.feature-list{flex-direction:column;gap:16px;margin-top:24px;list-style:none;display:flex}.feature-item{align-items:flex-start;gap:12px;font-size:15px;display:flex}.feature-check{color:#0ea5e9;background-color:#0ea5e933;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.mobile-bottom-bar{height:var(--mobile-bottombar-height);background-color:var(--bg-card);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-tab-item,.bottom-bar-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:600;text-decoration:none;display:flex}.mobile-tab-item.active,.bottom-bar-item.active{color:var(--primary)}.permission-grid-table{border-collapse:collapse;width:100%}.permission-grid-table th{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);background-color:#f8fafc;padding:10px;font-size:12px;font-weight:700}.permission-grid-table td{border-bottom:1px solid var(--border);padding:12px 10px;font-size:13px}.permission-grid-table tr:hover td{background-color:#f8fafc}.perm-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.doc-expiring-warning{border-left:4px solid var(--warning)!important}.timeline{flex-direction:column;gap:16px;margin-top:16px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background-color:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:5px}.timeline-item{position:relative}.timeline-point{background-color:var(--bg-card);border:2px solid var(--primary);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-20px}.timeline-point.approved{border-color:var(--success)}.timeline-point.rejected{border-color:var(--error)}.timeline-point.referred{border-color:var(--info)}.timeline-content{font-size:13px}.timeline-time{color:var(--text-secondary);margin-bottom:2px;font-size:11px}@media (width<=1024px){.grid-12{gap:16px}.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{grid-column:span 6}.tickets-split-layout,.tickets-chat-layout,.bulk-import-hero,.live-tracking-layout{grid-template-columns:1fr}.tickets-queue-panel,.tickets-chat-sidebar,.live-tracking-current-list{max-height:none}}@media (width<=768px){.login-container{flex-direction:column}.login-left{max-width:100%;padding:40px 24px}.login-right{display:none}body{padding-bottom:var(--mobile-bottombar-height);font-size:14px}.desktop-only,.topbar .global-search-container{display:none!important}.mobile-only,.mobile-bottom-bar{display:flex!important}.main-content{width:100%!important;margin-left:0!important}.sidebar{display:none}.sidebar.mobile-open,.sidebar.open{z-index:100;border-right:1px solid var(--border-sidebar);width:270px;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #0006;background-color:var(--bg-sidebar)!important;display:flex!important}.sidebar.mobile-open .sidebar-logo span,.sidebar.open .sidebar-logo span{color:#fff;display:block}.sidebar.mobile-open .sidebar-header .btn-icon,.sidebar.open .sidebar-header .btn-icon{color:#fff!important;background-color:#ffffff1a!important;border-color:#ffffff26!important}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;background-color:#0f172a66;position:fixed;inset:0}.topbar{background:linear-gradient(#fffffff5 0%,#f8fafcf0 100%);flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:56px;padding:8px 12px 12px}.topbar-right-group{margin-left:auto;gap:6px!important}.topbar-mobile-utility-row{min-height:40px}.topbar-mobile-controls{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0f2;border-radius:18px;align-items:center;gap:8px;width:100%;padding:8px;display:flex;box-shadow:0 10px 24px -22px #0f172a59}.topbar-select-mobile,.topbar-checkin-mobile{box-shadow:none}.topbar-select-mobile{background-color:#fff;border-color:#cbd5e1f2;border-radius:14px}.bulletin-strip{min-height:38px;padding:0 12px}.attendance-filter-bar{grid-template-columns:1fr}.role-badge{padding:2px 6px!important;font-size:10px!important}.breadcrumb{display:none}.content-body,.page-wrapper{padding:16px 14px 80px!important}.topbar-checkin-mobile{border-radius:14px;flex:none;min-width:0}.tab-btn{min-height:46px}.tabs-container{border-radius:16px;gap:6px;padding:6px}.tabs-container:not(.tabs-scroll) .tab-btn,.tabs-wrap-mobile .tab-btn{flex:calc(50% - 6px);min-width:140px;line-height:1.35}.tabs-scroll{flex-wrap:nowrap;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.tabs-scroll .tab-btn{white-space:nowrap;flex-shrink:0}.attendance-tabs,.attendance-tabs.tabs-scroll{flex-wrap:wrap;padding-bottom:0;overflow:visible}.attendance-tabs .tab-btn,.attendance-tabs.tabs-scroll .tab-btn{white-space:normal;flex:calc(50% - 6px);min-width:140px}.leave-tabs .tab-btn,.tabs-container:not(.tabs-scroll) .tab-btn{padding:12px 14px}}@media (width<=480px){.tabs-container:not(.tabs-scroll) .tab-btn,.tabs-wrap-mobile .tab-btn{flex-basis:100%;min-width:0}.attendance-tabs,.attendance-tabs.tabs-scroll{flex-wrap:wrap}.attendance-tabs .tab-btn,.attendance-tabs.tabs-scroll .tab-btn{white-space:normal;flex-basis:100%;min-width:0}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin-bottom:12px;overflow-x:auto}.grid-12{grid-template-columns:1fr;gap:12px}.col-12,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3{grid-column:span 12}.card{border-radius:18px;padding:20px}.section-header{gap:14px;margin-bottom:20px}.section-title-group{gap:4px}.tickets-thread-shell{padding:20px}.tickets-thread-header,.live-tracking-current-head{flex-direction:column;align-items:flex-start}.tickets-composer{flex-direction:column}.tickets-composer .btn,.bulk-import-actions .btn{width:100%}.bulk-import-actions{flex-direction:column;align-items:stretch}.live-tracking-filter-bar{flex-direction:column;align-items:stretch!important}.live-tracking-filter-bar .form-input,.live-tracking-filter-bar .form-select{flex:auto;width:100%!important;max-width:none!important}.live-tracking-current-meta{grid-template-columns:1fr!important;gap:8px!important}.table-container .data-table th,.table-container .data-table td{white-space:nowrap;padding:14px 16px}.mobile-table-card{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:10px;margin-bottom:12px;padding:16px;display:flex}.mobile-table-card-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.mobile-table-card-row:last-child{border-bottom:none;padding-bottom:0}.mobile-table-card-label{color:var(--text-secondary);font-size:12px;font-weight:600}.mobile-table-card-value{color:var(--text-primary);font-size:13px;font-weight:500}.mobile-bottom-bar{display:flex}}.auth-back-link{color:var(--text-secondary);align-items:center;gap:8px;width:fit-content;margin-bottom:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.auth-back-link:hover{color:var(--primary);transform:translate(-3px)}.auth-icon-badge{background-color:#eef2ff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.otp-input-group{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.otp-input-box{border:1.5px solid var(--border);text-align:center;width:48px;height:54px;color:var(--text-primary);background-color:#f8fafc;border-radius:10px;outline:none;font-size:22px;font-weight:700;transition:all .2s}.otp-input-box:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3.5px #4f46e526}.otp-input-box.filled{border-color:var(--primary);color:var(--primary);background-color:#eef2ff}.otp-feature-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:16px;padding:16px}.strength-bar-track{background-color:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}.strength-bar-fill{border-radius:4px;height:100%;transition:width .3s,background-color .3s}.password-req-box{border:1px solid var(--border);background-color:#f8fafc;border-radius:10px;margin-top:4px;padding:12px 14px}.req-item{align-items:center;gap:6px;margin-top:4px;font-size:12px;transition:color .2s;display:flex}.reset-success-card{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-badge-pulse{background-color:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite pulse-success;display:flex}@keyframes pulse-success{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 16px #10b98100}to{box-shadow:0 0 #10b98100}}@media (width<=480px){.otp-input-box{width:40px;height:48px;font-size:18px}.otp-input-group{gap:6px}}.view-container{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}@media (width>=769px){.view-container{gap:22px}}.module-header{flex-direction:column;gap:14px;display:flex}.module-header-main{align-items:flex-start;gap:12px;min-width:0;display:flex}.module-header-icon{background:var(--primary-gradient);color:#fff;width:42px;height:42px;box-shadow:var(--shadow-glow);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-header-text{flex:1;min-width:0}.view-title,.module-title{font-family:var(--font-secondary);letter-spacing:-.025em;color:var(--text-primary);overflow-wrap:anywhere;font-size:19px;font-weight:800;line-height:1.25}.module-subtitle{color:var(--text-secondary);margin-top:3px;font-size:12.5px;line-height:1.45}.module-header-actions{flex-wrap:wrap;gap:8px;display:flex}.module-header-actions>.btn{flex:auto;justify-content:center}@media (width>=769px){.module-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px}.module-header-icon{border-radius:15px;width:48px;height:48px}.view-title,.module-title{font-size:24px}.module-subtitle{font-size:13.5px}.module-header-actions{flex-shrink:0}.module-header-actions>.btn{flex:none}}.tab-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;gap:6px;padding:5px;display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.tab-strip-tab{scroll-snap-align:start;font-family:var(--font-primary);white-space:nowrap;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#0000;border-radius:10px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.tab-strip-tab:hover{background-color:var(--bg-main);color:var(--text-primary)}.tab-strip-tab.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.tab-strip-count{color:inherit;background-color:#0f172a12;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.tab-strip-tab.active .tab-strip-count{background-color:#ffffff3d}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;display:grid}@media (width>=769px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}}.stat-tile{border:1px solid var(--border);background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.stat-tile-icon{background-color:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-tile-icon.success{background-color:var(--success-bg);color:var(--success)}.stat-tile-icon.warning{background-color:var(--warning-bg);color:var(--warning)}.stat-tile-icon.danger{background-color:var(--error-bg);color:var(--error)}.stat-tile-icon.info{background-color:var(--info-bg);color:var(--info)}.stat-tile-body{min-width:0}.stat-tile-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.3}.stat-tile-value{font-family:var(--font-secondary);color:var(--text-primary);overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:1.2}.stat-tile-hint{color:var(--text-secondary);margin-top:1px;font-size:11.5px}@media (width>=769px){.stat-tile{padding:18px}.stat-tile-value{font-size:24px}}.panel{border:1px solid var(--border);background-color:var(--bg-card);box-shadow:var(--shadow-card);border-radius:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-title{font-family:var(--font-secondary);color:var(--text-primary);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.panel-title svg{color:var(--primary);flex-shrink:0}.panel-body{padding:16px}.panel-body.flush{padding:0}@media (width>=769px){.panel-head{padding:16px 20px}.panel-body{padding:20px}.panel-title{font-size:16px}}.badge{white-space:nowrap;background-color:var(--role-staff-bg);color:var(--role-staff-text);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.badge-neutral{color:#475569;background-color:#f1f5f9}.badge-primary{background-color:var(--primary-light);color:var(--primary-hover)}.badge-success{background-color:var(--success-bg);color:#047857}.badge-warning{background-color:var(--warning-bg);color:#b45309}.badge-danger{background-color:var(--error-bg);color:#b91c1c}.badge-info{background-color:var(--info-bg);color:#6d28d9}.badge-outline{border:1px solid var(--border);color:var(--text-secondary);background-color:#0000}.btn-sm{border-radius:9px;padding:7px 12px;font-size:12px}.btn-xs{border-radius:8px;padding:5px 9px;font-size:11px}.btn-block{justify-content:center;width:100%}@media (width<=480px){.btn-full-sm{justify-content:center;width:100%}}.dtable-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;overflow-x:auto}.dtable{border-collapse:collapse;width:100%}.dtable thead th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;background-color:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700}.dtable tbody td{color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13.5px}.dtable tbody tr:last-child td{border-bottom:none}.dtable tbody tr:hover td{background-color:#f8fafc}.dtable .dtable-num{text-align:right;font-variant-numeric:tabular-nums}@media (width<=768px){.dtable,.dtable tbody,.dtable tr,.dtable td{width:100%;display:block}.dtable thead{display:none}.dtable tbody tr{border:1px solid var(--border);background-color:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:14px;margin-bottom:10px;padding:4px 2px}.dtable tbody tr:last-child{margin-bottom:0}.dtable tbody tr:hover td{background-color:#0000}.dtable tbody td{border-bottom:1px dashed var(--border);text-align:right;justify-content:space-between;align-items:center;gap:14px;padding:9px 14px;display:flex}.dtable tbody td:last-child{border-bottom:none}.dtable tbody td:before{content:attr(data-label);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);flex:0 0 42%;font-size:11px;font-weight:700}.dtable tbody td.dtable-lead{text-align:left;padding:12px 14px 10px;font-size:14.5px;font-weight:700;display:block}.dtable tbody td.dtable-lead:before{display:none}.dtable .dtable-num{text-align:right}}.module-filters{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=641px){.module-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.module-filters>.filter-wide{grid-column:1/-1}}@media (width>=1025px){.module-filters{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.module-filters>.filter-wide{grid-column:auto}}.kv-list{flex-direction:column;gap:9px;display:flex}.kv-row{justify-content:space-between;align-items:baseline;gap:14px;font-size:13px;display:flex}.kv-row dt{color:var(--text-secondary);overflow-wrap:break-word;flex:0 auto;min-width:0;max-width:45%}.kv-row dd{text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:600}.kv-row.kv-stack{display:block}.kv-row.kv-stack dt{max-width:none;margin-bottom:2px}.kv-row.kv-stack dd{text-align:left;font-weight:600}.progress-track{background-color:var(--border);border-radius:999px;width:100%;height:7px;overflow:hidden}.progress-fill{background:var(--primary-gradient);height:100%;transition:width var(--transition-normal);border-radius:999px}.progress-fill.success{background:linear-gradient(135deg,#34d399,#059669)}.progress-fill.warning{background:linear-gradient(135deg,#fbbf24,#d97706)}.progress-fill.danger{background:linear-gradient(135deg,#f87171,#dc2626)}.progress-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:11.5px;display:flex}.record-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=641px){.record-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}}.record-grid.wide{grid-template-columns:1fr}@media (width>=900px){.record-grid.wide{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}}.module-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;display:flex}.module-empty-icon{background-color:var(--bg-main);width:52px;height:52px;color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;display:flex}.module-empty-title{color:var(--text-primary);font-size:14.5px;font-weight:700}.module-empty-text{color:var(--text-secondary);max-width:340px;font-size:13px}.timeline{flex-direction:column;display:flex}.timeline-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background-color:var(--border);width:2px;position:absolute;top:30px;bottom:0;left:13px}.timeline-dot{background-color:var(--primary-light);width:28px;height:28px;color:var(--primary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-dot.done{background-color:var(--success-bg);color:var(--success)}.timeline-dot.pending{background-color:var(--warning-bg);color:var(--warning)}.timeline-body{flex:1;min-width:0}.chart-figure{width:100%;min-width:0}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-axis-text{fill:var(--text-muted);font-size:10px;font-family:var(--font-primary)}.chart-value-text{fill:var(--text-secondary);font-size:10px;font-weight:700;font-family:var(--font-primary)}.chart-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{r:4;stroke:var(--bg-card);stroke-width:2px}.chart-bars{flex-direction:column;gap:12px;display:flex}.chart-bar-row{grid-template-columns:1fr;gap:4px;display:grid}.chart-bar-head{color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.chart-bar-head strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.chart-bar-track{background-color:var(--bg-main);border-radius:5px;height:10px;overflow:hidden}.chart-bar-fill{height:100%;transition:width var(--transition-normal);border-radius:0 5px 5px 0}.chart-stack{background-color:var(--bg-card);border-radius:8px;gap:2px;width:100%;height:26px;display:flex;overflow:hidden}.chart-stack-segment{color:#fff;justify-content:center;align-items:center;min-width:0;font-size:11px;font-weight:700;display:flex}.chart-legend{flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.chart-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.chart-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.chart-caption{color:var(--text-muted);margin-top:8px;font-size:11.5px}.module-shell{flex-direction:column;gap:24px;display:flex}.module-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.module-header-main{flex:auto;align-items:flex-start;gap:14px;min-width:0;display:flex}@media (width>=769px){.module-header-main{flex:320px}}.module-icon{width:44px;height:44px;color:var(--primary);background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);border:1px solid #a5b4fce6;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 10px 24px -18px #4f46e58c,0 2px 8px #0f172a0f}.module-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.attendance-clock-card{background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex}.attendance-clock-label{color:var(--text-secondary);font-size:11px;font-weight:600}.attendance-clock-value{font-size:13px;font-weight:700}.module-tabs .tab-btn{white-space:normal;flex:170px;min-width:150px;line-height:1.35}.module-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.attendance-legend{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.month-calendar-dayname{text-align:center;color:var(--text-secondary);padding:6px;font-size:12px;font-weight:700}.month-calendar-cell{border:1px solid var(--border);background-color:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:80px;padding:10px;display:flex}.month-calendar-cell.is-today{border:2px solid var(--primary);background-color:#eef2ff}.module-locked{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 28px;display:flex}@media (width<=768px){.module-shell{gap:18px}.module-header{gap:14px}.module-icon{border-radius:12px;width:38px;height:38px}.module-header-actions{gap:10px;width:100%}.attendance-clock-card{flex:auto;padding:10px 14px}.module-header-actions .btn{flex:auto;justify-content:center;min-height:46px}.module-tabs .tab-btn{flex:calc(50% - 6px);min-width:0;padding:11px 10px;font-size:12.5px}.module-panel-head{margin-bottom:12px}}@media (width<=480px){.module-tabs .tab-btn{flex:calc(50% - 6px);padding:10px 8px;font-size:12px}.module-header-actions{flex-direction:column;align-items:stretch}.module-header-actions .btn,.module-panel-head>*{width:100%}.module-panel-head .btn{justify-content:center;width:100%}}.demo-signin{margin-top:22px}.demo-signin-divider{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.demo-signin-divider:before,.demo-signin-divider:after{content:"";background-color:#cbd5e1e6;flex:1;height:1px}.demo-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-role-btn{text-align:left;cursor:pointer;min-height:56px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1f2;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.demo-role-btn:hover{border-color:#a5b4fcf2;transform:translateY(-1px);box-shadow:0 10px 24px -18px #4f46e58c,0 2px 8px #0f172a0f}.demo-role-name{color:var(--text-primary);font-size:13px;font-weight:700}.demo-role-scope{color:var(--text-muted);font-size:10.5px;font-weight:500;line-height:1.3}.demo-signin-note{color:var(--text-muted);margin:10px 0 0;font-size:11px}@media (width<=480px){.demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rbac-legend{color:var(--text-secondary);flex-wrap:wrap;gap:8px 18px;margin-bottom:16px;font-size:12px;display:flex}.rbac-legend-item{align-items:center;gap:6px;display:inline-flex}.rbac-code{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.rbac-code-F{color:#15803d;background-color:#dcfce7;border-color:#86efac}.rbac-code-L{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.rbac-code-A{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.rbac-code-V{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1}.rbac-code-O{color:#6d28d9;background-color:#ede9fe;border-color:#c4b5fd}.rbac-code-none{color:#cbd5e1;background-color:#fff;border-color:#e2e8f0}.status-page{background:radial-gradient(1100px 520px at 12% -8%, #6366f124, transparent 60%), radial-gradient(900px 480px at 100% 0%, #38bdf81f, transparent 55%), var(--bg-main,#f8fafc);min-height:100dvh;padding:40px 24px 72px}.status-shell{max-width:940px;margin:0 auto}.status-back{color:var(--primary);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.status-back:hover{text-decoration:underline}.status-title{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4.6vw,38px);font-weight:800}.status-subtitle{color:var(--text-secondary);margin:8px 0 26px;font-size:15px}.status-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px;display:grid}.status-stat{background-color:var(--bg-card,#fff);border:1px solid #e2e8f0e6;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.status-stat-value{font-size:20px;font-weight:800;line-height:1.15}.status-stat-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.status-stat-complete .status-stat-value{color:#15803d}.status-stat-progress .status-stat-value{color:#b45309}.status-stat-pending .status-stat-value{color:#64748b}.status-filters{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.status-filter{cursor:pointer;min-height:40px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background-color:#ffffffbf;border:1px solid #cbd5e1f2;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.status-filter:hover{color:var(--text-primary);border-color:#a5b4fcf2}.status-filter.active{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);border-color:#0000}.phase-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.phase-card{background-color:var(--bg-card,#fff);box-shadow:var(--shadow-card);border:1px solid #e2e8f0e6;border-radius:18px;gap:16px;padding:22px;display:flex;position:relative}.phase-card-in-progress{border-color:#fbbf24b3}.phase-card-complete .phase-marker{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}.phase-card-in-progress .phase-marker{background:linear-gradient(135deg,#fbbf24 0%,#b45309 100%)}.phase-marker{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.phase-connector{background-color:#cbd5e1e6;width:2px;height:16px;position:absolute;bottom:-16px;left:40px}.phase-body{flex:1;min-width:0}.phase-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.phase-name{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.phase-summary{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.phase-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.phase-chip-complete{color:#15803d;background-color:#dcfce7;border-color:#86efac}.phase-chip-in-progress{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.phase-chip-pending{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1}.task-list{flex-direction:column;gap:2px;margin:16px 0 0;padding:0;list-style:none;display:flex}.task-row{border-radius:9px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.task-row:hover{background-color:#f8fafc}.task-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.task-complete .task-icon{background-color:#22c55e}.task-in-progress .task-icon{background-color:#f59e0b}.task-pending .task-icon{background-color:#cbd5e1}.task-name{flex:1;min-width:0}.task-complete .task-name{color:var(--text-secondary)}.task-status{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:700}.status-empty{text-align:center;color:var(--text-muted);padding:40px}.status-link{color:var(--text-primary);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1f2;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;text-decoration:none;display:flex}.status-link:hover{border-color:#a5b4fcf2;transform:translateY(-1px);box-shadow:0 10px 24px -18px #4f46e58c,0 2px 8px #0f172a0f}.status-link>span{flex-direction:column;flex:1;display:flex}.status-link strong{font-size:13px}.status-link-sub{color:var(--text-muted);font-size:11px}.status-link-arrow{color:var(--text-muted);flex-shrink:0}@media (width<=768px){.status-page{padding:26px 16px 56px}.status-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-card{gap:12px;padding:18px}.phase-marker{border-radius:10px;width:32px;height:32px;font-size:13px}.phase-connector{left:34px}.phase-head{flex-direction:column}.status-filters{gap:6px}.status-filter{flex:calc(50% - 6px);padding:9px 10px}}@media (width<=480px){.task-row{flex-wrap:wrap;gap:8px;font-size:12.5px}.task-status{display:none}}.loan-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.loan-card{background-color:var(--bg-card,#fff);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0e6;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.loan-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.loan-card-who{align-items:center;gap:10px;min-width:0;display:flex}.loan-avatar{width:38px;height:38px;color:var(--primary);background:linear-gradient(135deg,#fff 0%,#eef2ff 100%);border:1px solid #a5b4fce6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.loan-card-name{margin:0;font-size:15px;font-weight:800}.loan-card-meta{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.loan-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.loan-pill-warning{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.loan-pill-info{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.loan-pill-success{color:#15803d;background-color:#dcfce7;border-color:#86efac}.loan-pill-danger{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.loan-facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px 14px;display:grid}.loan-facts-boxed{background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;margin-bottom:16px;padding:12px 14px}.loan-fact{flex-direction:column;gap:1px;min-width:0;display:flex}.loan-fact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:600}.loan-fact-value{overflow-wrap:anywhere;font-size:13.5px;font-weight:700}.loan-purpose{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.loan-block-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:800;display:flex}.loan-review-block,.loan-decision-block{background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;padding:12px 14px}.loan-decision-approved{background-color:#f0fdf4;border-color:#bbf7d0}.loan-decision-rejected{background-color:#fef2f2;border-color:#fecaca}.loan-note{color:var(--text-secondary);margin:8px 0 0;font-size:12.5px;line-height:1.5}.loan-byline{color:var(--text-muted);margin:8px 0 0;font-size:11px}.loan-card-actions{flex-wrap:wrap;gap:8px;display:flex}.loan-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;display:flex}.loan-empty p{margin:0;font-size:13px}.loan-kpi{background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;flex-direction:column;align-items:center;min-width:74px;padding:8px 14px;display:flex}.loan-kpi-value{font-size:18px;font-weight:800;line-height:1.1}.loan-kpi-label{color:var(--text-muted);white-space:nowrap;font-size:10.5px;font-weight:600}.loan-hold{border:1px dashed #cbd5e1f2;border-radius:12px;margin:4px 0 16px;padding:14px}.loan-hold legend{color:var(--text-secondary);padding:0 6px;font-size:12px;font-weight:700}.loan-preview{background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 100%);border:1px solid #a5b4fcbf;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.loan-decision-footer{flex-wrap:wrap;gap:8px}.loan-inline-note{color:#b45309;background-color:#fef3c7;border:1px solid #fcd34d;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:12.5px}.loan-running{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:8px;display:grid}.loan-running-card{background:linear-gradient(135deg,#eef2ff 0%,#fff 100%);border:1px solid #a5b4fccc;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.loan-running-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.loan-steps{counter-reset:loan-step;gap:6px;margin:0;padding:0;list-style:none;display:flex}.loan-steps li{text-align:center;color:var(--text-muted);flex:1;padding-top:20px;font-size:10.5px;font-weight:700;position:relative}.loan-steps li:before{content:"";background-color:#e2e8f0;border-radius:999px;height:3px;position:absolute;top:6px;left:0;right:0}.loan-steps li.done{color:var(--text-primary)}.loan-steps li.done:before{background-color:#6366f1}.loan-steps-rejected li.done:last-child:before{background-color:#ef4444}.loan-steps-rejected li.done:last-child{color:#b91c1c}@media (width<=768px){.loan-grid,.loan-running{grid-template-columns:1fr}.loan-card{padding:15px}.loan-kpi{flex:1 1 0;min-width:0;padding:8px 6px}.loan-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-card-actions .btn,.loan-decision-footer .btn{flex:auto;justify-content:center;min-height:46px}}@media (width<=480px){.loan-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.loan-fact-value{font-size:13px}.loan-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-steps li{font-size:9.5px}.loan-decision-footer{flex-direction:column-reverse}.loan-decision-footer .btn{width:100%}}.modal-content.modal-wide{max-width:760px}.demo-credentials{background-color:#f8fafc;border:1px solid #cbd5e1f2;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:12px}.demo-credentials summary{cursor:pointer;color:var(--text-secondary);font-weight:700}.demo-credentials ul{flex-direction:column;gap:5px;margin:10px 0 6px;padding:0;list-style:none;display:flex}.demo-credentials li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demo-credentials code{color:var(--primary);overflow-wrap:anywhere;font-size:11.5px}.demo-credentials li span{color:var(--text-muted);font-size:11px}.demo-credentials p{color:var(--text-muted);margin:0;font-size:11px}.demo-role-btn.is-filled{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset;background:linear-gradient(135deg,#eef2ff 0%,#fff 100%)}.demo-filled-note{color:#1d4ed8;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:10px;margin:10px 0 0;padding:8px 10px;font-size:11.5px}.demo-filled-note code{overflow-wrap:anywhere;font-size:11px}.master-search{max-width:340px;color:var(--text-muted);flex:240px;align-items:center;gap:8px;display:flex}.master-search .form-input{height:38px}.master-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.master-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.master-empty{text-align:center;color:var(--text-muted);padding:34px 12px}.master-error{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:12.5px}.master-row-actions{justify-content:flex-end;gap:6px;display:flex}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--primary);background-color:#fff;border-color:#a5b4fcf2}.icon-btn-danger:hover{color:#b91c1c;background-color:#fef2f2;border-color:#fca5a5}.form-help{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.tree-cell{padding-left:calc(var(--tree-depth,0) * 22px);align-items:center;gap:8px;display:flex}.tree-toggle{cursor:pointer;width:24px;height:24px;color:var(--text-secondary);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);background-color:#f1f5f9;border:1px solid #0000;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tree-toggle:hover{color:var(--primary);background-color:#fff;border-color:#a5b4fcf2}.tree-toggle-empty{cursor:default;background-color:#0000}.tree-name{overflow-wrap:anywhere;min-width:0}.tree-count{color:var(--primary);background-color:#6366f11a;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.tree-child-row td:first-child{box-shadow:inset 3px 0 #6366f147}@media (width<=768px){.master-search{max-width:none}.master-actions{width:100%}.master-actions .btn{flex:auto;justify-content:center;min-height:44px}.master-row-actions{justify-content:flex-start}.master-table .table-container{background-image:none;border:none;overflow:visible}.master-table .data-table,.master-table .data-table tbody,.master-table .data-table tr,.master-table .data-table td{width:100%;display:block}.master-table .data-table thead{display:none}.master-table .data-table tbody tr{border:1px solid var(--border);background-color:var(--bg-card);border-radius:14px;margin-bottom:12px;padding:4px 14px}.master-table .data-table tbody tr:last-child{margin-bottom:0}.master-table .data-table tbody td{white-space:normal;text-align:right;border-bottom:1px solid var(--border);height:auto;box-shadow:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:9px 0;display:flex;position:static}.master-table .data-table tbody td:last-child{border-bottom:none}.master-table .data-table tbody td:before{content:attr(data-label);text-align:left;max-width:45%;color:var(--text-secondary);flex:0 auto;font-size:12px;font-weight:600}.master-table .data-table tbody td.dtable-lead{text-align:left;justify-content:flex-start;padding-top:12px;font-size:14.5px}.master-table .data-table tbody td.dtable-lead:before{display:none}.master-table .tree-child-row td:first-child{box-shadow:none}.master-table .tree-child-row{border-left:3px solid #6366f166}}.confirm-overlay{z-index:1200;padding:20px}.confirm-dialog{text-align:center;background-color:var(--bg-card,#fff);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:confirm-in var(--transition-normal,.18s) ease-out;border:1px solid #e2e8f0e6;border-radius:22px;padding:30px 28px 24px;position:relative}@keyframes confirm-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.confirm-dialog{animation:none}}.confirm-close{position:absolute;top:14px;right:14px}.confirm-icon{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-flex}.confirm-danger .confirm-icon{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.confirm-warning .confirm-icon{color:#b45309;background-color:#fef3c7;border-color:#fcd34d}.confirm-info .confirm-icon{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.confirm-title{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:800}.confirm-message{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.55}.confirm-detail{color:var(--text-secondary);background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:10px;margin:12px 0 0;padding:9px 12px;font-size:12px}.confirm-actions{gap:10px;margin-top:24px;display:flex}.confirm-actions .btn{flex:1;justify-content:center;min-height:44px}@media (width<=480px){.confirm-overlay{align-items:flex-end;padding:16px}.confirm-dialog{border-radius:22px 22px 16px 16px;max-width:none;padding:26px 20px 20px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%;min-height:46px}}.multiref-list{background-color:#f8fafc;border:1px solid #e2e8f0e6;border-radius:12px;flex-direction:column;gap:8px;max-height:190px;padding:10px 12px;display:flex;overflow-y:auto}.multiref-list .master-toggle{font-weight:500}.notes-view{flex-direction:column;gap:20px;display:flex}.notes-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.notes-count{white-space:nowrap}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:stretch;gap:16px;display:grid}.note-card{cursor:pointer;border:1px solid var(--border);border-left:4px solid var(--note-ink,#f59e0b);background-color:var(--note-wash,#fffbeb);min-height:158px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:relative}.note-card:hover,.note-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 10px 24px -14px #0f172a73}.note-card:focus-visible{border-color:var(--note-ink)}.note-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.note-card-head h4{color:var(--text-primary);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.note-card-actions{opacity:.45;transition:opacity var(--transition-fast);flex-shrink:0;gap:6px;display:flex}.note-card:hover .note-card-actions,.note-card:focus-within .note-card-actions{opacity:1}.note-card-actions .icon-btn{background-color:#ffffffbf;width:28px;height:28px}.icon-btn-active{color:var(--note-ink,var(--primary));border-color:var(--note-ink,var(--primary))}.note-card-body{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.note-card-empty{opacity:.7;font-style:italic}.note-card-foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:4px;font-size:11px;display:flex}.note-pin-badge{color:var(--note-ink);background-color:#fffc;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.note-skeleton{cursor:default;border-left-color:var(--border);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;height:148px;animation:1.4s infinite note-shimmer}@keyframes note-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.notes-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.notes-empty h4{color:var(--text-primary);margin:0;font-size:16px}.notes-empty p{max-width:380px;margin:0}.notes-empty .btn{margin-top:6px}.note-swatches{flex-wrap:wrap;gap:10px;display:flex}.note-swatch{cursor:pointer;color:#fff;background-color:var(--note-ink);width:32px;height:32px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.note-swatch:hover{transform:scale(1.08)}.note-swatch.is-chosen{box-shadow:0 0 0 3px var(--bg-card), 0 0 0 5px var(--note-ink)}@media (width<=768px){.notes-grid{grid-template-columns:1fr;gap:12px}.note-card-actions{opacity:1}.note-card-actions .icon-btn{width:34px;height:34px}.notes-toolbar{flex-direction:column;align-items:stretch}.notes-count{text-align:right}.note-swatch{width:38px;height:38px}}.ssb-applicability{border:1px solid var(--border);background-color:#f8fafc;border-radius:10px;flex-wrap:wrap;gap:10px 22px;padding:10px 14px;display:flex}.import-panel{flex-direction:column;gap:22px;display:flex}.import-step{border:1px solid var(--border);background-color:var(--bg-card);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.import-step-head{align-items:flex-start;gap:14px;display:flex}.import-step-head h4{margin:0 0 4px;font-size:15.5px;font-weight:700}.import-step-head p{max-width:68ch;margin:0}.import-step-mark{color:#fff;background:var(--primary-gradient);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12.5px;font-weight:700;display:inline-flex}.import-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.import-actions .btn.is-busy{opacity:.75;pointer-events:none}.import-tally{flex-wrap:wrap;gap:10px;display:flex}.tally{border:1px solid var(--border);background-color:#f8fafc;border-radius:12px;flex-direction:column;gap:2px;min-width:132px;padding:12px 16px;display:flex}.tally-figure{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.tally-label{color:var(--text-secondary);font-size:12px}.tally.is-good{background-color:#ecfdf5;border-color:#10b98173}.tally.is-good .tally-figure{color:#047857}.tally.is-warn{background-color:#fffbeb;border-color:#f59e0b73}.tally.is-warn .tally-figure{color:#b45309}.tally.is-bad{background-color:#fef2f2;border-color:#ef444466}.tally.is-bad .tally-figure{color:#b91c1c}.import-notice{color:#047857;background-color:#ecfdf5;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.import-rows td{vertical-align:top;font-size:13px}.import-rows .import-email{overflow-wrap:anywhere}.import-rows .muted{color:var(--text-muted)}.import-foot{color:var(--text-muted);max-width:78ch;margin:0;display:block}@media (width<=768px){.import-step{padding:15px 16px}.import-actions .btn{flex:auto;justify-content:center;min-height:44px}.tally{flex:132px;min-width:0}.import-rows,.import-rows tbody,.import-rows tr,.import-rows td{width:100%;display:block}.import-rows thead{display:none}.import-rows tbody tr{border:1px solid var(--border);background-color:var(--bg-card);border-radius:12px;margin-bottom:12px;padding:4px 14px}.import-rows tbody tr:last-child{margin-bottom:0}.import-rows tbody td{white-space:normal;text-align:right;border-bottom:1px solid var(--rule-soft,#ece8e0);height:auto;box-shadow:none;justify-content:space-between;align-items:flex-start;gap:14px;padding:9px 0;display:flex;position:static}.import-rows tbody td:last-child{border-bottom:none}.import-rows tbody td:before{content:attr(data-label);text-align:left;max-width:42%;color:var(--text-secondary);flex:0 auto;font-size:12px;font-weight:600}.import-rows tbody td.dtable-lead{text-align:left;justify-content:flex-start;padding-top:12px;font-weight:700}.import-rows tbody td.dtable-lead:before{content:"Row ";margin-right:4px;display:inline}}.import-chosen{color:var(--text-secondary);border:1px dashed var(--border);background-color:#f8fafc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:10px 14px;font-size:13.5px;display:flex}.import-chosen-name{color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}button.tally{cursor:pointer;text-align:left;font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}button.tally:hover{border-color:var(--primary)}.tally.is-picked{border-color:currentColor;box-shadow:inset 0 0 0 1px}.tally.is-picked .tally-label{color:inherit}.import-history td{font-size:13px}.import-history .num{text-align:right;font-variant-numeric:tabular-nums}.import-history .is-bad-figure{color:#b91c1c;font-weight:700}.import-history tr.is-open td{background-color:#eef2ff}.import-history .muted{color:var(--text-muted)}@media (width<=768px){.import-history,.import-history tbody,.import-history tr,.import-history td{width:100%;display:block}.import-history thead{display:none}.import-history tbody tr{border:1px solid var(--border);background-color:var(--bg-card);border-radius:12px;margin-bottom:12px;padding:4px 14px}.import-history tbody tr:last-child{margin-bottom:0}.import-history tbody td{white-space:normal;text-align:right;border-bottom:1px solid var(--rule-soft,#ece8e0);height:auto;box-shadow:none;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex;position:static}.import-history tbody td:last-child{border-bottom:none;justify-content:flex-end}.import-history tbody td:before{content:attr(data-label);text-align:left;color:var(--text-secondary);font-size:12px;font-weight:600}.import-history tbody td.dtable-lead{justify-content:flex-start;padding-top:12px;font-weight:700}.import-history tbody td.dtable-lead:before{display:none}}.import-companions{border-top:1px dashed var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.import-companions-label{color:var(--text-secondary);font-size:12.5px}.import-companion-links{flex-wrap:wrap;gap:6px;display:flex}.import-chosen{flex-wrap:wrap}.import-chosen-file{background-color:var(--bg-card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:5px 8px 5px 10px;display:inline-flex}.import-chosen-drop{cursor:pointer;width:18px;height:18px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.import-chosen-drop:hover{color:#b91c1c;background-color:#fef2f2}.import-sheets{flex-wrap:wrap;gap:8px;display:flex}.import-sheet{background-color:#eef2ff;border:1px solid #6366f147;border-radius:10px;flex-direction:column;gap:1px;padding:8px 14px;font-size:13px;display:inline-flex}.photo-modal{max-width:520px}.photo-modal-body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.photo-modal-name{color:var(--text-secondary);margin:0;font-weight:600}.photo-compare{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex}.photo-frame{flex-direction:column;align-items:center;gap:7px;margin:0;display:flex}.photo-frame img{object-fit:cover;border:1px solid var(--border);background-color:#f1f5f9;border-radius:14px;width:210px;height:210px}.photo-compare .is-old img{opacity:.65;width:130px;height:130px}.photo-compare .is-new img{border-color:var(--primary);box-shadow:0 0 0 3px #6366f12e}.photo-frame figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.photo-compare .is-new figcaption{color:var(--primary)}.photo-empty{border:2px dashed var(--border);width:210px;height:210px;color:var(--text-muted);background-color:#f8fafc;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=560px){.photo-frame img,.photo-empty{width:160px;height:160px}.photo-compare .is-old img{width:104px;height:104px}}.master-blurb{max-width:76ch;color:var(--text-secondary);margin:-4px 0 14px}.completion{justify-content:flex-end;align-items:center;gap:8px;display:flex}.completion-track{background-color:var(--border);border-radius:999px;flex:auto;min-width:54px;height:6px;overflow:hidden}.completion-fill{height:100%;transition:width var(--transition-normal);border-radius:999px}.completion-fill.is-good{background:linear-gradient(135deg,#34d399,#059669)}.completion-fill.is-part{background:linear-gradient(135deg,#fbbf24,#d97706)}.completion-fill.is-thin{background:linear-gradient(135deg,#f87171,#dc2626)}.completion-figure{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:32px;font-size:12px;font-weight:700}.draft-bar{border:1px solid var(--border);border-left:3px solid var(--primary);background-color:#f8fafc;border-radius:12px;padding:12px 16px}.draft-bar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.draft-bar-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.draft-bar-status strong{color:var(--text-primary)}.draft-bar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.draft-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.draft-list li{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex}.draft-list li.is-open{border-color:var(--primary);background-color:#eef2ff}.draft-open{text-align:left;cursor:pointer;min-width:0;font:inherit;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:auto;gap:1px;padding:8px 10px;display:flex}.draft-open:hover{background-color:#f1f5f9}.draft-name{overflow-wrap:anywhere;font-size:13.5px;font-weight:700}@media (width<=640px){.draft-bar-head{flex-direction:column;align-items:flex-start}.draft-bar-actions .btn{flex:auto;justify-content:center}}.text-muted{color:var(--text-muted)}.device-webhook-hint{border:1px solid var(--border);background:var(--bg-subtle,#94a3b814);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.device-token-inline{word-break:break-all;flex:220px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.device-secret-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-secret-row .form-input{flex:240px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.device-secret-warn{border:1px solid var(--warning-border,#f59e0b);background:var(--warning-bg,#f59e0b1f);color:var(--warning-text,#92400e);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.device-secret-warn svg{flex-shrink:0;margin-top:2px}.device-curl{border:1px solid var(--border);background:var(--bg-subtle,#94a3b814);white-space:pre;border-radius:10px;margin:0 0 8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.6;overflow-x:auto}@media (width<=768px){.device-secret-row .form-input{flex-basis:100%}.device-curl{font-size:10.5px}}.att-register{flex-direction:column;gap:16px;min-width:0;display:flex}.att-toolbar{flex-direction:column;gap:10px;display:flex}.att-date-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.att-icon-btn{padding:7px 9px}.att-icon-btn:disabled{opacity:.45;cursor:not-allowed}.att-date-field{border:1px solid var(--border);background:var(--bg-card);height:36px;color:var(--primary);border-radius:10px;flex:auto;align-items:center;gap:8px;min-width:0;padding:0 12px;display:inline-flex}.att-date-field input{font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13.5px;font-weight:600}.att-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.att-toolbar-actions>.btn{flex:auto;justify-content:center}@media (width>=769px){.att-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.att-date-field,.att-toolbar-actions>.btn{flex:none}}.att-spin{animation:.9s linear infinite att-spin}@keyframes att-spin{to{transform:rotate(360deg)}}.att-day-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.att-day-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.att-day-sub{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin:3px 0 0;font-size:12.5px;display:flex}.att-live{background:var(--success-bg);color:#047857;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.att-live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite att-pulse;box-shadow:0 0 #10b98199}@keyframes att-pulse{to{box-shadow:0 0 0 7px #10b98100}}.att-rate{flex-shrink:0;align-items:center;gap:8px;display:flex}.att-rate-ring{width:44px;height:44px;transform:rotate(-90deg)}.att-rate-track{fill:none;stroke:var(--primary-light);stroke-width:4px}.att-rate-fill{fill:none;stroke:var(--primary);stroke-width:4px;stroke-linecap:round;transition:stroke-dasharray .5s}.att-rate-text{flex-direction:column;line-height:1.1;display:flex}.att-rate-text strong{color:var(--text-primary);font-size:17px}.att-rate-text span{color:var(--text-secondary);font-size:11px}.att-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=641px){.att-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1025px){.att-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.att-kpi{--tone:var(--primary);--tone-bg:var(--primary-light);text-align:left;border:1px solid var(--border);background:var(--bg-card);min-height:74px;box-shadow:var(--shadow-sm);cursor:pointer;font:inherit;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.att-kpi:hover{box-shadow:var(--shadow-md);border-color:var(--tone);transform:translateY(-1px)}.att-kpi:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.att-kpi.active{border-color:var(--tone);background:linear-gradient(180deg, var(--tone-bg) 0%, var(--bg-card) 100%);box-shadow:0 0 0 1px var(--tone) inset, var(--shadow-md)}.att-kpi.tone-success{--tone:var(--success);--tone-bg:var(--success-bg)}.att-kpi.tone-warning{--tone:var(--warning);--tone-bg:var(--warning-bg)}.att-kpi.tone-danger{--tone:var(--error);--tone-bg:var(--error-bg)}.att-kpi.tone-info{--tone:var(--info);--tone-bg:var(--info-bg)}.att-kpi.tone-neutral{--tone:#64748b;--tone-bg:#f1f5f9}.att-kpi-icon{width:32px;height:32px;color:var(--tone);background:var(--tone-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-kpi-body{flex-direction:column;min-width:0;display:flex}.att-kpi-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;line-height:1.1}.att-kpi-label{color:var(--text-secondary);font-size:12px;font-weight:600}.att-kpi-hint{color:var(--text-muted);margin-top:1px;font-size:11px}.att-skeleton{cursor:default;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;animation:1.3s infinite att-shimmer}@keyframes att-shimmer{0%{background-position:100%}to{background-position:0}}.att-filters{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=641px){.att-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.att-search{grid-column:1/-1}}@media (width>=1025px){.att-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto}.att-search{grid-column:auto}}.att-search,.att-select{border:1px solid var(--border);background:var(--bg-card);height:40px;color:var(--text-muted);border-radius:11px;align-items:center;gap:8px;min-width:0;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.att-search:focus-within,.att-select:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.att-search input,.att-select select{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.att-select select{cursor:pointer}.att-clear{justify-self:start}.att-table{transition:opacity .15s}.att-table.att-loading{opacity:.55;pointer-events:none}.att-person{align-items:center;gap:10px;min-width:0;display:flex}.att-avatar{color:#fff;letter-spacing:.02em;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.att-person-text{flex-direction:column;min-width:0;display:flex}.att-person-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.att-person-meta{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;overflow:hidden}.att-cell-stack{flex-direction:column;gap:1px;display:inline-flex}.att-cell-sub{color:var(--text-muted);text-transform:capitalize;font-size:11px}.att-late{color:#b91c1c;text-transform:none}.att-time{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-weight:600;display:inline-flex}.att-time svg{color:var(--text-muted)}.att-status-cell{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:inline-flex}.att-status-cell .badge{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}@media (width>=769px){.att-status-cell{justify-content:flex-start}}.att-flag{border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.att-flag.warning{background:var(--warning-bg);color:#b45309}.att-flag.info{background:var(--info-bg);color:#6d28d9}.att-flag.neutral{color:#475569;background:#f1f5f9}.att-table-skeleton{flex-direction:column;gap:10px;padding:14px;display:flex}.att-skeleton-row{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:10px;height:44px;animation:1.3s infinite att-shimmer}.att-pager{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;padding:12px 16px;display:flex}.att-pager-buttons{align-items:center;gap:10px;display:flex}@media (width>=641px){.att-pager{flex-direction:row;justify-content:space-between}}@media (width<=768px){.att-table .dtable tbody td.dtable-lead .att-person-name{white-space:normal}}.att-detail-title .att-person-name{font-size:16px}.att-detail{flex-direction:column;gap:16px;display:flex}.att-detail-head{flex-direction:column;gap:12px;display:flex}.att-detail-head .badge{align-items:center;gap:4px;display:inline-flex}.att-detail-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width>=641px){.att-detail-head{flex-direction:row;justify-content:space-between;align-items:flex-start}}.att-callout{border-radius:11px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.att-callout svg{flex-shrink:0;margin-top:1px}.att-callout.warning{background:var(--warning-bg);color:#92400e}.att-callout.neutral{color:#334155;background:#f1f5f9}.att-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=641px){.att-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.att-metric{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-direction:column;gap:2px;padding:11px 12px;display:flex}.att-metric span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.att-metric strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px}.att-metric em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.att-detail-columns{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=769px){.att-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.att-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 10px;font-size:12px;font-weight:800}.att-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.att-timeline li{grid-template-columns:64px 1fr;gap:10px;padding:0 0 12px 16px;font-size:13px;display:grid;position:relative}.att-timeline li:before{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 3px var(--primary-light);border-radius:50%;position:absolute;top:5px;left:0}.att-timeline li:after{content:"";background:var(--border);width:1px;position:absolute;top:16px;bottom:0;left:3.5px}.att-timeline li:last-child:after{display:none}.att-timeline li.muted{color:var(--text-muted)}.att-timeline li.muted:before{background:#cbd5e1;box-shadow:0 0 0 3px #f1f5f9}.att-timeline li.muted .att-timeline-time{text-decoration:line-through}.att-timeline-time{font-variant-numeric:tabular-nums;font-weight:700}.att-timeline-body{flex-direction:column;gap:3px;min-width:0;display:flex}.att-timeline-tags{flex-wrap:wrap;gap:4px;display:flex}.att-timeline-tags:empty{display:none}.att-timeline-note{color:var(--text-secondary);overflow-wrap:anywhere;font-size:11.5px;font-style:italic}.att-month{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:420px;display:grid}.att-month-head{text-align:center;color:var(--text-muted);font-size:10.5px;font-weight:700}.att-month-day{aspect-ratio:1;font:inherit;cursor:pointer;color:#334155;background:#f1f5f9;border:0;border-radius:8px;font-size:12px;font-weight:700;transition:transform .12s}.att-month-day:hover{transform:scale(1.08)}.att-month-day.current{outline:2px solid var(--primary);outline-offset:1px}.s-PRESENT{color:#047857!important;background:#d1fae5!important}.s-HALF_DAY{color:#b45309!important;background:#fef3c7!important}.s-ABSENT{color:#b91c1c!important;background:#fee2e2!important}.s-MISSING_PUNCH{color:#c2410c!important;background:#ffedd5!important}.s-HOLIDAY{color:#6d28d9!important;background:#ede9fe!important}.s-WEEK_OFF{color:#475569!important;background:#e2e8f0!important}.s-LEAVE{color:#0369a1!important;background:#e0f2fe!important}.att-month-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.att-month-legend span{align-items:center;gap:5px;display:inline-flex}.att-month-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.att-month-legend strong{color:var(--text-primary)}.att-manual-grid{grid-template-columns:1fr;gap:0 12px;display:grid}@media (width>=481px){.att-manual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.att-manual-person{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;padding:10px 12px}.att-next-day{background:var(--info-bg);color:#6d28d9;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:700}.att-import-formats{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=769px){.att-import-formats{grid-template-columns:repeat(2,minmax(0,1fr))}}.att-import-format{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.att-import-format:hover{border-color:var(--primary)}.att-import-format:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.att-import-format.is-picked{border-color:var(--primary);background:linear-gradient(180deg, var(--primary-light) 0%, var(--bg-card) 100%);box-shadow:0 0 0 1px var(--primary) inset}.att-import-format p{margin:0}.att-import-format-head{align-items:center;gap:10px;width:100%;display:flex}.att-import-format-head strong{margin-right:6px;font-size:14.5px}.att-import-format-icon{width:34px;height:34px;color:var(--primary);background:var(--primary-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.att-import-format-tick{color:var(--primary);flex-shrink:0;margin-left:auto}.att-import-recommended{vertical-align:1px;font-size:10.5px}.att-import-columns{color:#334155;overflow-wrap:anywhere;background:#f1f5f9;border-radius:8px;width:100%;padding:7px 10px;font-size:12px;display:block}.att-import-limits{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.att-import-limits li{border:1px solid var(--border);background:var(--bg-main);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.att-import-limits svg{color:var(--primary)}.att-import-limits strong{color:var(--text-primary)}.att-import-guide{border:1px solid var(--border);border-radius:12px;padding:10px 14px}.att-import-guide summary{cursor:pointer;font-size:13.5px;font-weight:700}.att-import-guide[open] summary{margin-bottom:10px}.att-import-guide-table code{font-size:12px}.att-import-rules{color:var(--text-secondary);flex-direction:column;gap:3px;margin:10px 0 0;padding-left:18px;display:flex}.att-import-drop{background:var(--bg-main);min-height:140px;color:var(--text-secondary);text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;transition:border-color .15s,background .15s;display:flex}.att-import-drop svg{color:var(--primary)}.att-import-drop:hover,.att-import-drop.is-dragging{border-color:var(--primary);background:var(--primary-light)}.att-import-drop.has-file{background:#f0fdf4;border-style:solid;border-color:#10b98180}.att-import-drop.has-file svg{color:#047857}.att-import-drop-title{color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}.att-import-drop-hint{color:var(--text-muted)}.att-import-warn{background:var(--warning-bg);color:#92400e;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 12px;font-size:13px;display:flex}.att-import-warn svg{flex-shrink:0;margin-top:2px}.att-import-device{flex-direction:column;gap:4px;min-width:min(280px,100%);display:flex}.att-import-device .form-select{height:40px}.att-import-progress{flex-direction:column;gap:6px;display:flex}.att-import-progress-meta{justify-content:space-between;font-size:13px;display:flex}.att-import-done{flex-wrap:wrap}.att-import-done span{flex:240px}.att-late-covered{color:var(--text-muted);text-transform:none}.att-flag.danger{background:var(--error-bg);color:#b91c1c}.att-callout.danger{background:var(--error-bg);color:#991b1b}.att-callout.info{background:var(--success-bg);color:#065f46}.att-callout strong{font-weight:700}.att-grace{--tone:var(--success);border:1px solid var(--border);background:var(--bg-main);border-radius:12px;margin-bottom:16px;padding:12px 14px}.att-grace.tone-warning{--tone:var(--warning)}.att-grace.tone-danger{--tone:var(--error);background:#fff7f7;border-color:#ef444459}.att-grace-head{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.att-grace-head span{color:var(--text-secondary);align-items:center;gap:6px;font-weight:700;display:inline-flex}.att-grace-head strong{color:var(--tone);font-variant-numeric:tabular-nums}.att-grace-track{background:#e2e8f0;border-radius:999px;height:8px;margin:8px 0;overflow:hidden}.att-grace-fill{background:var(--tone);border-radius:999px;height:100%;transition:width .4s}.att-grace-note{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.att-month-day{position:relative}.att-month-day.penalty:after{content:"";background:#dc2626;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.att-month-legend i.att-legend-penalty{background:#dc2626;border-radius:50%}.modal-content.wpunch{max-width:480px;padding:0;position:relative;overflow:hidden auto}.wpunch-close{z-index:2;color:#fff;background:#ffffff24;border-radius:10px;position:absolute;top:12px;right:12px}.wpunch-close:hover{background:#ffffff42}.wpunch-hero{color:#fff;background:var(--primary-gradient);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:26px 20px 22px;display:flex}.wpunch-hero-label{letter-spacing:.04em;text-transform:uppercase;background:#ffffff29;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.wpunch-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:40px;font-weight:800;line-height:1.1}.wpunch-date{opacity:.85;font-size:13px}.wpunch-body{flex-direction:column;gap:16px;padding:18px 20px 20px;display:flex}.wpunch-person{align-items:center;gap:12px;display:flex}.wpunch-avatar{width:42px;height:42px;color:var(--primary);background:var(--primary-light);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.wpunch-person-text{flex-direction:column;flex:1;min-width:0;display:flex}.wpunch-person-text strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.wpunch-person-text span{color:var(--text-secondary);font-size:12px}.wpunch-shift{border:1px solid var(--border);color:var(--text-secondary);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.wpunch-section-head{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11.5px;font-weight:800;display:flex}.wpunch-today{border:1px solid var(--border);background:var(--bg-main);border-radius:14px;padding:12px 14px}.wpunch-empty{color:var(--text-secondary);margin:0;font-size:13px}.wpunch-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wpunch-list li{grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.wpunch-list li.is-struck .wpunch-time{color:var(--text-muted);text-decoration:line-through}.wpunch-dir{border-radius:8px;align-items:center;gap:4px;min-width:58px;padding:2px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.wpunch-dir.in{background:var(--success-bg);color:#047857}.wpunch-dir.out{background:var(--primary-light);color:var(--primary-hover)}.wpunch-time{font-variant-numeric:tabular-nums;font-weight:700}.wpunch-src{color:var(--text-muted);font-size:12px}.wpunch-note{color:var(--text-secondary);overflow-wrap:anywhere;grid-column:1/-1;padding-left:2px;font-size:12px;font-style:italic}.wpunch-chip{white-space:nowrap;letter-spacing:0;text-transform:none;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.wpunch-chip.warning{background:var(--warning-bg);color:#b45309}.wpunch-chip.success{background:var(--success-bg);color:#047857}.wpunch-chip.danger{background:var(--error-bg);color:#b91c1c}.wpunch-chip.neutral{color:#475569;background:#f1f5f9}.wpunch-form{flex-direction:column;gap:12px;display:flex}.wpunch-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wpunch-option{--tone:var(--success);--tone-bg:var(--success-bg);border:2px solid var(--border);background:var(--bg-card);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:14px 12px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.wpunch-option.out{--tone:var(--primary);--tone-bg:var(--primary-light)}.wpunch-option:hover{border-color:var(--tone);transform:translateY(-1px)}.wpunch-option:focus-visible{outline:2px solid var(--tone);outline-offset:2px}.wpunch-option.is-picked{border-color:var(--tone);background:var(--tone-bg)}.wpunch-option-icon{width:40px;height:40px;color:var(--tone);background:var(--tone-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wpunch-option.is-picked .wpunch-option-icon{color:#fff;background:var(--tone)}.wpunch-option-text{flex-direction:column;min-width:0;display:flex}.wpunch-option-text strong{color:var(--text-primary);font-size:14.5px}.wpunch-option-text span{color:var(--text-secondary);font-size:11.5px}.wpunch-suggested{background:var(--tone);color:#fff;border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800;position:absolute;top:-9px;right:10px}.wpunch-reason{color:var(--text-primary);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex;position:relative}.wpunch-reason em{color:var(--text-muted);margin-left:4px;font-style:normal;font-weight:500}.wpunch-reason textarea{resize:vertical;min-height:64px;font-weight:400}.wpunch-count{color:var(--text-muted);align-self:flex-end;font-size:11px;font-weight:500}.wpunch-approval{background:var(--info-bg);color:#5b21b6;border-radius:11px;align-items:flex-start;gap:8px;margin:0;padding:9px 12px;font-size:12.5px;line-height:1.45;display:flex}.wpunch-approval svg{flex-shrink:0;margin-top:2px}.wpunch-error{background:var(--error-bg);color:#991b1b;border-radius:10px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:13px;display:flex}.wpunch-submit{gap:8px;min-height:48px;font-size:15px}.wpunch-submit.in{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 22px -6px #10b9818c}.wpunch-submit.out{background:var(--primary-gradient)}.wpunch-done{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 2px;display:flex}.wpunch-done-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;animation:.35s ease-out wpunch-pop;display:flex}@keyframes wpunch-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.wpunch-done strong{color:var(--text-primary);font-size:17px}.wpunch-done p{color:var(--text-secondary);max-width:36ch;margin:0 0 6px;font-size:13px}.wpunch-actions{gap:10px;width:100%;display:flex}.wpunch-actions .btn{flex:1;justify-content:center}.wpunch-blocked{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;padding:18px 8px;display:flex}.wpunch-blocked svg{color:var(--warning)}.wpunch-blocked p{max-width:38ch;margin:0;font-size:14px}.wpunch-loading{flex-direction:column;gap:10px;display:flex}.wpunch-skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:12px;height:42px;animation:1.3s infinite att-shimmer}.wpunch-skel.short{width:60%;height:20px}.wpunch-skel.tall{height:110px}@media (width<=480px){.modal-content.wpunch{border-radius:20px 20px 0 0;align-self:flex-end;max-width:100%}.wpunch-clock{font-size:34px}.wpunch-body{padding:16px}.wpunch-option{flex-direction:column;align-items:flex-start;gap:8px}.wpunch-list li{grid-template-columns:auto auto 1fr}.wpunch-list li .wpunch-chip{grid-column:1/-1;justify-self:start}}.att-decide{flex-direction:column;gap:6px;margin-top:4px;display:flex}.att-decide .form-input{height:34px;font-size:13px}.att-decide-actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:inline-flex}.att-decide-actions .btn{align-items:center;gap:4px;display:inline-flex}.emp-att{flex-direction:column;gap:14px;display:flex}.emp-att-range{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.emp-att-chips{flex-wrap:wrap;gap:6px;display:flex}.emp-att-chip{border:1px solid var(--border);background:var(--bg-card);font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.emp-att-chip:hover{border-color:var(--primary);color:var(--primary)}.emp-att-chip.is-picked{border-color:var(--primary);background:var(--primary-light);color:var(--primary-hover)}.emp-att-dates{align-items:center;gap:8px;display:flex}.emp-att-dates label{border:1px solid var(--border);background:var(--bg-card);height:36px;color:var(--primary);border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.emp-att-dates input{font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:13px}.emp-att-dash{color:var(--text-muted);font-size:12px}.emp-att-error{background:var(--warning-bg);color:#92400e;border-radius:10px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:12.5px;display:flex}.emp-att-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=641px){.emp-att-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1025px){.emp-att-summary{grid-template-columns:repeat(8,minmax(0,1fr))}}.emp-att-tile{--tone:#64748b;border:1px solid var(--border);border-left:3px solid var(--tone);background:var(--bg-main);border-radius:10px;flex-direction:column;gap:1px;padding:10px 12px;display:flex}.emp-att-tile.tone-success{--tone:var(--success)}.emp-att-tile.tone-warning{--tone:var(--warning)}.emp-att-tile.tone-danger{--tone:var(--error)}.emp-att-tile.tone-info{--tone:var(--info)}.emp-att-tile-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1.2}.emp-att-tile-label{color:var(--text-secondary);font-size:11.5px}.emp-att-tile-hint{color:var(--text-muted);font-size:10.5px}.emp-att-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.emp-att-views{border:1px solid var(--border);background:var(--bg-main);border-radius:11px;padding:3px;display:inline-flex}.emp-att-view{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.emp-att-view.is-picked{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.emp-att-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emp-att-filters .form-select{width:auto;min-width:150px;height:36px;font-size:13px}.emp-att-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.emp-att-table{transition:opacity .15s}.emp-att-table.is-loading{opacity:.55;pointer-events:none}.emp-att-date{flex-direction:column;display:inline-flex}.emp-att-date span{color:var(--text-muted);font-size:11px}.emp-att-time{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-weight:600;display:inline-flex}.emp-att-time svg{color:var(--text-muted)}.emp-att-late{color:#b91c1c;font-weight:700}.emp-att-status{align-items:center;gap:6px;display:inline-flex}.emp-att-flag{color:var(--warning);flex-shrink:0}.emp-att-note{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px;font-style:italic}.emp-att-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.emp-att-pager-buttons{align-items:center;gap:10px;display:inline-flex}@media (width<=768px){.emp-att-range,.emp-att-bar{flex-direction:column;align-items:stretch}.emp-att-views{justify-content:stretch}.emp-att-view{flex:1;justify-content:center}.emp-att-filters .form-select{flex:140px;min-width:0}.emp-att-pager{justify-content:center}}.mine-att{flex-direction:column;gap:14px;display:flex}.mine-att-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mine-att-month{align-items:center;gap:10px;display:inline-flex}.mine-att-month strong{text-align:center;min-width:150px;font-size:16px}.mine-att-shift{border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.mine-att-shift svg{color:var(--primary)}.mine-att-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=641px){.mine-att-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1025px){.mine-att-tiles{grid-template-columns:repeat(8,minmax(0,1fr))}}.mine-att-tile{--tone:#64748b;border:1px solid var(--border);border-left:3px solid var(--tone);background:var(--bg-main);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.mine-att-tile.tone-success{--tone:var(--success)}.mine-att-tile.tone-warning{--tone:var(--warning)}.mine-att-tile.tone-danger{--tone:var(--error)}.mine-att-tile.tone-info{--tone:var(--info)}.mine-att-tile-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.mine-att-tile-label{color:var(--text-secondary);font-size:11.5px}.mine-att-grace{background:var(--primary-light);color:#3730a3;border-radius:11px;align-items:flex-start;gap:8px;padding:10px 13px;font-size:13px;line-height:1.45;display:flex}.mine-att-grace.is-spent{background:var(--warning-bg);color:#92400e}.mine-att-grace svg{flex-shrink:0;margin-top:2px}.mine-att-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;transition:opacity .15s;display:grid}.mine-att-grid.is-loading{opacity:.5;pointer-events:none}.mine-att-dayname{text-align:center;color:var(--text-muted);padding-bottom:2px;font-size:11px;font-weight:700}.mine-att-pad{min-height:10px}.mine-att-cell{--tone:#e2e8f0;border:1px solid var(--border);border-top:3px solid var(--tone);background:var(--bg-card);min-height:92px;font:inherit;text-align:left;cursor:pointer;border-radius:11px;flex-direction:column;gap:4px;padding:8px;transition:transform .12s,box-shadow .12s;display:flex}.mine-att-cell:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.mine-att-cell:disabled{cursor:default;background:var(--bg-main);opacity:.7}.mine-att-cell.is-today{outline:2px solid var(--primary);outline-offset:1px}.mine-att-cell.s-PRESENT{--tone:var(--success)}.mine-att-cell.s-ON_DUTY{--tone:var(--primary)}.mine-att-cell.s-HALF_DAY{--tone:var(--warning)}.mine-att-cell.s-ABSENT{--tone:var(--error)}.mine-att-cell.s-MISSING_PUNCH{--tone:#fb923c}.mine-att-cell.s-HOLIDAY,.mine-att-cell.s-LEAVE{--tone:var(--info)}.mine-att-cell.s-WEEK_OFF{--tone:#94a3b8}.mine-att-cell-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.mine-att-daynum{color:var(--text-primary);font-size:14px;font-weight:800}.mine-att-today{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px;font-weight:800}.mine-att-chip{color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f1f5f9;border-radius:999px;align-self:flex-start;max-width:100%;padding:2px 7px;font-size:10.5px;font-weight:700;overflow:hidden}.mine-att-chip.tone-success{background:var(--success-bg);color:#047857}.mine-att-chip.tone-warning{background:var(--warning-bg);color:#b45309}.mine-att-chip.tone-danger{background:var(--error-bg);color:#b91c1c}.mine-att-chip.tone-info{background:var(--info-bg);color:#6d28d9}.mine-att-chip.tone-primary{background:var(--primary-light);color:var(--primary-hover)}.mine-att-times{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:10.5px}.mine-att-ot{color:#6d28d9;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:inline-flex}.mine-att-flag{color:#b45309;font-size:10px;font-weight:700}.mine-att-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.mine-att-legend span{align-items:center;gap:5px;display:inline-flex}.mine-att-legend i{background:#e2e8f0;border-radius:3px;width:10px;height:10px;display:inline-block}.mine-att-legend i.s-PRESENT{background:var(--success)}.mine-att-legend i.s-HALF_DAY{background:var(--warning)}.mine-att-legend i.s-ABSENT{background:var(--error)}.mine-att-legend i.s-MISSING_PUNCH{background:#fb923c}.mine-att-legend i.s-HOLIDAY{background:var(--info)}.mine-att-legend i.s-WEEK_OFF{background:#94a3b8}@media (width<=640px){.mine-att-cell{gap:3px;min-height:76px;padding:6px}.mine-att-chip{padding:1px 5px;font-size:9.5px}.mine-att-times,.mine-att-ot,.mine-att-flag{display:none}.mine-att-month strong{min-width:120px;font-size:14.5px}}.mine-day-body{flex-direction:column;gap:14px;display:flex}.mine-day-status p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.mine-day-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=481px){.mine-day-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}.mine-day-metrics div{border:1px solid var(--border);background:var(--bg-main);border-radius:11px;flex-direction:column;padding:10px 12px;display:flex}.mine-day-metrics span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px;font-weight:700}.mine-day-metrics strong{font-variant-numeric:tabular-nums;font-size:15px}.mine-day-note{border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 12px;font-size:13px;display:flex}.mine-day-note.warning{background:var(--warning-bg);color:#92400e}.mine-day-note.success{background:var(--info-bg);color:#5b21b6}.mine-day-note svg{flex-shrink:0;margin-top:2px}.mine-day-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;font-size:12px;font-weight:800}.mine-day-punches{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mine-day-punches li{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.mine-day-punches li.is-struck .mine-day-time{color:var(--text-muted);text-decoration:line-through}.mine-day-dir{align-items:center;gap:4px;min-width:76px;font-weight:700;display:inline-flex}.mine-day-dir svg{color:var(--text-muted)}.mine-day-time{font-variant-numeric:tabular-nums;font-weight:700}.mine-day-src{color:var(--text-secondary);font-size:12px}.mine-day-reason{color:var(--text-secondary);flex:100%;font-size:12px;font-style:italic}.topbar-breadcrumb{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-secondary);align-items:center;gap:6px;font-size:13.5px;display:flex;overflow:hidden}.topbar-breadcrumb .separator{color:var(--text-muted);flex-shrink:0}.topbar-breadcrumb .active-module{color:var(--text-primary);text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar-right-group{flex-shrink:1;min-width:0}@media (width<=1100px){.topbar-hq-label.desktop-only{display:none!important}}@media (width<=900px){.topbar-breadcrumb>span:not(.active-module){display:none}}.reg{flex-direction:column;gap:18px;display:flex}.reg-filters{grid-template-columns:minmax(200px,1.6fr) minmax(150px,1fr) minmax(180px,1.1fr) repeat(2,minmax(140px,1fr));align-items:end;gap:10px;display:grid}.reg-search{border:1px solid var(--border);background:var(--bg-card);height:40px;color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.reg-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.reg-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:14px}.reg-date{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.reg-date input{border:1px solid var(--border);height:40px;font:inherit;background:var(--bg-card);color:var(--text-primary);border-radius:10px;padding:0 10px;font-size:13px}.reg-filters .form-select{height:40px}.reg-table{transition:opacity .15s}.reg-table.is-loading{opacity:.55;pointer-events:none}.reg-person{flex-direction:column;line-height:1.3;display:flex}.reg-person span{color:var(--text-secondary);font-size:12px}.reg-type{white-space:nowrap;align-items:center;gap:5px;font-weight:600;display:inline-flex}.reg-type svg{color:var(--primary)}.reg-times{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.reg-times.muted{color:var(--text-secondary);font-weight:500}.reg-reason{-webkit-line-clamp:2;max-width:260px;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.reg-pager{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.reg-pager-buttons{align-items:center;gap:8px;display:inline-flex}.reg-detail{flex-direction:column;gap:16px;display:flex}.reg-detail-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reg-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.reg-compare>div{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.reg-compare>div.is-asked{border-color:var(--primary);background:var(--primary-light)}.reg-compare strong{font-variant-numeric:tabular-nums;font-size:18px}.reg-compare em{color:var(--text-secondary);font-size:12px;font-style:normal}.reg-compare-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:800}.reg-compare-arrow{color:var(--text-muted)}.reg-reason-box{border-left:3px solid var(--primary);background:var(--bg-main);border-radius:0 10px 10px 0;padding:12px 14px}.reg-reason-box span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:800}.reg-reason-box p{white-space:pre-wrap;margin:4px 0 0;font-size:14px}.reg-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 8px;font-size:12px;font-weight:800}.reg-punches{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.reg-punches li{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.reg-punches li.is-struck .reg-punch-time{color:var(--text-muted);text-decoration:line-through}.reg-punch-dir{align-items:center;gap:4px;min-width:70px;font-weight:700;display:inline-flex}.reg-punch-time{font-variant-numeric:tabular-nums;font-weight:700}.reg-warn{background:var(--warning-bg);color:#92400e;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;display:flex}.reg-warn svg{flex-shrink:0;margin-top:2px}.reg-decide{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.reg-decide label,.reg-form label{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.reg-decide label em{color:var(--text-muted);font-style:normal;font-weight:500}.reg-decide-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reg-form{flex-direction:column;gap:14px;display:flex}.reg-form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.reg-form-row:empty{display:none}.reg-chosen{border:1px solid var(--primary);background:var(--primary-light);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 12px;font-weight:500;display:flex}.reg-chosen button{margin-left:auto}.reg-suggest{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;max-height:240px;margin:4px 0 0;padding:4px;list-style:none;overflow:auto;box-shadow:0 8px 24px #0f172a14}.reg-suggest button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:8px;padding:8px 10px;display:flex}.reg-suggest button:hover{background:var(--primary-light)}.reg-suggest span{color:var(--text-secondary);font-size:12px}@media (width<=1100px){.reg-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.reg-search{grid-column:1/-1}}@media (width<=560px){.reg-filters,.reg-compare{grid-template-columns:1fr}.reg-compare-arrow{justify-self:center;transform:rotate(90deg)}.reg-reason{max-width:none}.reg-pager{justify-content:center}.reg-decide-actions .btn{flex:1;justify-content:center}}.mine-att-flag.is-reg{color:var(--primary-hover)}.mine-day-reg{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.mine-day-reg>.mine-reg-card{align-self:stretch}.mine-day-reg-open{align-self:flex-start}.mine-reg-form{border:1px solid var(--primary);background:var(--primary-light);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.mine-reg-types{flex-wrap:wrap;gap:6px;display:flex}.mine-reg-types button{border:1px solid var(--border);background:var(--bg-card);font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.mine-reg-types button.is-on{border-color:var(--primary);background:var(--primary);color:#fff}.mine-reg-times{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.mine-reg-times label,.mine-reg-reason{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.mine-reg-times label span{align-items:center;gap:4px;display:inline-flex}.mine-reg-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mine-reg-actions .text-small{margin-right:auto}.mine-reg{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:6px;padding-top:16px;display:flex}.mine-reg-title{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.mine-reg-title svg{color:var(--primary)}.mine-reg-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.mine-reg-card{border:1px solid var(--border);background:var(--bg-card);border-left-width:4px;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mine-reg-card.s-PENDING{border-left-color:var(--warning)}.mine-reg-card.s-APPROVED{border-left-color:var(--success)}.mine-reg-card.s-REJECTED{border-left-color:var(--error)}.mine-reg-card.s-CANCELLED{opacity:.85;border-left-color:#94a3b8}.mine-reg-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mine-reg-card-head .badge{margin-left:auto}.mine-reg-card-times{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:13px;font-weight:700;display:flex}.mine-reg-card-times em{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-right:4px;font-size:11px;font-style:normal;font-weight:600}.mine-reg-card-reason{color:var(--text-secondary);margin:0;font-size:13px}.mine-reg-card-note{color:var(--text-primary);margin:0;font-size:12px}.mine-reg-card-note span{color:var(--text-muted)}.ot{flex-direction:column;gap:18px;display:flex}.ot-filters{grid-template-columns:minmax(200px,1.5fr) minmax(200px,1.1fr) repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.ot-field{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;min-width:0;font-size:11px;font-weight:700;display:flex}.ot-field .form-select{height:40px}.ot-month{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;align-items:center;gap:4px;height:40px;padding:0 6px 0 10px;display:flex}.ot-month input{min-width:0;font:inherit;text-transform:none;letter-spacing:0;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;font-size:13px;font-weight:500}.ot-check{height:40px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.ot-check span{align-items:center;gap:4px;display:inline-flex}.ot-check input{width:16px;height:16px;accent-color:var(--primary)}.ot-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.ot-actions .ot-check{height:auto}.ot-beyond{white-space:nowrap;flex-direction:column;line-height:1.3;display:flex}.ot-beyond strong{font-variant-numeric:tabular-nums}.ot-beyond span{color:var(--text-secondary);font-size:12px}.ot-band{white-space:nowrap;background:var(--bg-main);color:var(--text-secondary);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.ot-band.b-HALF{color:#92400e;background:#fef3c7}.ot-band.b-FULL{background:var(--primary-light);color:var(--primary-hover)}.ot-band.b-DOUBLE{color:#9d174d;background:#fce7f3}.ot-band.m{color:#075985;background:#e0f2fe}.ot-amount{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;font-weight:700;display:inline-flex}.ot-amount span{color:var(--text-muted);font-size:11px;font-weight:500}.ot-amount.is-estimate{color:var(--text-secondary);font-style:italic}.ot-status{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.ot-flag{background:var(--warning-bg);color:#92400e;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.ot-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ot-figures>div{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ot-figures>div.is-key{border-color:var(--primary);background:var(--primary-light)}.ot-figures span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:11px;font-weight:800}.ot-figures strong{font-variant-numeric:tabular-nums;font-size:17px}.ot-rule{margin:0}.ot-exceptions{background:var(--warning-bg);color:#92400e;border-radius:10px;flex-direction:column;gap:4px;margin:0;padding:10px 12px;font-size:13px;list-style:none;display:flex}.ot-exceptions li{align-items:flex-start;gap:6px;display:flex}.ot-exceptions svg{flex-shrink:0;margin-top:2px}.ot-hours{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.ot-hours em{color:var(--text-muted);font-style:normal;font-weight:500}.ot-hours-row{align-items:center;gap:12px;display:flex}.ot-hours-row input{max-width:140px}.ot-hours-row strong{font-variant-numeric:tabular-nums;font-size:16px}.ot-push-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ot-push-summary>div{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ot-push-summary>div:first-child{border-color:var(--success);background:var(--success-bg,#ecfdf5)}.ot-push-summary span{color:var(--text-secondary);font-size:11px;font-weight:700}.ot-push-summary strong{font-size:20px}.ot-push-summary em{color:var(--text-secondary);font-size:12px;font-style:normal}.ot-seg{border:1px solid var(--border);background:var(--bg-main);border-radius:10px;padding:3px;display:inline-flex}.ot-seg button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600}.ot-seg button.is-on{background:var(--bg-card);color:var(--primary-hover);box-shadow:0 1px 3px #0f172a1f}.ot-rep-label{flex-direction:column;gap:6px;min-width:160px;display:flex}.ot-rep-bar{background:var(--bg-main);border-radius:999px;height:6px;display:flex;overflow:hidden}.ot-rep-bar i,.ot-rep-legend i{height:100%;display:block}.ot-rep-bar i.a,.ot-rep-legend i.a{background:var(--primary)}.ot-rep-bar i.p,.ot-rep-legend i.p{background:#f59e0b}.ot-rep-total{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;gap:18px;padding:12px 16px;font-size:13px;display:flex}.ot-rep-total span:first-child{color:var(--text-primary);margin-right:auto;font-weight:800}.ot-rep-total strong{color:var(--text-primary);font-size:15px}.ot-rep-legend{color:var(--text-secondary);gap:16px;padding:0 16px 12px;font-size:12px;display:flex}.ot-rep-legend span{align-items:center;gap:6px;display:inline-flex}.ot-rep-legend i{border-radius:3px;width:10px;height:10px}@media (width<=900px){.ot-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ot-filters .reg-search{grid-column:1/-1}.ot-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.ot-filters,.ot-push-summary{grid-template-columns:1fr}.ot-actions{justify-content:flex-start}.ot-seg{width:100%}.ot-seg button{flex:1}.ot-amount{align-items:flex-start}}.ot-date{white-space:nowrap}.ot .stat-grid,.reg .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1180px){.ot .stat-grid,.reg .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.ot .stat-grid,.reg .stat-grid{grid-template-columns:1fr}}.ot .dtable td,.reg .dtable td{vertical-align:middle}@media (width>=769px){.ot .dtable{min-width:940px}.ot .ot-status{max-width:150px}.reg .dtable{min-width:960px}.ot .reg-person strong,.reg .reg-person strong{white-space:nowrap}.ot .reg-person span{max-width:170px}.ot .dtable thead th,.ot .dtable tbody td{padding-left:12px;padding-right:12px}.ot .dtable thead th:first-child,.ot .dtable tbody td:first-child{padding-left:18px}}.data-table,.data-table th,.data-table td{text-align:center!important}.data-table td>div,.data-table td>span,.data-table td>label{align-items:center;justify-content:center!important}@media (width>=769px){.dtable thead th,.dtable tbody td,.dtable .dtable-num{text-align:center!important}.dtable tbody td>div,.dtable tbody td>span,.dtable tbody td>label{align-items:center;justify-content:center!important}.ot-amount{align-items:center}.ot-status{justify-content:center}.ot-rep-label{align-items:stretch!important}}.table-container{max-width:100%}.dtable-wrap,.table-container{scrollbar-width:thin}.data-table td>.table-person,.dtable tbody td>.table-person,.dtable tbody td>.att-person,.dtable tbody td>.reg-person{text-align:left;width:min(100%,240px);margin-left:auto;margin-right:auto;justify-content:flex-start!important}.dtable tbody td>.reg-person{align-items:flex-start!important}.table-person>div:last-child{text-align:left;min-width:0}.att-cell-stack>span:first-child,.ot-date,.reg-times{white-space:nowrap}@media (width<=768px){.dtable tbody td>.table-person,.dtable tbody td>.att-person,.dtable tbody td>.reg-person{width:auto;margin:0}}.ot-auto{color:#065f46;background:#ecfdf5;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;display:flex}.ot-auto svg{flex-shrink:0;margin-top:2px}.lv-tabs{margin-bottom:18px}.lv-body,.lv-approvals{flex-direction:column;gap:18px;display:flex}.lv-approvals .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1180px){.lv-approvals .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.lv-approvals .stat-grid{grid-template-columns:1fr}}.lv-year{align-items:center;gap:10px;display:inline-flex}.lv-year strong{text-align:center;min-width:60px;font-size:15px}.lv-mine{flex-direction:column;gap:18px;display:flex}.lv-mine-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lv-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;transition:opacity .15s;display:grid}.lv-cards.is-loading{opacity:.5;min-height:140px}.lv-cards.is-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.lv-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:8px;padding:16px 16px 12px;display:flex;position:relative;overflow:hidden}.lv-card:before{content:"";background:var(--lv-color,var(--primary));height:4px;position:absolute;inset:0 0 auto}.lv-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lv-card-name{color:var(--text-secondary);font-size:13px;font-weight:700}.lv-card-value{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lv-card-value strong{color:var(--lv-color,var(--primary));font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.lv-card-value span{color:var(--text-secondary);font-size:12px}.lv-card-facts{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;display:grid}.lv-card-facts div{flex-direction:column;display:flex}.lv-card-facts dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.lv-card-facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.lv-card-earn{flex-direction:column;gap:5px;display:flex}.lv-card-earn small{color:var(--text-secondary);font-size:11.5px}.lv-card-note{align-items:center;gap:4px;display:inline-flex}.lv-card-note.is-warn{color:#b45309}.lv-card-foot{border-top:1px dashed var(--border);color:var(--text-muted);margin-top:auto;padding-top:6px;font-size:11px}.lv-meter{background:var(--bg-main);border-radius:999px;height:6px;overflow:hidden}.lv-meter i{border-radius:inherit;background:var(--lv-color,var(--primary));height:100%;transition:width .3s;display:block}.lv-upcoming{background:var(--primary-light);color:var(--primary-hover);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.lv-upcoming svg{flex-shrink:0;margin-top:2px}.lv-history{flex-direction:column;gap:10px;display:flex}.lv-req-list{flex-direction:column;gap:8px;display:flex}.lv-req{border:1px solid var(--border);border-left:4px solid var(--lv-color,var(--primary));background:var(--bg-card);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.lv-req.s-CANCELLED,.lv-req.s-REJECTED{opacity:.75}.lv-req-main{flex-direction:column;flex:260px;gap:2px;min-width:0;display:flex}.lv-req-main .text-small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lv-req-type{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.lv-req-type i,.lv-chip i,.lv-th i,.lv-cal-row>i,.lv-type-pick i{background:var(--lv-color,var(--primary));border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.lv-req-side{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lv-req-note{color:var(--text-secondary);max-width:260px;font-size:12px;font-style:italic}.lv-form{flex-direction:column;gap:16px;display:flex}.lv-field{flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:600;display:flex}.lv-field>span em{color:var(--text-muted);font-style:normal;font-weight:500}.lv-hint{color:var(--text-secondary);align-items:flex-start;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.lv-hint svg{flex-shrink:0;margin-top:2px}.lv-type-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.lv-type-pick{border:1.5px solid var(--border);background:var(--bg-card);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.lv-type-pick strong{font-size:13px}.lv-type-pick em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.lv-type-pick:hover{border-color:var(--lv-color)}.lv-type-pick.is-on{border-color:var(--lv-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--lv-color) 18%, transparent)}.lv-dates,.lv-portions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.lv-seg{border:1px solid var(--border);background:var(--bg-main);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.lv-seg button{font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:auto;padding:7px 12px;font-size:12.5px;font-weight:600}.lv-seg button.is-on{background:var(--bg-card);color:var(--primary-hover);box-shadow:0 1px 3px #0f172a1f}.lv-preview{border:1px solid var(--primary);background:var(--primary-light);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.lv-preview.has-problems{background:var(--warning-bg);border-color:#f59e0b}.lv-preview-figures{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lv-preview-figures div{background:#ffffffb3;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.lv-preview-figures span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:11px;font-weight:700}.lv-preview-figures strong{font-variant-numeric:tabular-nums;font-size:20px}.lv-breakdown{flex-wrap:wrap;gap:5px;display:flex}.lv-breakdown span{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:600}.lv-breakdown span.is-off{color:var(--text-muted);background:0 0;text-decoration:line-through}.lv-breakdown span.is-half{border-style:dashed}.lv-problems{color:#92400e;flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.lv-problems li{align-items:flex-start;gap:6px;display:flex}.lv-problems svg{flex-shrink:0;margin-top:2px}.lv-ok{color:#065f46;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.lv-filters{grid-template-columns:minmax(200px,1.3fr) repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.lv-filters .form-select{height:40px}.lv-chip{background:color-mix(in srgb, var(--lv-color) 12%, transparent);color:color-mix(in srgb, var(--lv-color) 75%, #0f172a);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.lv-review-top{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:12px;display:grid}.lv-review-when{border:1px solid var(--border);background:var(--bg-main);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.lv-review-when strong{font-size:18px}.lv-review-when em{color:var(--text-secondary);font-size:13px;font-style:normal}.lv-overlap{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.lv-overlap li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lv-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;transition:opacity .15s;display:grid}.lv-cal.is-loading{opacity:.5}.lv-cal-name{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:4px;font-size:11px;font-weight:800}.lv-cal-cell{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;flex-direction:column;gap:3px;min-height:92px;padding:6px;display:flex;overflow:hidden}.lv-cal-cell.has-away{background:color-mix(in srgb, var(--primary-light) 55%, var(--bg-card))}.lv-cal-cell.is-today{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.lv-cal-day{color:var(--text-secondary);font-size:12px;font-weight:800}.lv-cal-chip{background:var(--lv-color);color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;display:block;overflow:hidden}.lv-cal-chip.is-pending{color:var(--lv-color);border:1.5px dashed var(--lv-color);background:0 0}.lv-cal-more{color:var(--text-secondary);font-size:10.5px;font-weight:700}.lv-cal-dept{width:auto;min-width:170px;max-width:220px;height:34px}.lv-cal-list{flex-direction:column;gap:6px;margin-top:16px;display:flex}.lv-cal-row{border:1px solid var(--border);border-radius:10px;grid-template-columns:12px minmax(120px,1.2fr) minmax(100px,1fr) minmax(110px,1fr) minmax(140px,1.2fr) auto;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:grid}.lv-tag{background:var(--bg-main);border-radius:999px;justify-self:end;padding:2px 8px;font-size:11.5px;font-weight:700}.lv-tag.is-pending{background:var(--warning-bg);color:#92400e}.lv-bal-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:14px 16px;display:flex}.lv-bal-filters .reg-search{flex:240px}.lv-bal-filters .form-select{max-width:240px;height:40px}.lv-bal-table{box-shadow:none;border:0;border-radius:0;transition:opacity .15s}.lv-bal-table.is-loading{opacity:.55}.lv-th{align-items:center;gap:5px;display:inline-flex}.lv-bal-cell{flex-direction:column;align-items:center;line-height:1.25;display:inline-flex}.lv-bal-cell strong{font-variant-numeric:tabular-nums;font-size:15px}.lv-bal-cell small{color:var(--text-secondary);white-space:nowrap;font-size:11px}.lv-bal-cell small.is-warn{color:#b45309}.lv-adjust{border:1px solid var(--border);background:var(--bg-main);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.lv-adjust-grid{grid-template-columns:1.3fr 1fr 110px;gap:8px;display:grid}.lv-adj-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lv-adj-list li{border:1px solid var(--border);border-radius:10px;grid-template-columns:56px 1fr;gap:2px 10px;padding:8px 10px;font-size:13px;display:grid}.lv-adj-list li strong{text-align:center;grid-row:span 3;align-self:center;font-size:16px}.lv-adj-list .is-credit{color:#047857}.lv-adj-list .is-debit{color:#b91c1c}.lv-types{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.lv-type{border:1px solid var(--border);border-top:4px solid var(--lv-color);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.lv-type.is-off{opacity:.6}.lv-type header{align-items:center;gap:8px;display:flex}.lv-type header .btn{margin-left:auto}.lv-type-code{background:var(--lv-color);color:#fff;letter-spacing:.04em;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.lv-type-accrual{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11.5px;font-weight:700}.lv-type p{color:var(--text-secondary);margin:0;font-size:13px}.lv-type ul{flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:12.5px;display:flex}.lv-editor-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.lv-color{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;width:100%;height:40px;padding:2px}.lv-checks{flex-wrap:wrap;gap:6px 20px;display:flex}@media (width<=900px){.lv-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.lv-filters .reg-search{grid-column:1/-1}.lv-review-top{grid-template-columns:1fr}.lv-cal-row{grid-template-columns:12px 1fr auto}.lv-cal-row>span:first-of-type,.lv-cal-row>span:nth-of-type(2){display:none}}@media (width<=640px){.lv-filters{grid-template-columns:1fr}.lv-mine-head .btn-primary{justify-content:center;width:100%}.lv-preview-figures{grid-template-columns:1fr 1fr 1fr}.lv-preview-figures strong{font-size:16px}.lv-cal{gap:3px}.lv-cal-cell{min-height:56px;padding:4px}.lv-cal-chip{border-radius:3px;height:6px;padding:0;font-size:0}.lv-cal-chip.is-pending{border-width:1px}.lv-cal-more{font-size:9px}.lv-adjust-grid{grid-template-columns:1fr 1fr}.lv-adjust-grid input{grid-column:1/-1}.lv-req-side{justify-content:flex-start}}.lv-held{display:flex;position:relative}.lv-held>.lv-card{flex:1}.lv-held-remove{position:absolute;top:8px;right:8px}.lv-assign{border:1px dashed var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.lv-assign-row{flex-wrap:wrap;gap:8px;display:flex}.lv-part{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.lv-part-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.lv-part-row label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.lv-part-row .form-select{min-width:150px;height:38px}.lv-part-sum{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:7px 12px;font-size:13px;font-weight:700}.lv-part-sum.is-part{background:var(--warning-bg);color:#92400e;border-color:#f59e0b}.lv-part-note{color:var(--text-muted)}.att-code{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:800}.att-codes{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;gap:8px 16px;padding:12px 16px;font-size:12px;display:flex}.att-codes span{align-items:center;gap:5px;display:inline-flex}.att-codes .att-code{background:var(--bg-main);color:var(--text-primary);border-radius:5px;padding:1px 6px}.att-codes .att-code.tone-success{background:var(--success-bg,#ecfdf5);color:#047857}.att-codes .att-code.tone-danger{background:var(--error-bg,#fef2f2);color:#b91c1c}.att-codes .att-code.tone-warning{background:var(--warning-bg);color:#92400e}.att-codes .att-code.tone-info{background:var(--info-bg);color:#5b21b6}.att-codes .att-code.tone-primary{background:var(--primary-light);color:var(--primary-hover)}.att-code-label{font-weight:600}.pay{flex-direction:column;gap:18px;display:flex}.pay .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1180px){.pay .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.pay .stat-grid{grid-template-columns:1fr}}.pay-foot{align-items:center;gap:6px;margin:0;display:flex}.pay-run-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pay-run-title{flex-direction:column;line-height:1.3;display:flex}.pay-run-title strong{font-size:17px}.pay-run-title span{color:var(--text-secondary);font-size:12.5px}.pay-run-figures{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pay-run-figures>div{min-width:0}.pay-run-figures strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,1.3vw,17px);overflow:hidden}.pay .dtable .reg-person strong,.pay .dtable thead th,.pay .dtable tbody td{white-space:nowrap}.pay .dtable tbody td>.reg-person span{white-space:normal}.pay .dtable tbody td>.reg-person{min-width:190px}.reg-person .pay-person-group{color:var(--text-muted);font-size:11.5px}.pay .dtable thead th,.pay .dtable tbody td{padding-left:10px;padding-right:10px}.pay-slip-cell{flex-direction:column;align-items:center;gap:5px;display:inline-flex}.pay-ded{flex-direction:column;align-items:center;gap:1px;line-height:1.25;display:inline-flex}.pay-ded small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.pay-run-bar{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pay-lookup{position:relative}.pay-lookup .reg-suggest{z-index:20;min-width:280px;position:absolute;top:calc(100% + 4px);right:0}.pay-slip{flex-direction:column;gap:14px;display:flex}.pay-slip-head{border-bottom:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.pay-slip-head>div{flex-direction:column;display:flex}.pay-slip-head strong{font-size:17px}.pay-slip-head span{color:var(--text-secondary);font-size:12.5px}.pay-slip-period{text-align:right}.pay-slip-facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.pay-slip-facts div{flex-direction:column;gap:2px;display:flex}.pay-slip-facts dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10.5px;font-weight:800}.pay-slip-facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.pay-slip-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pay-slip-columns h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 6px;font-size:12px;font-weight:800}.pay-slip-columns table{border-collapse:collapse;width:100%;font-size:13.5px}.pay-slip-columns th{text-align:left;padding:5px 0;font-weight:500}.pay-slip-columns th em{color:var(--text-muted);font-size:11.5px;font-style:normal}.pay-slip-columns td{text-align:right;font-variant-numeric:tabular-nums;padding:5px 0;font-weight:600}.pay-slip-columns tfoot th,.pay-slip-columns tfoot td{border-top:1px solid var(--border);padding-top:8px;font-weight:800}.pay-slip-net{background:var(--primary-light);color:var(--primary-hover);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pay-slip-net span{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.pay-slip-net strong{font-variant-numeric:tabular-nums;font-size:24px}.pay-slip-employer,.pay-slip-note,.pay-slip-foot{color:var(--text-secondary);margin:0;font-size:12.5px}.pay-slip-warnings{background:var(--warning-bg);color:#92400e;border-radius:10px;flex-direction:column;gap:4px;margin:0;padding:10px 12px;font-size:13px;list-style:none;display:flex}.pay-slip-warnings li{align-items:flex-start;gap:6px;display:flex}@media (width<=640px){.pay-slip-columns{grid-template-columns:1fr}.pay-slip-period{text-align:left}}.pay .stat-tile-body{min-width:0}.pay .stat-tile-value{white-space:nowrap;font-size:clamp(16px,1.55vw,22px)}.pay-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pay-filters>label{flex-direction:column;gap:4px;min-width:190px;display:flex}.pay-filters>label>span{color:var(--text-secondary);font-size:11.5px;font-weight:700}.pay-filters .pay-filter-search{flex-direction:row;min-width:240px;margin-left:auto}.pay-print-many{flex-direction:column;gap:18px;display:flex}@media (width<=640px){.pay-filters>label,.pay-filters .pay-filter-search{width:100%;min-width:0;margin-left:0}}.slip{--slip-ink:#111;--slip-band:#c9c9c9;--slip-rule:#111;--slip-paper:#fff;background:var(--slip-paper);color:var(--slip-ink);border:1.5px solid var(--slip-rule);font-family:Times New Roman,Times,serif;font-size:12.5px;line-height:1.35;overflow-x:auto}.slip *{font-family:inherit}.slip table{border-collapse:collapse;width:100%}.slip th{text-align:left;font-weight:400}.slip .num{text-align:right;font-variant-numeric:tabular-nums}.slip-company{text-align:center;letter-spacing:.01em;padding:14px 8px 2px;font-size:15px;font-weight:700}.slip-band{background:var(--slip-band);text-align:center;padding:2px 8px;font-size:14px}.slip-facts{margin:14px 0 12px}.slip-facts th{background:var(--slip-band);white-space:nowrap;width:17%;padding:1px 8px}.slip-facts td{width:33%;padding:1px 8px}.slip-bank thead th{background:var(--slip-band);text-align:center;padding:1px 8px}.slip-bank thead th:first-child{width:34%}.slip-bank thead th:nth-child(2){width:42%}.slip-bank thead th:nth-child(3){width:24%}.slip-bank td{text-align:center;padding:3px 8px 6px}.slip-bank td+td,.slip-bank th+th{border-left:1px solid var(--slip-rule)}.slip-pay{margin-top:6px}.slip-pay .slip-c-label{width:17%}.slip-pay .slip-c-num{width:12%}.slip-pay .slip-c-net{width:30%}.slip-pay thead th{background:var(--slip-band);padding:1px 8px}.slip-pay tbody th{padding:1px 8px}.slip-pay tbody tr th:first-child,.slip-pay tbody th.slip-split{background:var(--slip-band)}.slip-pay td{padding:1px 8px}.slip-pay .slip-split{border-left:2px solid var(--slip-rule)}.slip-net{vertical-align:top;text-align:center;padding-top:34px!important}.slip-net span{margin-bottom:12px;font-weight:700;display:block}.slip-net strong{font-size:13.5px}.slip-pay tfoot th,.slip-pay tfoot td{border-top:2px solid var(--slip-rule);border-bottom:1.5px solid var(--slip-rule);padding:3px 8px;font-weight:700;text-decoration:underline}.slip-pay tfoot th{background:var(--slip-band);text-decoration:none}.slip-days{border-bottom:1.5px solid var(--slip-rule);flex-wrap:wrap;gap:4px 18px;padding:18px 8px 8px;display:flex}.slip-days b{background:var(--slip-band);margin-right:6px;padding:0 4px;font-weight:400}.slip-note{background:var(--slip-paper);border-top:0;margin:0;padding:4px 8px;font-size:11px;font-style:italic;font-weight:700}.slip-year{margin-top:6px}.slip-year thead th{background:var(--slip-band);padding:2px 6px;font-size:.92em}.slip-year tbody th{background:var(--slip-band);white-space:nowrap;padding:1px 6px}.slip-year td{padding:1px 6px}.slip-year tbody tr+tr td,.slip-year tbody tr+tr th{border-top:1px dotted #999}.slip-year tfoot th,.slip-year tfoot td{border-top:2px solid var(--slip-rule);border-bottom:1.5px solid var(--slip-rule);padding:3px 6px;font-weight:700}.slip-year tfoot th{background:var(--slip-band)}.slip-empty{text-align:center;font-style:italic;padding:14px 6px!important}.pay-slip-extra{flex-direction:column;gap:10px;margin-top:14px;display:flex}.slip-tax{margin-top:10px}.slip-tax table{font-size:.95em}.slip-tax thead th{background:var(--slip-band);padding:2px 6px}.slip-tax td,.slip-tax tbody th{padding:1px 6px}.slip-tax-calc{margin-top:8px}.slip-tax-calc tbody th{background:var(--slip-band)}.slip-tax-calc .slip-tax-indent{padding-left:18px}.slip-tax-calc tbody tr+tr td,.slip-tax-calc tbody tr+tr th{border-top:1px dotted #999}.slip-tax-strong th,.slip-tax-strong td{font-weight:700}.slip-tax-side{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:10px;margin-top:10px;display:grid}.slip-tax-head{background:var(--slip-band);text-align:center;padding:2px 6px;font-weight:700}.slip-tax-hint{margin:2px 6px 4px;font-size:10.5px;font-style:italic}.slip-tax-hra thead th{vertical-align:bottom;font-size:.88em;line-height:1.2}.slip-tax-hra tbody tr+tr td,.slip-tax-hra tbody tr+tr th{border-top:1px dotted #999}.slip-tax-hra tfoot th,.slip-tax-hra tfoot td,.slip-tax-tds tfoot td{border-top:1.5px solid var(--slip-rule);padding:2px 6px;font-weight:700}.slip-tax-projected td,.slip-tax-projected th{color:#555}@media (width<=760px){.slip-tax-side{grid-template-columns:1fr}.slip-tax-hra table{min-width:560px}}.pay-lang{background:var(--bg-main);border-radius:10px;gap:2px;margin-right:auto;padding:3px;display:inline-flex}.pay-lang-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600}.pay-lang-btn.on{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.pay-kind{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.pay-kind-opt{text-align:left;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.pay-kind-opt:hover{border-color:var(--primary)}.pay-kind-opt.on{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px var(--primary-light)}.pay-kind-icon{background:var(--bg-main);width:36px;height:36px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.pay-kind-opt.on .pay-kind-icon{background:var(--primary);color:#fff}.pay-kind-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pay-kind-text strong{color:var(--text-primary);font-size:14px}.pay-kind-text span{color:var(--text-secondary);font-size:12px;line-height:1.35}.pay-kind-check{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.pay-kind-opt.on .pay-kind-check{background:var(--primary);border-color:var(--primary)}@media (width<=560px){.pay-kind{grid-template-columns:1fr}}.pay-decl{flex-direction:column;gap:14px;display:flex}.pay-decl-regimes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pay-decl-regime{text-align:left;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:12px;padding:10px 12px}.pay-decl-regime strong{font-size:13.5px;display:block}.pay-decl-regime em{color:var(--text-secondary);margin-top:2px;font-size:12px;font-style:normal;display:block}.pay-decl-regime.on{border-color:var(--primary);background:var(--primary-light);box-shadow:inset 0 0 0 1px var(--primary)}.pay-decl-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pay-decl-check{align-items:center;gap:8px;flex-direction:row!important}.pay-decl-check em{color:var(--text-secondary);font-size:12px;font-style:normal}@media (width<=640px){.pay-decl-regimes,.pay-decl-grid{grid-template-columns:1fr}.slip{font-size:11.5px}.slip-pay{min-width:600px}.slip-facts th,.slip-facts td{width:auto;display:block}}@page payslip{size:A4 portrait;margin:0}@media print{html:has(#payslip-print){background:#fff!important;height:auto!important;overflow:visible!important}html:has(#payslip-print) body{background:#fff!important;height:auto!important;overflow:visible!important}body:has(#payslip-print) :not(:has(#payslip-print)):not(#payslip-print):not(#payslip-print *){display:none!important}body:has(#payslip-print) :has(#payslip-print){filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;opacity:1!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;animation:none!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}#payslip-print{page:payslip;overflow:visible;margin:0!important}#payslip-print .slip{break-inside:avoid;page-break-inside:avoid;font-size:11.5px;margin:12mm!important}#payslip-print .slip~.slip{break-before:page;page-break-before:always}#payslip-print .slip-tax{border-top:0;font-size:10.5px;break-before:auto!important;page-break-before:auto!important;margin-top:0!important}#payslip-print .slip-tax-calc,#payslip-print .slip-tax-side{break-inside:avoid;page-break-inside:avoid}#payslip-print .pay-slip-extra,#payslip-print .no-print{display:none!important}#payslip-print .slip-pay{min-width:0}#payslip-print,#payslip-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stat{--stat-pf:#6366f1;--stat-esi:#0d9488}.stat-pickers{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.stat-pickers label{flex-direction:column;gap:4px;min-width:170px;display:flex}.stat-pickers label>span{color:var(--text-secondary);font-size:11.5px;font-weight:700}.stat-banner{background:var(--info-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:10px 14px;font-size:13px;display:flex}.stat-banner.is-warning{background:var(--warning-bg)}.stat-banner svg{flex-shrink:0;margin-top:2px}.stat-schemes{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;display:grid}.stat-scheme{--accent:var(--stat-pf);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.stat-scheme.is-esi{--accent:var(--stat-esi)}.stat-scheme:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.stat-scheme-head{align-items:center;gap:12px;display:flex}.stat-scheme-icon{width:40px;height:40px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.stat-scheme-title{flex-direction:column;flex:1;min-width:0;display:flex}.stat-scheme-title strong{font-size:15.5px}.stat-scheme-title span{color:var(--text-secondary);font-size:12px}.stat-scheme-total{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-scheme-total span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:800}.stat-scheme-total strong{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:clamp(22px,2.4vw,28px);line-height:1.15}.stat-scheme-total small{color:var(--text-secondary);font-size:12.5px}.stat-scheme-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;display:grid}.stat-scheme-figures div{flex-direction:column;gap:1px;min-width:0;display:flex}.stat-scheme-figures dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.stat-scheme-figures dd{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.stat-scheme-warn,.stat-scheme-note{align-items:flex-start;gap:6px;margin:0;font-size:12.5px;display:flex}.stat-scheme-warn{background:var(--error-bg);color:var(--error);border-radius:10px;padding:8px 10px}.stat-scheme-warn svg{flex-shrink:0;margin-top:2px}.stat-scheme-note{color:var(--text-secondary)}.stat-scheme-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.stat-scheme-paid{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;display:grid}.stat-strip>div{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:10px 14px;display:grid}.stat-strip svg{color:var(--text-muted);grid-row:1/3}.stat-strip span{color:var(--text-secondary);font-size:11.5px;font-weight:600}.stat-strip strong{font-variant-numeric:tabular-nums}.stat-strip .is-warn{border-color:var(--warning)}.stat-strip .is-warn svg{color:var(--warning)}.stat-totals{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:8px;padding:12px 16px;display:grid}.stat-totals>div{background:var(--bg-main);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:8px 12px;display:flex}.stat-totals>div.is-key{background:var(--primary-light)}.stat-totals span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:10.5px;font-weight:800}.stat-totals strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-id{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600}.stat-exempt{color:var(--text-muted);background:var(--bg-main);border:1px dashed var(--border);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.stat-sub{font-style:italic}.stat-stack{flex-direction:column;align-items:flex-start;gap:3px;display:inline-flex}.stat-stack em{color:var(--text-muted);margin-right:4px;font-size:10.5px;font-style:normal;font-weight:800}.stat-stack.is-num{align-items:center}.stat-stack small,.stat-days small{color:var(--text-muted);white-space:nowrap;font-size:11px}.stat-days{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.stat-pair{font-variant-numeric:tabular-nums;white-space:nowrap}.stat-contrib>span{white-space:nowrap}.stat-pair i{color:var(--text-muted);margin:0 2px;font-style:normal}.stat-cal{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.stat-cal>li{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;grid-template-columns:minmax(170px,220px) 1fr;align-items:stretch;gap:12px;padding:12px;display:grid}.stat-cal>li.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.stat-cal-month{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 6px;display:flex}.stat-cal-month:hover{background:var(--bg-main)}.stat-cal-month strong{font-size:15px}.stat-cal-month span{color:var(--text-secondary);font-size:12px}.stat-cal-month .stat-cal-pending{color:var(--warning);font-weight:700}.stat-cal-obs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;display:grid}.stat-ob{background:var(--bg-main);border-left:4px solid var(--info);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.stat-ob.is-success{border-left-color:var(--success)}.stat-ob.is-success>svg{color:var(--success)}.stat-ob.is-warning{border-left-color:var(--warning)}.stat-ob.is-warning>svg{color:var(--warning)}.stat-ob.is-danger{border-left-color:var(--error)}.stat-ob.is-danger>svg{color:var(--error)}.stat-ob>div{flex-direction:column;min-width:0;display:flex}.stat-ob strong{font-size:13px}.stat-ob span{color:var(--text-secondary);font-size:12px}.stat-ob .stat-ob-amount{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}@media (width<=720px){.stat-pickers,.stat-pickers label{width:100%}.stat-cal>li{grid-template-columns:1fr}.stat-totals{padding:10px}.stat-strip>div{padding:8px 10px}}.pol{flex-direction:column;gap:14px;display:flex}.pol-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}.pol-tile{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.pol-tile>div{flex-direction:column;min-width:0;display:flex}.pol-tile span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.pol-tile strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.2}.pol-tile small{color:var(--text-muted);font-size:12px}.pol-tile-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.pol-tile.is-warn{border-color:var(--warning);background:var(--warning-bg)}.pol-tile.is-warn .pol-tile-icon{color:var(--warning);background:0 0}.pol-tile.is-ok .pol-tile-icon{background:var(--success-bg);color:var(--success)}.pol-tile-bar{background:var(--bg-main);height:4px;position:absolute;bottom:0;left:0;right:0}.pol-tile-bar i{background:var(--success);border-radius:0 4px 4px 0;height:100%;display:block}.pol-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pol-search{flex:220px;min-width:0}.pol-filter{width:auto;min-width:170px}.pol-new{margin-left:auto}.pol-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.pol-seg{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;padding:3px;display:inline-flex}.pol-seg button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.pol-seg button.is-on{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.pol-seg.is-small button{padding:4px 10px;font-size:12px}.pol-list{flex-direction:column;gap:12px;display:flex}.pol-card{--hue:243;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px 18px 24px;display:grid;position:relative}.pol-card:before{content:"";background:hsl(var(--hue) 70% 55%);border-radius:0 4px 4px 0;width:4px;position:absolute;top:14px;bottom:14px;left:0}.pol-card:hover{box-shadow:var(--shadow-md)}.pol-card.is-due{border-color:var(--warning);background:linear-gradient(90deg, var(--warning-bg), var(--bg-card) 55%)}.pol-card.is-muted{opacity:.85}.pol-card-main{flex-direction:column;gap:4px;min-width:0;display:flex}.pol-card-main h3{margin:2px 0 0;font-size:16.5px;line-height:1.3}.pol-card-chips,.pol-reader-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pol-cat{color:hsl(var(--hue,243) 65% 42%);background:hsl(var(--hue,243) 80% 55% / .12);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.pol-card-summary{color:var(--text-secondary);margin:0;font-size:13.5px}.pol-card-meta{color:var(--text-muted);margin:0;font-size:12.5px}.pol-card-due,.pol-card-done{align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;font-weight:700;display:inline-flex}.pol-card-due{color:#b45309}.pol-card-done{color:var(--success)}.pol-card-side{flex-direction:column;align-items:flex-end;gap:10px;min-width:0;display:flex}.pol-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pol-danger{color:var(--error)!important}.pol-progress{cursor:pointer;text-align:right;width:210px;max-width:100%;color:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:5px;padding:6px 8px;display:flex}.pol-progress:hover{background:var(--bg-main)}.pol-progress>span:first-child{color:var(--text-secondary);font-size:12.5px;font-weight:700}.pol-progress-bar{background:var(--bg-main);border:1px solid var(--border);border-radius:999px;height:6px;display:block;overflow:hidden}.pol-progress-bar i{background:linear-gradient(90deg, var(--success), #34d399);border-radius:999px;height:100%;display:block}.pol-reader{flex-direction:column;gap:14px;display:flex}.pol-doc{flex-direction:column;gap:6px;display:flex}.pol-doc-title{margin:6px 0 0;font-size:22px;line-height:1.25}.pol-doc-summary{color:var(--text-secondary);margin:0;font-size:14px}.pol-doc-meta{color:var(--text-muted);border-bottom:1px solid var(--border);margin:0 0 8px;padding-bottom:12px;font-size:12.5px}.pol-changed{background:var(--info-bg);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.pol-changed div{flex-direction:column;gap:2px;display:flex}.pol-changed svg{color:var(--info);flex-shrink:0;margin-top:2px}.pol-text{color:var(--text-primary);font-size:14.5px;line-height:1.7}.pol-text h3{margin:18px 0 6px;font-size:17px}.pol-text h4{margin:16px 0 4px;font-size:15.5px}.pol-text h5{margin:14px 0 4px;font-size:14.5px}.pol-text p{margin:0 0 10px}.pol-text ul,.pol-text ol{margin:0 0 12px;padding-left:22px}.pol-text li{margin:3px 0}.pol-text>:first-child{margin-top:0}.pol-text-empty{color:var(--text-muted);font-style:italic}.pol-file{border:1px solid var(--border);background:var(--bg-main);color:inherit;border-radius:12px;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;text-decoration:none;display:flex}.pol-file:not(.is-static):hover{border-color:var(--primary)}.pol-file>svg{color:#dc2626;flex-shrink:0}.pol-file>span{flex-direction:column;flex:1;min-width:0;display:flex}.pol-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.pol-file small{color:var(--text-muted);font-size:12px}.pol-history{border-top:1px solid var(--border);padding-top:10px}.pol-history-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:13px;font-weight:700;display:inline-flex}.pol-history-toggle .is-open{transform:rotate(180deg)}.pol-history ol{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.pol-history li button{text-align:left;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;width:100%;color:inherit;border-radius:10px;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.pol-history li.is-on button{border-color:var(--primary);background:var(--primary-light)}.pol-history li span{color:var(--text-secondary);font-size:12.5px}.pol-history li small{color:var(--text-muted);white-space:nowrap;font-size:11.5px}.pol-reader-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.pol-reader-state{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.pol-reader-state svg{color:var(--success)}.pol-agree{cursor:pointer;flex:1;align-items:flex-start;gap:10px;min-width:220px;font-size:13.5px;display:flex}.pol-agree input{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.pol-editor .pol-grow{flex:2}.pol-editor-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pol-switch,.reg-form .pol-switch{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;display:flex}.pol-switch input{width:16px;height:16px;accent-color:var(--primary);margin-top:3px}.pol-switch span{flex-direction:column;font-size:13.5px;display:flex}.pol-switch small{color:var(--text-muted);font-size:12px}.pol-audience{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.pol-audience-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11.5px;font-weight:800;display:block}.pol-chips{flex-wrap:wrap;gap:6px;max-height:150px;display:flex;overflow-y:auto}.pol-chips button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.pol-chips button.is-on{background:var(--primary);border-color:var(--primary);color:#fff}.pol-body-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.pol-body-input{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.pol-preview{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;min-height:260px;max-height:420px;padding:14px 16px;overflow-y:auto}.pol-editor code{background:var(--bg-main);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:11.5px}.pol-attach{display:flex}.pol-attach .pol-file{flex:1;margin:0}.pol-file.is-pending{border-style:dashed;border-color:var(--primary);background:var(--primary-light)}.pol-file.is-pending small{color:var(--primary);font-weight:600}.pol-file.is-removing{opacity:.7}.pol-file.is-removing strong{text-decoration:line-through}.pol-unsaved{color:var(--primary);font-weight:700}.pol-editor-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.pol-publish-note{background:var(--primary-light);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.pol-publish-note svg{color:var(--primary);flex-shrink:0;margin-top:2px}.pol-track{flex-direction:column;gap:12px;display:flex}.pol-track-head{align-items:center;gap:14px;display:flex}.pol-track-head>div:last-child{flex-direction:column;gap:2px;display:flex}.pol-track-head span{color:var(--text-secondary);font-size:12.5px}.pol-ring{--p:0;background:conic-gradient(var(--success) calc(var(--p) * 1%), var(--bg-main) 0);border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.pol-ring span{background:var(--bg-card);width:44px;height:44px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:12.5px;font-weight:800;display:grid}.pol-track-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pol-ack-when{color:var(--success);align-items:center;gap:5px;font-weight:700;display:inline-flex}.pol-ack-pending{color:#b45309;align-items:center;gap:5px;font-weight:700;display:inline-flex}@media (width<=760px){.pol-card{grid-template-columns:1fr;padding:16px 16px 16px 20px}.pol-card-side{align-items:stretch}.pol-progress{text-align:left;width:100%;padding:6px 0}.pol-card-actions{justify-content:flex-start}.pol-new{margin-left:0}.pol-filter{flex:160px}}@media print{#payslip-print .pol-doc{margin:14mm!important}#payslip-print .pol-history{display:none!important}}.ann,.cel{flex-direction:column;gap:14px;display:flex}.ann-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;display:grid}.ann-tile{text-align:left;font:inherit;color:inherit}button.ann-tile{cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}button.ann-tile:hover{border-color:var(--primary)}.ann-tile.is-on{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.pol-tile.is-info .pol-tile-icon{background:var(--info-bg);color:var(--info)}.pol-tile.is-danger{border-color:var(--error)}.pol-tile.is-danger .pol-tile-icon{background:var(--error-bg);color:var(--error)}.ann-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:14px;display:grid}.ann-card{--hue:243;--edge:var(--border);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:18px;flex-direction:column;gap:8px;padding:16px 18px 14px 20px;display:flex;position:relative;overflow:hidden}.ann-card:before{content:"";background:var(--edge);width:4px;position:absolute;top:0;bottom:0;left:0}.ann-card.is-high{--edge:var(--warning)}.ann-card.is-critical{--edge:var(--error)}.ann-card.is-normal{--edge:hsl(var(--hue) 70% 58%)}.ann-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ann-card.is-due{border-color:var(--warning);background:linear-gradient(180deg, var(--warning-bg), var(--bg-card) 40%)}.ann-card.is-muted{opacity:.8}.ann-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ann-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 4px var(--primary-light);border-radius:50%;flex-shrink:0;margin-top:4px}.ann-card-open{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:block}.ann-card-open h3{margin:2px 0 4px;font-size:16.5px;line-height:1.3}.ann-card.is-unread .ann-card-open h3{font-weight:800}.ann-card-open:hover h3{color:var(--primary)}.ann-card-text{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.ann-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 0;font-size:12.5px;display:flex}.ann-card-meta strong{color:var(--text-secondary)}.ann-aud{background:var(--bg-main);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;display:inline-flex}.ann-avatar{--hue:243;width:26px;height:26px;color:hsl(var(--hue) 60% 38%);background:hsl(var(--hue) 80% 60% / .16);border-radius:50%;flex-shrink:0;place-items:center;font-size:11.5px;font-weight:800;display:inline-grid}.ann-reach{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.ann-card-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.ann-counts{color:var(--text-muted);gap:12px;font-size:12.5px;display:inline-flex}.ann-counts span{align-items:center;gap:4px;display:inline-flex}.ann-counts .is-liked{color:#e11d48}.ann-card-actions{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.pol-seg button.ann-pri-high.is-on{color:#b45309}.pol-seg button.ann-pri-critical.is-on{color:var(--error)}.ann-people{flex-direction:column;gap:8px;display:flex;position:relative}.ann-preview{min-height:160px}.ann-detail{flex-direction:column;gap:10px;display:flex}.ann-meta{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin:0;padding-bottom:12px;font-size:13px;display:flex}.ann-meta svg{vertical-align:-2px}.ann-detail-tabs{align-self:flex-start}.ann-body{font-size:14.5px}.ann-comments{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.ann-comments h4{align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.ann-comment{grid-template-columns:auto 1fr auto;align-items:flex-start;gap:10px;display:grid}.ann-comment p{margin:0;font-size:13.5px}.ann-comment small{color:var(--text-muted);margin-left:4px;font-size:11.5px}.ann-comment>div{background:var(--bg-main);border-radius:12px;padding:8px 12px}.ann-comment-form{gap:8px;display:flex}.ann-comment-form .form-input{flex:1}.ann-detail-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.ann-like{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex}.ann-like.is-on{color:#e11d48;background:#fff1f2;border-color:#fda4af}.ann-like.is-on svg{fill:currentColor}.ann-acked{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.pol-tile.is-party{background:linear-gradient(135deg, #fdf2f8, var(--bg-card));border-color:#f9a8d4}.pol-tile.is-party .pol-tile-icon{color:#db2777;background:#fce7f3}.cel-now h3,.cel-upcoming h3{align-items:center;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.cel-now-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;display:grid}.cel-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:18px;display:grid;position:relative;overflow:hidden}.cel-card.is-birthday{background:linear-gradient(135deg, #fff7ed 0%, #fdf2f8 60%, var(--bg-card) 100%);border-color:#fbcfe8}.cel-card.is-anniversary{background:linear-gradient(135deg, #eef2ff 0%, #f5f3ff 60%, var(--bg-card) 100%);border-color:#c7d2fe}.cel-card.is-today{box-shadow:0 10px 30px -12px #db277759}.cel-card.is-me{outline:2px solid var(--primary);outline-offset:-2px}.cel-card-confetti{pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#f472b6 1.5px,#0000 2px),radial-gradient(circle,#fbbf24 1.5px,#0000 2px),radial-gradient(circle,#818cf8 1.5px,#0000 2px);background-position:0 0,20px 12px,8px 28px;background-size:46px 46px,62px 62px,38px 38px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000);mask-image:linear-gradient(90deg,#0000 40%,#000)}.cel-card>:not(.cel-card-confetti){position:relative}.cel-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.cel-card-body strong{color:#0f172a;font-size:16px;line-height:1.25}.cel-card-body small{color:#475569;font-size:12.5px}.cel-card-kind{color:#db2777;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.cel-card.is-anniversary .cel-card-kind{color:#4f46e5}.cel-card-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.cel-wish-count{color:#be185d;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.cel-avatar{--hue:243;object-fit:cover;color:hsl(var(--hue) 60% 36%);background:hsl(var(--hue) 80% 60% / .18);box-shadow:var(--shadow-sm);border:3px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:inline-grid}.cel-upcoming{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:16px 18px}.cel-day{border-top:1px solid var(--border);grid-template-columns:170px 1fr;gap:12px;padding:12px 0;display:grid}.cel-day:first-of-type{border-top:0}.cel-day-head{align-items:center;gap:10px;display:flex}.cel-day-head>span:last-child{flex-direction:column;display:flex}.cel-day-head small{color:var(--text-muted);font-size:12px}.cel-date{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:50px;line-height:1.05;display:inline-flex;overflow:hidden}.cel-date strong{font-size:18px}.cel-date small{text-transform:uppercase;color:var(--primary);font-size:10.5px;font-weight:800}.cel-day ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cel-day li{border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.cel-day li:hover{background:var(--bg-main)}.cel-day li.is-me{background:var(--primary-light)}.cel-person{flex-direction:column;min-width:0;display:flex}.cel-person small{color:var(--text-muted);font-size:12px}.cel-kind{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.cel-kind.is-birthday{color:#be185d;background:#fce7f3}.cel-kind.is-anniversary{color:#4338ca;background:#e0e7ff}.cel-wishes{flex-direction:column;gap:14px;display:flex}.cel-wish-hero{border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.cel-wish-hero.is-birthday{background:linear-gradient(135deg,#fff7ed,#fdf2f8)}.cel-wish-hero.is-anniversary{background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.cel-wish-hero div{flex-direction:column;display:flex}.cel-wish-hero strong{color:#0f172a;font-size:16px}.cel-wish-hero small{color:#475569}.cel-wish-form{flex-direction:column;align-items:stretch;gap:8px;display:flex}.cel-wish-form .btn{align-self:flex-end}.cel-wish-list{flex-direction:column;gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cel-wish-list li{grid-template-columns:auto 1fr;gap:10px;display:grid}.cel-wish-list li>div{background:var(--bg-main);border-radius:12px;padding:8px 12px}.cel-wish-list p{margin:0;font-size:13.5px}.cel-wish-list small{color:var(--text-muted);margin-left:4px;font-size:11.5px}.cel-wish-empty{color:var(--text-muted);font-size:13px}@media (width<=720px){.ann-grid{grid-template-columns:1fr}.ann-aud{margin-left:0}.cel-day{grid-template-columns:1fr}.cel-day li{grid-template-columns:auto 1fr}.cel-day li .cel-kind{grid-column:2;justify-self:start}}.bulletin-strip-item{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.bulletin-strip-item:hover{text-decoration:underline}.bulletin-strip-item.is-critical{color:var(--error);font-weight:700}.bulletin-strip-item.is-high{font-weight:700}.dash-ann{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;border-bottom:1px solid var(--border);background:0 0;padding:0 0 12px;display:block}.dash-ann:last-child{border-bottom:0}.dash-ann-title{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:700}.dash-ann:hover .dash-ann-title{text-decoration:underline}.dash-ann-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.dash-ann-meta{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:11.5px;display:flex}.att-calendar{flex-direction:column;gap:16px;display:flex}.att-cal-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-cal-bar>.att-picker{flex:280px;min-width:0}.att-picker{position:relative}.att-picker-field{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.att-picker-field input{min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1;padding:9px 0}.att-picker-field input:focus{outline:none}.att-picker-list{z-index:40;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-height:320px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a24}.att-picker-list li button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.att-picker-list li button:hover{background:var(--bg-main)}.att-picker-list strong{font-size:13px;display:block}.att-picker-list em{color:var(--text-muted);font-size:11.5px;font-style:normal;display:block}.att-picker-empty{color:var(--text-muted);padding:10px;font-size:13px}.att-cal-month-nav{align-items:center;gap:4px;display:flex}.att-cal-month{text-align:center;min-width:140px;font-size:15px;font-weight:700}.att-cal-person{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.att-cal-person h3{margin:0;font-size:16px}.att-cal-person p{margin:2px 0 0}.att-cal-person-right{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-left:auto;font-size:12.5px;display:flex}.att-cal-person-right strong{color:var(--text-primary);font-size:15px;display:block}.att-cal-person-right .danger strong{color:var(--error)}.att-avatar.lg{width:44px;height:44px;font-size:15px}.att-cal-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.att-cal-tile{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.att-cal-tile-icon{background:var(--bg-main);width:30px;height:30px;color:var(--text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.att-cal-tile.tone-success .att-cal-tile-icon{color:#047857;background:#d1fae5}.att-cal-tile.tone-warning .att-cal-tile-icon{color:#b45309;background:#fef3c7}.att-cal-tile.tone-danger .att-cal-tile-icon{color:#b91c1c;background:#fee2e2}.att-cal-tile.tone-info .att-cal-tile-icon{color:#0369a1;background:#e0f2fe}.att-cal-tile.tone-primary .att-cal-tile-icon{color:#4338ca;background:#e0e7ff}.att-cal-tile-text{min-width:0}.att-cal-tile-text em{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-style:normal;display:block}.att-cal-tile-text strong{font-size:18px;line-height:1.2;display:block}.att-cal-tile-text i{color:var(--text-muted);font-size:11px;font-style:normal}.att-cal-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}.att-cal-layout.with-panel{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.att-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.att-cal-head{text-align:center;color:var(--text-muted);padding-bottom:2px;font-size:11px;font-weight:700}.att-cal-pad{min-height:10px}.att-cal-day{border:1px solid var(--border);background:var(--bg-card);min-height:86px;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:6px 7px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.att-cal-day:hover{border-color:var(--primary)}.att-cal-day.selected{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e52e}.att-cal-day.today .att-cal-num{color:var(--primary)}.att-cal-day:disabled{cursor:default;opacity:.45}.att-cal-num{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.att-cal-lock{background:var(--text-muted);border-radius:50%;width:6px;height:6px;display:inline-block}.att-cal-code{background:var(--bg-main);color:var(--text-secondary);border-radius:999px;align-self:flex-start;padding:1px 6px;font-size:10.5px;font-weight:700}.att-cal-code.tone-success{color:#047857;background:#d1fae5}.att-cal-code.tone-warning{color:#b45309;background:#fef3c7}.att-cal-code.tone-danger{color:#b91c1c;background:#fee2e2}.att-cal-code.tone-info{color:#0369a1;background:#e0f2fe}.att-cal-code.tone-primary{color:#4338ca;background:#e0e7ff}.att-cal-times{color:var(--text-secondary);font-size:10.5px}.att-cal-worked{color:var(--text-primary);font-size:10.5px;font-weight:700}.att-cal-flags{gap:3px;display:flex;position:absolute;top:6px;right:7px}.att-cal-flag{border-radius:50%;width:7px;height:7px;display:inline-block}.att-cal-flag.od{background:#4338ca}.att-cal-flag.ot{background:#0ea5e9}.att-cal-flag.warn{background:#f59e0b}.att-cal-flag.pending{background:#94a3b8}.att-cal-day.tone-present{background:#f0fdf4}.att-cal-day.tone-half{background:#fffbeb}.att-cal-day.tone-absent{background:#fef2f2}.att-cal-day.tone-missing{background:#fff7ed}.att-cal-day.tone-leave{background:#f0f9ff}.att-cal-day.tone-holiday{background:#f5f3ff}.att-cal-day.tone-off{background:#f8fafc}.att-cal-day.tone-expected{background:var(--bg-card);border-style:dashed}.att-cal-day.tone-outside{background:var(--bg-main)}.att-cal-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12px;display:flex}.att-cal-legend span{align-items:center;gap:5px;display:inline-flex}.att-cal-swatch{border:1px solid var(--border);border-radius:3px;width:11px;height:11px;display:inline-block}.att-cal-swatch.tone-present{background:#f0fdf4}.att-cal-swatch.tone-half{background:#fffbeb}.att-cal-swatch.tone-absent{background:#fef2f2}.att-cal-swatch.tone-missing{background:#fff7ed}.att-cal-swatch.tone-leave{background:#f0f9ff}.att-cal-swatch.tone-holiday{background:#f5f3ff}.att-cal-swatch.tone-off{background:#f8fafc}.att-cal-swatch.tone-expected{background:var(--bg-card);border-style:dashed}.att-day-panel{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;position:sticky;top:12px}.att-day-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.att-day-head h4{margin:0;font-size:15px}.att-day-head-right{align-items:center;gap:6px;display:flex}.att-day-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.att-day-metrics>div{background:var(--bg-main);border-radius:10px;padding:8px 10px}.att-day-metrics span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px;display:block}.att-day-metrics strong{align-items:center;gap:4px;font-size:14px;display:flex}.att-day-metrics em{color:var(--text-muted);font-size:11px;font-style:normal}.att-day-section h5{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 6px;font-size:12px}.att-count{background:var(--bg-main);border-radius:999px;padding:0 6px;font-size:11px}.att-day-actions{flex-wrap:wrap;gap:8px;display:flex}.att-day-form{flex-direction:column;gap:10px;display:flex}.att-day-form-actions{justify-content:flex-end;gap:8px;display:flex}.att-day-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.att-day-current,.att-manual-current{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:10px}.att-day-current-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.att-balance-strip{flex-wrap:wrap;gap:8px;display:flex}.att-balance{background:var(--bg-main);border:1px solid var(--border);border-radius:999px;align-items:baseline;gap:4px;padding:5px 9px;font-size:12px;display:flex}.att-balance.current{border-color:var(--primary);background:#eef2ff}.att-balance em{font-style:normal;font-weight:700}.att-balance strong{font-size:13px}.att-balance span{color:var(--text-muted);font-size:11px}.att-callout.primary{color:#3730a3;background:#eef2ff}.s-FUTURE{border:1px dashed var(--border);color:var(--text-muted)!important;background:0 0!important}@media (width<=900px){.att-cal-layout.with-panel{grid-template-columns:1fr}.att-day-panel{position:static}}@media (width<=620px){.att-cal-day{min-height:68px;padding:5px}.att-cal-times,.att-cal-worked{display:none}.att-cal-month{min-width:108px;font-size:14px}.att-day-metrics{grid-template-columns:1fr}}.att-day-plan{color:var(--text-muted);margin:0;font-size:12px}.att-day-plan a{color:var(--primary);font-weight:600}.ast-tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;display:grid}.ast-tile{text-align:left;border:1px solid var(--border);background:var(--bg-card);font:inherit;color:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .12s,box-shadow .12s;display:flex}.ast-tile.plain,.ast-tile:disabled{cursor:default}.ast-tile:not(.plain):hover{border-color:var(--primary)}.ast-tile.current{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e529}.ast-tile-icon{background:var(--bg-main);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.ast-tile.tone-success .ast-tile-icon{color:#047857;background:#d1fae5}.ast-tile.tone-warning .ast-tile-icon{color:#b45309;background:#fef3c7}.ast-tile.tone-danger .ast-tile-icon{color:#b91c1c;background:#fee2e2}.ast-tile.tone-primary .ast-tile-icon{color:#4338ca;background:#e0e7ff}.ast-tile-text{min-width:0}.ast-tile-text em{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-style:normal;display:block}.ast-tile-text strong{font-size:19px;line-height:1.15;display:block}.ast-tile-text i{color:var(--text-muted);font-size:11px;font-style:normal}.ast-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 12px;display:flex}.ast-toolbar.end{justify-content:flex-end}.ast-toolbar .form-select{width:auto;min-width:150px}.ast-toolbar-actions{gap:8px;margin-left:auto;display:flex}.ast-search{border:1px solid var(--border);background:var(--bg-card);min-width:0;color:var(--text-muted);border-radius:10px;flex:260px;align-items:center;gap:8px;padding:0 10px;display:flex}.ast-search input{min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1;padding:9px 0}.ast-search input:focus{outline:none}.ast-notes{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ast-note{border:1px solid var(--border);color:#92400e;font:inherit;cursor:pointer;background:#fffbeb;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.ast-note:hover{border-color:#f59e0b}.ast-table-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow-x:auto}.ast-table{border-collapse:collapse;width:100%;font-size:13px}.ast-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-main);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px}.ast-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.ast-table tbody tr:last-child td{border-bottom:0}.ast-table tbody tr{cursor:pointer}.ast-table tbody tr:hover{background:var(--bg-main)}.ast-table .num,.ast-table .right{text-align:right}.ast-sub{color:var(--text-muted);font-size:11px;font-style:normal;display:block}.ast-name{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.ast-name strong{font-size:13px;display:block}.ast-name em{color:var(--text-muted);font-size:11px;font-style:normal;display:block}.ast-icon{color:#4338ca;background:#eef2ff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.ast-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:10.5px;font-weight:700;display:inline-grid}.ast-avatar.lg{width:40px;height:40px;font-size:14px}.ast-holder-cell{align-items:center;gap:8px;display:inline-flex}.ast-holder-cell strong{font-size:12.5px;display:block}.ast-holder-cell em{color:var(--text-muted);font-size:11px;font-style:normal;display:block}.ast-form{flex-direction:column;gap:12px;display:flex}.ast-form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.ast-form-grid .span-2{grid-column:span 2}.ast-form-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:4px 0 0;font-size:11.5px}.ast-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.ast-form-lead{flex-direction:column;gap:2px;margin:0;font-size:13px;display:flex}.ast-form-lead span{color:var(--text-muted);font-size:12px}.ast-serial{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ast-form-issue{border:1px dashed var(--border);background:var(--bg-main);border-radius:10px;padding:12px}.ast-callout{border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;font-size:12.5px;display:flex}.ast-callout.warning{color:#92400e;background:#fffbeb}.ast-check{align-items:flex-start;gap:10px;font-size:13px;display:flex}.ast-check strong{display:block}.ast-check em{color:var(--text-muted);font-size:11.5px;font-style:normal}.ast-choices{gap:8px;display:grid}.ast-choice{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.ast-choice.current{border-color:var(--primary);background:#eef2ff}.ast-choice strong{display:block}.ast-choice em{color:var(--text-muted);font-size:11.5px;font-style:normal}.ast-picker{position:relative}.ast-picker-field{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.ast-picker-field input{min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1;padding:9px 0}.ast-picker-field input:focus{outline:none}.ast-picker-list{z-index:40;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a24}.ast-picker-list li button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.ast-picker-list li button:hover{background:var(--bg-main)}.ast-picker-list strong{font-size:13px;display:block}.ast-picker-list em{color:var(--text-muted);font-size:11.5px;font-style:normal;display:block}.ast-picker-empty{color:var(--text-muted);padding:10px;font-size:13px}.ast-picked{border:1px solid var(--primary);background:#eef2ff;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ast-picked strong{font-size:13px;display:block}.ast-picked em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.ast-picked>button{margin-left:auto}.ast-detail{flex-direction:column;gap:14px;display:flex}.ast-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ast-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.ast-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.ast-detail-title{font-size:15px}.ast-holder{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex}.ast-holder strong{font-size:14px;display:block}.ast-detail-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.ast-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:11.5px}.ast-detail-columns section>.ast-section-title:not(:first-child){margin-top:18px}.ast-timeline{border-left:2px solid var(--border);gap:12px;margin:0;padding:0 0 0 14px;list-style:none;display:grid}.ast-timeline li{font-size:12.5px;position:relative}.ast-timeline li:before{content:"";background:var(--text-muted);border:2px solid var(--bg-card);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-20px}.ast-timeline li.tone-primary:before{background:#4338ca}.ast-timeline li.tone-success:before{background:#047857}.ast-timeline li.tone-warning:before{background:#b45309}.ast-timeline li.tone-danger:before{background:#b91c1c}.ast-timeline li.tone-info:before{background:#0369a1}.ast-timeline-when{color:var(--text-muted);font-size:11px;display:block}.ast-timeline-body strong{display:block}.ast-timeline-body em{color:var(--text-secondary);font-style:normal;display:block}.ast-timeline-tag{background:var(--bg-main);color:var(--text-secondary);border-radius:999px;margin-top:3px;padding:1px 7px;font-size:10.5px;display:inline-block}.ast-custody{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ast-custody li{align-items:center;gap:10px;font-size:12.5px;display:flex}.ast-custody strong{display:block}.ast-custody em{color:var(--text-muted);font-size:11.5px;font-style:normal;display:block}.ast-cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ast-cat{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.ast-cat.off{opacity:.66}.ast-cat header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ast-cat header strong{font-size:14px}.ast-cat-icon{color:#4338ca;background:#eef2ff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.ast-cat-code{color:var(--text-muted);font-size:11px;display:block}.ast-cat-text{color:var(--text-secondary);margin:0;font-size:12.5px}.ast-cat-stats{gap:16px;margin:0;display:flex}.ast-cat-stats dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px}.ast-cat-stats dd{margin:0;font-size:15px;font-weight:700}.ast-cat footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}@media (width<=820px){.ast-table-wrap{background:0 0;border:0;overflow:visible}.ast-table,.ast-table tbody,.ast-table tr,.ast-table td{width:100%;display:block}.ast-table thead{display:none}.ast-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-bottom:10px;padding:6px 4px}.ast-table td{text-align:right;border-bottom:0;justify-content:space-between;gap:12px;padding:6px 12px;display:flex}.ast-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:left;flex:none;font-size:11px}.ast-table td:first-child{text-align:left}.ast-table .num,.ast-table .right{text-align:right}.ast-table td>*{text-align:left}.ast-toolbar .form-select{flex:140px;min-width:0}.ast-toolbar-actions{width:100%;margin-left:0}.ast-toolbar-actions .btn{flex:1;justify-content:center}.ast-form-grid .span-2{grid-column:span 1}}.ast-mine{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ast-mine li{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.ast-mine.plain li{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:10px 0}.ast-mine.plain li:last-child{border-bottom:0}.ast-mine-body{flex:200px;min-width:0}.ast-mine-body strong{font-size:13.5px;display:block}.ast-mine-meta{color:var(--text-muted);font-size:11.5px;display:block}.ast-mine-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ast-mine-cost{color:var(--text-secondary);font-size:12px;font-weight:600}.cv-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:16px;display:grid}.cv-tile{text-align:left;border:1px solid var(--border);background:var(--bg-card);font:inherit;color:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;transition:border-color .12s,box-shadow .12s;display:flex}.cv-tile.plain,.cv-tile:disabled{cursor:default}.cv-tile:not(.plain):hover{border-color:var(--primary)}.cv-tile.current{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e529}.cv-tile-icon{background:var(--bg-main);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.cv-tile.tone-primary .cv-tile-icon{color:#4338ca;background:#e0e7ff}.cv-tile.tone-info .cv-tile-icon{color:#0369a1;background:#e0f2fe}.cv-tile.tone-danger .cv-tile-icon{color:#b91c1c;background:#fee2e2}.cv-tile.tone-warning .cv-tile-icon{color:#b45309;background:#fef3c7}.cv-tile-text em{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-style:normal;display:block}.cv-tile-text strong{font-size:19px;line-height:1.15;display:block}.cv-tile-text i{color:var(--text-muted);font-size:11px;font-style:normal}.cv-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 14px;display:flex}.cv-toolbar .form-select{width:auto;min-width:160px}.cv-toolbar .cv-add{margin-left:auto}.cv-search{border:1px solid var(--border);background:var(--bg-card);min-width:0;color:var(--text-muted);border-radius:10px;flex:250px;align-items:center;gap:8px;padding:0 10px;display:flex}.cv-search input{min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1;padding:9px 0}.cv-search input:focus{outline:none}.cv-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.cv-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.cv-card.overdue{border-color:#fca5a5}.cv-card header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cv-card-icon{background:var(--bg-main);width:32px;height:32px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.cv-card-icon.tone-primary{color:#4338ca;background:#e0e7ff}.cv-card-icon.tone-success{color:#047857;background:#d1fae5}.cv-card-icon.tone-info{color:#0369a1;background:#e0f2fe}.cv-card-icon.tone-warning{color:#b45309;background:#fef3c7}.cv-card-title{flex:1;min-width:0}.cv-card-title strong{font-size:14px;display:block}.cv-card-title span{color:var(--text-muted);font-size:11.5px}.cv-card-rows{gap:6px;margin:0;display:grid}.cv-card-rows>div{justify-content:space-between;gap:12px;font-size:12.5px;display:flex}.cv-card-rows dt{color:var(--text-muted);flex:none}.cv-card-rows dd{text-align:right;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.cv-card-rows dd.danger{color:var(--error);font-weight:600}.cv-card-rows code{font-size:12px}.cv-dots{letter-spacing:2px;color:var(--text-muted)}.cv-card-shared{color:var(--text-secondary);background:var(--bg-main);border-radius:9px;align-items:center;gap:6px;padding:7px 9px;font-size:11.5px;display:flex}.cv-card footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.cv-card-note{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:flex}.cv-locked{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.cv-form{flex-direction:column;gap:13px;display:flex}.cv-form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.cv-form-grid .span-2{grid-column:span 2}.cv-form-actions{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.cv-hint{color:var(--text-muted);margin-top:4px;font-size:11.5px;display:block}.cv-callout{border-radius:10px;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;font-size:12.5px;display:flex}.cv-callout.info{color:#3730a3;background:#eef2ff}.cv-callout.warning{color:#92400e;background:#fffbeb}.cv-secret-input{align-items:center;gap:6px;display:flex}.cv-secret-input input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cv-strength{align-items:center;gap:8px;margin-top:6px;font-size:11.5px;display:flex}.cv-strength-track{background:var(--bg-main);border-radius:999px;flex:1;height:5px;overflow:hidden}.cv-strength-track span{background:var(--text-muted);border-radius:999px;height:100%;transition:width .2s;display:block}.cv-strength.tone-danger span{background:#dc2626}.cv-strength.tone-danger{color:#b91c1c}.cv-strength.tone-warning span{background:#f59e0b}.cv-strength.tone-warning{color:#b45309}.cv-strength.tone-success span{background:#10b981}.cv-strength.tone-success{color:#047857}.cv-sharing{border:1px dashed var(--border);background:var(--bg-main);border-radius:11px;flex-direction:column;gap:10px;padding:11px;display:flex}.cv-role-row,.cv-chosen{flex-wrap:wrap;gap:6px;display:flex}.cv-chip{font:inherit;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;display:inline-flex}.cv-chip.on{border-color:var(--primary);color:#3730a3;background:#eef2ff;font-weight:600}.cv-chip button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;display:inline-flex}.cv-people{position:relative}.cv-people-list{z-index:30;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a24}.cv-people-list li button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 8px;display:block}.cv-people-list li button:hover{background:var(--bg-main)}.cv-people-list strong{font-size:13px;display:block}.cv-people-list em{color:var(--text-muted);font-size:11.5px;font-style:normal;display:block}.cv-revealed{flex-direction:column;gap:13px;display:flex}.cv-countdown{background:var(--bg-main);border-radius:999px;justify-content:center;align-items:center;height:26px;display:flex;position:relative;overflow:hidden}.cv-countdown-bar{background:#e0e7ff;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.cv-countdown-text{color:#3730a3;font-size:11.5px;font-weight:600;position:relative}.cv-field .form-label{margin-bottom:5px;display:block}.cv-value{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.cv-value code{word-break:break-all;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.cv-value.secret{border-color:var(--primary);background:#eef2ff}.cv-notes{background:var(--bg-main);border:1px solid var(--border);white-space:pre-wrap;border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px}.cv-open-link{color:var(--primary);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.cv-table-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;overflow-x:auto}.cv-table{border-collapse:collapse;width:100%;font-size:13px}.cv-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-main);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px}.cv-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.cv-table tbody tr:last-child td{border-bottom:0}.cv-table tr.denied{background:#fef2f2}.cv-table .right{text-align:right}.cv-table code{color:var(--text-muted);font-size:11.5px}@media (width<=820px){.cv-toolbar .cv-add{justify-content:center;width:100%;margin-left:0}.cv-toolbar .form-select{flex:140px;min-width:0}.cv-form-grid .span-2{grid-column:span 1}.cv-table-wrap{background:0 0;border:0;overflow:visible}.cv-table,.cv-table tbody,.cv-table tr,.cv-table td{width:100%;display:block}.cv-table thead{display:none}.cv-table tr{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin-bottom:10px;padding:6px 4px}.cv-table td{text-align:right;border-bottom:0;justify-content:space-between;gap:12px;padding:6px 12px;display:flex}.cv-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);text-align:left;flex:none;font-size:11px}}.cv-mine{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cv-mine li{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.cv-mine-body{flex:220px;min-width:0}.cv-mine-body strong{font-size:13.5px;display:block}.cv-mine-meta{color:var(--text-muted);font-size:11.5px;display:block}.cv-mine-meta.link{color:var(--primary);font-weight:600}.cv-mine-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sr-block{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.sr-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sr-head h5{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:6px;margin:0;font-size:11.5px;display:flex}.sr-scheduled{color:#3730a3;background:#eef2ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:flex}.sr-scheduled button{margin-left:auto}.sr-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sr-list li{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;align-items:flex-start;gap:14px;padding:10px 12px;display:flex}.sr-list li.current{border-color:var(--primary);background:#f8faff}.sr-list li.scheduled{border-style:dashed}.sr-when{flex:none;width:126px;font-size:12px;font-weight:600}.sr-when em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:400;display:block}.sr-what{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.sr-what strong{font-size:14px}.sr-what em{color:var(--text-muted);flex-basis:100%;font-size:11.5px;font-style:normal}.sr-form{flex-direction:column;gap:13px;display:flex}.sr-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.sr-actions{justify-content:flex-end;gap:8px;display:flex}.sr-hint{color:var(--text-muted);margin-top:4px;font-size:11.5px;display:block}.sr-suffix{align-items:center;gap:6px;display:flex}.sr-suffix input{flex:1;min-width:0}.sr-suffix span{color:var(--text-muted);font-weight:600}.sr-now{background:var(--bg-main);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.sr-now span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.sr-now strong{font-size:16px}.sr-now em{color:var(--text-muted);font-style:normal}.sr-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:12px;display:flex}.sr-preview.blocked{background:#fef2f2;border-color:#fecaca}.sr-arrow{color:var(--text-secondary);align-items:center;gap:10px;font-size:15px;display:flex}.sr-arrow strong{color:var(--text-primary);font-size:19px}.sr-delta{font-size:13px;font-weight:700}.sr-delta.up{color:#047857}.sr-delta.down{color:#b91c1c}.sr-note{color:var(--text-secondary);font-size:11.5px}.sr-problem{color:#b91c1c;align-items:flex-start;gap:8px;font-size:12.5px;display:flex}.sr-checking{color:var(--text-muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.sr-spin{animation:1s linear infinite att-spin}@media (width<=620px){.sr-list li{flex-direction:column;gap:4px}.sr-when{width:auto}}.att-report{flex-direction:column;gap:14px;display:flex}.att-report-suffix{align-items:center;gap:6px;display:flex}.att-report-suffix input{flex:1;min-width:0}.att-report-suffix span{color:var(--text-muted);font-size:12px}.att-report-search{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);border-radius:10px;grid-column:span 2;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.att-report-search input{min-width:0;color:var(--text-primary);background:0 0;border:0;flex:1}.att-report-search input:focus{outline:none}.att-report-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.att-report-columns{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.att-report-people{gap:8px;margin:0;padding:0;list-style:none;display:grid}.att-report-people li{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;display:flex}.att-report-person{flex:1;min-width:0}.att-report-person strong{display:block}.att-report-person em{color:var(--text-muted);font-size:11px;font-style:normal;display:block}.att-report-count{text-align:center;flex:none}.att-report-count strong{font-size:15px;display:block}.att-report-count em{color:var(--text-muted);font-size:10.5px;font-style:normal}.att-report-total{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}@media (width<=980px){.att-report-columns{grid-template-columns:1fr}.att-report-search{grid-column:span 2}}.att-range{gap:16px;min-width:0}.att-range>*{min-width:0;max-width:100%}.att-range-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.att-range-presets{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.att-range-presets-icon{color:var(--text-muted);margin-right:2px}.att-range-chip{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.att-range-chip:hover{border-color:var(--primary);color:var(--primary-hover)}.att-range-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-hover)}.att-range-chip:focus-visible,.att-range-seg button:focus-visible,.att-range-tile.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.att-range-seg{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.att-range-seg button{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.att-range-seg button.active{background:var(--bg-card);color:var(--primary-hover);box-shadow:0 1px 3px #0f172a1a}.att-range-filters{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 4%, var(--bg-card)), var(--bg-card));border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px 12px;padding:16px;display:grid}.att-range-filters .form-label{letter-spacing:.02em;color:var(--text-secondary);margin-bottom:6px;font-size:11.5px;font-weight:700}.att-range-filters .form-group{min-width:0;margin:0}.att-range-filters .form-input,.att-range-filters .form-select{text-overflow:ellipsis;width:100%;min-width:0}.att-range-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-range-search{flex:280px;max-width:460px}.att-range-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.att-range-actions .btn{height:38px}.att-range-count{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-grid}.att-range-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.att-range-tile{font:inherit;text-align:left;color:inherit;width:100%}.att-range-tile.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.att-range-tile.clickable:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 14px #6366f11f}.att-range-tile.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary) inset}.att-range-tile .att-cal-tile-text i{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.att-range-table{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;overflow:hidden}.att-range-status{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.att-range-right{align-items:flex-end}.att-range-num{font-weight:600}.att-range-num.success{color:#047857}.att-range-num.warning{color:#b45309}.att-range-num.danger{color:#b91c1c}.att-range-rate{align-items:center;gap:8px;min-width:110px;display:inline-flex}.att-range-rate-track{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.att-range-rate-track span{border-radius:inherit;height:100%;display:block}.att-range-rate.good .att-range-rate-track span{background:var(--success)}.att-range-rate.fair .att-range-rate-track span{background:var(--warning)}.att-range-rate.poor .att-range-rate-track span{background:var(--error)}.att-range-rate strong{text-align:right;min-width:34px;font-size:12px}@media (width<=1100px){.att-range-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.att-range-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.att-range-head{flex-direction:column;align-items:stretch}.att-range-presets{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.att-range-presets::-webkit-scrollbar{display:none}.att-range-seg{width:100%}.att-range-seg button{flex:1;justify-content:center}.att-range-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.att-range-search{flex-basis:100%;max-width:none}.att-range-actions{width:100%;margin-left:0}.att-range-actions .btn{flex:1;justify-content:center}.att-range-table{background:0 0;border:0;overflow:visible}}@media (width<=380px){.att-range-tiles{grid-template-columns:1fr}}.stat-benefit{flex-direction:column;gap:14px;display:flex}.stat-why{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.stat-why em{color:var(--text-muted);font-size:11px;font-style:normal}.stat-note{color:var(--text-muted);margin:0;font-size:11.5px}.lnm-running{margin:6px 0 8px;padding-left:18px;font-size:12.5px}.lnm-badges{flex-wrap:wrap;gap:4px;display:inline-flex}.lnm-figures{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px;display:grid}.lnm-figures>div{border:1px solid var(--border);background:var(--bg-main);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.lnm-figures em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.lnm-figures strong{font-size:16px}.lnm-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.lnm-bar>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.lnm-muted{opacity:.55}.lnm-schedule{border:1px solid var(--border);border-radius:12px;max-height:320px;overflow:auto}.lnm-schedule .ast-table tbody tr{cursor:default}.lnm-reports{flex-direction:column;gap:4px;display:flex}.lnm-field{flex-direction:column;gap:4px;display:flex}.lnm-field>span{color:var(--text-secondary);font-size:11.5px;font-weight:700}.lnm-field .form-input,.lnm-field .form-select{width:auto;min-width:150px}.lnm-doc{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;flex-direction:column;gap:12px;padding:18px;font-size:13px;display:flex}.lnm-doc p{margin:0}.lnm-doc-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.lnm-doc-head strong{letter-spacing:.02em;font-size:16px}.lnm-doc-head span{font-weight:600}.lnm-doc-head em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.lnm-doc-table{border-collapse:collapse;width:100%}.lnm-doc-table th,.lnm-doc-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:7px 9px}.lnm-doc-table th{width:18%;color:var(--text-secondary);background:var(--bg-main);font-weight:600}.lnm-doc-note{color:var(--text-secondary);font-size:12px}.lnm-doc-link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.lnm-doc-signs{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.lnm-doc-signs span{border-top:1px solid var(--text-secondary);text-align:center;padding-top:6px;font-size:12px}.lnm-table-wrap{overflow-x:auto}.lnm-table{border-collapse:collapse;width:100%;font-size:12.5px}.lnm-table th,.lnm-table td{border:1px solid var(--border);vertical-align:top;padding:6px 8px}.lnm-table th{background:var(--bg-main);text-align:left;white-space:nowrap;font-weight:700}.lnm-table .right{text-align:right;white-space:nowrap}.lnm-table tfoot td{background:var(--bg-main);font-weight:600}.lnm-table.lnm-wide{min-width:1100px}.lnm-table tr.lnm-first td{border-top:2px solid var(--border)}.lnm-remark{max-width:220px;color:var(--text-secondary);font-size:11.5px}.lnm-unit{flex-direction:column;gap:6px;display:flex}.lnm-unit h6{margin:6px 0 0;font-size:13px}@page lnmwide{size:A4 landscape;margin:8mm}@media print{#payslip-print .lnm-doc{font-size:11px;border:0!important;margin:12mm!important;padding:0!important}#payslip-print .lnm-doc-link{display:none!important}#payslip-print .lnm-report{page:lnmwide;margin:0!important}#payslip-print .lnm-table{font-size:9.5px;min-width:0!important}#payslip-print .lnm-table th,#payslip-print .lnm-table td{padding:3px 4px}#payslip-print .lnm-table-wrap{overflow:visible!important}#payslip-print .lnm-unit{break-inside:avoid-page}}.lnm{--lnm-accent:var(--primary)}.lnm-hero{border:1px solid var(--border);background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 12%, var(--bg-card)) 0%, var(--bg-card) 60%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.lnm-hero:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--primary) 18%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.lnm-hero-main{z-index:1;flex:420px;align-items:flex-start;gap:14px;min-width:0;display:flex;position:relative}.lnm-hero-main h2{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}.lnm-hero-main p{color:var(--text-secondary);max-width:720px;margin:0;font-size:13px;line-height:1.5}.lnm-hero-icon{color:#fff;background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 60%, #a855f7));width:46px;height:46px;box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.lnm-hero-actions{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.lnm-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin:16px 0}.lnm-track{grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.lnm-track-step{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 4px;display:flex;position:relative}.lnm-track-step:before{content:"";background:var(--border);height:2px;position:absolute;top:13px;left:calc(16px - 50%);right:calc(50% + 16px)}.lnm-track-step:first-child:before{display:none}.lnm-track-step.is-done:before,.lnm-track-step.is-current:before,.lnm-track-step.is-stopped:before{background:var(--primary)}.lnm-track-dot{z-index:1;background:var(--bg-main);width:28px;height:28px;color:var(--text-secondary);border:2px solid var(--border);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.lnm-track-step.is-done .lnm-track-dot{background:var(--primary);border-color:var(--primary);color:#fff}.lnm-track-step.is-current .lnm-track-dot{border-color:var(--primary);color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent);animation:2s ease-in-out infinite lnm-pulse}.lnm-track-step.is-stopped .lnm-track-dot{background:var(--error,#dc2626);border-color:var(--error,#dc2626);color:#fff}.lnm-track-text{flex-direction:column;gap:1px;display:flex}.lnm-track-text strong{font-size:12px}.lnm-track-text em{color:var(--text-secondary);font-size:11px;font-style:normal}.lnm-track-step.is-todo .lnm-track-text strong{color:var(--text-secondary);font-weight:500}.lnm-track-step.is-stopped .lnm-track-text strong{color:var(--error,#dc2626)}.lnm-track.compact .lnm-track-dot{width:22px;height:22px;font-size:10.5px}.lnm-track.compact .lnm-track-step:before{top:10px;left:calc(13px - 50%);right:calc(50% + 13px)}.lnm-track.compact .lnm-track-text strong{font-size:10.5px}@keyframes lnm-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--primary) 8%, transparent)}}@media (prefers-reduced-motion:reduce){.lnm-track-step.is-current .lnm-track-dot{animation:none}}.lnm-step-remark{margin-top:2px;display:block;color:var(--text-primary)!important;font-style:italic!important}.lnm-board-wrap{flex-direction:column;gap:12px;margin-top:16px;display:flex}.lnm-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lnm-board{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));align-items:start;gap:14px;display:grid}.lnm-lane{--lane:var(--primary);background:color-mix(in srgb, var(--lane) 5%, var(--bg-main));border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;min-height:160px;padding:12px;display:flex}.lnm-lane.lane-hr_review{--lane:#0ea5e9}.lnm-lane.lane-dept_head{--lane:#f59e0b}.lnm-lane.lane-final{--lane:#10b981}.lnm-lane-head{border-bottom:2px solid color-mix(in srgb, var(--lane) 45%, transparent);align-items:center;gap:8px;padding:2px 2px 6px;display:flex}.lnm-lane-head strong{flex:1;font-size:13.5px}.lnm-lane-icon{width:28px;height:28px;color:var(--lane);background:color-mix(in srgb, var(--lane) 16%, transparent);border-radius:9px;place-items:center;display:grid}.lnm-lane-count{text-align:center;background:var(--lane);color:#fff;border-radius:99px;min-width:24px;padding:2px 8px;font-size:12px;font-weight:700}.lnm-lane-empty{text-align:center;color:var(--text-secondary);margin:18px 0;font-size:12.5px}.lnm-app-card{cursor:pointer;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.lnm-app-card:hover{border-color:color-mix(in srgb, var(--lane) 50%, var(--border));transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.lnm-app-who{align-items:center;gap:10px;min-width:0;display:flex}.lnm-app-who>span:last-child{flex-direction:column;min-width:0;display:flex}.lnm-app-who strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.lnm-app-who em{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-style:normal;overflow:hidden}.lnm-app-amount{background:var(--bg-main);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.lnm-app-amount strong{letter-spacing:-.01em;font-size:18px}.lnm-app-amount span{color:var(--text-secondary);font-size:12px}.lnm-app-purpose{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;display:-webkit-box;overflow:hidden}.lnm-app-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.lnm-empty{text-align:center;border:1px dashed var(--border);color:var(--text-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:48px 16px;display:flex}.lnm-empty strong{color:var(--text-primary)}.lnm-segment{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.lnm-segment-btn{color:var(--text-secondary);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600}.lnm-segment-btn:hover{color:var(--text-primary)}.lnm-segment-btn.on{background:var(--bg-card);color:var(--primary);box-shadow:0 1px 3px #0f172a1f}.lnm-segment-btn.danger.on{color:var(--error,#dc2626)}.lnm-preview{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;display:grid}.lnm-preview>div{background:color-mix(in srgb, var(--primary) 6%, var(--bg-main));border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.lnm-preview em{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-style:normal}.lnm-preview strong{overflow-wrap:anywhere;font-size:14.5px}.lnm-revised{color:#b45309;margin:0}.lnm-self-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lnm-guarantor-fields{grid-template-columns:minmax(140px,200px) 1fr;gap:8px;display:grid}.lnm-files-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lnm-file-list,.lnm-attachments{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.lnm-file-list li,.lnm-attachments li{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.lnm-file-list span,.lnm-attachments a{overflow-wrap:anywhere;min-width:0}.lnm-attachments a{color:var(--primary);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.lnm-attachments a:hover{text-decoration:underline}.lnm-file-list em,.lnm-attachments em{color:var(--text-muted);font-size:11.5px;font-style:normal}.lnm-account{white-space:normal;text-overflow:clip;word-break:break-all;overflow:visible}.lnm-account strong{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em}@media (width<=640px){.lnm-guarantor-fields{grid-template-columns:1fr}}.lnm-report-picker{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin-top:16px;display:grid}.lnm-report-card{--tint:hsl(var(--hue) 80% 55%);text-align:left;border:1px solid var(--border);background:var(--bg-card);color:inherit;font:inherit;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}.lnm-report-card:hover{border-color:color-mix(in srgb, var(--tint) 40%, var(--border));transform:translateY(-2px);box-shadow:0 10px 22px #0f172a12}.lnm-report-card.on{border-color:var(--tint);background:color-mix(in srgb, var(--tint) 7%, var(--bg-card));box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 16%, transparent)}.lnm-report-card:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.lnm-report-icon{width:40px;height:40px;color:var(--tint);background:color-mix(in srgb, var(--tint) 14%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.lnm-report-card.on .lnm-report-icon{color:#fff;background:var(--tint)}.lnm-report-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lnm-report-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--tint);font-size:10.5px;font-weight:700}.lnm-report-text strong{font-size:14px;line-height:1.3}.lnm-report-text em{color:var(--text-secondary);font-size:12px;font-style:normal;line-height:1.4}.lnm-report-check{background:var(--tint);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;right:10px}.lnm-report-bar{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:16px 0 12px;padding:14px 16px;display:flex}.lnm-report-title{flex-direction:column;flex:240px;gap:2px;min-width:200px;display:flex}.lnm-report-title strong{font-size:15px}.lnm-report-title span{color:var(--text-secondary);font-size:12.5px}.lnm-report-filters{flex:2 420px;justify-content:flex-end;align-items:flex-end;margin:0}@media (width<=900px){.lnm-board{grid-template-columns:1fr}}@media (width<=640px){.lnm-hero{border-radius:16px;padding:16px}.lnm-hero-main h2{font-size:19px}.lnm-hero-actions,.lnm-hero-actions .btn{width:100%}.lnm-hero-actions .btn{justify-content:center}.lnm-report-picker{scroll-snap-type:x mandatory;padding-bottom:6px;margin-inline:-4px;padding-inline:4px;display:flex;overflow-x:auto}.lnm-report-card{scroll-snap-align:start;flex:0 0 78%}.lnm-report-filters{justify-content:stretch}.lnm-report-filters .lnm-field{flex:140px}.lnm-report-filters .lnm-field .form-input,.lnm-report-filters .lnm-field .form-select{width:100%;min-width:0}.lnm-report-filters .ast-toolbar-actions{width:100%;margin-left:0}.lnm-report-filters .ast-toolbar-actions .btn{flex:1;justify-content:center}.lnm-track-text em{display:none}.lnm-track-text strong{font-size:10.5px}.lnm-segment{width:100%}.lnm-segment-btn{flex:1}.lnm-doc{padding:12px}}@media print{.lnm-hero,.lnm-report-picker,.lnm-report-bar{display:none!important}}.lnm-terms{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 4%, var(--bg-card));border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.lnm-terms .ast-form-head{margin:4px 0 0}.lnm-total{background:var(--bg-card);border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--border));border-radius:10px;flex-direction:column;justify-content:center;min-height:42px;padding:6px 12px;display:flex}.lnm-total strong{color:var(--primary);font-size:17px}.lnm-total em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.lnm-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;display:grid}.lnm-plan{text-align:left;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:inherit;font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.lnm-plan strong{font-size:13px}.lnm-plan em{color:var(--text-secondary);font-size:11.5px;font-style:normal}.lnm-plan:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.lnm-plan.on{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}.lnm-plan.on strong{color:var(--primary)}.lnm-breakdown{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;max-height:280px;overflow:auto}.lnm-breakdown .lnm-table th{z-index:1;position:sticky;top:0}.lnm-breakdown .lnm-table th,.lnm-breakdown .lnm-table td{border-left:0;border-right:0}.lnm-breakdown .lnm-table tr.lnm-last td{color:var(--primary);font-weight:700}.lnm-cell{min-width:0;height:32px;padding:4px 8px;font-size:12.5px}.lnm-cell.right{text-align:right;max-width:130px;margin-left:auto}.lnm-ok{color:#15803d}.lnm-bad{color:var(--error,#dc2626)}.lnm-summary{background:color-mix(in srgb, #10b981 10%, var(--bg-card));border:1px solid color-mix(in srgb, #10b981 35%, var(--border));border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.6}@media (width<=640px){.lnm-terms{padding:12px}}.odc{--odc-line:#cbd5e1;--odc-gap:22px}.odc-head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@keyframes odc-spin{to{transform:rotate(360deg)}}.odc-spin{animation:.9s linear infinite odc-spin}.odc-avatar{color:#fff;letter-spacing:.02em;object-fit:cover;box-shadow:0 0 0 2px var(--bg-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.odc-avatar-none{color:var(--text-secondary);background:var(--border)!important}.odc-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:10px;display:grid}.odc-filter-search{align-items:center;display:flex;position:relative}.odc-filter-search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.odc-filter-search input{width:100%;padding-left:34px}.odc-count{color:var(--text-secondary);align-items:center;gap:10px;margin:10px 0 0;font-size:12.5px;display:flex}.odc-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.odc-person{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-top:3px solid var(--dept);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.odc-person:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.odc-person-head{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.odc-person-head strong{color:var(--text-primary);overflow-wrap:anywhere;font-size:15px;display:block}.odc-person-head em{color:var(--text-secondary);font-size:12.5px;font-style:normal;display:block}.odc-person-tags{flex-wrap:wrap;gap:6px;display:flex}.odc-tag{background:var(--bg-main);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.odc-tag.dept{color:var(--dept);border-color:color-mix(in srgb, var(--dept) 35%, transparent);background:color-mix(in srgb, var(--dept) 9%, transparent)}.odc-tag.notice{color:#b45309;background:var(--warning-bg);border-color:#fcd34d}.odc-person-lines{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.odc-person-lines>a,.odc-person-lines>span{color:inherit;overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:inline-flex}.odc-person-lines svg{flex-shrink:0}.odc-link{color:var(--primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:0;padding:0}.odc-warn-text{color:var(--error);font-style:normal;font-weight:600}.odc-rows{margin:0;padding:0;list-style:none}.odc-rows li+li{border-top:1px solid var(--border)}.odc-rows button{text-align:left;cursor:pointer;border:0;border-left:3px solid var(--dept);background:0 0;grid-template-columns:auto minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:11px 16px;display:grid}.odc-rows button:hover{background:var(--bg-main)}.odc-row-main strong{font-size:13.5px;display:block}.odc-row-main em,.odc-row-meta{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;display:block;overflow:hidden}.odc-more{justify-content:center;display:flex}.odc-profile{flex-direction:column;gap:18px;display:flex}.odc-profile-head{align-items:center;gap:14px;display:flex}.odc-profile-head h3{margin:0;font-size:17px}.odc-profile-head p{color:var(--text-secondary);margin:2px 0 6px;font-size:13px}.odc-profile-badges{flex-wrap:wrap;gap:6px;display:flex}.odc-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;display:grid}.odc-profile-facts dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:700}.odc-profile-facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:13.5px}.odc-profile-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;display:flex}.odc-profile-warn{background:var(--error-bg);color:#b91c1c;border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.odc-chain{border-left:2px solid var(--odc-line);flex-direction:column;gap:6px;margin:0;padding:0 0 0 10px;list-style:none;display:flex}.odc-chain button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:4px 6px;display:flex}.odc-chain button:hover{background:var(--bg-main)}.odc-chain span{flex:1;min-width:0}.odc-chain strong{font-size:13px;display:block}.odc-chain em{color:var(--text-secondary);font-size:12px;font-style:normal;display:block}.odc-report-chips{flex-wrap:wrap;gap:6px;display:flex}.odc-report-chip{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:12.5px;display:inline-flex}.odc-report-chip:hover{border-color:var(--primary)}.odc-profile-actions{flex-wrap:wrap;gap:8px;display:flex}.odc-picker{flex-direction:column;gap:8px;display:flex}.odc-picker-search{align-items:center;display:flex;position:relative}.odc-picker-search svg{color:var(--text-muted);position:absolute;left:12px}.odc-picker-search input{width:100%;padding-left:34px}.odc-picker-list{border:1px solid var(--border);border-radius:12px;max-height:260px;margin:0;padding:4px;list-style:none;overflow-y:auto}.odc-picker-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.odc-picker-row:hover{background:var(--bg-main)}.odc-picker-row.on{background:var(--primary-light);box-shadow:inset 0 0 0 1px var(--primary)}.odc-picker-row strong{font-size:13px;display:block}.odc-picker-row em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.odc-picker-empty{color:var(--text-muted);padding:10px;font-size:12.5px}.odc-form{flex-direction:column;gap:14px;display:flex}.odc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.odc-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.odc-form-actions-left{gap:4px;margin-right:auto;display:flex}.odc-chart-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.odc-unit-pick{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.odc-unit-pick select{min-width:190px}.odc-views{background:var(--bg-main);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.odc-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.odc-view-btn.on{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.odc-chart-stats{color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin-left:auto;font-size:12.5px;display:flex}.odc-chart-stats strong{color:var(--text-primary);font-size:14px}.odc-attention{background:var(--warning-bg);border:1px solid #fcd34d;border-radius:14px;overflow:hidden}.odc-attention.is-clear{background:var(--success-bg);color:#047857;border-color:#a7f3d0;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.odc-attention-head{text-align:left;cursor:pointer;color:#92400e;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.odc-attention-head span{opacity:.85;flex:1;font-size:12.5px}.odc-attention-list{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0 8px 8px;list-style:none;display:flex;overflow-y:auto}.odc-attention-list li{background:var(--bg-card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}.odc-attention-who{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:200px;padding:0;display:flex}.odc-attention-who strong{font-size:13px;display:block}.odc-attention-who em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.odc-attention-issue{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.tone-danger .odc-attention-issue{background:var(--error-bg);color:#b91c1c}.tone-warning .odc-attention-issue{background:var(--warning-bg);color:#b45309}.odc-chart{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.odc-chart-tools{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.odc-find{flex:240px;align-items:center;display:flex;position:relative}.odc-find>svg{color:var(--text-muted);position:absolute;left:11px}.odc-find input{width:100%;padding-left:32px}.odc-find-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;display:flex;position:absolute;right:8px}.odc-find-list{z-index:20;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.odc-find-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:7px 10px;display:block}.odc-find-list button:hover{background:var(--bg-main)}.odc-find-list strong{font-size:13px;display:block}.odc-find-list em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.odc-tool-group{align-items:center;gap:2px;display:inline-flex}.odc-zoom-value{font-variant-numeric:tabular-nums;justify-content:center;min-width:54px}.odc-viewport{cursor:grab;background-color:var(--bg-main);background-image:radial-gradient(circle, color-mix(in srgb, var(--text-muted) 28%, transparent) 1px, transparent 1px);overscroll-behavior:contain;background-size:22px 22px;min-height:380px;max-height:calc(100vh - 250px);position:relative;overflow:auto}.odc-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.odc-viewport.is-outline{cursor:default;background-image:none;background-color:var(--bg-card)}.odc-canvas{box-sizing:border-box;min-width:100%;padding:18px 28px 40px;display:inline-block}.odc-viewport.is-outline .odc-canvas{display:block}.odc-sheet-head{border-bottom:2px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;padding-bottom:10px;display:flex}.odc-sheet-unit{color:var(--text-primary);font-size:17px;font-weight:800}.odc-sheet-meta{color:var(--text-secondary);font-size:12px}.odc-tree,.odc-tree ul{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.odc-tree ul{padding-top:var(--odc-gap);position:relative}.odc-tree ul:before{content:"";height:var(--odc-gap);border-left:2px solid var(--odc-line);position:absolute;top:0;left:50%}.odc-tree{align-items:flex-start;gap:36px}.odc-branch{padding:var(--odc-gap) 7px 0;flex-direction:column;align-items:center;display:flex;position:relative}.odc-tree>.odc-branch{padding-top:0}.odc-tree ul>.odc-branch:before,.odc-tree ul>.odc-branch:after{content:"";width:50%;height:var(--odc-gap);border-top:2px solid var(--odc-line);position:absolute;top:0;right:50%}.odc-tree ul>.odc-branch:after{border-left:2px solid var(--odc-line);left:50%;right:auto}.odc-tree ul>.odc-branch:only-child{padding-top:0}.odc-tree ul>.odc-branch:only-child:before,.odc-tree ul>.odc-branch:only-child:after{display:none}.odc-tree ul>.odc-branch:first-child:before,.odc-tree ul>.odc-branch:last-child:after{border:0}.odc-tree ul>.odc-branch:last-child:before{border-right:2px solid var(--odc-line);border-top-right-radius:10px}.odc-tree ul>.odc-branch:first-child:after{border-top-left-radius:10px}.odc-with-stack{flex-direction:column;align-items:center;display:flex}.odc-stack{flex-direction:column;align-self:stretch;gap:10px;margin-top:16px;padding-left:28px;display:flex;position:relative}.odc-stack:before{content:"";border-left:2px solid var(--odc-line);position:absolute;top:-16px;bottom:26px;left:18px}.odc-stack>.odc-card:before{content:"";border-top:2px solid var(--odc-line);width:10px;position:absolute;top:26px;left:-12px}.odc-card{background:var(--bg-card);border:1px solid var(--border);border-top:4px solid var(--dept);width:176px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:14px;position:relative}.odc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.odc-card-main{text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 10px 9px;display:flex}.odc-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.odc-card-role{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-style:normal;line-height:1.3;display:-webkit-box;overflow:hidden}.odc-card-tags{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2px;display:flex}.odc-card-tag{background:var(--bg-main);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;max-width:150px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.odc-card-tag.dept{color:var(--dept);background:color-mix(in srgb, var(--dept) 10%, transparent)}.odc-card-tag.unit{color:#0369a1;background:#e0f2fe}.odc-card-tag.notice{color:#b45309;background:var(--warning-bg)}.odc-card-tag.loop{color:#b91c1c;background:var(--error-bg)}.odc-card-toggle{z-index:2;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.odc-card-toggle:hover{color:var(--primary);border-color:var(--primary)}.odc-branch>.odc-card,.odc-with-stack>.odc-card{margin-bottom:4px}.odc-card.is-external{opacity:.78;background:var(--bg-main);border-style:solid dashed dashed}.odc-card.is-vacant{background:repeating-linear-gradient(135deg, var(--warning-bg), var(--warning-bg) 8px, var(--bg-card) 8px, var(--bg-card) 16px);border:2px dashed #f59e0b;border-top-width:4px}.odc-card.is-loop{box-shadow:0 0 0 2px var(--error)}@keyframes odc-glow{0%,to{box-shadow:0 0 0 3px var(--primary), var(--shadow-glow)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 35%, transparent), var(--shadow-glow)}}.odc-card.is-focused{box-shadow:0 0 0 3px var(--primary), var(--shadow-glow);animation:1.2s ease-in-out 3 odc-glow}.odc-vacant-pill{letter-spacing:.08em;text-transform:uppercase;color:#92400e;background:#fde68a;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:800}.odc-outline{margin:0;padding:0;list-style:none}.odc-outline .odc-outline{border-left:2px solid var(--odc-line);margin-left:14px;padding-left:12px}.odc-outline-row{align-items:center;gap:6px;padding:4px 0;display:flex}.odc-outline-toggle{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.odc-outline-main{border:1px solid var(--border);border-left:4px solid var(--dept);background:var(--bg-card);text-align:left;cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:7px 10px;display:flex}.odc-outline-main strong{font-size:13px;display:block}.odc-outline-main em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.odc-outline-row.is-external .odc-outline-main{opacity:.8;border-style:dashed}.odc-outline-row.is-vacant .odc-outline-main{background:var(--warning-bg);border:2px dashed #f59e0b}.odc-outline-row.is-focused .odc-outline-main{box-shadow:0 0 0 3px var(--primary)}.odc-outline-count{color:var(--text-secondary);background:var(--bg-main);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.odc-board{grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;align-items:start;gap:14px;padding-bottom:6px;display:grid;overflow-x:auto}.odc-board-col{background:var(--bg-card);border:1px solid var(--border);border-top:4px solid var(--dept);border-radius:16px;overflow:hidden}.odc-board-head{background:color-mix(in srgb, var(--dept) 7%, var(--bg-card));flex-direction:column;gap:2px;padding:12px 14px;display:flex}.odc-board-head strong{font-size:14px}.odc-board-head span{color:var(--text-secondary);font-size:12px}.odc-board-group{padding:8px 10px 10px}.odc-board-group+.odc-board-group{border-top:1px dashed var(--border)}.odc-board-sub{letter-spacing:.05em;text-transform:uppercase;color:var(--dept);margin:2px 4px 6px;font-size:11px;font-weight:800}.odc-board-group ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.odc-board-person{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.odc-board-person:hover{background:var(--bg-main)}.odc-board-person strong{align-items:center;gap:4px;font-size:13px;display:flex}.odc-board-person em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.odc-board-person.is-vacant{background:var(--warning-bg);border:1.5px dashed #f59e0b}.odc-lead{color:#f59e0b;fill:#f59e0b;flex-shrink:0}.odc-empty{text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px dashed var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;display:flex}.odc-legend{color:var(--text-secondary);flex-wrap:wrap;gap:8px 18px;margin:0;font-size:12px;display:flex}.odc-legend span{align-items:center;gap:6px;display:inline-flex}.odc-key{border:1px solid var(--border);border-top:3px solid var(--primary);background:var(--bg-card);border-radius:4px;width:18px;height:12px;display:inline-block}.odc-key.external{opacity:.8;background:var(--bg-main);border-style:dashed}.odc-key.vacant{background:var(--warning-bg);border:1.5px dashed #f59e0b}@media (width<=900px){.odc-filters{grid-template-columns:1fr 1fr}.odc-filter-search{grid-column:1/-1}.odc-chart-stats{margin-left:0}}@media (width<=640px){.odc-filters,.odc-form-grid,.odc-profile-facts{grid-template-columns:1fr}.odc-rows button{grid-template-columns:auto minmax(0,1fr) auto}.odc-row-meta{display:none}.odc-unit-pick,.odc-unit-pick select{width:100%;min-width:0}.odc-views{width:100%;overflow-x:auto}.odc-viewport{max-height:none}}@page orgchart{size:A3 landscape;margin:10mm}@media print{html:has(#orgchart-print){background:#fff!important;height:auto!important;overflow:visible!important}html:has(#orgchart-print) body{background:#fff!important;height:auto!important;overflow:visible!important}body:has(#orgchart-print) :not(:has(#orgchart-print)):not(#orgchart-print):not(#orgchart-print *){display:none!important}body:has(#orgchart-print) :has(#orgchart-print){width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}#orgchart-print{page:orgchart;zoom:var(--odc-print-zoom,1)!important;padding:0!important}#orgchart-print .odc-card-toggle,#orgchart-print .odc-outline-toggle{display:none!important}#orgchart-print .odc-card{break-inside:avoid;box-shadow:none!important;animation:none!important}#orgchart-print,#orgchart-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.att-on-record{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.att-on-record strong{color:var(--success);font-variant-numeric:tabular-nums}.att-on-record.none strong{color:var(--text-muted);font-weight:600}.pay-filter-people{flex-direction:column;gap:4px;min-width:210px;display:flex}.pay-filter-people>span{color:var(--text-secondary);font-size:11.5px;font-weight:700}.pay-filter-clear{align-self:flex-end}@media (width<=640px){.pay-filter-people{width:100%;min-width:0}}.msel{min-width:0;position:relative}.msel-button{border:1px solid var(--border);background:var(--bg-card);width:100%;min-height:44px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast,.15s), box-shadow var(--transition-fast,.15s), background .15s;border-radius:10px;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:13.5px;display:flex}.msel-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.msel.is-open .msel-button,.msel-button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.msel-button.has-value{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 6%, var(--bg-card))}.msel-button:disabled{cursor:not-allowed;opacity:.6;background:var(--bg-main)}.msel-icon{color:var(--text-muted);flex-shrink:0}.msel-button.has-value .msel-icon{color:var(--primary)}.msel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.msel-button.has-value .msel-text{color:var(--primary);font-weight:600}.msel-count{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.msel-clear{width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.msel-clear:hover,.msel-clear:focus-visible{background:color-mix(in srgb, var(--error,#dc2626) 12%, transparent);color:var(--error,#dc2626);outline:none}.msel-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.msel.is-open .msel-chevron{color:var(--primary);transform:rotate(180deg)}.msel-panel{z-index:40;background:var(--bg-card);border:1px solid var(--border);width:max(100%,320px);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.12s ease-out msel-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.msel-panel.align-right{left:auto;right:0}@keyframes msel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.msel-search{border:1px solid var(--border);background:var(--bg-main);height:36px;color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;margin:10px 10px 0;padding:0 10px;display:flex}.msel-search:focus-within{border-color:var(--primary)}.msel-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:13px}.msel-search button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px;display:inline-flex}.msel-bar{justify-content:space-between;align-items:center;padding:8px 12px 4px;display:flex}.msel-link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;font-weight:700}.msel-link.muted{color:var(--text-secondary)}.msel-link:hover:not(:disabled){text-decoration:underline}.msel-link:disabled{opacity:.5;cursor:default}.msel-list{overscroll-behavior:contain;max-height:280px;padding:2px 6px 6px;overflow-y:auto}.msel-group+.msel-group{margin-top:4px}.msel-group-head{z-index:1;background:var(--bg-card);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:6px 8px 4px;font-size:10.5px;font-weight:800;position:sticky;top:0}.msel-row{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.msel-row:hover{background:var(--bg-main)}.msel-row.on{background:color-mix(in srgb, var(--primary) 9%, transparent)}.msel-tick{border:1.5px solid color-mix(in srgb, var(--text-muted) 60%, transparent);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:background .12s,border-color .12s;display:inline-flex}.msel-row.on .msel-tick{background:var(--primary);border-color:var(--primary)}.msel-row-text{min-width:0}.msel-row-text strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.msel-row-text em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.msel-empty{color:var(--text-muted);text-align:center;margin:0;padding:12px 8px;font-size:12.5px}.msel-foot{border-top:1px solid var(--border);background:var(--bg-main);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-size:12px;display:flex}@media (width<=640px){.msel-panel{width:calc(100vw - 32px)}}.msel-bar-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.msel-bar-row .form-group{min-width:0;margin:0}.msel-bar-row .form-label{letter-spacing:.02em;color:var(--text-secondary);margin-bottom:6px;font-size:11.5px;font-weight:700}@media (width<=1100px){.msel-bar-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.msel-bar-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.msel-bar-row{grid-template-columns:1fr}}.stat-selection{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 4%, var(--bg-card)), var(--bg-card));border-radius:16px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.stat-selection-note{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.stat-selection-note>span{align-items:flex-start;gap:6px;display:inline-flex}.stat-selection-note svg{color:var(--primary);flex-shrink:0;margin-top:2px}.stat-row-actions{flex-wrap:wrap;gap:4px;display:inline-flex}.stat-strip .is-key{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--bg-card))}.stat-strip .is-key strong{color:var(--primary)}.bonus-row{cursor:pointer}.bonus-row:hover td{background:color-mix(in srgb, var(--primary) 3%, transparent)}.bonus-row.is-open td{background:color-mix(in srgb, var(--primary) 6%, transparent)}.bonus-caret{width:34px}.bonus-detail>td{background:var(--bg-main);padding:0!important}.bonus-months{padding:10px 12px 14px 46px;overflow-x:auto}.bonus-months table{border-collapse:collapse;min-width:100%;font-size:12px}.bonus-months th,.bonus-months td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:5px 8px}.bonus-months thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:800}.bonus-months tbody th{text-align:left;color:var(--text-secondary);background:var(--bg-main);font-weight:600;position:sticky;left:0}.bonus-months .is-key td{color:var(--primary);font-weight:700}.bonus-months .is-off{color:var(--text-muted)}.formc-head{border:1px dashed var(--border);background:var(--bg-main);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:10px 14px;font-size:13px;display:flex}.formc-head strong{letter-spacing:.06em}.formc-head span{color:var(--text-secondary)}.formc-head em{color:var(--text-secondary);flex-basis:100%;font-size:12px;font-style:normal}.formc-table th,.gratuity-table th{white-space:normal}.stat-toolbar{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px 14px;padding:14px 16px;display:flex}.stat-toolbar-fields{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.stat-field{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex;position:relative}.stat-field>span:first-child{letter-spacing:.02em;color:var(--text-secondary);font-size:11.5px;font-weight:700}.stat-field .form-select,.stat-field .form-input{height:44px;margin:0}.stat-field .form-select{min-width:140px}.stat-field-grow{flex:240px}.stat-adorn{align-items:center;display:flex;position:relative}.stat-adorn .form-input{width:100%;padding-left:36px}.stat-adorn-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.stat-adorn.is-suffix .form-input{width:112px;padding-left:12px;padding-right:30px}.stat-adorn.is-suffix em{color:var(--text-muted);pointer-events:none;font-style:normal;font-weight:700;position:absolute;right:12px}.stat-field-rate.is-bad .form-input{border-color:var(--error,#dc2626);box-shadow:0 0 0 3px color-mix(in srgb, var(--error,#dc2626) 15%, transparent)}.stat-field-error{color:var(--error,#dc2626);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:calc(100% + 2px);left:2px}.stat-toolbar-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.stat-toolbar-actions .btn{white-space:nowrap;justify-content:center;height:44px;padding:0 16px}.stat-toggle-box{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:13px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.stat-toggle-box input{accent-color:var(--primary);margin:0}.stat-toggle-box.on{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 7%, var(--bg-card));color:var(--primary);font-weight:600}.stat-benefit .stat-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px}.stat-benefit .stat-strip>div{border-radius:14px;min-height:64px;padding:12px 14px}.stat-benefit .stat-strip strong{font-size:17px}.stat-th span{white-space:nowrap;display:block}.stat-th small{letter-spacing:0;text-transform:none;color:var(--text-muted);opacity:.8;margin-top:2px;font-size:10px;font-weight:600;display:block}.bonus-table td.num,.formc-table td.num,.gratuity-table td.num{white-space:nowrap;font-variant-numeric:tabular-nums}.bonus-table td,.formc-table td{vertical-align:middle}.formc-table .stat-id{white-space:nowrap}.stat .tab-strip{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.stat .tab-strip .tab-strip-tab{flex-shrink:0}@media (width<=900px){.stat-toolbar-fields{width:100%}.stat-toolbar-fields .stat-field{flex:150px}.stat-toolbar-fields .stat-field .form-select{width:100%;min-width:0}.stat-adorn.is-suffix .form-input,.stat-toggle-box{width:100%}.stat-field-grow{flex-basis:100%}.stat-toolbar-actions{width:100%;margin-left:0}.stat-toolbar-actions .btn{flex:160px}}@media (width<=820px){.bonus-caret{display:flex;justify-content:flex-end!important}.bonus-caret:before{align-self:center;content:"Months"!important}.bonus-detail>td{display:block}.bonus-months{padding:8px}.bonus-detail{border-style:dashed!important}}@media (width<=640px){.stat-toolbar{border-radius:14px;padding:12px}.stat-benefit .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-benefit .stat-strip>.is-key{grid-column:1/-1}.stat-selection{padding:12px}.formc-head{font-size:12px}}@media (width<=420px){.stat-toolbar-fields .stat-field,.stat-toolbar-actions .btn{flex-basis:100%}}.trv-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.trv-board{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.trv-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.trv-toolbar .form-select{width:auto;min-width:140px}.trv-search{flex:240px}.trv-toolbar-actions{gap:6px;margin-left:auto;display:flex}.trv-filter-note{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin:-6px 0 12px;font-size:12.5px;display:flex}.trv-segment{background:var(--bg-main);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.trv-segment button{font:inherit;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.trv-segment button.current{background:var(--bg-card);color:var(--primary-hover);box-shadow:0 1px 3px #0f172a1f}.trv-grid-cards{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.trv-grid-cards.refreshing{opacity:.7;transition:opacity .15s}.trv-card{--trv-accent:#94a3b8;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:18px 16px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.trv-card:before{content:"";background:var(--trv-accent);height:3px;position:absolute;inset:0 0 auto}.trv-card:hover,.trv-card:focus-visible{border-color:#c7d2fe;outline:none;transform:translateY(-2px);box-shadow:0 10px 24px -12px #4f46e559}.trv-card.status-pending_approval{--trv-accent:#f59e0b}.trv-card.status-approved{--trv-accent:#6366f1}.trv-card.status-claim_submitted{--trv-accent:#f97316}.trv-card.status-settled{--trv-accent:#10b981}.trv-card.status-rejected{--trv-accent:#ef4444}.trv-card.closed{background:#fcfcfd}.trv-card.closed .trv-route,.trv-card.closed .trv-money{opacity:.7}.trv-card-head{align-items:center;gap:10px;min-width:0;display:flex}.trv-card-who{flex:1;min-width:0}.trv-card-who strong{align-items:center;gap:6px;font-size:14.5px;line-height:1.25;display:flex}.trv-card-who>em{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:normal;display:block;overflow:hidden}.trv-card-head .badge{white-space:nowrap;flex:none}.trv-you{text-transform:uppercase;letter-spacing:.04em;background:var(--primary-light);color:var(--primary-hover);border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.trv-route{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:8px;display:grid}.trv-route-end{min-width:0}.trv-route-end.to{text-align:right}.trv-route-end em{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10.5px;font-style:normal;display:block}.trv-route-end strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.3;display:block;overflow:hidden}.trv-route-line{place-items:center;height:26px;display:grid;position:relative}.trv-route-line:before{content:"";border-top:2px dashed #c7d2fe;position:absolute;top:50%;left:0;right:0}.trv-route-mode{background:var(--primary-gradient);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:relative;box-shadow:0 2px 6px #4f46e559}.trv-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:6px 12px;font-size:12px;display:flex}.trv-card-meta>span{align-items:center;gap:5px;display:inline-flex}.trv-intl{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:1px 8px;font-weight:600}.trv-phase{border-radius:999px;padding:1px 8px;font-weight:600}.trv-phase.tone-info{background:var(--info-bg);color:#6d28d9}.trv-phase.tone-primary{background:var(--primary-light);color:var(--primary-hover)}.trv-phase.tone-neutral{color:#475569;background:#f1f5f9}.trv-purpose{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.trv-purpose.full{-webkit-line-clamp:unset;color:var(--text-secondary);display:block}.trv-money{background:var(--bg-main);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:10px 12px;display:grid}.trv-money.big{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px;margin-bottom:10px}.trv-money dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px}.trv-money dd{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin:2px 0 0;font-size:14.5px;font-weight:700;display:flex;overflow:hidden}.trv-money dd.neg{color:#b91c1c}.trv-money dd.pos{color:#047857}.trv-paid-tick{color:#047857;flex:none}.trv-steps{margin:0;padding:0;list-style:none;display:flex}.trv-steps li{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.trv-steps li+li:before{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:5px;right:50%}.trv-steps li.done+li.done:before,.trv-steps li.done+li.current:before{background:#818cf8}.trv-step-dot{z-index:1;background:var(--bg-card);border:2px solid #cbd5e1;border-radius:50%;width:12px;height:12px;position:relative}.trv-steps li.done .trv-step-dot{background:#6366f1;border-color:#6366f1}.trv-steps li.current .trv-step-dot{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.trv-steps li.failed .trv-step-dot{background:#ef4444;border-color:#ef4444}.trv-step-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}.trv-steps li.done .trv-step-label,.trv-steps li.current .trv-step-label{color:var(--text-secondary);font-weight:600}.trv-steps li.failed .trv-step-label{color:#b91c1c;font-weight:600}.trv-steps.wide{background:var(--bg-main);border-radius:12px;padding:12px 8px}.trv-steps.wide .trv-step-label{font-size:11.5px}.trv-card-foot{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.trv-card-foot .btn{justify-content:center}.trv-card-foot .btn-primary,.trv-card-foot .btn-secondary{flex:110px}.trv-open{margin-left:auto}.trv-skeleton{border:1px solid var(--border);background:linear-gradient(90deg, var(--bg-main) 25%, #eef2f7 50%, var(--bg-main) 75%);background-size:200% 100%;border-radius:14px;animation:1.2s ease-in-out infinite trv-shimmer}.trv-skeleton.tile{height:66px}.trv-skeleton.card{height:330px}@keyframes trv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trv-spin{animation:.9s linear infinite trv-rotate}@keyframes trv-rotate{to{transform:rotate(360deg)}}.trv-detail{flex-direction:column;gap:14px;display:flex}.trv-detail-title{font-size:15px}.trv-detail-hero{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trv-detail-who{flex:1;min-width:160px}.trv-detail-who strong{font-size:15px;display:block}.trv-detail-who span{color:var(--text-muted);font-size:12.5px}.trv-detail-badges{flex-wrap:wrap;gap:6px;display:flex}.trv-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.trv-detail-actions:empty{display:none}.trv-danger-text{color:#b91c1c}.trv-detail-columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.trv-detail-columns section>.ast-section-title:not(:first-child){margin-top:18px}.trv-itinerary{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.trv-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trv-section-head .ast-section-title{margin:0}.trv-balance{border-radius:10px;margin:0 0 10px;padding:8px 11px;font-size:12.5px;font-weight:600}.trv-balance.recover{background:var(--warning-bg);color:#92400e}.trv-balance.pay{background:var(--success-bg);color:#047857}.trv-balance.even{background:var(--bg-main);color:var(--text-secondary)}.trv-callout{border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;font-size:12.5px;display:flex}.trv-callout.danger{background:var(--error-bg);color:#b91c1c}.trv-expenses{border:1px solid var(--border);border-radius:12px;margin:0 0 18px;padding:0;list-style:none;overflow:hidden}.trv-expenses li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.trv-expenses li:last-child{border-bottom:0}.trv-exp-icon{background:var(--primary-light);width:30px;height:30px;color:var(--primary-hover);border-radius:9px;flex:none;place-items:center;display:grid}.trv-exp-what{flex:1;min-width:0}.trv-exp-what strong{font-size:13px;display:block}.trv-exp-what em{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;display:block;overflow:hidden}.trv-exp-amt{white-space:nowrap;font-weight:700}.trv-exp-amt s{color:var(--text-muted);margin-right:4px;font-weight:400}.trv-exp-total{background:var(--bg-main);justify-content:space-between;font-weight:600}.trv-empty-note{border:1px dashed var(--border);border-radius:12px;margin:0 0 18px;padding:12px}.trv-form{flex-direction:column;gap:14px;display:flex}.trv-form .form-group{margin-bottom:0}.trv-form-section{flex-direction:column;gap:12px;display:flex}.trv-form-section+.trv-form-section{border-top:1px solid var(--border);padding-top:14px}.trv-form-section>.trv-segment{align-self:flex-start}.trv-form-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;font-size:11.5px}.trv-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;display:grid}.trv-route-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.trv-route-arrow{width:30px;height:38px;color:var(--primary);place-items:center;display:grid}.trv-days{background:var(--primary-light);height:42px;color:var(--primary-hover);border-radius:10px;justify-content:center;align-self:end;align-items:baseline;gap:5px;padding:0 12px;font-size:12.5px;line-height:42px;display:flex}.trv-days strong{font-size:18px}.trv-chips{flex-wrap:wrap;gap:8px;display:flex}.trv-chip{border:1px solid var(--border);background:var(--bg-card);font:inherit;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;transition:all .12s;display:inline-flex}.trv-chip:hover{border-color:#a5b4fc}.trv-chip.current{border-color:var(--primary);background:var(--primary-light);color:var(--primary-hover);font-weight:600}.trv-check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.trv-lead{flex-direction:column;gap:2px;margin:0;font-size:13.5px;display:flex}.trv-lead span{color:var(--text-muted);font-size:12.5px}.trv-error{background:var(--error-bg);color:#b91c1c;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;font-size:13px;display:flex}.trv-form-actions{justify-content:flex-end;gap:8px;display:flex}.trv-choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trv-choice{border:1.5px solid var(--border);background:var(--bg-card);font:inherit;cursor:pointer;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.trv-choice.approve.current{background:var(--success-bg);color:#047857;border-color:#10b981}.trv-choice.reject.current{background:var(--error-bg);color:#b91c1c;border-color:#ef4444}.trv-amount-hero{background:var(--primary-gradient);color:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px;display:flex}.trv-amount-hero span{opacity:.85;font-size:12.5px}.trv-amount-hero strong{letter-spacing:-.01em;font-size:26px}.trv-settle-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.trv-settle-row{border-bottom:1px solid var(--border);grid-template-columns:30px minmax(0,1fr) auto 120px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:grid}.trv-settle-row:last-child{border-bottom:0}.trv-settle-what{min-width:0}.trv-settle-what strong{display:block}.trv-settle-what em{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;display:block;overflow:hidden}.trv-settle-claimed{color:var(--text-secondary);white-space:nowrap}.trv-settle-input{text-align:right}.trv-settle-sum{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.trv-settle-sum>div{background:var(--bg-main);border-radius:12px;padding:10px 12px}.trv-settle-sum dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:10.5px}.trv-settle-sum dd{margin:2px 0 0;font-size:16px;font-weight:700}.trv-settle-sum .result.recover{background:var(--warning-bg);color:#92400e}.trv-settle-sum .result.pay{background:var(--success-bg);color:#047857}.trv-settle-sum .result dt{color:inherit}@media (width<=900px){.trv-settle-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.trv-board{border-radius:14px;padding:12px}.trv-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.trv-tiles>:last-child:nth-child(odd){grid-column:1/-1}.trv-toolbar{gap:8px}.trv-toolbar>.trv-segment{width:100%}.trv-toolbar>.trv-segment button{flex:1}.trv-search{flex-basis:100%}.trv-toolbar .form-select{flex:calc(50% - 4px);min-width:0}.trv-toolbar-actions{width:100%;margin-left:0}.trv-toolbar-actions .btn-secondary{flex:1;justify-content:center}.trv-grid-cards{grid-template-columns:1fr;gap:12px}.trv-card{padding:16px 14px 12px}.trv-card:hover{transform:none}.trv-money dd{font-size:13.5px}.trv-step-label{font-size:9.5px}.trv-route-fields{grid-template-columns:1fr}.trv-route-arrow{display:none}.trv-settle-row{grid-template-columns:30px minmax(0,1fr) 100px}.trv-settle-claimed{grid-area:2/2;font-size:11.5px}.trv-settle-input{grid-area:1/3/span 2}.trv-form-actions{flex-direction:column-reverse}.trv-form-actions .btn{justify-content:center;width:100%}}.trv-self-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.trv-self-head h4{margin:0;font-size:16px}.trv-self-head p{max-width:720px;margin:4px 0 0}.trv-dropzone{width:100%;color:var(--primary-hover);font:inherit;cursor:pointer;text-align:center;background:#f8faff;border:1.5px dashed #c7d2fe;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:18px 14px;font-size:13px;transition:all .12s;display:flex}.trv-dropzone:hover,.trv-dropzone.over{border-color:var(--primary);background:var(--primary-light)}.trv-dropzone span{color:var(--text-primary)}.trv-dropzone em{color:var(--text-muted);font-size:11.5px;font-style:normal}.trv-receipt-picked{border:1px solid var(--primary);background:var(--primary-light);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.trv-receipt-picked img{object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}.trv-receipt-icon{background:var(--bg-card);color:#b91c1c;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.trv-receipt-name{flex:1;min-width:0}.trv-receipt-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.trv-receipt-name em{color:var(--text-secondary);font-size:11.5px;font-style:normal;display:block}.trv-receipt-link{max-width:100%;color:var(--primary-hover);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}.trv-receipt-link:hover{text-decoration:underline}.trv-receipt-attach{background:var(--warning-bg);color:#b45309;font:inherit;cursor:pointer;border:1px dashed #f59e0b;border-radius:999px;align-items:center;gap:4px;margin-top:3px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.trv-receipt-attach:disabled{opacity:.6;cursor:progress}.trv-receipt-missing{background:var(--warning-bg);color:#b45309;border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-top:3px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.trv-card-meta .trv-receipt-missing{margin-top:0}.trv-callout.warning{background:var(--warning-bg);color:#92400e}.trv-amount-hero.recover{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.trv-exp-what .trv-receipt-link,.trv-exp-what .trv-receipt-attach,.trv-exp-what .trv-receipt-missing,.trv-settle-what .trv-receipt-link,.trv-settle-what .trv-receipt-missing{display:inline-flex}:root{--tier-shift:#c7d2fe;--tier-official-ot:#6366f1;--tier-beyond:#312e81}.f2-hours{flex-direction:column;gap:4px;width:100%;display:flex}.dtable .f2-hours{width:170px;margin:0 auto}.f2-hours-meta{align-self:stretch}.f2-hours-meta span,.f2-nowrap{white-space:nowrap}.f2-hours-bar{background:#f1f5f9;border-radius:4px;align-self:stretch;gap:2px;width:100%;height:8px;display:flex;position:relative;overflow:hidden}.f2-hours-bar i{height:100%;display:block}.f2-hours-bar i:last-of-type{border-radius:0 4px 4px 0}.f2-hours-bar .t-shift{background:var(--tier-shift)}.f2-hours-bar .t-ot{background:var(--tier-official-ot)}.f2-hours-bar .t-beyond{background:var(--tier-beyond)}.f2-hours-cap{background:var(--error);width:2px;position:absolute;top:-2px;bottom:-2px}.f2-hours-meta{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:11px;display:flex}.f2-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.f2-legend span{align-items:center;gap:6px;display:inline-flex}.f2-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.f2-legend .t-shift{background:var(--tier-shift)}.f2-legend .t-ot{background:var(--tier-official-ot)}.f2-legend .t-beyond{background:var(--tier-beyond)}.f2-legend .t-cap{background:var(--error);border-radius:0;width:2px;height:12px}.f2-pair{flex-direction:column;line-height:1.25;display:inline-flex}.f2-pair strong{color:var(--text-primary);font-size:14px}.f2-pair span{color:var(--text-secondary);font-size:11px}.f2-beyond{color:var(--tier-beyond);font-weight:700}.f2-compare{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.f2-compare-card{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.f2-compare-card.is-actual{border-color:var(--primary);background:var(--primary-light)}.f2-compare-card>span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.f2-compare-card>strong{color:var(--text-primary);font-size:24px;font-weight:800}.f2-compare-card>em{color:var(--text-secondary);font-size:12px;font-style:normal}.f2-note{background:var(--primary-light);color:var(--text-primary);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.f2-note svg{color:var(--primary);flex-shrink:0;margin-top:1px}.f2-chart{width:100%;position:relative}.f2-chart svg{width:100%;height:auto;display:block}.f2-chart .chart-tooltip{white-space:nowrap;z-index:5}.f2-chart-hit{fill:#0000;cursor:pointer}.f2-report-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px;display:grid}.f2-report-card{text-align:left;border:1px solid var(--border);background:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.f2-report-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.f2-report-card.active{border-color:var(--primary);background:var(--primary-light)}.f2-report-card h4{margin:0;font-size:14px}.f2-report-card p{color:var(--text-secondary);margin:0;font-size:12px}.f2-report-card-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.f2-total-row td{background:#f8fafc;font-weight:700}.f2-steps{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.f2-step{color:var(--text-secondary);background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.f2-step.done{background:var(--success-bg);color:#047857}.f2-step.current{background:var(--primary-light);color:var(--primary-hover)}@media (width<=768px){.dtable .f2-hours{width:100%}}.f2-switch{width:40px;height:22px;transition:background var(--transition-fast), box-shadow var(--transition-fast);background:#cbd5e1;border-radius:999px;flex-shrink:0;position:relative}.f2-switch-knob{width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.f2-switch.on{background:var(--success)}.f2-switch.on .f2-switch-knob{transform:translate(18px)}.f2-switch:focus-visible{box-shadow:0 0 0 3px var(--primary-light), 0 0 0 5px var(--primary)}.f2-switch:disabled{opacity:.55;cursor:not-allowed}.f2-access-cell{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.f2-access-label{color:var(--text-secondary);text-align:left;min-width:64px;font-size:12.5px;font-weight:600}.f2-access-label.on{color:#047857}.f2-you{background:var(--primary-light);color:var(--primary-hover);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:700}.f2-panel-filters{margin:0;padding:14px 16px 0}.f2-access-confirm{border:1px solid var(--border);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.f2-access-log{margin:0}.f2-rules{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.f2-rules li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.f2-rules svg{color:var(--primary);flex-shrink:0;margin-top:2px}@media (width<=768px){.f2-access-confirm{flex-direction:column;align-items:flex-start}.f2-panel-filters{padding:12px 12px 0}}.f2-role-badges{flex-wrap:wrap;justify-content:center;gap:4px;display:inline-flex}.f2-switch.busy{opacity:.6;cursor:progress}.f2-switch.busy .f2-switch-knob{animation:.9s ease-in-out infinite f2-pulse}@keyframes f2-pulse{50%{box-shadow:0 0 0 4px #ffffff73}}