:root{--font:"Kantumruy Pro", "Inter", system-ui, -apple-system, sans-serif;--bg:#f5f6f8;--surface:#fff;--surface-2:#f9fafb;--surface-hover:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--text:#111827;--text-2:#4b5563;--text-3:#9ca3af;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff4ff;--primary-ring:#2563eb2e;--good:#0ca30c;--good-text:#067a06;--good-soft:#e9f7e9;--warning:#fab219;--warning-text:#9a6200;--warning-soft:#fff6e0;--critical:#d03b3b;--critical-text:#b42323;--critical-soft:#fdecec;--info-text:#1d4ed8;--info-soft:#eff4ff;--neutral-soft:#f1f2f4;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-strong:#f8fafc;--sidebar-hover:#94a3b81a;--sidebar-active:#3b82f629;--sidebar-active-text:#93c5fd;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 3px #10182814, 0 1px 2px #1018280a;--shadow-lg:0 20px 40px -12px #10182840;--radius-sm:6px;--radius:10px;--radius-lg:14px;--sidebar-w:256px;--topbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f17;--surface:#131a26;--surface-2:#182130;--surface-hover:#1c2636;--border:#243044;--border-strong:#334155;--text:#e5e9f0;--text-2:#a3adbd;--text-3:#6b7689;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-soft:#3b82f624;--primary-ring:#3b82f64d;--good-text:#4ade80;--good-soft:#0ca30c29;--warning-text:#fbbf24;--warning-soft:#fab21924;--critical-text:#f87171;--critical-soft:#d03b3b2e;--info-text:#93c5fd;--info-soft:#3b82f624;--neutral-soft:#1c2636;--sidebar-bg:#0a0e15;--shadow:0 1px 3px #0006;--shadow-lg:0 20px 40px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em;margin:0;font-weight:600}a{color:var(--primary);text-decoration:none}button{font-family:inherit}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.subtle{color:var(--text-3);font-size:12.5px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);z-index:40;flex-direction:column;transition:transform .2s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{height:var(--topbar-h);color:var(--sidebar-text-strong);border-bottom:1px solid #94a3b81a;align-items:center;gap:10px;padding:0 20px;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 4px 12px #3b82f659}.brand-sub{color:var(--sidebar-text);margin-top:-2px;font-size:11px;font-weight:500;display:block}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{letter-spacing:.06em;text-transform:uppercase;color:#64748b;padding:14px 12px 6px;font-size:11px;font-weight:600}.nav-section:first-child{padding-top:0}.nav-link{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link svg{opacity:.85;flex-shrink:0}.nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.nav-link.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}.nav-link.active svg{opacity:1}.sidebar-foot{border-top:1px solid #94a3b81a;padding:14px 16px;font-size:12px}.main{margin-left:var(--sidebar-w);flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;height:var(--topbar-h);background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{font-size:15px;font-weight:600}.topbar-spacer{flex:1}.topbar-date{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.menu-btn{display:none}.page{width:100%;max-width:1440px;margin:0 auto;padding:28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:24px;line-height:1.3}.page-header p{color:var(--text-2);margin:4px 0 0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.backdrop{display:none}@media (width<=1024px){.sidebar{box-shadow:var(--shadow-lg);transform:translate(-100%)}.sidebar.open{transform:none}.backdrop.open{z-index:35;background:#0f172a80;display:block;position:fixed;inset:0}.main{margin-left:0}.menu-btn{display:inline-flex}.topbar{padding:0 16px}.page{padding:20px 16px}.topbar-date{display:none}}.user-menu{position:relative}.user-trigger{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.user-trigger:hover{background:var(--surface-hover)}.user-trigger .who{text-align:left;line-height:1.25}.user-trigger .who b{font-size:13px;font-weight:600;display:block}.user-trigger .who span{color:var(--text-2);font-size:11.5px}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-lg);padding:6px;animation:.12s ease-out pop;position:absolute;top:calc(100% + 8px);right:0}.dropdown-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 10px 8px}.dropdown-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item.danger{color:var(--critical-text)}@media (width<=640px){.user-trigger .who{display:none}}.btn{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:focus-visible{box-shadow:0 0 0 4px var(--primary-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--critical);border-color:var(--critical);color:#fff}.btn-danger:hover:not(:disabled){background:#b42323}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.btn-sm{height:32px;padding:0 10px;font-size:13px}.btn-icon{width:34px;height:34px;padding:0}.btn-lg{border-radius:12px;height:52px;padding:0 28px;font-size:16px}.btn-block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text);font-size:13px;font-weight:500}.field .hint{color:var(--text-3);font-size:12px;font-weight:400}.input,.select{width:100%;height:38px;font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring);outline:none}.input-icon{position:relative}.input-icon>svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-icon .input{padding-left:36px}.checkbox{cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.day-picker{flex-wrap:wrap;gap:6px;display:flex}.day-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.day-chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-header h3{font-size:15px}.card-header p{color:var(--text-2);margin:2px 0 0;font-size:12.5px}.card-body{padding:20px}.grid{gap:16px;display:grid}.grid-dash{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (width<=1100px){.grid-dash{grid-template-columns:1fr}}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.stat{align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.stat-icon.blue{background:var(--info-soft);color:var(--info-text)}.stat-icon.green{background:var(--good-soft);color:var(--good-text)}.stat-icon.amber{background:var(--warning-soft);color:var(--warning-text)}.stat-icon.red{background:var(--critical-soft);color:var(--critical-text)}.stat-label{color:var(--text-2);font-size:13px}.stat-value{margin-top:2px;font-size:28px;font-weight:600;line-height:1.2}.stat-foot{color:var(--text-3);margin-top:2px;font-size:12px}.hero{flex-direction:column;gap:14px;display:flex}.hero-figure{letter-spacing:-.02em;font-size:52px;font-weight:600;line-height:1}.hero-figure small{color:var(--text-2);margin-left:2px;font-size:22px;font-weight:500}.split-bar{background:var(--neutral-soft);border-radius:4px;gap:2px;height:12px;display:flex;overflow:hidden}.split-bar>div{cursor:default;min-width:3px;height:100%;transition:opacity .15s}.split-bar:hover>div{opacity:.55}.split-bar>div:hover{opacity:1}.legend{flex-direction:column;gap:2px;display:flex}.legend-row{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:flex}.legend-row:last-child{border-bottom:none}.legend-row .swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-row svg{color:var(--text-2)}.legend-row .val{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.legend-row .pct{text-align:right;width:44px;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12.5px}.legend-inline{color:var(--text-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.legend-inline span{align-items:center;gap:6px;display:inline-flex}.legend-inline i{border-radius:3px;width:10px;height:10px;display:inline-block}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--border);stroke-width:1px}.chart .axis-label{fill:var(--text-3);font-size:11px;font-family:var(--font)}.chart .hit{fill:#0000;cursor:default}.chart .hit:hover{fill:var(--surface-hover)}.tooltip{pointer-events:none;z-index:5;background:var(--surface);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-lg);border-radius:8px;padding:10px 12px;font-size:12.5px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.tooltip b{margin-bottom:6px;font-size:12.5px;display:block}.tooltip .row{align-items:center;gap:8px;display:flex}.tooltip .row i{border-radius:2px;width:8px;height:8px}.tooltip .row span:last-child{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:12px;font-weight:600}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.toolbar .input-icon{flex:1;min-width:220px;max-width:360px}.toolbar .select,.toolbar .input{width:auto;min-width:150px}.toolbar .spacer{flex:1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:500}tbody td{border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-2)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}td.actions{text-align:right;width:1%}td.actions .btn+.btn{margin-left:4px}.cell-user{align-items:center;gap:10px;display:flex}.cell-user b{font-weight:500;display:block}.cell-user span{color:var(--text-3);font-size:12px}.table-foot{border-top:1px solid var(--border);color:var(--text-2);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pager{align-items:center;gap:6px;display:flex}.text-critical{color:var(--critical-text);font-weight:600}.text-warning{color:var(--warning-text);font-weight:600}.text-good{color:var(--good-text);font-weight:600}.dash{color:var(--text-3)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.avatar.lg{width:44px;height:44px;font-size:16px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 7px;font-size:12px;font-weight:500;line-height:1.6;display:inline-flex}.badge svg{flex-shrink:0}.badge-good{background:var(--good-soft);color:var(--good-text)}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-critical{background:var(--critical-soft);color:var(--critical-text)}.badge-info{background:var(--info-soft);color:var(--info-text)}.badge-neutral{background:var(--neutral-soft);color:var(--text-2)}.badge+.badge{margin-left:4px}.empty{text-align:center;color:var(--text-2);padding:48px 20px}.empty-icon{background:var(--neutral-soft);width:48px;height:48px;color:var(--text-3);border-radius:12px;place-items:center;margin:0 auto 12px;display:grid}.empty b{color:var(--text);margin-bottom:2px;font-weight:600;display:block}.skeleton{background:linear-gradient(90deg, var(--neutral-soft) 25%, var(--surface-hover) 50%, var(--neutral-soft) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.alert{background:var(--critical-soft);color:var(--critical-text);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.alert svg{flex-shrink:0;margin-top:2px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:100%;min-width:0;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.18s ease-out pop;display:flex}.modal.sm{max-width:420px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 0;display:flex}.modal-head h3{font-size:17px}.modal-head p{color:var(--text-2);margin:4px 0 0;font-size:13px}.modal-body{min-width:0;padding:20px 24px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 16px 16px;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=560px){.form-grid{grid-template-columns:1fr}}.confirm-icon{background:var(--critical-soft);width:44px;height:44px;color:var(--critical-text);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.toasts{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;animation:.2s ease-out slide;display:flex}.toast svg{flex-shrink:0;margin-top:2px}.toast.success svg{color:var(--good-text)}.toast.error svg{color:var(--critical-text)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(4px)}}@keyframes slide{0%{opacity:0;transform:translateY(8px)}}.auth{background:var(--surface);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-aside{color:#e2e8f0;background:radial-gradient(1200px 600px at -10% -20%,#1e3a8a 0%,#0000 60%),radial-gradient(800px 500px at 120% 120%,#4338ca 0%,#0000 55%),#0b1220;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-aside:after{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}.auth-aside>*{z-index:1;position:relative}.auth-brand{color:#fff;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.auth-pitch h2{color:#fff;max-width:460px;font-size:34px;font-weight:700;line-height:1.35}.auth-pitch p{color:#94a3b8;max-width:440px;margin:14px 0 28px;font-size:15px}.auth-features{gap:14px;display:grid}.auth-feature{color:#cbd5e1;align-items:center;gap:12px;display:flex}.auth-feature div{color:#93c5fd;background:#94a3b81f;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.auth-foot{color:#64748b;font-size:12.5px}.auth-main{background:var(--bg);place-items:center;padding:32px 24px;display:grid}.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:26px}.auth-card>p{color:var(--text-2);margin:6px 0 28px}.auth-form{gap:18px;display:grid}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-aside{display:none}}.punch{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid;overflow:hidden}.punch-main{flex-direction:column;gap:18px;padding:28px;display:flex}.punch-clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:600;line-height:1}.punch-clock small{color:var(--text-3);font-size:22px;font-weight:500}.punch-date{color:var(--text-2);margin-top:6px}.punch-actions{flex-wrap:wrap;gap:12px;display:flex}.punch-actions .btn{flex:1;min-width:160px}.punch-side{background:var(--surface-2);border-left:1px solid var(--border);flex-direction:column;gap:18px;padding:24px 28px;display:flex}.shift-pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.timeline{flex-direction:column;display:flex}.tl-item{gap:14px;padding-bottom:18px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--border);width:2px;position:absolute;top:32px;bottom:0;left:15px}.tl-item:last-child:before{display:none}.tl-dot{background:var(--neutral-soft);width:32px;height:32px;color:var(--text-3);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.tl-dot.done{background:var(--good-soft);color:var(--good-text)}.tl-item b{font-weight:500;display:block}.tl-item span{color:var(--text-2);font-size:12.5px}.progress{background:var(--primary-soft);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--primary);border-radius:4px;height:100%;transition:width .4s}.mini-stats{background:var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.mini-stats>div{background:var(--surface);padding:14px 20px}.mini-stats b{font-size:20px;font-weight:600;display:block}.mini-stats span{color:var(--text-2);font-size:12.5px}@media (width<=900px){.punch{grid-template-columns:1fr}.punch-side{border-left:none;border-top:1px solid var(--border)}.mini-stats{grid-template-columns:repeat(2,1fr)}}.segmented{background:var(--neutral-soft);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}@keyframes spin{to{transform:rotate(360deg)}}.shift-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.shift-card{flex-direction:column;gap:10px;padding:20px;display:flex}.shift-card-head{align-items:center;gap:12px;display:flex}.shift-card-head h3{font-size:15px}.shift-time{letter-spacing:-.01em;margin-top:4px;font-size:28px;font-weight:600}.shift-time span{color:var(--text-3);margin:0 4px;font-weight:400}.week{gap:6px;margin-top:4px;display:flex}.week span{background:var(--neutral-soft);width:32px;height:32px;color:var(--text-3);border-radius:8px;place-items:center;font-size:12px;font-weight:600;display:grid}.week span.on{background:var(--primary-soft);color:var(--primary)}.map{z-index:0;width:100%}.leaflet-container{font-family:var(--font);background:var(--surface-2)}.notice{background:var(--info-soft);color:var(--info-text);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice a{font-weight:600;text-decoration:underline}.setting-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.setting-row:last-child{border-bottom:none}.setting-text{flex:1;min-width:0}.setting-text b{font-weight:600}.setting-text p{color:var(--text-2);margin:2px 0 6px;font-size:13px}.switch{cursor:pointer;background:var(--border-strong);border:none;border-radius:999px;flex-shrink:0;width:44px;height:24px;margin-top:4px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(20px)}.switch:focus-visible{box-shadow:0 0 0 4px var(--primary-ring);outline:none}.switch:disabled{opacity:.6;cursor:wait}.diff{grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:4px 10px;font-size:12.5px;display:grid}.diff .k{color:var(--text-2);font-weight:500}.diff .old{color:var(--critical-text);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--critical-text) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--critical-text) 50%, transparent);word-break:break-all}.diff .new{color:var(--good-text);word-break:break-all}.diff .arrow{color:var(--text-3)}.kv{grid-template-columns:auto 1fr;gap:3px 12px;font-size:12.5px;display:grid}.kv .k{color:var(--text-2)}.kv span:not(.k){word-break:break-all}tr.expand td{background:var(--surface-2);white-space:normal}.log-action{align-items:center;gap:8px;display:inline-flex}.nav-badge{background:var(--critical);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.segmented .count{background:var(--critical);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.kiosk{color:#e8f3ec;background:radial-gradient(900px 600px at 10% 0,#1f6b4f 0%,#0000 60%),radial-gradient(800px 500px at 100% 100%,#134734 0%,#0000 60%),#0c2419;flex-direction:column;min-height:100vh;display:flex}.kiosk-head{align-items:center;gap:16px;padding:24px 40px;display:flex}.kiosk-brand{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.kiosk-office{background:#ffffff14;border-radius:999px;margin-left:auto;padding:8px 18px;font-weight:500}.kiosk-fs{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.kiosk-fs:hover{background:#ffffff29}.kiosk-main{flex:1;grid-template-columns:1fr auto;align-items:center;gap:64px;width:100%;max-width:1400px;margin:0 auto;padding:24px 64px 56px;display:grid}.kiosk-clock{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(64px,9vw,128px);font-weight:600;line-height:1}.kiosk-clock small{color:#8fbfa5;font-size:.4em;font-weight:500}.kiosk-date{color:#a9cdb8;margin:12px 0 48px;font-size:clamp(18px,2vw,26px)}.kiosk-steps{gap:18px;margin:0;padding:0;font-size:clamp(16px,1.6vw,21px);list-style:none;display:grid}.kiosk-steps li{align-items:center;gap:16px;display:flex}.kiosk-steps li span{color:#9be3b8;background:#ffffff14;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.kiosk-steps b{color:#fff}.kiosk-qr-card{background:#fff;border-radius:32px;width:min(46vw,460px);padding:28px;box-shadow:0 30px 80px -20px #0009}.kiosk-qr{aspect-ratio:1}.kiosk-qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.kiosk-timer{color:#3d5a4b;text-align:center;margin-top:18px;font-size:15px}.kiosk-timer b{color:#0f2a1f;font-variant-numeric:tabular-nums}.kiosk-bar{background:#e3efe7;border-radius:99px;height:6px;margin-bottom:10px;overflow:hidden}.kiosk-bar div{transform-origin:0;background:linear-gradient(90deg,#d7e021,#2e9e5e);height:100%;transition:transform .25s linear}.kiosk-error{aspect-ratio:1;text-align:center;color:#b42323;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}@media (width<=900px){.kiosk-main{text-align:center;grid-template-columns:1fr;justify-items:center;gap:32px;padding:16px 24px 40px}.kiosk-head{padding:16px 20px}.kiosk-steps{display:none}.kiosk-date{margin-bottom:0}.kiosk-qr-card{width:min(86vw,420px)}}.sidebar-platform{background:linear-gradient(#1a1033 0%,#0f0a1f 100%)}.sidebar-platform .brand-mark{background:linear-gradient(135deg,#f59e0b,#d946ef);box-shadow:0 4px 12px #d946ef59}.sidebar-platform .nav-link.active{color:#f0abfc;background:#d946ef2e}.context-card{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:10px;gap:4px;margin:12px 12px 0;padding:12px;display:grid}.context-card b{color:#fff;font-size:14px}.context-card .subtle{color:#fcd34d}.context-card .btn{color:#fff;box-shadow:none;background:#ffffff14;border-color:#0000;margin-top:6px}.context-banner{color:#92400e;background:#fef3c7;border-bottom:1px solid #fde68a;align-items:center;gap:10px;padding:10px 28px;font-size:13.5px;display:flex}.context-banner span{flex:1}.context-banner .btn{background:#fff}.plan{border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.plan-basic{background:var(--neutral-soft);color:var(--text-2)}.plan-pro{background:var(--info-soft);color:var(--info-text)}.plan-enterprise{color:#a21caf;background:#d946ef1f}.usage{gap:4px;min-width:120px;display:grid}.usage-bar{background:var(--neutral-soft);border-radius:99px;height:6px;overflow:hidden}.usage-bar>div{background:var(--primary);border-radius:99px;height:100%}.usage-bar>div.warn{background:var(--warning)}.usage-bar>div.full{background:var(--critical)}.attention{flex-direction:column;display:flex}.attention-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.attention-item:last-child{border-bottom:none}.attention-item:hover{background:var(--surface-2)}.attention-item .dot{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.kpi-hero{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px;display:grid}.kpi{padding:20px;position:relative;overflow:hidden}.kpi .stat-label{align-items:center;gap:8px;display:flex}.kpi .kpi-value{margin-top:6px;font-size:34px;font-weight:600;line-height:1.1}.kpi .kpi-foot{color:var(--text-2);margin-top:6px;font-size:12.5px}.kpi-accent{opacity:.08;border-radius:50%;width:90px;height:90px;position:absolute;top:-18px;right:-18px}.detail-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.detail-grid{grid-template-columns:1fr}}.kv-list{grid-template-columns:auto 1fr;gap:10px 16px;font-size:13.5px;display:grid}.kv-list dt{color:var(--text-2)}.kv-list dd{text-align:right;margin:0;font-weight:500}.link-cell{cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.link-cell b{font-weight:600;display:block}.link-cell:hover b{color:var(--primary);text-decoration:underline}.link-cell .subtle{display:block}.company-logo{color:#fff;background:linear-gradient(135deg,#312e81,#7c3aed);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.company-logo.lg{border-radius:14px;width:56px;height:56px;font-size:24px}.dash{gap:16px;display:grid}.dash-hero{color:#fff;background:radial-gradient(600px 300px at 90% -20%,#ffffff2e,#0000 60%),radial-gradient(500px 260px at 0 120%,#6366f18c,#0000 60%),linear-gradient(120deg,#1e3a8a 0%,#2563eb 55%,#4f46e5 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -20px #2563eb99}.dash-hero:after{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#ffffffe6 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000);mask-image:linear-gradient(90deg,#0000 40%,#000)}.dash-hero>*{z-index:1;position:relative}.dash-hero-eyebrow{background:#ffffff24;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.dash-hero h1{color:#fff;margin:12px 0 4px;font-size:28px}.dash-hero p{color:#dbe6ff;flex-wrap:wrap;align-items:center;gap:10px;margin:0;display:flex}.hero-chip{color:#92400e;background:#fde68a;border-radius:99px;align-items:center;gap:5px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.dash-hero-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-btn{cursor:pointer;color:#fff;height:38px;font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .15s;display:inline-flex}.hero-btn:hover{background:#fff3}.hero-btn.primary{color:#1e3a8a;background:#fff;border-color:#fff}.hero-btn.primary:hover{background:#eef2ff}.hero-count{background:var(--critical);color:#fff;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.dash-hero-clock{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;display:flex}.dash-hero-clock .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:600;line-height:1}.dash-hero-clock .big small{color:#c7d7fe;font-size:22px}.live-dot{color:#dbe6ff;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.live-dot span,.pulse{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;display:inline-block;box-shadow:0 0 #4ade80b3}.live-dot.is-polling span{background:#fbbf24;animation:none}@keyframes pulse{70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero-refresh{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}@media (width<=720px){.dash-hero{padding:22px 20px}.dash-hero-clock{text-align:left;align-items:flex-start}.dash-hero-clock .big{font-size:40px}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.kpi-card{flex-direction:column;gap:10px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpi-top{align-items:center;gap:10px;display:flex}.kpi-top .stat-icon{border-radius:9px;width:34px;height:34px}.kpi-label{color:var(--text-2);font-size:13.5px;font-weight:500}.kpi-mid{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.kpi-number{letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1}.kpi-number small{color:var(--text-3);margin-left:2px;font-size:16px;font-weight:500}.kpi-bottom{align-items:center;gap:8px;font-size:12.5px;display:flex}.delta{background:var(--neutral-soft);color:var(--text-2);border-radius:99px;align-items:center;gap:2px;padding:1px 8px 1px 5px;font-size:12px;font-weight:600;display:inline-flex}.delta.good{background:var(--good-soft);color:var(--good-text)}.delta.bad{background:var(--critical-soft);color:var(--critical-text)}.dash-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;display:grid}.dash-row.even{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1200px){.dash-row.three{grid-template-columns:1fr 1fr}}@media (width<=1000px){.dash-row,.dash-row.even,.dash-row.three{grid-template-columns:1fr}}.card-header h3{align-items:center;gap:8px;display:flex}.card-body.tight{padding:8px 12px 12px}.median{text-align:right;display:grid}.median b{font-size:18px}.live-count{color:var(--good-text);font-size:30px;font-weight:700;line-height:1}.avatar-stack{margin-bottom:18px;padding-left:8px;display:flex}.avatar-stack>span{box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin-left:-8px}.avatar-stack .more{background:var(--neutral-soft);width:34px;height:34px;color:var(--text-2);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.feed-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:6px;font-size:12px;font-weight:600}.feed-item{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.feed-item:last-child{border-bottom:none}.feed-main{flex:1;min-width:0}.feed-main b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.feed-main span,.feed-meta span:first-child{color:var(--text-3);font-size:12px}.feed-meta{justify-items:end;gap:2px;display:grid}.bar-list{gap:16px;display:grid}.bar-head{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.bar-head b{font-weight:600}.bar-value{margin-left:auto;font-weight:600}.bar-track{background:var(--neutral-soft);border-radius:4px;height:10px;overflow:hidden}.bar-track>div{background:linear-gradient(90deg,#2a78d6,#4f46e5);border-radius:4px;height:100%;transition:width .5s}.rank-row{border-radius:10px;align-items:center;gap:12px;padding:10px 8px;display:flex}.rank-row:hover{background:var(--surface-2)}.rank-row .cell-user{flex:1;min-width:0}.rank{background:var(--neutral-soft);width:26px;height:26px;color:var(--text-2);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.rank-1{color:#b45309;background:#fef3c7}.rank-2{color:#4b5563;background:#e5e7eb}.rank-3{color:#9a3412;background:#fde2cf}.streak{color:#ea580c;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.issue{color:inherit;border-radius:10px;align-items:center;gap:12px;padding:10px 8px;display:flex}a.issue:hover{background:var(--surface-2)}.issue>div{flex:1;min-width:0}.issue b{font-weight:500;display:block}.issue span{color:var(--text-2);font-size:12.5px}.issue>svg:last-child{color:var(--text-3)}.issue-icon{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.issue-icon.critical{background:var(--critical-soft);color:var(--critical-text)}.issue-icon.warning{background:var(--warning-soft);color:var(--warning-text)}.issue-icon.leave{color:#7c3aed;background:#7c3aed1f}.countdown{white-space:nowrap;background:#7c3aed1a;border-radius:99px;padding:2px 8px;font-weight:600;color:#7c3aed!important;font-size:12px!important}.announce-mini{color:inherit;border-radius:12px;gap:10px;margin:4px 0 8px;padding:12px;display:flex}.announce-mini>div{min-width:0}.announce-mini b{display:block}.announce-mini span{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.tone-info{background:var(--info-soft)}.tone-info>svg{color:var(--info-text)}.tone-success{background:var(--good-soft)}.tone-success>svg{color:var(--good-text)}.tone-warning{background:var(--warning-soft)}.tone-warning>svg{color:var(--warning-text)}.month-strip{padding:18px 20px}.month-strip-title{align-items:center;gap:8px;margin-bottom:14px;font-weight:600;display:flex}.month-strip-title .subtle{font-weight:400}.month-items{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.month-item{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;justify-items:start;gap:4px;padding:12px 14px;display:grid}.month-item .subtle{align-items:center;gap:6px;display:inline-flex}.month-item b{font-size:20px;font-weight:600}.holiday-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.holiday-row{border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.holiday-row:hover{background:var(--surface-2)}.holiday-row.past{opacity:.55}.holiday-date{text-align:center;color:#6d28d9;background:#7c3aed1a;border-radius:10px;flex-shrink:0;width:52px;padding:4px 0}.holiday-date b{font-size:18px;line-height:1.2;display:block}.holiday-date span{font-size:11px}.announce-list{gap:12px;display:grid}.announce-card{align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.announce-card.expired{opacity:.6}.announce-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.announce-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.announce-head h3{font-size:16px}.announce-body{white-space:pre-wrap;color:var(--text);margin:6px 0 8px}.dash-hero.platform{background:radial-gradient(600px 300px at 90% -20%,#fbbf2447,#0000 60%),radial-gradient(500px 260px at 0 120%,#d946ef73,#0000 60%),linear-gradient(120deg,#1e1037 0%,#4c1d95 55%,#7e22ce 100%);box-shadow:0 20px 40px -20px #7c3aed99}.dash-hero.platform .dash-hero-eyebrow{color:#fde68a;background:#fbbf2433}.dash-hero.platform .hero-btn.primary{color:#4c1d95}.dash-hero.platform p,.dash-hero.platform .live-dot{color:#e9d5ff}.dash-hero.platform .dash-hero-clock .big small{color:#d8b4fe}.dash-row.wide-left{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (width<=1000px){.dash-row.wide-left{grid-template-columns:1fr}}.bar-track.violet>div{background:linear-gradient(90deg,#8b5cf6,#d946ef)}.bar-head .rank{border-radius:6px;width:22px;height:22px;font-size:12px}.issue-btn{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none}.issue-btn:hover{background:var(--surface-2)}.issue-icon.neutral{background:var(--neutral-soft);color:var(--text-2)}.issue-icon.good{background:var(--good-soft);color:var(--good-text)}.health{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 8px;font-size:12px;font-weight:500;display:inline-flex}.health b{font-variant-numeric:tabular-nums}.health-good{background:var(--good-soft);color:var(--good-text)}.health-warning{background:var(--warning-soft);color:var(--warning-text)}.health-critical{background:var(--critical-soft);color:var(--critical-text)}.growth-foot{color:var(--text-2);flex-wrap:wrap;gap:14px;margin-top:6px;font-size:12.5px;display:flex}.legend-inline b{color:var(--text);margin-left:2px}.kiosk-date{margin-bottom:28px}.kiosk-recent{gap:8px;max-width:520px;margin-bottom:28px;display:grid}.kiosk-recent-title{letter-spacing:.06em;text-transform:uppercase;color:#8fbfa5;font-size:13px;font-weight:600}.kiosk-recent-empty{color:#8fbfa5;font-size:15px}.kiosk-recent-item{background:#ffffff0f;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:17px;animation:.3s ease-out slide;display:flex}.kiosk-recent-item.latest{background:#9be3b829;box-shadow:inset 0 0 0 1px #9be3b859}.kiosk-recent-item b{color:#fff;font-weight:600}.kiosk-recent-meta{color:#a9cdb8;font-size:14px}.kiosk-recent-time{font-variant-numeric:tabular-nums;color:#d6ecdf;margin-left:auto}.kiosk-recent-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.kiosk-recent-icon.in{color:#86efac;background:#4ade802e}.kiosk-recent-icon.out{color:#fdba74;background:#fb923c2e}.kiosk-steps.compact{gap:10px;font-size:15px}.kiosk-steps.compact li span{width:36px;height:36px;font-size:16px}.kiosk-qr-img{animation:.35s ease-out qr-in}@keyframes qr-in{0%{opacity:0;transform:scale(.96)}}.kiosk-flash{z-index:20;color:#0f2a1f;background:#fff;border-radius:24px;align-items:center;gap:18px;padding:20px 32px;animation:.25s ease-out pop;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 30px 80px -10px #0000008c}.kiosk-flash svg{color:#16a34a;flex-shrink:0}.kiosk-flash.out svg{color:#ea580c}.kiosk-flash b{font-size:30px;line-height:1.2;display:block}.kiosk-flash span{color:#3d5a4b;font-size:17px}.kiosk-pair{flex:1;place-items:center;padding:24px;display:grid}.kiosk-pair-card{color:#0f2a1f;text-align:center;background:#fff;border-radius:28px;justify-items:center;gap:16px;width:100%;max-width:440px;padding:36px 32px;display:grid;box-shadow:0 30px 80px -20px #0009}.kiosk-pair-card h1{color:#0f2a1f;font-size:26px}.kiosk-pair-card p{color:#3d5a4b;margin:0}.kiosk-pair-card small{color:#6b8577}.kiosk-pair-icon{color:#1b5e45;background:#e3f0e6;border-radius:20px;place-items:center;width:64px;height:64px;display:grid}.kiosk-pair-input{text-align:center;width:100%;font:inherit;letter-spacing:.4em;font-variant-numeric:tabular-nums;border:2px solid #d5e3da;border-radius:16px;padding:12px 0 12px .4em;font-size:40px}.kiosk-pair-input:focus{border-color:#1b5e45;outline:none;box-shadow:0 0 0 4px #1b5e4526}.kiosk-pair-error{color:#b42323;font-size:14px}.kiosk-pair-card .btn{background:#1b5e45;border-color:#1b5e45;width:100%}.kiosk-steps-admin{gap:6px;display:grid}.kiosk-steps-admin .step{color:var(--text-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.kiosk-steps-admin .step span{background:var(--primary-soft);width:22px;height:22px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.pair-box{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.pair-code{text-align:center;background:var(--surface);border:2px dashed var(--primary);border-radius:12px;padding:8px 16px}.pair-code div{letter-spacing:.12em;color:var(--primary);font-size:30px;font-weight:700}.pair-code span{color:var(--text-2);font-size:12px}.link{color:var(--primary);cursor:pointer;text-decoration:underline}.staff-hub{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:20px;scroll-margin-top:82px;overflow:hidden;box-shadow:0 6px 24px -18px #0f172a33}.staff-hub-head{justify-content:space-between;align-items:center;gap:16px;padding:25px 26px 22px;display:flex}.staff-eyebrow{color:#61728c;letter-spacing:.13em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.staff-hub h2{margin:7px 0 5px;font-size:21px}.staff-hub-head p,.staff-alert-heading p{color:var(--text-2);margin:0;font-size:13px}.staff-admin{border:1px solid var(--border);color:var(--text-2);border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex}.staff-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 26px 22px;display:grid}.staff-tab{text-align:left;border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:13px;align-items:center;gap:12px;padding:16px 14px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.staff-tab:hover{background:var(--surface-2);border-color:var(--border-strong)}.staff-tab.selected{background:#f7faff;border-color:#a7bfe9;box-shadow:0 0 0 3px #2563eb08}.staff-tab b{font-size:13px;font-weight:650;display:block}.staff-tab small{color:var(--text-2);margin-top:4px;font-size:11px;display:block}.staff-tab-arrow{color:#7c8da6;flex-shrink:0;margin-left:auto}.staff-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.staff-icon.mint{color:#16805e;background:#e7f6ef}.staff-icon.amber{color:#9e6519;background:#fff3dd}.staff-icon.violet{color:#7051b9;background:#eeeafb}.staff-panel{border-top:1px solid var(--border);padding:20px 26px 16px}.staff-panel-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.staff-panel-toolbar h3,.staff-shift h3,.staff-upcoming h3,.staff-alert-heading h3{margin:0;font-size:14px}.staff-panel-toolbar p{margin:5px 0 0}.staff-panel-toolbar .input-icon{width:min(100%,320px)}.staff-text-link{white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.staff-list-head,.staff-person-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 165px;align-items:center;gap:18px;display:grid}.staff-list-head{background:var(--surface-2);color:var(--text-2);border-radius:8px;padding:11px 12px;font-size:11px}.staff-person-row{border-bottom:1px solid #eef0f4;padding:16px 12px}.staff-person-row .cell-user,.staff-person-row .cell-user>div{min-width:0}.staff-person-row .cell-user b,.staff-person-row .cell-user span{overflow-wrap:anywhere}.staff-location{justify-content:space-between;align-items:center;gap:10px;padding-right:16px;display:flex}.staff-location-label{color:var(--text-2);align-items:center;gap:5px;font-size:11px;display:inline-flex}.staff-location-label.allowed{color:#16805e}.staff-location .switch,.staff-alert-heading .switch{flex-shrink:0}.staff-salary-btn{color:#24634f;background:#f3faf6;border-color:#dbece2;justify-content:center}.staff-list-foot{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;font-size:12px;display:flex}.staff-list-foot>div{gap:6px;display:flex}.staff-note{color:var(--text-2);align-items:flex-start;gap:8px;margin:18px 0 0;font-size:12px;line-height:1.8;display:flex}.staff-note svg{flex-shrink:0;margin-top:3px}.staff-shift-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.staff-shift{border:1px solid var(--border);background:linear-gradient(145deg,#fff,#fafbfe);border-radius:14px;padding:18px}.staff-shift-heading{align-items:center;gap:10px;display:flex}.staff-shift small{color:var(--text-2);font-size:11px}.staff-shift-time{font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin:22px 0;font-size:25px;font-weight:650}.staff-shift-time span{color:#97a4b9;padding:0 5px;font-size:17px}.staff-shift-bottom{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.staff-shift-bottom b{color:#9e6519}.staff-alert-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;display:grid}.staff-alert-settings{gap:19px;padding:4px 0 12px;display:grid}.staff-alert-settings>.btn{justify-self:start}.staff-alert-heading{align-items:center;gap:12px;display:flex}.staff-alert-heading>div{flex:1}.staff-alert-heading p{margin-top:5px;font-size:12px}.staff-days-input{align-items:center;gap:12px;display:flex}.staff-days-input input{max-width:95px}.staff-days-input>span{color:var(--text-2);font-size:12px}.staff-alert-tags{flex-wrap:wrap;gap:7px;display:flex}.staff-alert-tags>span{color:#586780;background:#f3f5fa;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.staff-upcoming{background:#f8f9fd;border-radius:14px;align-self:start;padding:20px}.staff-upcoming-title{color:#596b87;align-items:center;gap:8px;margin-bottom:10px;display:flex}.staff-upcoming-title a{margin-left:auto}.staff-holiday{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 0;display:flex}.staff-holiday:last-child{border-bottom:0;padding-bottom:0}.staff-date-tile{color:#526886;background:#fff;border:1px solid #e4e7f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:55px;min-height:59px;font-size:23px;font-weight:600;display:flex}.staff-date-tile small{font-size:9px;font-weight:500}.staff-holiday>div b{font-size:13px;display:block}.staff-holiday>div small{color:var(--text-2);margin-top:4px;font-size:11px;display:block}.staff-fetch-error{margin-bottom:16px}.salary-person{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.salary-form{gap:20px;display:grid}.salary-amount{background:#f5faf7;border:1px solid #dbece2;border-radius:14px;padding:20px}.salary-amount>label{color:#466556;font-size:12px}.salary-amount>div{align-items:center;gap:12px;margin-top:10px;display:flex}.salary-amount>div>span{color:#7d9a8b;font-size:30px}.salary-amount input{color:#1e4838;font-variant-numeric:tabular-nums;background:0 0;border:0;border-bottom:1px solid #cdded3;width:100%;min-width:0;padding:5px 0;font-size:38px;font-weight:600}.salary-form .staff-note{margin:0}.staff-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:18px;display:flex}.staff-outside-option{cursor:pointer;background:#f5faf7;border:1px solid #dbece2;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex}.staff-outside-option b,.staff-outside-option small{display:block}.staff-outside-option b{font-size:13px}.staff-outside-option small{color:var(--text-2);margin-top:5px;font-size:11px}.staff-outside-option input{accent-color:#16805e;width:18px;height:18px;margin-left:auto}.day-off-banner{background:#f5f2fc;border:1px solid #e6dff5;border-radius:14px;gap:14px;margin-bottom:16px;padding:18px 22px;display:flex}.dash>.day-off-banner{margin-bottom:0}.day-off-banner h3{color:#594482;margin:0 0 8px;font-size:14px}.day-off-items{flex-wrap:wrap;gap:8px 20px;display:flex}.day-off-items>span{color:#6b578f;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;display:flex}.day-off-items b{font-weight:500}.day-off-items>span>span{background:#eae3f5;border-radius:5px;padding:2px 6px;font-size:11px}.staff-hub button:focus-visible,.salary-form input:focus-visible{outline-offset:3px;outline:3px solid #93b4f1}@media (width<=1150px){.staff-tabs{gap:8px}.staff-tab{flex-wrap:wrap;gap:8px}.staff-tab-arrow{display:none}.staff-shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-list-head,.staff-person-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 155px;gap:10px}.staff-location{padding-right:0}}@media (width<=650px){.staff-hub-head{padding:20px 16px}.staff-hub-head p{font-size:12px}.staff-hub h2{font-size:19px}.staff-admin{display:none}.staff-tabs{gap:7px;padding:0 16px 16px}.staff-tab{flex-direction:column;align-items:flex-start;padding:11px 9px}.staff-tab b{font-size:11px;line-height:1.8}.staff-tab small{display:none}.staff-tab .staff-icon{border-radius:9px;width:32px;height:32px}.staff-panel{padding:16px}.staff-panel-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.staff-panel-toolbar .input-icon{width:100%}.staff-list-head{display:none}.staff-person-row{grid-template-columns:1fr;gap:14px;padding:18px 0}.staff-location{justify-content:space-between}.staff-salary-btn{justify-self:stretch}.staff-alert-grid,.staff-shift-grid{grid-template-columns:1fr;gap:16px}.staff-list-foot,.staff-note{font-size:11px}.staff-outside-option{flex-wrap:wrap}.staff-outside-option>span:nth-child(2){flex:1}.salary-amount input{font-size:30px}}@media (prefers-reduced-motion:reduce){.staff-tab{transition:none}}.staff-hub .cell-user>div>span,.salary-person .cell-user>div>span{color:var(--text-2)}.staff-hub .avatar,.salary-person .avatar{color:#fff}.payroll-report{margin-top:20px}.payroll-report .toolbar{flex-wrap:wrap;gap:12px}.payroll-report .toolbar h2{margin-right:auto}.payroll-report .stats{margin:16px 0}.payroll-report .stat-value{overflow-wrap:anywhere}.payroll-note{margin:16px 0;line-height:1.8}.payroll-notice{color:#80550d;background:#fff8e6;border-radius:12px;margin-bottom:16px;padding:14px 18px}.payroll-settings{gap:18px;display:grid}.payroll-checkbox{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.payroll-checkbox input{accent-color:var(--primary);margin-top:5px}.payroll-breakdown{min-width:240px;padding:10px 0;font-size:12px;line-height:1.9}.payroll-report summary{cursor:pointer}.lang-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-switch button{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600;line-height:1.4}.lang-switch button:hover{color:var(--text)}.lang-switch button.on{background:var(--primary);color:#fff}.lang-switch button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-lang{z-index:2;position:absolute;top:16px;right:16px}.auth-main{position:relative}.segmented button svg{vertical-align:-2px;margin-right:4px}.printed-qr{grid-template-columns:220px 1fr;align-items:start;gap:20px;display:grid}.printed-qr-img{border:1px solid var(--border);background:#fff;border-radius:16px;width:220px;height:220px;padding:12px}.printed-qr-img img{width:100%;height:100%;image-rendering:pixelated;display:block}.printed-qr-side{gap:12px;display:grid}.printed-qr-actions{flex-wrap:wrap;gap:8px;display:flex}.printed-qr-actions .btn.disabled{pointer-events:none;opacity:.5}.printed-qr-note{border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.printed-qr-note svg{flex-shrink:0;margin-top:2px}.printed-qr-note.good{background:var(--good-soft,#ecfdf5);color:var(--good,#047857)}.printed-qr-note.warn{background:var(--warning-soft,#fffbeb);color:var(--warning,#b45309)}.printed-qr-empty{border:1px dashed var(--border);border-radius:14px;align-items:flex-start;gap:14px;padding:16px;display:flex}.printed-qr-empty p{margin:4px 0 12px;font-size:13.5px;line-height:1.6}.wifi-field{border-top:1px solid var(--border);padding-top:16px}@media (width<=560px){.printed-qr{grid-template-columns:1fr}.printed-qr-img{justify-self:center;width:200px;height:200px}}.brand-logo{object-fit:contain;filter:drop-shadow(0 3px 6px #2e7d3240);flex-shrink:0;width:34px;height:34px}.brand-logo.lg{width:40px;height:40px}.auth-brand{gap:16px}.auth-brand b{letter-spacing:-.3px;font-size:28px;font-weight:700;line-height:1.15;display:block}.auth-brand small{color:#fff9;letter-spacing:.3px;margin-top:2px;font-size:13.5px;font-weight:500;display:block}.auth-logo{background:linear-gradient(145deg,#8bc34a2e,#2e7d3214);border:1px solid #8bc34a47;border-radius:22px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;position:relative;box-shadow:0 10px 30px #2e7d3247,inset 0 1px #ffffff14}.auth-logo:before{content:"";z-index:-1;background:radial-gradient(circle,#7cb34247,#0000 65%);border-radius:30px;position:absolute;inset:-14px}.auth-logo img{filter:drop-shadow(0 6px 12px #00000059);width:56px;height:56px}@media (width<=560px){.auth-logo{border-radius:18px;width:60px;height:60px}.auth-logo img{width:44px;height:44px}.auth-brand b{font-size:24px}}.link-btn{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px}.link-btn:hover{text-decoration:underline}.leave-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.leave-bar-wrap{gap:4px;display:grid}.leave-bar{background:var(--neutral-soft,#eef0f3);border-radius:99px;gap:2px;height:8px;display:flex;overflow:hidden}.leave-bar span{height:100%;display:block}.leave-bar .used{background:var(--good,#16a34a);border-radius:99px 0 0 99px}.leave-bar .pending{background:var(--warning,#d97706)}.year-switch{align-items:center}.year-switch b{padding:0 10px}@media (width<=720px){.leave-summary{grid-template-columns:1fr}}.roster-page{gap:16px;padding-bottom:72px;display:grid}.roster-hero{color:#fff;background:radial-gradient(120% 140% at 100% 0,#3b5bdb 0%,#0000 55%),linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#1e3a8a 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.roster-hero:after{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff59 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 30%,#000 100%)}.roster-hero>*{z-index:1;position:relative}.roster-eyebrow{letter-spacing:.4px;text-transform:uppercase;color:#a5b4fc;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.roster-hero h1{color:#fff;letter-spacing:-.3px;margin:6px 0 4px;font-size:30px;font-weight:700;line-height:1.2}.roster-hero p{color:#cbd5e1;max-width:520px;margin:0;font-size:13.5px}.roster-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.roster-switch,.roster-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;padding:4px;display:inline-flex}.roster-switch button,.roster-nav button{color:#e2e8f0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:7px 14px;font-size:13px;font-weight:600;display:grid}.roster-switch button.on{color:#0f172a;background:#fff;box-shadow:0 2px 8px #0003}.roster-nav button:hover:not(:disabled),.roster-switch button:not(.on):hover{background:#ffffff1f}.roster-nav button:disabled{opacity:.45;cursor:default}.roster-nav .roster-today{padding:7px 12px}.roster-ghost{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.roster-ghost:hover{background:#ffffff1a}.roster-stats{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr);gap:12px;display:grid}.roster-stat{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-content:start;gap:2px;padding:14px 16px;display:grid}.roster-stat>span{color:var(--text-2);font-size:12.5px;font-weight:500}.roster-stat>b{letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1.25}.roster-stat>small{color:var(--text-3);font-size:12px}.roster-stat.warn{border-color:color-mix(in srgb, var(--warning,#d97706) 45%, var(--border));background:color-mix(in srgb, var(--warning,#d97706) 6%, var(--surface))}.roster-stat.warn>b{color:var(--warning,#b45309)}.roster-stat-legend>div{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.roster-stat-legend em{--c:var(--text-3);color:var(--text-2);background:color-mix(in srgb, var(--c) 10%, transparent);border:1px solid color-mix(in srgb, var(--c) 25%, transparent);border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-style:normal;display:inline-flex}.roster-stat-legend em i{background:var(--c);border-radius:3px;width:8px;height:8px}.roster-stat-legend em.off i{background:repeating-linear-gradient(135deg, var(--text-3) 0 2px, transparent 2px 4px);border:1px solid var(--text-3)}.roster-board{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.roster-board-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.roster-board-head .select{width:auto;min-width:190px}.roster-hint{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.roster-hint .custom-dot{position:static}.roster-grid{border-collapse:separate;border-spacing:0;width:100%}.roster-grid th,.roster-grid td{border-bottom:1px solid var(--border)}.roster-grid thead th{z-index:2;background:var(--surface-2);text-align:center;white-space:nowrap;padding:10px 4px;font-weight:600;position:sticky;top:0}.roster-grid thead th span{color:var(--text-3);font-size:11px;font-weight:500;display:block}.roster-grid thead th b{font-size:13.5px}.roster-grid thead th.is-weekend span,.roster-grid thead th.is-weekend b{color:#e11d48}.roster-grid thead th.is-today{background:var(--primary);color:#fff}.roster-grid thead th.is-today span,.roster-grid thead th.is-today b{color:#fff}.roster-grid .roster-corner{text-align:left;z-index:3;min-width:210px;color:var(--text-2);padding-left:16px;font-size:12.5px;left:0}.roster-person{z-index:1;background:var(--surface);border-right:1px solid var(--border);padding:8px 12px 8px 16px;position:sticky;left:0}.roster-person-inner{align-items:center;gap:10px;display:flex}.roster-person-inner b{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.roster-person-inner small{color:var(--text-3);white-space:nowrap;font-size:11.5px}.roster-offbar{background:var(--neutral-soft,#eef0f3);border-radius:99px;width:96px;height:4px;margin:4px 0 3px;overflow:hidden}.roster-offbar i{background:linear-gradient(90deg,#94a3b8,#64748b);border-radius:99px;height:100%;display:block}.roster-slot{text-align:center;padding:5px 3px}.roster-slot.is-weekend{background:#e11d4808}.roster-grid td.is-today{background:color-mix(in srgb, var(--primary) 7%, transparent);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--primary) 35%, transparent), inset -2px 0 0 color-mix(in srgb, var(--primary) 35%, transparent)}.roster-pill{--c:#64748b;min-height:40px;color:color-mix(in srgb, var(--c) 85%, #000);background:color-mix(in srgb, var(--c) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--c) 22%, transparent);border-radius:10px;align-content:center;justify-items:center;gap:1px;font-size:12.5px;font-weight:600;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.roster-pill small{opacity:.75;font-size:10.5px;font-weight:500}.roster-pill.off{color:var(--text-3);background:repeating-linear-gradient(135deg, var(--surface-2) 0 6px, color-mix(in srgb, var(--text-3) 14%, transparent) 6px 7px);border:1px dashed color-mix(in srgb, var(--text-3) 45%, transparent)}.roster-pill select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.roster-pill:hover{box-shadow:0 4px 10px -4px color-mix(in srgb, var(--c) 60%, transparent);transform:translateY(-1px)}.roster-pill.busy{opacity:.45}.roster-pill.is-selected{outline:2px solid var(--primary);outline-offset:1px;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}.roster-pill.is-selected:after{content:"✓";color:var(--primary);font-size:9px;position:absolute;top:1px;left:3px}.roster-grid .selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.roster-grid thead th.selectable:hover:not(.is-today),.roster-person.selectable:hover{background:var(--primary-soft)}.custom-dot{width:6px;height:6px;box-shadow:0 0 0 2px var(--surface);background:#f59e0b;border-radius:50%;position:absolute;top:3px;right:4px}.roster-grid.is-month .roster-slot{min-width:40px;padding:4px 2px}.roster-grid.is-month thead th{min-width:40px;padding:8px 2px}.roster-grid.is-month .roster-pill{white-space:nowrap;border-radius:8px;min-height:32px;font-size:11px;overflow:hidden}.roster-grid.is-week .roster-slot{min-width:104px;padding:7px 5px}.roster-grid.is-week .roster-pill{min-height:50px}.roster-grid tfoot td{background:var(--surface-2);text-align:center;border-bottom:0;padding:8px 2px}.roster-coverage-label{background:var(--surface-2)!important}.roster-coverage-label b{font-size:12.5px;display:block}.roster-coverage-label small{color:var(--text-3);font-size:11px}.roster-cov{font-variant-numeric:tabular-nums;border-radius:7px;place-items:center;width:30px;height:26px;margin:0 auto;font-size:12px;font-weight:700;display:grid}.roster-cov.lv0{color:#b91c1c;background:#fee2e2}.roster-cov.lv1{color:#c2410c;background:#ffedd5}.roster-cov.lv2{color:#1e40af;background:#dbeafe}.roster-cov.lv3{color:#1e3a8a;background:#93c5fd}.roster-cov.lv4{color:#fff;background:#2563eb}.roster-dock{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:8px;animation:.18s ease-out dock-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -12px #0f172a80}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,10px)}}.roster-dock-count{color:#cbd5e1;border-right:1px solid #ffffff26;margin-right:2px;padding:0 10px 0 8px;font-size:13px}.roster-dock-count b{color:#fff;font-size:15px}.roster-dock button{color:#f1f5f9;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.roster-dock button:hover:not(:disabled){background:#ffffff2e}.roster-dock button i{border-radius:3px;width:9px;height:9px}.roster-dock .dock-off{color:#0f172a;background:#fff}.roster-dock .dock-off:hover:not(:disabled){background:#e2e8f0}.roster-dock .dock-close{color:#94a3b8;background:0 0;padding:8px 10px}@media (width<=900px){.roster-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.roster-hero{padding:18px}.roster-hero h1{font-size:24px}.roster-stats{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.roster-cov.lv0{color:#fca5a5;background:#450a0a}.roster-cov.lv1{color:#fdba74;background:#431407}.roster-cov.lv2{color:#93c5fd;background:#172554}.roster-cov.lv3{color:#dbeafe;background:#1e40af}}.tg-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;max-width:1180px;display:grid}@media (width<=1000px){.tg-layout{grid-template-columns:1fr}}.tg-status{border-color:var(--good-soft);align-items:center;gap:14px;padding:16px 20px;display:flex}.tg-status p{color:var(--text-2);word-break:break-all;margin:2px 0 0;font-size:13px}.tg-status-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.tg-steps{flex-direction:column;gap:22px;padding:18px 20px 6px;display:flex}.tg-steps>section{align-items:flex-start;gap:14px;display:flex}.tg-steps>section>.field{flex:1;min-width:0}.tg-num{background:var(--primary-ring);width:28px;height:28px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.tg-row{gap:8px;display:flex}.tg-row .input{flex:1;min-width:0}.tg-chats{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tg-chat{border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;color:var(--text);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.tg-chat span{color:var(--text-3);font-size:12px}.tg-chat:hover{background:var(--surface-hover)}.tg-chat.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.tg-event{border-bottom:none;padding:10px 0}.tg-footer{justify-content:flex-end;padding:14px 20px 18px;display:flex}.tg-preview{padding-bottom:16px;position:sticky;top:16px}.tg-preview>.hint{color:var(--text-3);margin:4px 0 0;padding:0 18px;font-size:12px}.tg-bubble{color:#0f172a;background:#e7f3ff;border-radius:14px 14px 14px 4px;flex-direction:column;gap:3px;margin:12px 16px 0;padding:10px 14px;font-size:13.5px;line-height:1.45;display:flex}@media (width<=560px){.tg-row{flex-direction:column}.tg-status{flex-wrap:wrap}.tg-status-actions{margin-left:0}}.tg-tabs{flex-wrap:wrap;gap:6px;padding:14px 20px 0;display:flex}.tg-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;display:inline-flex}.tg-tabs button small{background:var(--good-soft);color:var(--good-text);border-radius:999px;padding:1px 7px;font-size:11px}.tg-tabs button.active{border-color:var(--primary);color:var(--primary);background:var(--primary-ring)}.tg-command{background:var(--surface-2);border:1px dashed var(--border);white-space:nowrap;border-radius:10px;flex:1;min-width:0;padding:9px 12px;font-size:13px;overflow-x:auto}.tg-waiting{color:var(--text-2);align-items:center;gap:8px;margin:0 0 6px 42px;font-size:13px;display:flex}.tg-events{padding:4px 20px 10px}.spin{animation:1s linear infinite spin}.tg-inline{color:var(--text-2);align-items:center;gap:8px;margin-top:8px;font-size:13px;display:inline-flex}.tg-inline .input{width:auto;min-width:90px;padding:6px 10px}.cell-user-link{color:inherit;text-decoration:none}.cell-user-link:hover b{color:var(--primary);text-decoration:underline}.avatar.xl{flex:none;width:64px;height:64px;font-size:26px}.emp{flex-direction:column;gap:16px;max-width:1180px;display:flex}.emp-back{color:var(--text-2);align-items:center;gap:6px;width:fit-content;font-size:13px;text-decoration:none;display:inline-flex}.emp-back:hover{color:var(--primary)}.emp-hero{flex-wrap:wrap;align-items:center;gap:18px;padding:20px 22px;display:flex}.emp-hero-text{flex:1;min-width:220px}.emp-hero-text h1{flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:22px;display:flex}.emp-hero-text p{color:var(--text-2);margin:4px 0 10px}.emp-chips{flex-wrap:wrap;gap:6px;display:flex}.emp-chips span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12.5px;display:inline-flex}.emp-contact{color:var(--text-3);word-break:break-all;font-size:13px}.emp-month{align-items:center;gap:10px;display:flex}.emp-month b{text-align:center;min-width:130px;font-size:15px}.emp-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.emp-stat{align-items:center;gap:12px;padding:14px 16px;display:flex}.emp-stat>div{flex-direction:column;min-width:0;display:flex}.emp-stat-label{color:var(--text-2);font-size:12.5px}.emp-stat b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2}.emp-stat small{color:var(--text-3);font-size:12px}.emp-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.emp-cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:14px 16px 6px;display:grid}.emp-cal-head{color:var(--text-3);text-align:center;padding-bottom:2px;font-size:12px}.emp-day{background:var(--surface-2);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:2px;min-height:64px;padding:6px 8px;font-size:12px;display:flex;position:relative}.emp-day-num{font-size:13px;font-weight:600}.emp-day-time{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.emp-day-label{color:inherit;opacity:.85}.emp-day-late{font-size:11px;font-weight:600;position:absolute;top:6px;right:7px}.emp-day.is-on_time{background:var(--good-soft);color:var(--good-text)}.emp-day.is-late{background:var(--warning-soft);color:var(--warning-text)}.emp-day.is-absent{background:var(--critical-soft);color:var(--critical-text)}.emp-day.is-leave{background:var(--info-soft);color:var(--info-text)}.emp-day.is-holiday{color:#7c3aed;background:#8b5cf61f}.emp-day.is-off{border-color:var(--border);color:var(--text-3);background:0 0}.emp-day.is-upcoming,.emp-day.is-before_join{border:1px dashed var(--border);color:var(--text-3);background:0 0}.emp-legend{color:var(--text-2);flex-wrap:wrap;gap:12px;padding:8px 16px 16px;font-size:12px;display:flex}.emp-legend span{align-items:center;gap:5px;display:inline-flex}.emp-legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.emp-legend i.is-on_time{background:var(--good)}.emp-legend i.is-late{background:var(--warning)}.emp-legend i.is-absent{background:var(--critical)}.emp-legend i.is-leave{background:var(--info-text)}.emp-legend i.is-holiday{background:#8b5cf6}.emp-legend i.is-off{border:1px solid var(--text-3)}.emp-leave{flex-direction:column;gap:8px;padding:14px 18px 16px;display:flex}.emp-leave-num b{font-size:26px}.emp-leave-num span{color:var(--text-2);margin-left:6px}.emp-leave p{margin:0;font-size:12.5px}.emp-list{margin:0;padding:4px 0 8px;list-style:none}.emp-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 18px;display:flex}.emp-list li:last-child{border-bottom:none}.emp-list li>div{flex-direction:column;min-width:0;display:flex}.emp-list li b{font-size:13.5px;font-weight:500}.emp-list li span{color:var(--text-3);text-overflow:ellipsis;font-size:12px;overflow:hidden}@media (width<=1000px){.emp-grid{grid-template-columns:1fr}.emp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.emp-day{min-height:48px;padding:4px}.emp-day-time svg,.emp-day-late{display:none}.emp-day-time,.emp-day-label{font-size:10px}.emp-cal{gap:3px;padding:10px}}.health-banner{align-items:center;gap:14px;margin-bottom:16px;padding:16px 20px;display:flex}.health-banner b{font-size:16px}.health-banner p{color:var(--text-2);margin:2px 0 0;font-size:13px}.health-banner.ok{border-color:var(--good)}.health-banner.ok>svg{color:var(--good-text)}.health-banner.warn{border-color:var(--warning)}.health-banner.warn>svg{color:var(--warning-text)}.health-banner.fail{border-color:var(--critical)}.health-banner.fail>svg{color:var(--critical-text)}.health-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.health-card{border-left-width:3px;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.health-card.fail{border-left-color:var(--critical)}.health-card.warn{border-left-color:var(--warning)}.health-card.ok{border-left-color:var(--good)}.health-card-head{align-items:center;gap:10px;display:flex}.health-card-head b{flex:1;font-size:14.5px}.health-detail{margin:0;font-size:13.5px;line-height:1.5}.health-meta p{color:var(--text-3);margin:0;font-size:12.5px}.health-bar{height:8px;margin-bottom:6px}.health-bar.warn>div{background:var(--warning)}.health-bar.fail>div{background:var(--critical)}.health-bar.ok>div{background:var(--good)}.health-errors{color:var(--text-2);flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.health-errors li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health-errors code{color:var(--text-3);margin-right:4px}.tg-account{align-items:center;gap:14px;padding:14px 18px;display:flex}.tg-account-text{flex:1;min-width:0}.tg-account-text p{color:var(--text-2);margin:2px 0 0;font-size:13px}.tg-account .tg-waiting a{align-items:center;gap:3px;margin-left:6px;display:inline-flex}.tg-commands dl{margin:0;padding:10px 18px 16px;font-size:13px}.tg-commands dt{color:var(--text-2);margin:8px 0 4px;font-size:12.5px;font-weight:600}.tg-commands dd{color:var(--text-2);margin:0 0 4px}.tg-commands code{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;margin-right:4px;padding:1px 6px;font-size:12.5px}.text-warning{color:var(--warning-text)}@media (width<=560px){.tg-account{flex-wrap:wrap}}.imp{flex-direction:column;gap:16px;max-width:1180px;display:flex}.imp>.page-header{margin-bottom:0}.imp-steps{counter-reset:s;gap:0;margin:0;padding:0;list-style:none;display:flex}.imp-steps li{color:var(--text-3);flex:1;align-items:center;gap:10px;font-size:13.5px;display:flex;position:relative}.imp-steps li:not(:last-child):after{content:"";background:var(--border);border-radius:2px;flex:1;height:2px;margin:0 12px}.imp-steps li.done:not(:last-child):after{background:var(--good)}.imp-step-dot{background:var(--surface);border:1.5px solid var(--border);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.imp-steps li.active{color:var(--text);font-weight:600}.imp-steps li.active .imp-step-dot{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 5px var(--primary-ring)}.imp-steps li.done{color:var(--good-text)}.imp-steps li.done .imp-step-dot{background:var(--good-soft);border-color:var(--good);color:var(--good-text)}.imp-step-label{white-space:nowrap}.imp-error{background:var(--critical-soft);color:var(--critical-text);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.imp-error span{flex:1}.imp-error button{color:inherit;cursor:pointer;background:0 0;border:none;display:grid}.imp-upload{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;display:grid}.imp-drop{text-align:center;cursor:pointer;border:2px dashed color-mix(in srgb, var(--primary) 35%, var(--border));background:radial-gradient(120% 90% at 50% 0%, var(--primary-soft), var(--surface) 70%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:32px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.imp-drop:hover,.imp-drop.dragging{border-color:var(--primary);box-shadow:0 0 0 6px var(--primary-ring)}.imp-drop.dragging{transform:scale(1.01)}.imp-drop.busy{pointer-events:none;opacity:.8}.imp-drop b{font-size:18px}.imp-drop>span:not(.imp-drop-icon){color:var(--text-2);font-size:13.5px}.imp-drop u{color:var(--primary);text-underline-offset:3px;text-decoration-thickness:1.5px}.imp-drop-icon{color:#fff;background:linear-gradient(135deg,#16a34a,#0d9488);border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:4px;display:grid;box-shadow:0 12px 28px -10px #0d948899}.imp-guide{flex-direction:column;gap:14px;padding:18px;display:flex}.imp-guide-head{align-items:flex-start;gap:12px;display:flex}.imp-guide-head p{color:var(--text-2);margin:2px 0 0;font-size:13px}.imp-guide .btn{justify-content:center}.imp-tips{border-top:1px solid var(--border);color:var(--text-2);flex-direction:column;gap:7px;margin:0;padding:12px 0 0 18px;font-size:13px;display:flex}.imp-file{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.imp-file>div{flex:1;min-width:0}.imp-file p{color:var(--text-3);margin:2px 0 0;font-size:12.5px}.imp-map{padding:8px 20px}.imp-map-row{border-bottom:1px solid var(--border);grid-template-columns:200px 24px minmax(180px,260px) minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.imp-map-row:last-child{border-bottom:none}.imp-map-field{align-items:center;gap:8px;display:flex}.imp-req{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.imp-map-row.missing .imp-req{background:var(--critical-soft);color:var(--critical-text)}.imp-map-row.missing .select{border-color:var(--critical)}.imp-map-arrow{color:var(--text-3);transform:rotate(180deg)}.imp-map-row.mapped .imp-map-arrow{color:var(--good)}.imp-map-preview{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.imp-map-preview span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:180px;padding:2px 8px;font-size:12px;overflow:hidden}.imp-map-preview em{color:var(--text-3)}.imp-actions{border-top:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px;display:flex}.imp-actions>.subtle{text-align:right;flex:1;font-size:13px}.imp-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.imp-stat{align-items:center;gap:12px;padding:14px 16px;display:flex}.imp-stat>div{flex-direction:column;display:flex}.imp-stat small{color:var(--text-2);font-size:12.5px}.imp-stat b{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.2}.imp-stat.good{border-color:var(--good)}.imp-stat.bad{border-color:var(--critical)}.stat-icon.violet{color:#7c3aed;background:#8b5cf624}.imp-review-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.imp-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.imp-tabs button{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.imp-tabs button span{background:var(--neutral-soft);border-radius:999px;padding:0 6px;font-size:11.5px}.imp-tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm,0 1px 2px #00000014);font-weight:600}.imp-toggle{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.imp-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.imp-chips i{color:#7c3aed;background:#8b5cf61f;border-radius:999px;padding:1px 8px;font-size:11.5px;font-style:normal}.imp-table{max-height:520px;overflow:auto}.imp-table thead th{z-index:1;background:var(--surface);position:sticky;top:0}.imp-table tbody td{vertical-align:top}.imp-table tr.invalid td{background:color-mix(in srgb, var(--critical-soft) 45%, transparent)}.imp-rownum{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.imp-rownum svg{vertical-align:-3px;margin-right:4px}.imp-rownum .ok{color:var(--good)}.imp-rownum .bad{color:var(--critical)}.imp-strong{font-weight:600}.imp-new{color:#7c3aed;background:#8b5cf61f;border-radius:999px;margin-left:6px;padding:0 6px;font-size:11px}td.has-error>span:first-child{color:var(--critical-text);-webkit-text-decoration:underline wavy var(--critical);text-decoration:underline wavy var(--critical);text-underline-offset:3px}.imp-cell-error{color:var(--critical-text);white-space:normal;max-width:240px;margin-top:3px;font-size:11.5px;display:block}.imp-empty{text-align:center;color:var(--text-2);padding:28px!important}.imp-done{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 24px;display:flex}.imp-done h2{margin:6px 0 0;font-size:22px}.imp-done>p{color:var(--text-2);margin:0}.imp-done-icon{color:#fff;width:76px;height:76px;box-shadow:0 0 0 10px var(--good-soft);background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;place-items:center;animation:.45s cubic-bezier(.2,1.4,.4,1) imp-pop;display:grid}@keyframes imp-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.imp-passwords{text-align:left;background:var(--warning-soft);color:var(--warning-text);border-radius:14px;align-items:center;gap:14px;width:100%;max-width:680px;margin-top:16px;padding:14px 16px;display:flex}.imp-passwords>div{flex:1}.imp-passwords b{color:var(--text)}.imp-passwords p{margin:2px 0 0;font-size:12.5px}.imp-done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}@media (width<=900px){.imp-upload{grid-template-columns:1fr}.imp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.imp-map-row{grid-template-columns:1fr;gap:6px}.imp-map-arrow,.imp-step-label{display:none}.imp-steps li.active .imp-step-label{display:inline}.imp-actions{flex-wrap:wrap}.imp-actions>.subtle{text-align:left;flex-basis:100%;order:-1}.imp-passwords{flex-direction:column;align-items:stretch}}.push-events{flex-direction:column;gap:10px;margin:0;padding:8px 18px;font-size:13.5px;list-style:none;display:flex}.push-events li{align-items:center;gap:10px;display:flex}.push-events li span{background:var(--surface-2);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.push-note{color:var(--text-3);margin:0;padding:4px 18px 16px;font-size:12.5px}.form-chip{align-items:center;gap:6px;font-weight:600;display:inline-flex}.form-chip span{font-size:17px}.form-answers{gap:3px;margin:0;font-size:13px;display:grid}.form-answers>div{gap:6px;display:flex}.form-answers dt{color:var(--text-3);white-space:nowrap}.form-answers dt:after{content:":"}.form-answers dd{color:var(--text);word-break:break-word;margin:0}.form-answers.boxed{background:var(--surface-2);border-radius:12px;gap:6px;padding:12px 14px}.ef-gallery{margin-bottom:16px}.ef-gallery .card-header p{margin:2px 0 0;font-size:13px}.ef-templates{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:4px 18px 18px;display:grid}.ef-template{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;color:var(--text);border-radius:16px;flex-direction:column;gap:4px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.ef-template:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 24px -14px #2563eb80}.ef-template b{margin-top:6px;font-size:14.5px}.ef-template small{color:var(--text-2);font-size:12.5px;line-height:1.4}.ef-template-icon{background:var(--surface-2);border-radius:14px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.ef-template.blank{border-style:dashed}.ef-template.blank .ef-template-icon{background:var(--primary-soft);color:var(--primary)}.ef-template-count{background:var(--neutral-soft);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:11px;position:absolute;top:14px;right:14px}.ef-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ef-card{flex-direction:column;gap:6px;padding:18px;transition:opacity .15s;display:flex}.ef-card.off{opacity:.6}.ef-card-top{justify-content:space-between;align-items:flex-start;display:flex}.ef-card-icon{background:linear-gradient(135deg, var(--primary-soft), var(--surface-2));border-radius:16px;place-items:center;width:50px;height:50px;font-size:26px;display:grid}.ef-card h3{margin:8px 0 0;font-size:16px}.ef-card p{color:var(--text-2);margin:0;font-size:13px}.ef-card-meta{color:var(--text-3);flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12px;display:flex}.ef-card-meta span+span:before{content:"·";margin-right:6px}.ef-pending{color:var(--warning-text);background:var(--warning-soft);border-radius:999px;padding:0 8px;font-weight:600;text-decoration:none}.ef-card-actions{gap:6px;margin-top:auto;padding-top:10px;display:flex}.ef-editor{flex-direction:column;gap:14px;max-width:1180px;display:flex}.ef-editor-bar{z-index:5;background:var(--bg);align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:0}.ef-editor-bar h2{flex:1;margin:0;font-size:18px}.ef-editor-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.ef-builder{flex-direction:column;gap:12px;display:flex}.ef-settings{border-top:4px solid var(--primary);gap:14px;padding:18px;display:flex}.ef-icon-pick{position:relative}.ef-icon-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:18px;width:60px;height:60px;font-size:30px}.ef-icon-btn:hover{border-color:var(--primary)}.ef-icon-menu{z-index:10;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(4,42px);gap:4px;padding:8px;display:grid;position:absolute;top:66px;left:0}.ef-icon-menu button{cursor:pointer;background:0 0;border:none;border-radius:10px;height:42px;font-size:22px}.ef-icon-menu button:hover{background:var(--surface-hover)}.ef-settings-fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ef-title-input{border:none;border-bottom:2px solid var(--border);font:inherit;color:var(--text);background:0 0;outline:none;padding:4px 0 6px;font-size:20px;font-weight:600}.ef-title-input:focus{border-color:var(--primary)}.ef-field{border-left:3px solid #0000;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s;display:flex}.ef-field:focus-within{border-left-color:var(--primary)}.ef-field-head{align-items:center;gap:10px;display:flex}.ef-field-type{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:10px;flex:none;place-items:center;display:grid}.ef-field-label{flex:1;font-weight:500}.ef-field-order{flex-direction:column;display:flex}.ef-field-order button{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:1px 4px;display:grid}.ef-field-order button:hover:not(:disabled){color:var(--primary)}.ef-field-order button:disabled{opacity:.3;cursor:default}.ef-field-row{align-items:center;gap:12px;padding-left:44px;display:flex}.ef-field-row .select{width:auto;min-width:160px}.ef-required{color:var(--text-2);align-items:center;gap:8px;margin-right:auto;font-size:13px;display:inline-flex}.switch.sm{transform-origin:0;transform:scale(.85)}.ef-options{flex-wrap:wrap;align-items:center;gap:6px;padding-left:44px;display:flex}.ef-options>span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 10px;font-size:12.5px;display:inline-flex}.ef-options>span button{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px;display:grid}.ef-options>span button:hover{color:var(--critical-text);background:var(--critical-soft)}.ef-options input{font:inherit;min-width:150px;color:var(--text);background:0 0;border:none;outline:none;padding:4px;font-size:12.5px}.ef-add{border:1.5px dashed var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ef-add>span{color:var(--text-2);font-size:13px;font-weight:600}.ef-add>div{flex-wrap:wrap;gap:6px;display:flex}.ef-add button{border:1px solid var(--border);background:var(--surface);font:inherit;color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.ef-add button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.ef-preview{flex-direction:column;gap:8px;display:flex;position:sticky;top:64px}.ef-preview-label{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.ef-phone{color:#0f172a;background:#f8fafc;border:10px solid #0f172a;border-radius:34px;flex-direction:column;max-height:640px;display:flex;overflow:hidden;box-shadow:0 24px 48px -24px #0f172a80}.ef-phone-head{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.ef-phone-head>span{font-size:26px}.ef-phone-head b{font-size:15px;display:block}.ef-phone-head small{opacity:.85;font-size:11.5px;display:block}.ef-phone-body{flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.ef-p{flex-direction:column;gap:5px;font-size:12.5px;font-weight:500;display:flex}.ef-p i,.ef-p-label i{color:#dc2626;margin-left:3px;font-style:normal}.ef-p em{color:#94a3b8;font-weight:400}.ef-p-input{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:flex-end;align-items:center;height:36px;padding:0 10px;display:flex}.ef-p-input.tall{height:64px}.ef-p-split{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ef-p-chips{flex-wrap:wrap;gap:5px;display:flex}.ef-p-chips span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:5px 10px;font-weight:400}.ef-p.check{flex-direction:row;align-items:center;gap:8px}.ef-p-box{background:#fff;border:1.5px solid #94a3b8;border-radius:5px;flex:none;width:18px;height:18px}.ef-phone-submit{color:#fff;height:42px;font:inherit;opacity:.9;background:#2563eb;border:none;border-radius:12px;margin-top:4px;font-weight:600}@media (width<=1000px){.ef-editor-grid{grid-template-columns:1fr}.ef-preview{position:static}.ef-phone{max-width:360px}}@media (width<=560px){.ef-field-row,.ef-options{flex-wrap:wrap;padding-left:0}}.as-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.as-stat{text-align:left;font:inherit;color:inherit;align-items:center;gap:12px;padding:14px 16px;display:flex}.as-stat.clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.as-stat.clickable:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.as-stat>div{flex-direction:column;min-width:0;display:flex}.as-stat small{color:var(--text-2);font-size:12px}.as-stat b{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.2}.as-toolbar{flex-wrap:wrap;gap:10px}.as-asset{align-items:center;gap:12px;display:flex}.as-asset>div{flex-direction:column;min-width:0;display:flex}.as-asset span{color:var(--text-3);font-size:12px}.as-asset code{color:var(--text-2);font-size:11.5px}.as-warn{color:var(--warning-text);font-style:normal;font-weight:600}.as-icon{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.as-icon.sm{border-radius:9px;width:30px;height:30px;font-size:16px}.as-cond{border:1px solid #0000;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-flex}.as-cond.new{background:var(--info-soft);color:var(--info-text)}.as-cond.good{background:var(--good-soft);color:var(--good-text)}.as-cond.fair{background:var(--neutral-soft);color:var(--text-2)}.as-cond.poor{background:var(--warning-soft);color:var(--warning-text)}.as-cond.broken{background:var(--critical-soft);color:var(--critical-text)}.as-menu{display:inline-block;position:relative}.as-dropdown{z-index:20;min-width:190px}.as-form{flex-direction:column;gap:14px;display:flex}.form-grid .span-2{grid-column:1/-1}.as-cats{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.as-cats button{border:1px solid var(--border);background:var(--surface);font:inherit;color:var(--text-2);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:11.5px;display:flex}.as-cats button span{font-size:20px}.as-cats button:hover{border-color:var(--primary)}.as-cats button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);font-weight:600}.as-price{gap:6px;display:flex}.as-price .select{width:84px}.as-people{border:1px solid var(--border);border-radius:12px;max-height:260px;overflow:auto}.as-people button{border:none;border-bottom:1px solid var(--border);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.as-people button:last-child{border-bottom:none}.as-people button:hover{background:var(--surface-hover)}.as-people button.on{background:var(--primary-soft);color:var(--primary)}.field-label{font-size:13px;font-weight:500}.as-conds{flex-wrap:wrap;gap:6px;display:flex}.as-conds .as-cond{cursor:pointer;padding:6px 14px;font-family:inherit;font-size:13px}.as-conds .as-cond.on{box-shadow:0 0 0 3px var(--primary-ring);border-color:currentColor;font-weight:600}.as-hint{color:var(--warning-text);background:var(--warning-soft);border-radius:10px;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:13px;display:flex}.as-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.as-timeline li{gap:12px;padding-bottom:16px;display:flex;position:relative}.as-timeline li:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:0;left:14px}.as-tl-dot{background:var(--surface-2);width:30px;height:30px;color:var(--text-2);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;display:grid}.as-timeline .ev-assigned .as-tl-dot{background:var(--info-soft);color:var(--info-text);border-color:#0000}.as-timeline .ev-returned .as-tl-dot,.as-timeline .ev-repaired .as-tl-dot,.as-timeline .ev-created .as-tl-dot{background:var(--good-soft);color:var(--good-text);border-color:#0000}.as-timeline .ev-maintenance .as-tl-dot{background:var(--warning-soft);color:var(--warning-text);border-color:#0000}.as-timeline .ev-lost .as-tl-dot{background:var(--critical-soft);color:var(--critical-text);border-color:#0000}.as-timeline li>div{flex-direction:column;gap:3px;min-width:0;padding-top:4px;display:flex}.as-timeline li>div .as-cond{align-self:flex-start}.as-timeline p{color:var(--text-2);margin:0;font-size:13px}.as-timeline small{color:var(--text-3);font-size:12px}@media (width<=1200px){.as-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.as-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}.modal.lg{width:100%;max-width:880px}.kpi-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;display:flex}.kpi-empty h2{margin:6px 0 0}.kpi-empty p{max-width:560px;color:var(--text-2);margin:0 0 10px}.kpi-empty-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:24px;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 14px 30px -14px #ef444499}.kpi-cycle-bar{color:var(--text-2);align-items:center;gap:12px;margin-bottom:12px;font-size:13.5px;display:flex}.kpi-cycle-bar>span:first-child{align-items:center;gap:6px;display:inline-flex}.kpi-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi-stat{align-items:center;gap:12px;padding:14px 16px;display:flex}.kpi-stat>div{flex-direction:column;display:flex}.kpi-stat small{color:var(--text-2);font-size:12.5px}.kpi-stat b{font-variant-numeric:tabular-nums;font-size:22px}.kpi-stat b em{color:var(--text-3);margin-left:4px;font-size:13px;font-style:normal;font-weight:400}.kpi-grades{flex-direction:column;align-items:stretch;gap:8px}.kpi-grade-bar{gap:3px;height:30px;display:flex}.kpi-grade-bar>span{color:#fff;border-radius:8px;place-items:center;min-width:34px;font-size:12px;font-weight:600;display:grid}.kpi-grade-bar .g-A{background:var(--good)}.kpi-grade-bar .g-B{background:#3b82f6}.kpi-grade-bar .g-C{background:var(--warning)}.kpi-grade-bar .g-D{background:var(--critical)}.kpi-score{align-items:center;gap:10px;display:flex}.kpi-score b{font-variant-numeric:tabular-nums;min-width:38px}.kpi-bar{background:var(--neutral-soft);border-radius:99px;flex:1;min-width:80px;height:8px;overflow:hidden}.kpi-bar>div{border-radius:99px;height:100%;transition:width .4s}.kpi-bar.good>div{background:var(--good)}.kpi-bar.info>div{background:#3b82f6}.kpi-bar.warning>div{background:var(--warning)}.kpi-bar.critical>div{background:var(--critical)}.kpi-grade{justify-content:center;min-width:28px;font-weight:700}.kpi-grade.lg{padding:4px 12px;font-size:16px}.kpi-nogoals td{opacity:.65}.kpi-stars{gap:2px;display:inline-flex}.kpi-stars button{color:var(--border-strong,#cbd5e1);cursor:pointer;background:0 0;border:none;padding:1px;display:grid}.kpi-stars button.on{color:#f59e0b}.kpi-stars button:disabled{cursor:default}.kpi-goals-modal{flex-direction:column;gap:18px;display:flex}.kpi-goals-modal section{flex-direction:column;gap:10px;display:flex}.kpi-section-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kpi-section-head b{margin-right:auto}.kpi-people{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;max-height:200px;display:grid;overflow:auto}.kpi-people label{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.kpi-people label small{color:var(--text-3);margin-left:auto;font-size:11.5px}.kpi-people label.on{border-color:var(--primary);background:var(--primary-soft)}.kpi-weight{background:var(--warning-soft);color:var(--warning-text);border-radius:999px;padding:2px 10px;font-size:12.5px}.kpi-weight.ok{background:var(--good-soft);color:var(--good-text)}.kpi-presets{flex-wrap:wrap;gap:6px;display:flex}.kpi-presets button{border:1px dashed var(--border);font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12.5px;display:inline-flex}.kpi-presets button:hover{border-color:var(--primary);color:var(--primary)}.kpi-goal-row{grid-template-columns:minmax(160px,2fr) 150px 110px 80px 84px 36px;align-items:center;gap:8px;display:grid}.kpi-yes{padding-left:6px}.kpi-w{align-items:center;gap:4px;display:flex}.kpi-w span{color:var(--text-3);font-size:13px}.kpi-person{flex-direction:column;gap:16px;display:flex}.kpi-person-head{align-items:center;gap:14px;display:flex}.kpi-big-score{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.kpi-big-score:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:7px}.kpi-big-score>*{position:relative}.kpi-big-score b{font-size:24px;line-height:1}.kpi-big-score small{color:var(--text-3);font-size:11px}.kpi-goal-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.kpi-goal-list li{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.kpi-goal-list p{margin:0;font-size:12.5px}.kpi-goal-top{align-items:center;gap:10px;display:flex}.kpi-goal-top b{margin-right:auto}.kpi-goal-top .subtle{font-size:12px}.kpi-goal-progress{align-items:center;gap:12px;display:flex}.kpi-goal-progress span{white-space:nowrap;font-size:12.5px}.kpi-review{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}@media (width<=900px){.kpi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-goal-row{grid-template-columns:1fr 1fr}}.tr-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.tr-stat{align-items:center;gap:12px;padding:14px 16px;display:flex}.tr-stat>div{flex-direction:column;display:flex}.tr-stat small{color:var(--text-2);font-size:12.5px}.tr-stat b{font-variant-numeric:tabular-nums;font-size:22px}.tr-list{flex-direction:column;gap:10px;display:flex}.tr-card{text-align:left;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:16px;padding:14px 18px;transition:transform .15s,box-shadow .15s;display:flex}.tr-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.tr-card.cancelled{opacity:.55}.tr-date{background:linear-gradient(160deg, var(--primary), #4f46e5);color:#fff;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:58px;height:62px;display:flex}.tr-card.completed .tr-date{background:linear-gradient(160deg,#16a34a,#0d9488)}.tr-date b{font-size:22px;line-height:1}.tr-date small{opacity:.9;font-size:11px}.tr-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tr-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tr-title b{font-size:15.5px}.tr-meta{color:var(--text-2);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.tr-meta span,.tr-side span,.tr-detail-meta>span{align-items:center;gap:5px;display:inline-flex}.tr-side{color:var(--text-2);flex-direction:column;align-items:flex-end;gap:6px;font-size:13px;display:flex}.tr-rating,.tr-feedback,.tr-feedbacks svg{color:#f59e0b}.tr-detail{flex-direction:column;gap:14px;display:flex}.tr-detail-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.tr-detail-actions{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.tr-desc{background:var(--surface-2);white-space:pre-wrap;border-radius:12px;margin:0;padding:12px 14px;font-size:13.5px}.tr-people{border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.tr-person{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto 84px 40px 40px;align-items:center;gap:10px;padding:8px 12px;display:grid}.tr-person:last-child{border-bottom:none}.tr-person.attended{background:color-mix(in srgb, var(--good-soft) 50%, transparent)}.tr-person.absent{background:color-mix(in srgb, var(--critical-soft) 40%, transparent)}.tr-score{padding:6px 8px}.tr-feedback{align-items:center;gap:3px;font-size:12.5px;display:inline-flex}.segmented.sm button{padding:4px 10px;font-size:12px}.tr-feedbacks{flex-direction:column;gap:6px;font-size:13px;display:flex}.tr-feedbacks p{color:var(--text-2);margin:0}.cert{background:linear-gradient(135deg,#fef3c7,#fde68a 40%,#fef3c7);border-radius:16px;padding:10px}.cert-inner{outline-offset:-8px;text-align:center;color:#1f2937;background:#fffdf7;border:2px solid #b45309;border-radius:10px;outline:1px solid #b45309;flex-direction:column;align-items:center;gap:6px;padding:34px 32px 26px;display:flex;position:relative}.cert-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#b45309);border-radius:50%;place-items:center;width:66px;height:66px;display:grid;box-shadow:0 0 0 6px #fef3c7}.cert-kicker{letter-spacing:.14em;text-transform:uppercase;color:#b45309;margin-top:10px;font-size:12px;font-weight:700}.cert-label{color:#6b7280;margin:6px 0 0;font-size:13.5px}.cert-name{color:#111827;border-bottom:1px solid #d6d3d1;margin:2px 0 0;padding:0 30px 6px;font-family:Georgia,Times New Roman,serif;font-size:34px}.cert-course{color:#1d4ed8;margin:4px 0 0;font-size:20px}.cert-facts{gap:34px;margin:16px 0 6px;display:flex}.cert-facts span{flex-direction:column;display:flex}.cert-facts small,.cert-sign small{color:#6b7280;font-size:11.5px}.cert-sign{gap:60px;margin-top:18px;display:flex}.cert-sign div{flex-direction:column;align-items:center;min-width:160px;display:flex}.cert-line{background:#9ca3af;width:100%;height:1px;margin-bottom:6px}.cert-no{color:#9ca3af;font-size:11px;position:absolute;bottom:12px;right:18px}@media print{body *{visibility:hidden!important}.cert,.cert *,.printable,.printable *{visibility:visible!important}.printable{width:100%;height:fit-content;margin:auto;position:fixed;inset:0}.cert{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;height:fit-content;margin:auto;position:fixed;inset:0}}@media (width<=900px){.tr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-person{grid-template-columns:1fr auto}.tr-side{display:none}}@media (width<=640px){.cert-inner{padding:24px 16px 22px}.cert-name{padding:0 10px 6px;font-size:26px}.cert-facts,.cert-sign{flex-wrap:wrap;justify-content:center;gap:18px}.cert-sign div{min-width:120px}}.payroll-locked,.payroll-warn{border-radius:12px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;font-size:13px;display:flex}.payroll-locked{background:var(--info-soft);color:var(--info-text)}.payroll-warn{background:var(--warning-soft);color:var(--warning-text)}.payroll-section{margin:14px 0 4px;font-size:14px}.pay-items{border:1px solid var(--border);border-radius:12px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.pay-items li{border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:10px;padding:8px 12px;display:grid}.pay-items li:last-child{border-bottom:none}.pay-items li small{color:var(--text-3);grid-column:2;font-size:12px}.pay-items li .pay-amount{font-variant-numeric:tabular-nums;grid-area:1/3/span 2;font-weight:600}.pay-items li button{grid-area:1/4/span 2}.pay-items li.deduction .pay-amount{color:var(--critical-text)}.pay-type{background:var(--good-soft);color:var(--good-text);border-radius:999px;grid-row:1/span 2;padding:2px 8px;font-size:11px}.pay-type.bonus{background:var(--info-soft);color:var(--info-text)}.pay-type.deduction{background:var(--critical-soft);color:var(--critical-text)}.payslip{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:16px;padding:22px;display:flex}.payslip-head{border-bottom:2px solid #111827;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.payslip-head b{font-size:18px;display:block}.payslip-head small{color:#6b7280}.payslip-net{text-align:right}.payslip-net b{color:#15803d;font-size:24px}.payslip-who{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payslip-who span{flex-direction:column;display:flex}.payslip-who small{color:#6b7280;font-size:11.5px}.payslip-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.payslip-cols table{border-collapse:collapse;width:100%;font-size:13px}.payslip-cols th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #d1d5db;padding:6px 0;font-size:12px}.payslip-cols td{border-bottom:1px dashed #e5e7eb;padding:6px 0}.payslip-total td{border-top:1px solid #111827;border-bottom:none;font-weight:700}.payslip-foot{color:#6b7280;margin:0;font-size:12px}@media (width<=700px){.payslip-who{grid-template-columns:1fr 1fr}.payslip-cols{grid-template-columns:1fr}}.pr .card+.card,.pr .pr-note+.card{margin-top:16px}.sum-strip{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sum-cell{flex-direction:column;gap:2px;min-width:0;padding:16px 18px;display:flex}.sum-cell+.sum-cell{border-left:1px solid var(--border)}.sum-cell small{color:var(--text-2);font-size:12.5px}.sum-cell b{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;line-height:1.35;overflow:hidden}.sum-cell:first-child b{font-size:22px}.sum-cell span{color:var(--text-3);font-size:12.5px}.sum-cell .pr-of{color:var(--text-3);font-size:15px;font-weight:400}.pr-note{color:var(--text-2);margin:10px 2px 0;font-size:12.5px}.pr-month{align-items:center;gap:4px;display:flex}.pr-month b{text-align:center;min-width:120px;font-weight:600}.pr-table td{vertical-align:middle}.pr-name{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.pr-name b{font-weight:500;display:block}.pr-name small{color:var(--text-3);font-size:12px;display:block}.pr-name:hover b{text-decoration:underline}.pr-chev{color:var(--text-3);flex-shrink:0;transition:transform .12s}.pr-tr.open .pr-chev{transform:rotate(90deg)}.pr-tr.open td{background:var(--surface-2);border-bottom-color:#0000}.pr-zero{color:var(--text-3)}.pr-net{white-space:nowrap;font-weight:600}.pr-issue-cell{white-space:nowrap}.pr-issue{color:var(--warning-text);margin-right:12px}.pr-issue-cell .link,.pr-issue-cell .link-btn{font-size:13px}.pr-empty{text-align:center;color:var(--text-2);padding:28px 16px!important}.pr-detail td{background:var(--surface-2);padding-top:2px!important}.pr-detail dl{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 20px;margin:0 0 4px 20px;display:grid}.pr-detail dt{color:var(--text-2);font-size:12px}.pr-detail dd{font-variant-numeric:tabular-nums;margin:0}.pr-detail .show-md,.pr-detail .show-sm{display:none}.pr-table tfoot td{border-top:1px solid var(--border-strong);white-space:nowrap;padding:12px 16px;font-weight:500}.pr-table tfoot .pr-net small{color:var(--text-2);font-size:12px;font-weight:400;display:block}@media (width<=1100px){.sum-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.sum-cell:nth-child(4){border-left:0}.sum-cell:nth-child(n+4){border-top:1px solid var(--border)}}@media (width<=900px){.pr .hide-md{display:none}.pr-detail .show-md{display:block}.pr-issue-cell{white-space:normal}}@media (width<=600px){.sum-strip{grid-template-columns:1fr 1fr}.sum-cell:first-child{grid-column:1/-1}.sum-cell{border-top:1px solid var(--border);border-left:0!important}.sum-cell:first-child{border-top:0}.sum-cell:nth-child(odd):not(:first-child){border-left:1px solid var(--border)!important}.pr .toolbar .input-icon,.pr .toolbar .select{flex:100%;width:100%;min-width:0;max-width:none}.pr .toolbar .input-icon .input{width:100%}.pr .hide-sm{display:none}.pr-issue{margin:0 0 2px;display:block}.pr-table tbody td{white-space:normal}.pr-table td.pr-net{white-space:nowrap}.pr-table td.actions{white-space:nowrap;padding-left:0!important}.pr-table td.actions .btn{padding-left:6px;padding-right:6px}.pr-detail .show-sm{display:block}.pr-table th,.pr-table td{padding-left:12px!important;padding-right:12px!important}.pr-month{justify-content:space-between;width:100%}.pr-detail dl{grid-template-columns:1fr 1fr;margin-left:0}}.sus .card+.card{margin-top:16px}.sus-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px 18px;padding:10px 16px;font-size:13.5px;display:flex}.sus-summary b{font-variant-numeric:tabular-nums}.sus table .num{text-align:right;font-variant-numeric:tabular-nums}.sus-empty{text-align:center;padding:28px 16px!important}.sus-row{cursor:pointer}.sus-row:hover td{background:var(--surface-hover)}.sus-row.open td{background:var(--surface-2);border-bottom-color:#0000}.sus-chev{color:var(--text-3);transition:transform .12s;display:block}.sus-row.open .sus-chev{transform:rotate(90deg)}.sus-title{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:500}.sus-names{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.sus-level{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.sus-level:before{content:"";background:var(--text-3);border-radius:50%;width:7px;height:7px}.sus-level.lv-high:before{background:var(--critical)}.sus-level.lv-medium:before{background:var(--warning)}.sus-level.lv-high{color:var(--critical-text);font-weight:500}.sus-detail td{background:var(--surface-2);padding-top:0!important}.sus-detail-body{white-space:normal;max-width:760px;padding-bottom:6px;font-size:13.5px}.sus-detail-body p{margin:0 0 6px}.sus-facts{grid-template-columns:max-content 1fr;gap:4px 14px;margin:10px 0;display:grid}.sus-facts dt{color:var(--text-2)}.sus-facts dd{margin:0}.sus-detail-body code{font-size:12.5px}.sus-examples{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px 0;font-size:13px}.sus-examples td{background:0 0!important;padding:7px 12px!important}.sus-examples .nowrap{white-space:nowrap}.sus-links{flex-wrap:wrap;gap:16px;font-size:13.5px;display:flex}.sus-card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding:14px 16px;display:flex}.sus-card-head h3{margin:0;font-size:15px}.sus-card-head .muted{font-size:12.5px}.sus-score{font-weight:600}.sus-score.hi{color:var(--critical-text)}.sus-sub{margin-top:2px;font-size:12.5px;display:none}@media (width<=700px){.sus .hide-sm{display:none}.sus-sub{display:block}.sus .toolbar .segmented{width:100%}.sus .toolbar .segmented button{flex:1}.sus .toolbar .input{flex:1;min-width:0}.sus .toolbar .select{flex:1}.sus-detail-cell{padding-left:16px!important}.sus-detail>td:first-child,.sus-examples td:nth-child(2){display:none}.sus-table th,.sus-table td{padding-left:8px!important;padding-right:8px!important}.sus-table th:first-child,.sus-table td:first-child{padding-left:12px!important;padding-right:0!important}}.rp .sum-strip+.card{margin-top:16px}.rp-count{color:var(--text-2);font-size:13px}.rp-table thead th{padding:0}.rp-sort{width:100%;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:10px 16px;display:inline-flex}th.num .rp-sort{justify-content:flex-end}.rp-sort:hover{color:var(--text)}.rp-sort.on{color:var(--text);font-weight:600}.rp-rate{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.rp-rate i{background:var(--surface-2);border-radius:2px;width:48px;height:4px;display:block;overflow:hidden}.rp-rate i b{background:var(--good);height:100%;display:block}.rp-rate i b.low{background:var(--warning)}.rp-sub{color:var(--text-3);font-size:12px}.rp-table tfoot td{border-top:1px solid var(--border-strong);white-space:nowrap;background:var(--surface-2);padding:12px 16px;font-weight:600}@media (width<=900px){.rp .hide-md{display:none}}@media (width<=600px){.rp .toolbar .input-icon,.rp .toolbar .select{flex:100%;width:100%;min-width:0;max-width:none}.rp .toolbar .input-icon .input{width:100%}.rp-rate i,.rp .hide-sm{display:none}.rp-table .rp-sort{padding:10px}.rp-table tbody td,.rp-table tfoot td{padding-left:10px;padding-right:10px}.rp-table .rp-sub{display:block}.rp-table tbody td,.rp-table tfoot td{white-space:normal}.rp .cell-user>:first-child{display:none}}.tg-webhook{grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:10px 0 0;font-size:13px;display:grid}.tg-webhook dt{color:var(--text-2)}.tg-webhook dd{overflow-wrap:anywhere;margin:0}.tg-webhook code{font-size:12px}.hr .card+.card,.hr .sum-strip+.card{margin-top:16px}.hr-sum{grid-template-columns:repeat(4,minmax(0,1fr))}.hr-days{white-space:nowrap;color:var(--text-2);font-size:13px}.hr-days.soon{color:var(--warning-text);font-weight:500}.hr-days.expired{color:var(--critical-text);font-weight:600}.hr-note{border-bottom:1px solid var(--border);margin:0;padding:10px 16px;font-size:13px}.hr-note.muted{border-bottom:0;border-top:1px solid var(--border);font-size:12.5px}.hr-chips{flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.hr-chip{border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;min-width:140px;padding:8px 12px;text-decoration:none;display:flex}.hr-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.hr-chip b{font-size:13.5px;font-weight:500}.hr-chip span{color:var(--text-3);font-size:12px}.hr .sum-strip .sum-cell:nth-child(4){border-left:1px solid var(--border)}@media (width<=1100px){.hr-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-sum .sum-cell:nth-child(3){border-left:0}.hr-sum .sum-cell:nth-child(n+3){border-top:1px solid var(--border)}}@media (width<=600px){.hr-sum .sum-cell:first-child{grid-column:auto}}.hr-facts{border-bottom:1px solid var(--border);gap:8px;margin:0;padding:4px 16px 12px;display:grid}.hr-facts dt{color:var(--text-2);font-size:12px}.hr-facts dd{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:13.5px;display:flex}.hr-block-head{justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex}.hr-block-head h4{color:var(--text-2);margin:0;font-size:13px;font-weight:600}.hr-empty{color:var(--text-3);margin:0;padding:4px 16px 12px;font-size:13px}.hr-list{margin:0;padding:0 0 6px;list-style:none}.hr-list li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;padding:8px 16px;display:grid}.hr-list li+li{border-top:1px solid var(--border)}.hr-main{flex-direction:column;min-width:0;display:flex}.hr-main b{font-size:13.5px;font-weight:500}.hr-main span{color:var(--text-2);text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.hr-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hr-actions{display:flex}.hr-actions .btn{padding-left:6px;padding-right:6px}