:root{color-scheme:light;--bg:#f4f7f6;--surface:#fff;--surface-raised:#fbfdfc;--surface-muted:#eef4f2;--ink:#172126;--muted:#607178;--line:#d9e1df;--line-strong:#b8c6c1;--nav:#102226;--nav-soft:#183236;--teal:#0f8b8d;--teal-dark:#0b6768;--teal-soft:#e7f5f4;--coral:#e85d4f;--coral-soft:#fff0ed;--amber:#c78916;--amber-soft:#fff6df;--green:#2f7d4e;--green-soft:#eaf6ef;--blue:#2d6cdf;--blue-soft:#edf4ff;--shadow:0 18px 42px #1721261c;--shadow-soft:0 8px 22px #17212612;--radius:8px;--sidebar-width:264px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(180deg, #eef5f3 0, #f7f8f6 380px, var(--bg) 100%);min-height:100vh;color:var(--ink);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app-root{min-height:100vh}.login-page{background:linear-gradient(135deg, #0f8b8d1f, transparent 43%), linear-gradient(315deg, #f5b23f21, transparent 38%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(1080px,100%);box-shadow:var(--shadow);grid-template-columns:.96fr 1.04fr;display:grid;overflow:hidden}.login-intro{color:#fff;background:linear-gradient(160deg,#102226 0%,#143034 62%,#203c35 100%);flex-direction:column;justify-content:space-between;gap:24px;min-height:520px;padding:32px;display:flex}.brand{align-items:center;gap:12px;font-size:1.1rem;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(145deg, #12a0a3, var(--teal-dark));color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:inline-grid;box-shadow:inset 0 -10px 20px #00000024,0 8px 20px #0f8b8d38}.brand-mark svg{width:24px;height:24px}.login-intro h1{letter-spacing:0;max-width:460px;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.login-intro p{color:#ffffffc7;max-width:520px;margin:10px 0 0;line-height:1.8}.intro-points{gap:10px;display:grid}.intro-point{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff24;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff14}.intro-point strong{font-size:.94rem;display:block}.intro-point span{color:#ffffffb8;margin-top:2px;font-size:.84rem;line-height:1.55;display:block}.login-form-wrap{flex-direction:column;justify-content:center;gap:22px;padding:32px;display:flex}.invite-panel .login-intro{background:linear-gradient(155deg,#102226 0%,#0b6768 70%,#0f8b8d 100%)}.invite-eyebrow{color:#ffffffb8}.invite-card{gap:22px;width:min(560px,100%);display:grid}.invite-management{background:linear-gradient(145deg,#fff 0%,#f1fbfa 100%);border-color:#0f8b8d47}.invite-form{align-items:end}.invite-result{border-radius:var(--radius);background:var(--teal-soft);border:1px solid #0f8b8d52;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:18px;padding:16px;display:grid}.invite-url-input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem}.invite-history{margin-top:22px}.invite-history h3{margin:0 0 10px;font-size:.96rem}.employee-welcome{border-radius:var(--radius);background:linear-gradient(120deg, #fff 0%, var(--teal-soft) 100%);box-shadow:var(--shadow-soft);border:1px solid #0f8b8d40;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.employee-welcome h2,.employee-welcome p{margin:0}.employee-welcome p:last-child{color:var(--muted);margin-top:6px}.tracking-notice{align-items:center}.tracking-notice p{flex:1}.tracking-notice .status-pill{vertical-align:middle;margin-left:8px}.punch-location-summary{border-radius:var(--radius);background:linear-gradient(135deg,#fff 0%,#f5f7ff 100%);border:1px solid #4f6fdc33;padding:14px}.punch-location-title,.punch-location-title>span,.punch-location-item-head,.punch-location-foot,.punch-location-coordinates{align-items:center;display:flex}.punch-location-title{gap:10px}.punch-location-title>span{color:#4f6fdc;background:#e9ecff;border-radius:50%;justify-content:center;width:36px;height:36px}.punch-location-title strong,.punch-location-title small{display:block}.punch-location-title small{color:var(--muted);margin-top:2px;font-size:.74rem}.punch-location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.punch-location-item{border:1px solid var(--line);background:#ffffffe6;border-left:4px solid #4f6fdc;border-radius:12px;min-width:0;padding:12px}.punch-location-item.good{border-left-color:#0f9f91}.punch-location-item.fair{border-left-color:#d89a16}.punch-location-item.low,.punch-location-item.missing{border-left-color:#d05263}.punch-location-item-head,.punch-location-foot,.punch-location-coordinates{justify-content:space-between;gap:8px}.punch-location-item-head span,.punch-location-item-head strong{font-size:.82rem}.punch-location-item>p{color:var(--ink);margin:8px 0;font-size:.78rem;line-height:1.45}.punch-location-coordinates{align-items:flex-start}.punch-location-coordinates code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.punch-location-coordinates span{flex:none;font-size:.68rem;font-weight:800}.punch-location-item.good .punch-location-coordinates span{color:#087a70}.punch-location-item.fair .punch-location-coordinates span{color:#9a6900}.punch-location-item.low .punch-location-coordinates span{color:#b53f51}.punch-location-foot{color:var(--muted);margin-top:9px;font-size:.68rem}.punch-location-foot a{color:#2f68c5;flex:none;font-weight:800;text-decoration:none}.punch-location-missing{color:#a44654!important}.punch-location-guidance{color:var(--muted);margin:10px 0 0;font-size:.7rem;line-height:1.5}.btn.is-capturing{cursor:progress;opacity:.82}.btn.is-capturing svg{animation:1.1s ease-in-out infinite gps-capture-pulse}@keyframes gps-capture-pulse{50%{opacity:.55;transform:scale(1.18)}}.location-monitor{background:linear-gradient(145deg,#fff 0%,#f5f8ff 100%);border-color:#2d6cdf3d}.location-monitor-list{margin-top:8px}.location-monitor-row{grid-template-columns:minmax(0,1fr) auto}.location-policy-note{margin-top:14px}.tracking-top-status{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:.78rem;font-weight:800;display:inline-flex}.tracking-top-status>span{background:var(--amber);border-radius:50%;width:8px;height:8px}.tracking-top-status.live>span{background:var(--green);box-shadow:0 0 0 4px #2f7d4e1f}.tracking-employee-card{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fff 0%,#eefaf8 100%);border:1px solid #0f8b8d47;padding:18px 20px}.tracking-employee-card.attention{background:linear-gradient(135deg,#fff 0%,#fff8e8 100%);border-color:#c7891661}.tracking-employee-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.tracking-employee-head h3,.tracking-employee-head p{margin:0}.tracking-employee-head h3{font-size:1.08rem}.tracking-employee-head p:last-child{color:var(--muted);margin-top:3px;font-size:.84rem}.tracking-pulse{background:var(--teal-soft);width:44px;height:44px;color:var(--teal-dark);border-radius:50%;place-items:center;display:grid;position:relative}.tracking-pulse>span{border:1px solid #0f8b8d3d;border-radius:50%;animation:2.2s ease-out infinite tracking-pulse;position:absolute;inset:-5px}@keyframes tracking-pulse{0%{opacity:.8;transform:scale(.84)}75%,to{opacity:0;transform:scale(1.18)}}.tracking-employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.tracking-employee-stats>div{background:#ffffffc7;border:1px solid #0f8b8d24;border-radius:7px;padding:11px 12px}.tracking-employee-stats span,.tracking-employee-stats strong{display:block}.tracking-employee-stats span{color:var(--muted);font-size:.72rem}.tracking-employee-stats strong{margin-top:3px;font-size:.95rem}.tracking-employee-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.tracking-employee-foot p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:.8rem;display:flex}.location-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.location-overview-card{border:1px solid var(--line);background:#ffffffd6;border-radius:7px;padding:14px;position:relative;overflow:hidden}.location-overview-card:before{content:"";background:var(--line-strong);width:4px;position:absolute;inset:0 auto 0 0}.location-overview-card.healthy:before{background:var(--green)}.location-overview-card.outside:before,.location-overview-card.stale:before{background:var(--amber)}.location-overview-card.missing:before{background:var(--muted)}.location-overview-card span,.location-overview-card strong,.location-overview-card small{display:block}.location-overview-card span{color:var(--muted);font-size:.76rem;font-weight:700}.location-overview-card strong{margin:3px 0;font-size:1.65rem}.location-overview-card small{color:var(--muted);font-size:.7rem}.tracking-filter{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tracking-filter button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:.78rem;font-weight:800;display:inline-flex}.tracking-filter button span{background:var(--surface-muted);border-radius:10px;place-items:center;min-width:20px;height:20px;font-size:.7rem;display:inline-grid}.tracking-filter button.active{border-color:var(--nav);background:var(--nav);color:#fff}.tracking-filter button.active span{background:#ffffff2e}.location-person{align-items:center;gap:11px;display:flex}.location-avatar{background:var(--teal-soft);width:38px;height:38px;color:var(--teal-dark);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.location-row-actions{align-items:center;gap:8px;display:flex}.tracking-detail{box-shadow:var(--shadow);border-color:#0f8b8d40;scroll-margin-top:24px}.tracking-detail-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.tracking-detail-metrics>div{border:1px solid var(--line);background:var(--surface-raised);border-radius:7px;padding:13px}.tracking-detail-metrics span,.tracking-detail-metrics strong,.tracking-detail-metrics small{display:block}.tracking-detail-metrics span,.tracking-detail-metrics small{color:var(--muted);font-size:.72rem}.tracking-detail-metrics strong{margin:3px 0;font-size:1.25rem}.tracking-detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:14px;display:grid}.route-card,.tracking-alert-card,.tracking-timeline{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:15px}.route-card h3,.route-card p,.tracking-alert-card h3,.tracking-alert-card p,.tracking-timeline h3{margin:0}.route-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.route-card-head p,.route-latest,.tracking-alert-card>p{color:var(--muted);margin-top:4px;font-size:.76rem}.route-legend{color:var(--muted);flex-wrap:wrap;gap:9px;font-size:.7rem;display:flex}.route-legend span:before{content:"";background:var(--teal);border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.route-legend .outside:before{background:var(--amber)}.route-legend .low:before{background:var(--muted)}.location-route-canvas,.location-detail-map{border:1px solid var(--line);border-radius:7px;width:100%;height:300px;margin-top:13px;display:block}.location-detail-map{background:#e9eef1;min-height:360px}.attendance-place-cell{min-width:210px}.attendance-place-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;transition:border-color .16s,background .16s,transform .16s;display:flex}.attendance-place-button:hover,.attendance-place-button:focus-visible{background:#4f6fdc12;border-color:#4f6fdc40;outline:none}.attendance-place-button:active{transform:translateY(1px)}.attendance-place-main,.attendance-place-static{align-items:flex-start;gap:8px;min-width:0;display:flex}.attendance-place-main>svg,.attendance-place-static>svg{width:18px;color:var(--teal-dark);flex:none;margin-top:2px}.attendance-place-main strong,.attendance-place-main small,.attendance-place-static strong,.attendance-place-static small{display:block}.attendance-place-main small,.attendance-place-static small{color:var(--muted);margin-top:3px;line-height:1.45}.attendance-map-hint{background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap;border-radius:999px;flex:none;padding:5px 8px;font-size:.68rem;font-weight:800}.attendance-map-modal{background:var(--surface);border:1px solid #ffffff40;border-radius:18px;width:min(900px,100%);max-height:calc(100vh - 32px);padding:22px;overflow-y:auto;box-shadow:0 28px 80px #0000004d}.attendance-map-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;margin-bottom:14px;display:grid}.attendance-map-head h2,.attendance-map-head p{margin:0}.attendance-map-head h2{margin-top:2px;font-size:clamp(1.3rem,3vw,1.8rem)}.attendance-map-head p:last-child{color:var(--muted);margin-top:5px}.attendance-map-heading-icon{background:var(--teal-soft);width:46px;height:46px;color:var(--teal-dark);border-radius:13px;place-items:center;display:grid}.attendance-record-map{border:1px solid var(--line);background:#e9eef1;border-radius:14px;width:100%;height:min(50vh,460px);min-height:350px;overflow:hidden}.attendance-record-map .maplibregl-canvas{outline:none}.attendance-record-map .maplibregl-popup-content{border-radius:10px;padding:12px 14px}.attendance-map-pin,.attendance-office-pin{color:#fff;background:#5445df;border:3px solid #fff;border-radius:50% 50% 50% 8px;place-items:center;min-width:34px;height:34px;padding:0 9px;font-size:.78rem;font-weight:900;display:grid;transform:rotate(-45deg);box-shadow:0 7px 18px #1f18754d}.attendance-map-pin:not(:empty),.attendance-office-pin:not(:empty){line-height:1}.attendance-map-pin{border-radius:50%;transform:none}.attendance-office-pin{background:#0b9995;border-radius:999px;min-width:52px;transform:none}.attendance-map-legend{color:var(--muted);align-items:center;gap:14px;padding:10px 2px 4px;font-size:.73rem;display:flex}.attendance-map-legend span{align-items:center;gap:5px;font-weight:800;display:inline-flex}.attendance-map-legend i{background:#5445df;border-radius:50%;width:9px;height:9px}.attendance-map-legend i.office{background:#0b9995}.attendance-map-legend small{margin-left:auto}.attendance-map-point-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.attendance-map-point-list a{border:1px solid var(--line);min-width:0;color:inherit;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;text-decoration:none;display:grid}.attendance-map-point-list a:hover,.attendance-map-point-list a:focus-visible{background:#4f6fdc0d;border-color:#4f6fdc59;outline:none}.attendance-map-point-list strong,.attendance-map-point-list small{display:block}.attendance-map-point-list small{color:var(--muted);margin-top:3px;line-height:1.4}.attendance-map-point-number{color:#fff;background:#5445df;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.attendance-map-foot{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.attendance-map-foot p{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:.75rem;line-height:1.55;display:flex}.attendance-map-foot p svg{color:var(--teal-dark);flex:none}@media (width<=700px){.attendance-map-backdrop{align-items:end;padding:0}.attendance-map-modal{border-radius:22px 22px 0 0;width:100%;max-height:94vh;padding:16px}.attendance-map-heading-icon{display:none}.attendance-map-head{grid-template-columns:minmax(0,1fr) auto}.attendance-record-map{height:46vh;min-height:310px}.attendance-map-point-list{grid-template-columns:1fr}.attendance-map-legend{flex-wrap:wrap}.attendance-map-legend small{width:100%;margin-left:0}.attendance-map-foot{flex-direction:column;align-items:stretch}.attendance-place-button.mobile{flex:1;padding:6px}.attendance-place-button.mobile .attendance-map-hint{display:none}}.tracking-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.gps-gap-list{background:#fffaf0;border:1px solid #c789163d;border-radius:10px;margin-top:14px;padding:15px}.gps-gap-list h3{margin:0 0 8px}.gps-gap-list>div{color:var(--muted);border-bottom:1px solid #c7891624;justify-content:space-between;gap:12px;padding:8px 0;font-size:.76rem;display:flex}.gps-gap-list>div:last-child{border-bottom:0}.gps-gap-list strong{color:var(--amber)}.tracking-alert-card{align-content:start;gap:8px;display:grid}.tracking-alert-row{background:var(--surface-muted);border-radius:6px;justify-content:space-between;gap:10px;padding:10px 11px;font-size:.8rem;display:flex}.tracking-alert-row.ok strong{color:var(--green)}.tracking-alert-row.warning strong{color:var(--amber)}.tracking-alert-row.danger strong{color:var(--coral)}.tracking-timeline{margin-top:14px}.tracking-timeline-row{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.tracking-timeline-row:last-child{border-bottom:0}.tracking-timeline-row time,.tracking-timeline-row span{color:var(--muted);font-size:.75rem}.tracking-timeline-row time small{color:var(--muted);margin-top:3px;font-size:.64rem;display:block}.tracking-timeline-row strong,.tracking-timeline-row span{display:block}.all-employee-map-panel{box-shadow:var(--shadow);background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);border-color:#4285f43d;overflow:hidden}.all-employee-map-head{margin-bottom:16px}.gps-history-toolbar{background:#ffffffc7;border:1px solid #4f6fdc29;border-radius:12px;grid-template-columns:minmax(170px,.8fr) minmax(220px,1fr) minmax(190px,auto);align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:grid}.gps-history-toolbar label,.gps-evidence-count{gap:5px;display:grid}.gps-history-toolbar label>span,.gps-evidence-count span,.gps-evidence-count small{color:var(--muted);font-size:.7rem;font-weight:750}.gps-history-toolbar input,.gps-history-toolbar select{border:1px solid var(--line);min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:9px 11px}.gps-evidence-count{text-align:right;justify-items:end}.gps-evidence-count strong{color:var(--indigo)}.map-head-actions{align-items:center;gap:12px;display:flex}.map-head-actions>span,.map-head-actions strong,.map-head-actions small{display:block}.map-head-actions>span{text-align:right}.map-head-actions strong{color:var(--green);font-size:.78rem}.map-head-actions small{color:var(--muted);margin-top:2px;font-size:.68rem}.live-map-loading{border:1px solid var(--line);min-height:360px;color:var(--muted);background:linear-gradient(135deg,#f6f9fc,#edf4f8);border-radius:10px;align-content:center;place-items:center;gap:13px;display:grid}.live-map-loading>span{border:3px solid #d7e5ed;border-top-color:#4285f4;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite map-loading-spin}@keyframes map-loading-spin{to{transform:rotate(360deg)}}.live-map-layout{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);min-height:560px;display:grid;overflow:hidden}.live-map-stage-wrap{min-width:0;position:relative}.live-map-stage{background:#e9eef1;width:100%;height:100%;min-height:560px}.live-map-stage .maplibregl-canvas{outline:none}.live-map-stage .maplibregl-ctrl-group{border:1px solid #1721261f;border-radius:9px;overflow:hidden;box-shadow:0 5px 16px #1721261f}.live-map-stage .maplibregl-popup-content{border-radius:10px;padding:12px 14px;box-shadow:0 10px 30px #1721262e}.security-hero{color:#fff;background:linear-gradient(130deg,#191453 0%,#4035b5 52%,#087f87 100%);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #2d277f33}.security-hero:after{content:"";border:34px solid #ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-105px;right:-60px}.security-hero h2{margin:5px 0 8px;font-size:clamp(26px,3vw,42px);line-height:1.18}.security-hero p{color:#ffffffc2;margin:0}.security-hero .section-eyebrow{color:#6ff0d7}.security-grade{z-index:1;backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:12px;min-width:210px;padding:16px 18px;display:flex;position:relative}.security-grade .icon{color:#6ff0d7;width:30px;height:30px}.security-grade span{gap:2px;display:grid}.security-grade strong{font-size:17px}.security-grade small{color:#ffffffad}.security-grade.is-alert .icon{color:#ffcc6e}.security-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.security-metrics article{background:#fff;border:1px solid #473e921a;border-radius:22px;gap:8px;min-height:142px;padding:20px;display:grid;box-shadow:0 12px 30px #2f2a6812}.security-metrics article>span,.security-metrics article>small{color:#726e8e;font-size:13px}.security-metrics article>strong{color:#20195f;font-size:32px;line-height:1}.security-metrics article>strong small{margin-left:4px;font-size:13px}.security-metrics article>button{color:#4e46d9;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:800}.security-metrics .metric-safe{background:linear-gradient(145deg,#f5fffc,#eefffb)}.security-metrics .metric-alert{background:linear-gradient(145deg,#fff8f7,#fff0ef)}.security-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.security-control{background:#fbfaff;border:1px solid #e9e7f4;border-radius:17px;align-items:flex-start;gap:10px;padding:15px;display:flex}.security-control .icon{color:#0e9c8f;flex:none;width:20px;height:20px}.security-control span{gap:3px;display:grid}.security-control strong{color:#24204b;font-size:14px}.security-control small{color:#77728d;line-height:1.45}.security-session-list,.security-event-list{gap:2px;display:grid}.security-session,.security-event{border-bottom:1px solid #eceaf5;align-items:center;gap:11px;min-width:0;padding:13px 0;display:flex}.security-session:last-child,.security-event:last-child{border-bottom:0}.security-session>div,.security-event>div{flex:1;gap:3px;min-width:0;display:grid}.security-session strong,.security-event strong{color:#282351;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.security-session small,.security-event small{color:#79758d;font-size:12px}.security-device-icon{color:#4e46d9;background:#efedff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.security-event>i{background:#14a295;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #14a2951a}.security-event.severity-warning>i,.security-event.severity-danger>i{background:#ee795d;box-shadow:0 0 0 5px #ee795d1a}.security-event>span{color:#76718a;font-size:12px;font-weight:800}.security-data-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.security-data-actions>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.secure-action-modal{max-width:520px}@media (width<=1100px){.security-metrics,.security-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.security-hero{border-radius:24px;flex-direction:column;align-items:stretch;padding:24px 20px}.security-grade{min-width:0}.security-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-metrics article{border-radius:18px;min-height:126px;padding:15px}.security-metrics article>strong{font-size:27px}.security-control-grid,.security-detail-grid{grid-template-columns:1fr}.security-data-actions{flex-direction:column;align-items:stretch}.security-data-actions>div:last-child{display:grid}.security-session strong{max-width:48vw}}.live-map-legend{z-index:3;color:var(--muted);background:#fffffff0;border:1px solid #17212621;border-radius:7px;flex-wrap:wrap;gap:11px;padding:8px 10px;font-size:.68rem;display:flex;position:absolute;bottom:24px;right:12px;box-shadow:0 5px 16px #17212621}.live-map-legend span{align-items:center;gap:5px;display:inline-flex}.live-map-legend i{background:var(--teal);border-radius:50%;width:9px;height:9px}.live-map-legend i.current{box-shadow:0 0 0 4px #0f8b8d29}.live-map-legend i.history{background:#52727a;border-radius:999px;width:18px}.live-map-legend i.punch{background:var(--indigo);box-shadow:0 0 0 3px #4f6fdc2e}.live-map-legend i.outside{background:var(--amber)}.live-map-sidebar{border-left:1px solid var(--line);background:#fbfcfc;min-width:0}.map-list-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.map-list-title span{color:var(--muted);font-size:.72rem}.live-map-employees{max-height:510px;overflow-y:auto}.live-map-employee{border-bottom:1px solid var(--line);background:var(--surface);gap:7px;padding:12px 13px;display:grid}.live-map-employee:last-child{border-bottom:0}.live-map-employee-main{color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.live-map-employee-main:disabled{cursor:default;opacity:.62}.live-map-employee-main strong,.live-map-employee-main small{display:block}.live-map-employee-main small{color:var(--muted);margin-top:3px;font-size:.7rem}.live-map-employee-meta{justify-content:space-between;align-items:center;gap:8px;padding-left:48px;display:flex}.live-map-employee-meta a{color:#2f68c5;font-size:.7rem;font-weight:750;text-decoration:none}.map-text-action{color:#2f68c5;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:750}.live-map-employee-meta a:hover{text-decoration:underline}.map-policy-foot{color:var(--muted);align-items:center;gap:7px;margin-top:11px;font-size:.73rem;line-height:1.5;display:flex}.map-policy-foot a{color:var(--teal-dark);font-weight:750}.five-minute-map-pin,.employee-current-map-pin{background:var(--employee-color,#0f8b8d);color:#fff;cursor:pointer;border:2px solid #fff;font-family:inherit;box-shadow:0 4px 14px #17212647}.five-minute-map-pin{border-radius:999px;min-width:42px;height:24px;padding:0 6px;font-size:.65rem;font-weight:900}.five-minute-map-pin.punch{background:var(--indigo,#4f6fdc);outline:3px solid #4f6fdc33;min-width:48px}.five-minute-map-pin.outside,.employee-current-map-pin.outside{outline:3px solid #c789168c}.employee-current-map-pin{border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:3px 10px 3px 3px;font-size:.72rem;font-weight:900;display:flex}.employee-current-map-pin>span{background:#fff3;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.live-map-info{color:#172126;gap:4px;min-width:220px;padding:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.live-map-info span{color:#607178;font-size:.76rem}.live-map-info a{color:#2f68c5;margin-top:4px;font-size:.76rem;font-weight:750}.live-map-runtime-error{height:100%;min-height:420px;color:var(--coral);text-align:center;background:#fff4f2;place-items:center;padding:28px;line-height:1.7;display:grid}.open-map-setting-field{background:#f4fbfa;border:1px solid #0f8b8d33;border-radius:8px;padding:12px}.map-provider-status{color:var(--teal-dark);align-items:center;gap:9px;margin-top:8px;display:flex}.map-provider-status svg{width:20px;height:20px}.map-provider-status strong,.map-provider-status small{display:block}.map-provider-status small{color:var(--muted);margin-top:2px;font-size:.7rem}.modal-backdrop{z-index:90;backdrop-filter:blur(6px);background:#071518b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.consent-modal{background:var(--surface);border:1px solid #ffffff3d;border-radius:12px;width:min(680px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 28px 80px #0000004d}.consent-modal-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.consent-modal-head h2,.consent-modal-head p{margin:0}.consent-modal-head h2{font-size:clamp(1.35rem,3vw,1.8rem)}.consent-modal-head p:last-child{color:var(--muted);margin-top:7px;line-height:1.65}.consent-icon{background:var(--teal-soft);width:48px;height:48px;color:var(--teal-dark);border-radius:12px;place-items:center;display:grid}.modal-close{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);border-radius:50%;font-size:1.25rem}.consent-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.consent-summary-grid>div{border:1px solid var(--line);background:var(--surface-raised);border-radius:7px;padding:12px}.consent-summary-grid span,.consent-summary-grid strong{display:block}.consent-summary-grid span{color:var(--muted);font-size:.7rem}.consent-summary-grid strong{margin-top:3px;font-size:.88rem}.consent-details{gap:9px;display:grid}.consent-details>div{background:var(--surface-muted);border-radius:7px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;padding:11px 12px;display:grid}.consent-details p,.consent-details strong,.consent-details span{margin:0;display:block}.consent-details span{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.5}.consent-form{margin-top:18px}.consent-checkbox{background:var(--teal-soft);border:1px solid #0f8b8d47;border-radius:7px;align-items:flex-start;gap:10px;padding:13px;font-weight:700;line-height:1.5;display:flex}.consent-checkbox input{width:19px;height:19px;accent-color:var(--teal);margin-top:1px}.consent-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.section-eyebrow{color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}.section-title{margin:0;font-size:clamp(1.35rem,2vw,2rem);line-height:1.25}.section-copy{color:var(--muted);margin:8px 0 0;line-height:1.7}.quick-users{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-switch{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-switch-button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:800}.auth-switch-button.active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-soft)}.quick-user{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);color:var(--ink);min-height:92px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.quick-user:before{content:"";background:var(--teal);width:4px;position:absolute;inset:0 auto 0 0}.quick-user:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 8px 22px #0f8b8d1f}.quick-user strong,.user-line strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.quick-user span,.user-line span{color:var(--muted);margin-top:4px;font-size:.82rem;display:block}.login-form{gap:12px;display:grid}.remember-session{cursor:pointer;background:linear-gradient(145deg,#f8f7ff,#effcf8);border:1px solid #635bff2e;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.remember-session input{width:20px;height:20px;accent-color:var(--blue);margin:1px 0 0}.remember-session strong,.remember-session small{display:block}.remember-session a,.login-legal-links a,.policy-link-grid a{color:#5650df;font-weight:800}.login-legal-links{flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:4px;font-size:.76rem;display:flex}.legal-consent-check{background:linear-gradient(145deg,#f4f2ff,#ebfbf7)}.legal-acceptance-card{background:var(--surface);border:1px solid #ffffff52;border-radius:24px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 28px 80px #0000004d}.legal-acceptance-card h2,.legal-acceptance-card p{margin-top:0}.legal-acceptance-card>p{color:var(--muted);line-height:1.7}.legal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.legal-summary-grid>div{color:#5650df;background:#f4f2ff;border-radius:16px;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:14px;display:grid}.legal-summary-grid strong,.legal-summary-grid small{display:block}.legal-summary-grid small{color:var(--muted);margin-top:3px;line-height:1.45}.settings-action-stack{flex-wrap:wrap;gap:10px;display:flex}.admin-company-shortcut{background:linear-gradient(120deg,#e0fbf7eb,#f1efffeb);border:1px solid #22a6a433;border-radius:18px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid;box-shadow:0 12px 28px #2b306012}.admin-company-shortcut-icon{color:#fff;background:linear-gradient(145deg,#12a69d,#6258ff);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.admin-company-shortcut-icon svg{width:22px;height:22px}.admin-company-shortcut strong,.admin-company-shortcut span{display:block}.personal-data-shortcut{background:linear-gradient(120deg,#f4f2fff5,#e8fbf9f5);border-color:#5e54f533}.people-page{--vault-navy:#1c175d;--vault-teal:#0b9f97;--vault-indigo:#5d54f5}.people-privacy-hero{background:radial-gradient(circle at 100% 0,#ffc6312e 0 84px,#0000 85px),radial-gradient(circle at 0 120%,#14c9be2e 0 130px,#0000 131px),linear-gradient(135deg,#fff,#f7f5ff 55%,#ecfbf9);border:1px solid #5e54f524;border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;padding:30px;display:grid;overflow:hidden;box-shadow:0 18px 42px #2a305e14}.people-privacy-hero h2{max-width:720px;color:var(--vault-navy);margin:4px 0 10px;font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.25}.people-privacy-hero p:not(.section-eyebrow){max-width:760px;color:var(--muted);margin:0;line-height:1.75}.people-security-badges{gap:9px;min-width:210px;display:grid}.people-security-badges span{color:#36317e;background:#ffffffd1;border:1px solid #5e54f51f;border-radius:13px;align-items:center;gap:8px;padding:10px 12px;font-size:.76rem;font-weight:800;display:flex;box-shadow:0 8px 20px #2c2a680f}.people-security-badges svg{width:18px;height:18px;color:var(--vault-teal)}.people-selector-panel{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:18px;display:grid}.people-selector-panel .panel-header{margin:0}.people-employee-select select{background:#f8f7ff;border-color:#5e54f52e;min-height:50px;font-weight:800}.personal-profile-loading{place-items:center;min-height:220px;display:grid}.personal-profile-form{gap:16px;display:grid}.personal-profile-card{border-color:#5e54f51f;box-shadow:0 12px 30px #252a580f}.personal-profile-card .panel-header{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:15px}.personal-profile-card .form-grid,.my-number-current{margin-top:18px}.personal-updated-at{color:var(--muted);white-space:nowrap;font-size:.72rem}.emergency-card{background:linear-gradient(145deg,#fff,#fffaf0)}.my-number-card{background:linear-gradient(145deg,#fff,#f8f7ff);border-color:#5e54f533}.my-number-current{background:#ffffffdb;border:1px solid #5e54f524;border-radius:17px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.my-number-lock{background:linear-gradient(145deg, var(--vault-teal), var(--vault-indigo));color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 24px #4b44cd33}.my-number-lock svg{width:24px;height:24px}.my-number-current strong,.my-number-current span{display:block}.my-number-current strong{color:var(--vault-navy);letter-spacing:.06em;font-size:1rem}.my-number-current span{color:var(--muted);margin-top:4px;font-size:.72rem}.my-number-register-grid{border-top:1px solid var(--line);padding-top:18px}.my-number-verification{background:linear-gradient(120deg,#f1fffc,#f7f5ff);border-color:#0b9f9733}.my-number-policy-note{margin-top:14px}.personal-profile-savebar{z-index:8;backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #5e54f529;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 44px #22245229}.personal-profile-savebar>div{color:var(--vault-teal);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;display:grid}.personal-profile-savebar strong,.personal-profile-savebar small{display:block}.personal-profile-savebar small{color:var(--muted);margin-top:2px;font-size:.7rem}.my-number-modal-backdrop{z-index:170}.my-number-security-modal{background:#fff;border:1px solid #5e54f52e;border-radius:24px;width:min(520px,100%);padding:25px;box-shadow:0 30px 90px #13114457}.my-number-security-modal>p{color:var(--muted);margin:0 0 18px;line-height:1.7}.revealed-my-number{color:#211b72;letter-spacing:.08em;text-align:center;background:linear-gradient(135deg,#f6f4ff,#effcf9);border:1px solid #5e54f52e;border-radius:18px;margin:22px 0 16px;padding:22px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.35rem,5vw,2rem);font-weight:900}.admin-company-shortcut span{color:var(--muted);margin-top:3px;font-size:.8rem;line-height:1.5}.company-profile-page{--profile-teal:#0da79f;--profile-indigo:#5d54f5}.company-profile-hero{background:radial-gradient(circle at 92% 12%,#ffc63133 0 76px,#0000 77px),radial-gradient(circle at 4% 108%,#21cdc138 0 110px,#0000 111px),linear-gradient(135deg,#fff 0%,#f9f8ff 52%,#effcfb 100%);border:1px solid #5e54f524;border-radius:26px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;padding:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #2a305e17}.company-profile-hero h2{color:#171458;margin:3px 0 8px;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.25}.company-profile-hero p:not(.section-eyebrow){max-width:760px;color:var(--muted);margin:0;line-height:1.75}.company-profile-security{color:var(--profile-teal);background:#ffffffc7;border:1px solid #0da79f2e;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;margin-top:18px;padding:10px 13px;display:inline-grid}.company-profile-security strong,.company-profile-security small{display:block}.company-profile-security small{color:var(--muted);margin-top:2px;font-size:.7rem}.company-profile-score{background:#ffffffd6;border:1px solid #5e54f51f;border-radius:22px;justify-items:center;gap:7px;padding:22px 18px;display:grid;box-shadow:0 14px 28px #2d286e14}.company-profile-score strong{color:#24206d;font-size:2.15rem;line-height:1}.company-profile-score strong small{font-size:.85rem}.company-profile-score span{color:var(--muted);font-size:.74rem;font-weight:700}.company-profile-score>div{background:#eceaf8;border-radius:999px;width:100%;height:8px;overflow:hidden}.company-profile-score i{border-radius:inherit;background:linear-gradient(90deg, var(--profile-teal), var(--profile-indigo));height:100%;display:block}.company-profile-form{gap:16px;display:grid}.company-profile-section{border-color:#5e54f51f;box-shadow:0 12px 30px #252a580f}.company-profile-section .panel-header{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:15px}.company-profile-section .form-grid{margin-top:18px}.company-profile-section .field input:focus,.company-profile-section .field select:focus{border-color:var(--profile-indigo);box-shadow:0 0 0 4px #5e54f51a}.company-profile-savebar{z-index:8;backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #5e54f529;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 44px #22245229}.company-profile-savebar>div{color:var(--profile-teal);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;display:grid}.company-profile-savebar strong,.company-profile-savebar small{display:block}.company-profile-savebar small{color:var(--muted);margin-top:2px;font-size:.7rem}.settings-company-notice{margin-bottom:18px}.inline-link-button{color:#5148e8;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.policy-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.policy-link-grid a{text-align:center;background:#f6f4ff;border:1px solid #635bff2e;border-radius:12px;padding:12px 8px;text-decoration:none}.danger-zone{background:linear-gradient(145deg,#fff,#fff3f4);border-color:#dc354540}@media (width<=640px){.legal-acceptance-backdrop{padding:10px}.legal-acceptance-card{border-radius:20px;padding:20px}.legal-summary-grid,.policy-link-grid{grid-template-columns:1fr}.company-profile-hero{border-radius:22px;grid-template-columns:1fr;padding:22px 18px}.company-profile-score{grid-template-columns:auto minmax(0,1fr);justify-items:start;padding:16px}.company-profile-score>div{grid-column:1/-1}.company-profile-security{width:100%}.company-profile-savebar{flex-direction:column;align-items:stretch;bottom:92px}.company-profile-savebar .btn{width:100%}.admin-company-shortcut{grid-template-columns:42px minmax(0,1fr)}.admin-company-shortcut .btn{grid-column:1/-1;width:100%}.people-privacy-hero{border-radius:22px;grid-template-columns:1fr;padding:22px 18px}.people-security-badges{grid-template-columns:1fr;min-width:0}.people-selector-panel{grid-template-columns:1fr}.my-number-current{grid-template-columns:46px minmax(0,1fr);align-items:start}.my-number-current .row-actions{grid-column:1/-1;width:100%}.my-number-current .row-actions .btn{flex:1}.personal-profile-savebar{flex-direction:column;align-items:stretch;bottom:92px}.personal-profile-savebar .btn{width:100%}.my-number-security-modal{border-radius:20px;padding:20px}}.remember-session strong{color:var(--ink);font-size:.84rem}.remember-session small{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:.8rem;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:100%;color:var(--ink);outline:none;min-height:42px;padding:10px 12px}.field textarea{resize:vertical;min-height:92px}.field-help{color:var(--muted);font-size:.76rem;line-height:1.55}.hint{color:var(--muted);font-size:.82rem;line-height:1.6}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--nav) 0%, #13292d 56%, #0f1c20 100%);color:#fff;backdrop-filter:blur(16px);border-right:0;flex-direction:column;gap:18px;height:100vh;padding:18px;display:flex;position:sticky;top:0;box-shadow:8px 0 32px #1022261f}.sidebar .brand{color:#fff;padding:4px 4px 8px}.user-line{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff1a;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.avatar{width:42px;height:42px;color:var(--nav);background:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.sidebar .user-line span{color:#ffffffad}.sidebar .brand-mark{box-shadow:none}.sidebar .badge{color:#ffbbb4;background:#e85d4f2e}.sidebar .btn.ghost{color:#ffffffd6;border-color:#ffffff24}.sidebar .btn.ghost:hover{color:#fff;background:#ffffff14;border-color:#ffffff3d}.nav{overscroll-behavior:contain;scrollbar-gutter:stable;gap:6px;padding-bottom:8px;display:grid;overflow-y:auto}.nav-group{gap:5px;display:grid}.nav-group+.nav-group{border-top:1px solid #ffffff1a;margin-top:7px;padding-top:10px}.nav-group-title{color:#ffffff7a;letter-spacing:.12em;margin:0;padding:0 12px;font-size:.68rem;font-weight:800}.nav-group-list{gap:6px;display:grid}.nav-button{border-radius:var(--radius);color:#ffffffad;text-align:left;background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;display:grid}.nav-button:hover{color:#fff;background:#ffffff14}.nav-button svg,.icon{stroke-width:2.2px;flex:none;width:19px;height:19px}.badge{background:var(--coral-soft);min-width:22px;height:22px;color:var(--coral);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:.75rem;font-weight:800;display:inline-flex}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.main{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{z-index:20;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f4f7f6db;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.2}.topbar-sub{color:var(--muted);margin-top:4px;font-size:.84rem;font-weight:500;display:block}.topbar-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbar-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:9px;font-size:.75rem;display:inline-flex}.demo-badge{background:var(--amber-soft);color:#8b6315;border:1px solid #ead7a4;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-weight:800;display:inline-flex}.demo-badge.server-badge{background:var(--green-soft);color:var(--green);border-color:#b9dfc6}.storage-status{align-items:center;gap:5px;display:inline-flex}.storage-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.content{width:min(1360px,100%);margin:0 auto;padding:26px}.content-stack{gap:20px;display:grid}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.sidebar-main{grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr)}.panel,.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.panel-title{margin:0;font-size:1rem;line-height:1.35}.panel-subtitle{color:var(--muted);margin:4px 0 0;font-size:.84rem;line-height:1.5}.metric{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);padding:16px;position:relative;overflow:hidden}.metric:before{content:"";background:var(--teal);height:4px;position:absolute;inset:0 0 auto}.grid.four .metric:nth-child(2):before{background:var(--blue)}.grid.four .metric:nth-child(3):before{background:var(--amber)}.grid.four .metric:nth-child(4):before{background:var(--coral)}.metric .label{color:var(--muted);align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.metric .value{margin-top:10px;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:850;line-height:1}.metric .sub{color:var(--muted);margin-top:8px;font-size:.82rem;line-height:1.45}.hero-status{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:20px;display:grid}.clock-face{border-radius:var(--radius);color:#fff;min-height:302px;box-shadow:var(--shadow);background:linear-gradient(160deg,#102226 0%,#153238 58%,#0f8b8d 140%);border:1px solid #ffffff1a;align-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:relative;overflow:hidden}.clock-face:after{content:"";background:linear-gradient(90deg, var(--teal), var(--amber), var(--coral));height:7px;position:absolute;bottom:0;left:0;right:0}.clock-face>*{z-index:1;position:relative}.clock-time{font-variant-numeric:tabular-nums;font-size:clamp(3.15rem,7vw,5.7rem);font-weight:850;line-height:1}.clock-date{color:#ffffffc2;font-size:.95rem}.status-pill{white-space:nowrap;border:1px solid #1721260f;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.clock-face .status-pill{border-color:#ffffff4d}.status-break{color:var(--amber);background:var(--amber-soft)}.status-pending,.status-warning{color:var(--amber);background:var(--amber-soft)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn{border-radius:var(--radius);background:var(--surface-muted);min-height:42px;color:var(--ink);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled:hover{transform:none}.btn svg{flex:none;width:18px;height:18px}.btn.primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px #0f8b8d38}.btn.dark{background:var(--nav);color:#fff}.btn.danger{background:var(--coral);color:#fff}.btn.warning{background:var(--amber);color:#fff}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.ghost:hover{border-color:var(--line-strong);background:var(--surface-muted)}.btn.full{width:100%}.btn.small{min-height:34px;padding:6px 10px;font-size:.82rem}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);gap:3px;padding:3px;display:inline-flex}.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 10px;font-weight:800}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px #17212614}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:88px 1fr auto;align-items:center;gap:12px;padding:11px 0;display:grid}.timeline li:last-child{border-bottom:0}.timeline time{font-variant-numeric:tabular-nums;font-weight:850}.timeline strong{display:block}.timeline span{color:var(--muted);font-size:.82rem}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);overflow:auto}table{border-collapse:collapse;background:var(--surface);width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:12px;font-size:.9rem}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f2f6f5;font-size:.78rem}tr:last-child td{border-bottom:0}.row-actions{flex-wrap:wrap;gap:6px;display:inline-flex}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface-raised);text-align:center;padding:28px;line-height:1.7}.list{gap:10px;display:grid}.list-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid;box-shadow:0 1px #17212608}.list-item strong{display:block}.list-item p{color:var(--muted);margin:4px 0 0;font-size:.84rem;line-height:1.55}.calendar-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.day-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:174px;padding:12px;box-shadow:0 1px #17212608}.day-card.today{border-color:var(--teal);box-shadow:0 0 0 3px #0f8b8d1a}.day-card time{font-weight:850;display:block}.day-card .weekday{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.shift-chip{border-radius:var(--radius);background:var(--blue-soft);border-left:4px solid var(--blue);gap:2px;margin-top:10px;padding:9px;font-size:.82rem;display:grid}.shift-chip.off{background:var(--surface-muted);border-left-color:var(--line-strong)}.shift-chip strong{font-size:.86rem}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.kpi{border-radius:var(--radius);background:var(--surface-raised);border:1px solid #b8c6c166;padding:12px}.kpi strong{font-size:1.15rem;line-height:1.15;display:block}.kpi span{color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.progress{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.progress span{border-radius:inherit;background:var(--teal);height:100%;display:block}.payslip-preview{gap:16px;display:grid}.payslip-head{border-radius:var(--radius);background:var(--surface-raised);border:1px solid var(--line);justify-content:space-between;gap:18px;padding:16px;display:flex}.payslip-head h3{margin:0;font-size:1.22rem}.payslip-head p{color:var(--muted);margin:6px 0 0;line-height:1.55}.payslip-net{text-align:right;min-width:180px}.payslip-net span{color:var(--muted);font-size:.82rem;font-weight:800;display:block}.payslip-net strong{color:var(--teal);margin-top:6px;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1;display:block}.amount-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.amount-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);overflow:hidden}.amount-box .panel-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;margin:0;padding:12px}.amount-table{min-width:0}.amount-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.amount-total td{background:var(--surface);font-weight:850}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);grid-template-columns:22px 1fr;gap:10px;padding:12px;display:grid}.notice.info{color:#565087;background:#f5f2ff;border-color:#d9d1ff}.notice.warning{background:var(--amber-soft);border-color:#efd79d}.notice.danger{background:var(--coral-soft);border-color:#ffc5bf}.notice.success{background:var(--green-soft);border-color:#bde4cb}.notice p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}.notice strong{color:var(--ink)}.toast{z-index:100;border-radius:var(--radius);color:#fff;max-width:min(420px,100vw - 36px);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#102226;padding:12px 14px;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;right:18px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.hide-mobile{display:initial}.show-mobile{display:none}@media (width<=1100px){.grid.four,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-status,.grid.sidebar-main{grid-template-columns:1fr}.kpi-strip,.location-overview-grid,.tracking-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-detail-layout,.live-map-layout{grid-template-columns:1fr}.live-map-sidebar{border-top:1px solid var(--line);border-left:0}.live-map-employees{max-height:320px}}@media (width<=820px){body{padding-bottom:84px}.login-panel{grid-template-columns:1fr}.login-intro{min-height:auto;padding:24px}.login-intro h1{font-size:clamp(1.72rem,7.2vw,2.1rem);line-height:1.15}.login-form-wrap{padding:24px}.quick-users,.form-grid,.grid.two,.invite-result{grid-template-columns:1fr}.employee-welcome{flex-direction:column;align-items:flex-start}.tracking-notice{align-items:flex-start}.tracking-employee-head,.tracking-employee-foot,.location-monitor-row{flex-direction:column;align-items:flex-start}.tracking-employee-stats,.location-overview-grid,.consent-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-monitor-actions{justify-content:space-between;width:100%}.tracking-timeline-row{grid-template-columns:76px minmax(0,1fr)}.tracking-timeline-row span{grid-column:2}.consent-modal{padding:22px}.all-employee-map-head,.map-head-actions{flex-direction:column;align-items:flex-start}.map-head-actions>span{text-align:left}.gps-history-toolbar{grid-template-columns:1fr}.gps-evidence-count{text-align:left;justify-items:start}.location-detail-map{min-height:420px}.live-map-stage,.live-map-layout{min-height:470px}.live-map-stage{height:470px}.shell{display:block}.sidebar{z-index:40;border-top:1px solid var(--line);height:82px;color:var(--ink);white-space:nowrap;background:#fffffff5;border-right:0;padding:9px 10px 10px;display:block;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -8px 28px #1721261f}.sidebar .brand,.user-line,.sidebar-footer{display:none}.nav{gap:6px;padding:0;display:flex;overflow:visible}.nav-group,.nav-group-list{display:contents}.nav-group-title{display:none}.nav-button{text-align:center;width:82px;min-width:82px;height:58px;color:var(--muted);grid-template-rows:23px 1fr;grid-template-columns:1fr;justify-items:center;gap:2px;padding:7px 6px;font-size:.72rem}.nav-button:hover{background:var(--surface-muted);color:var(--ink)}.nav-button.active{background:var(--nav);color:#fff;box-shadow:0 8px 18px #1022262e}.nav-button .badge{display:none}.topbar{align-items:flex-start;padding:14px 16px}.topbar-right{width:auto}.topbar-meta,.topbar-actions{display:none}.content,.panel{padding:14px}.clock-face{min-height:224px;padding:20px 16px}.clock-time{font-size:clamp(3rem,16vw,4.4rem)}.action-grid,.kpi-strip{grid-template-columns:1fr}.timeline li{grid-template-columns:72px 1fr}.timeline .status-pill{grid-column:2;justify-self:start}.list-item{grid-template-columns:1fr}.payslip-head,.amount-columns{grid-template-columns:1fr;display:grid}.payslip-net{text-align:left}.hide-mobile{display:none!important}.show-mobile{display:initial}.toast{bottom:96px}}:root{--bg:#f8f7f2;--surface:#fff;--surface-raised:#fffefa;--surface-muted:#f4f2fb;--ink:#17135d;--muted:#6e6b8d;--line:#2019621a;--line-strong:#20196233;--nav:#2f238c;--nav-soft:#4b3cc5;--teal:#05a79f;--teal-dark:#087d78;--teal-soft:#ddf7f4;--coral:#ff5268;--coral-soft:#ffe8ec;--amber:#f5a900;--amber-soft:#fff2cf;--green:#078c77;--green-soft:#def7ef;--blue:#5f4cff;--blue-soft:#eeebff;--violet:#5f4cff;--violet-soft:#eeebff;--shadow:0 24px 60px #2b20741f;--shadow-soft:0 10px 28px #2b207414;--radius:22px;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif}body{color:var(--ink);font-feature-settings:"palt" 1;letter-spacing:.01em;background:radial-gradient(circle at 4% 7%,#20c9be2e 0 42px,#0000 43px),radial-gradient(circle at 97% 4%,#ffc1222e 0 130px,#0000 131px),radial-gradient(circle at 85% 100%,#20c9be1a 0 210px,#0000 211px),linear-gradient(#fffefa 0%,#f8f7f2 55%,#f5f3fb 100%)}button,.btn,.nav-button,.panel,.metric,.mobile-quick-card{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #5f4cff57}.panel,.metric,.card,.mobile-today-card,.mobile-month-card,.mobile-quick-card{box-shadow:var(--shadow-soft);background:#fffffff5;border:1px solid #20196214}.panel{border-radius:24px}.panel-title,.section-title,.topbar h1,.metric .value{color:var(--ink);letter-spacing:-.025em}.btn{letter-spacing:0;border-radius:14px;min-height:46px;font-weight:850;transition:transform .16s,box-shadow .16s,filter .16s}.btn:not(:disabled):active{transform:translateY(1px)scale(.985)}.btn.danger{color:#fff;background:linear-gradient(135deg,#ff6f7f,#ff405d);border-color:#0000;box-shadow:0 12px 24px #ff405d33}.login-panel{background:#fffffff5;border:1px solid #20196214;border-radius:30px;box-shadow:0 30px 90px #251b6b29}.login-intro{color:var(--ink);background:radial-gradient(circle at 2% 98%,#5f4cfff0 0 180px,#0000 181px),radial-gradient(circle at 96% 6%,#1dccbe21 0 100px,#0000 101px),#fffdf8;position:relative;overflow:hidden}.login-intro p{color:#625f80}.login-intro-title{color:#17135d;letter-spacing:-.055em;font-weight:900}.intro-point span{color:#6e6b8d}.nav-button.active{background:linear-gradient(135deg,#ffffff3d,#ffffff21);box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 22px #110a462e}.clock-face,.mobile-focus-card{color:var(--ink);box-shadow:var(--shadow);background:radial-gradient(circle at 96% 4%,#ffc42640 0 80px,#0000 81px),radial-gradient(circle at 5% 95%,#1dccbe21 0 105px,#0000 106px),#fffefa;border:1px solid #20196214}.clock-time,.mobile-focus-clock strong{color:#17135d;letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-weight:900}.clock-date,.mobile-focus-head small,.mobile-focus-clock>span,.mobile-focus-clock small{color:#6e6b8d}.mobile-focus-greeting{color:#17135d}.mobile-focus-foot{color:#5e5a80;border-color:#20196217}.mobile-focus-foot strong{color:#17135d}.metric{border-radius:22px;min-height:150px}.metric:before{background:linear-gradient(90deg,#05a79f,#5f4cff);border-radius:999px;height:5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6958ff;box-shadow:0 0 0 4px #5f4cff1a}.punch-feedback{color:#087d78;background:linear-gradient(135deg,#e4fbf7,#f4f1ff);border:1px solid #05a79f29;border-radius:18px;align-items:center;gap:11px;padding:13px 15px;animation:.34s both feedback-in;display:flex;box-shadow:0 10px 25px #087d7817}.punch-feedback>span{background:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 16px #087d781f}.punch-feedback strong,.punch-feedback small{display:block}.punch-feedback small{color:#676381;margin-top:2px}.account-security-panel{padding:0;overflow:hidden}.account-security-panel summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:16px 18px;list-style:none;display:grid}.account-security-panel summary::-webkit-details-marker{display:none}.account-security-panel summary>span:first-child{color:#5f4cff;background:#eeebff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.account-security-panel summary strong,.account-security-panel summary small{display:block}.account-security-panel summary small{color:var(--muted);margin-top:2px}.account-security-panel form{padding:0 18px 18px}.punch-confirm-card{width:min(470px,100% - 28px);color:var(--ink);text-align:center;background:#fffefa;border:1px solid #2019621a;border-radius:28px;padding:30px;position:relative;box-shadow:0 32px 90px #1d146347}.punch-confirm-backdrop{place-items:center;display:grid}.punch-confirm-icon{color:#ff405d;background:#ffe8ec;border-radius:22px;place-items:center;width:66px;height:66px;margin:0 auto 14px;display:grid}.punch-confirm-icon svg{width:30px;height:30px}.punch-confirm-card h2{margin:6px 0 8px;font-size:1.5rem}.punch-confirm-card>p:not(.section-eyebrow){color:var(--muted);margin:0;line-height:1.7}.punch-confirm-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.punch-confirm-summary div{background:#f6f4fc;border-radius:15px;padding:12px 6px}.punch-confirm-summary span,.punch-confirm-summary strong{display:block}.punch-confirm-summary span{color:var(--muted);font-size:.75rem}.punch-confirm-summary strong{margin-top:3px;font-size:1.05rem}.punch-confirm-actions{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.toast[data-kind=success]{background:linear-gradient(135deg,#087d78,#5f4cff)}@keyframes feedback-in{0%{opacity:0;transform:translateY(-7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=820px){body{background:radial-gradient(circle at 0 7%,#1dccbe21 0 80px,#0000 81px),radial-gradient(circle at 100% 1%,#ffc42621 0 105px,#0000 106px),linear-gradient(#fffefa,#f7f5fc 58%,#f4f2fa)}.sidebar,.employee-shell .sidebar,.admin-shell .sidebar{backdrop-filter:blur(18px)saturate(1.2);background:#fffefaf5;border-top:1px solid #20196214;box-shadow:0 -14px 36px #241a6b1f}.nav-button,.employee-shell .nav-button,.admin-shell .nav-button{color:#716d8c}.nav-button.active,.employee-shell .nav-button.active,.admin-shell .nav-button.active{color:#fff;background:linear-gradient(145deg,#5f4cff,#08a49c);box-shadow:0 10px 22px #4437cd3d}.topbar,.employee-shell .topbar,.admin-shell .topbar{background:#fffefaeb;box-shadow:0 8px 24px #261c6912}.mobile-user-menu-button{background:linear-gradient(145deg,#e1faf5,#eeebff)}.mobile-user-avatar,.mobile-account-avatar{background:linear-gradient(145deg,#08b0a7,#6250ff)}.mobile-focus-card{border-radius:27px;padding:18px}.mobile-focus-action,.clock-primary-action{border-radius:18px;min-height:58px;padding-inline:24px;font-size:1.02rem}.clock-primary-action{width:min(300px,100%);margin:18px auto 0}.clock-next-desktop{display:none}.clock-progress{grid-template-columns:auto 1fr auto 1fr auto;align-items:start;gap:7px;width:min(330px,100%);margin:22px auto 0;display:grid}.clock-progress>div{color:#8a86a1;justify-items:center;gap:5px;display:grid}.clock-progress>div>span{background:#fff;border:2px solid #d8d4e7;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:900;display:grid}.clock-progress>div.done>span{color:#fff;background:#06a79f;border-color:#06a79f}.clock-progress>div.current>span{color:#5f4cff;border-color:#5f4cff;box-shadow:0 0 0 5px #5f4cff17}.clock-progress>div svg{width:14px;height:14px}.clock-progress>i{background:#ddd9e9;border-radius:99px;height:2px;margin-top:13px}.clock-progress>i.done{background:#06a79f}.clock-action-grid .btn:disabled{display:none}.clock-action-grid .btn.is-capturing{grid-column:1/-1;display:inline-flex}.clock-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-action-grid .btn:not(:disabled){min-height:54px}.punch-location-grid{grid-template-columns:1fr}.punch-location-item{padding:11px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:132px;padding:15px}.metric .value{font-size:clamp(1.55rem,7vw,2rem)}.mobile-record-list,.mobile-request-list{gap:11px;display:grid}.mobile-record-card,.mobile-request-card{background:#fffefa;border:1px solid #20196214;border-radius:20px;padding:16px;box-shadow:0 9px 24px #2a207014}.mobile-record-card header,.mobile-request-card header,.mobile-record-card footer,.mobile-request-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-record-card header small,.mobile-record-card header strong{display:block}.mobile-record-card header small{color:var(--muted);margin-bottom:3px;font-size:.74rem}.mobile-record-card header strong{font-size:1.03rem}.mobile-record-times{background:linear-gradient(135deg,#eefbf8,#f0edff);border-radius:17px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:15px 0 10px;padding:14px;display:grid}.mobile-record-times div:last-child{text-align:right}.mobile-record-times small,.mobile-record-times strong{display:block}.mobile-record-times small{color:var(--muted);font-size:.72rem}.mobile-record-times strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.35rem}.mobile-record-summary{color:var(--muted);gap:16px;margin-bottom:13px;font-size:.82rem;display:flex}.mobile-record-summary strong{color:var(--ink)}.mobile-record-card footer{border-top:1px solid #20196214;padding-top:12px}.mobile-record-card footer>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;display:flex;overflow:hidden}.mobile-record-card footer svg{flex:none;width:15px}.mobile-request-type{color:#5946df;background:#eeebff;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:850}.mobile-request-card>strong{margin-top:13px;display:block}.mobile-request-card>p{color:var(--muted);margin:5px 0 14px;line-height:1.65}.mobile-request-card footer{border-top:1px solid #20196214;padding-top:12px}.mobile-request-card footer time{color:var(--muted);font-size:.74rem}.mobile-request-card footer>div{gap:7px;display:flex}.mobile-account-sheet{background:#fffefa}.punch-confirm-backdrop{align-items:end}.punch-confirm-card{width:100%;padding:28px 18px calc(20px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0}}@media (width<=380px){.punch-confirm-summary{gap:5px}.punch-confirm-summary strong{font-size:.94rem}}@media (width<=640px){.grid.four,.grid.three,.tracking-employee-stats,.location-overview-grid,.tracking-detail-metrics,.consent-summary-grid{grid-template-columns:1fr}.tracking-top-status{max-width:148px}.live-map-legend{bottom:20px;left:8px;right:8px}.live-map-employee-meta{padding-left:0}.panel-header{flex-direction:column;align-items:stretch}.metric{padding:15px}.metric .value{font-size:1.75rem}}:root{--bg:#f7f6ff;--surface:#fff;--surface-raised:#fdfcff;--surface-muted:#f0eefb;--ink:#27233f;--muted:#716c86;--line:#e4e0f1;--line-strong:#c9c2df;--nav:#2d2658;--nav-soft:#403776;--teal:#0f837c;--teal-dark:#09645f;--teal-soft:#ddf8f3;--coral:#d94f6d;--coral-soft:#ffe8ee;--amber:#b87300;--amber-soft:#fff2c9;--green:#187b50;--green-soft:#ddf6e9;--blue:#635bff;--blue-soft:#ebe9ff;--shadow:0 22px 54px #392c6b29;--shadow-soft:0 10px 26px #392c6b17;--radius:17px;--sidebar-width:276px}body{background:radial-gradient(circle at 12% 4%, #5ae0cb47, transparent 24rem), radial-gradient(circle at 92% 2%, #8174ff3d, transparent 28rem), linear-gradient(180deg, #fbfbff 0, var(--bg) 42rem, #f8fbff 100%)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #635bff52}.login-panel{border:6px solid #ffffffc7;border-radius:30px;box-shadow:0 34px 90px #392c6b38}.login-intro,.invite-panel .login-intro{isolation:isolate;background:linear-gradient(145deg,#342b68 0%,#5146a3 48%,#0c9b91 120%);padding:38px;position:relative;overflow:hidden}.login-intro:before,.login-intro:after{content:"";z-index:-1;background:#ffffff1c;border-radius:50%;position:absolute}.login-intro:before{width:230px;height:230px;top:-105px;right:-80px}.login-intro:after{background:0 0;border:24px solid #ffd67030;width:150px;height:150px;bottom:-80px;right:36px}.login-intro h1,.login-intro-title{letter-spacing:-.055em;text-wrap:initial;text-shadow:0 5px 24px #120d342e;max-width:none;font-size:clamp(2rem,3.05vw,3rem);font-weight:900;line-height:1.14}.login-intro-title>span{white-space:nowrap;display:block}.login-intro>div>p:not(.section-eyebrow){color:#ffffffe6;font-weight:650}.login-intro .section-eyebrow{color:#ffffffd1}.brand-mark{background:linear-gradient(145deg,#20c7b9,#635bff);border-radius:14px 14px 14px 5px;transform:rotate(-3deg);box-shadow:0 10px 24px #18153f42}.intro-point{backdrop-filter:blur(10px);background:#ffffff1c;border-color:#fff3;border-radius:16px}.login-form-wrap{background:linear-gradient(160deg,#fff,#fbfaff);padding:38px}.section-eyebrow{color:var(--blue);letter-spacing:.12em;font-weight:900}.section-title,.topbar h1,.panel-title,.employee-welcome h2{letter-spacing:-.025em}.auth-switch,.segmented{background:var(--surface-muted);border:0;border-radius:16px;padding:5px}.auth-switch-button,.segmented button{border-radius:12px}.auth-switch-button.active,.segmented button.active{color:var(--blue);box-shadow:0 7px 18px #392c6b1f}.field input,.field select,.field textarea{background:#f6f4fc;border:2px solid #0000;border-radius:14px;min-height:48px;transition:background .16s,border-color .16s,box-shadow .16s}.field input:hover,.field select:hover,.field textarea:hover{background:#f1effb}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #635bff21}.sidebar{background:radial-gradient(circle at 20% 8%,#50d6c638,#0000 13rem),linear-gradient(#332b68 0%,#2d2658 54%,#211c43 100%);padding:20px 16px;box-shadow:12px 0 40px #31275b29}.user-line{background:#ffffff1a;border-color:#ffffff29;border-radius:18px}.avatar{color:var(--nav);background:linear-gradient(145deg,#fff3bd,#fff);box-shadow:0 6px 16px #16113433}.nav{gap:7px}.nav-button{color:#ffffffc2;border-radius:15px;transition:transform .16s,color .16s,background .16s,box-shadow .16s}.nav-button:hover{background:#ffffff1c;transform:translate(3px)}.nav-button.active{color:#2d2658;background:linear-gradient(135deg,#fff,#edfff9);box-shadow:0 12px 25px #120d333d}.topbar{background:#ffffffc7;border:1px solid #ffffffd6;border-radius:20px;margin:14px 18px 0;padding:16px 20px;box-shadow:0 10px 30px #392c6b14}.content{padding:24px 26px 34px}.content-stack{gap:22px}.panel,.card,.metric,.list-item,.day-card,.quick-user,.table-wrap{box-shadow:var(--shadow-soft);border-color:#d9d2ecc7}.panel,.card{border-radius:21px}.panel{padding:22px}.metric{border:0;border-radius:20px;min-height:138px;padding:19px;transition:transform .18s,box-shadow .18s}.metric:hover,.quick-user:hover,.day-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #392c6b24}.grid.four .metric:first-child{background:linear-gradient(145deg,#fff,#dcfaf4)}.grid.four .metric:nth-child(2){background:linear-gradient(145deg,#fff,#e9e7ff)}.grid.four .metric:nth-child(3){background:linear-gradient(145deg,#fff,#fff0c7)}.grid.four .metric:nth-child(4){background:linear-gradient(145deg,#fff,#ffe5ec)}.metric:before{border-radius:999px;width:36px;height:7px;inset:12px auto auto 12px}.metric .label{color:#5f5977}.metric .value{color:var(--nav);letter-spacing:-.04em;font-weight:900}.clock-face{isolation:isolate;background:linear-gradient(145deg,#4d43a3 0%,#30295f 54%,#087c76 130%);border:0;border-radius:27px;min-height:320px;box-shadow:0 26px 54px #30295f45}.clock-face:before{content:"";z-index:0;border:28px solid #ffffff17;border-radius:50%;width:190px;height:190px;position:absolute;top:-90px;right:-50px}.clock-face:after{background:linear-gradient(90deg,#36d8c6,#ffe07e,#ff8da2);border-radius:999px;height:8px;bottom:18px;left:22px;right:22px}.clock-time{letter-spacing:-.07em;text-shadow:0 10px 28px #100d2e33;font-weight:900}.status-pill{border:0;min-height:30px;padding:6px 11px;font-weight:900;box-shadow:inset 0 0 0 1px #27233f0d}.btn{border-radius:14px;min-height:46px;padding:10px 15px;font-weight:900;box-shadow:0 7px 16px #392c6b14}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px #392c6b29}.btn:active{transform:translateY(0)scale(.985)}.btn.primary{background:linear-gradient(135deg,#0f837c,#635bff);box-shadow:0 10px 22px #4b44bc40}.btn.primary:hover{background:linear-gradient(135deg,#096f69,#5048e5)}.btn.dark{background:linear-gradient(135deg,#37306c,#272149)}.btn.danger{background:linear-gradient(135deg,#d94f6d,#b83b5a)}.btn.warning{color:#4c3500;background:linear-gradient(135deg,#ffd463,#f1a833)}.btn.ghost{border:2px solid var(--line);background:#ffffff9e}.employee-welcome{box-shadow:var(--shadow-soft);background:linear-gradient(120deg,#fff 0%,#ddfaf4 58%,#eceaff 100%);border:0;border-radius:22px;padding:24px 26px}.kpi,.tracking-employee-stats>div,.tracking-detail-metrics>div,.consent-summary-grid>div{background:#ffffffd1;border-color:#d6cfeac7;border-radius:14px}.list-item,.day-card,.quick-user,.empty-state,.notice,.table-wrap,.amount-box,.payslip-head{border-radius:16px}.list-item{background:linear-gradient(145deg,#fff,#fbfaff);transition:transform .16s,box-shadow .16s}.list-item:hover{transform:translate(3px);box-shadow:0 12px 24px #392c6b1c}th{color:#5b5574;background:#f0edfb}.notice{border-width:0;box-shadow:inset 0 0 0 1px #27233f0f}.tracking-employee-card,.tracking-detail,.all-employee-map-panel,.location-monitor,.consent-modal{border-radius:22px}.all-employee-map-panel{background:linear-gradient(145deg,#fff 0%,#f3f1ff 58%,#e9faf7 100%);border-color:#635bff33}.live-map-layout{border-radius:17px}.live-map-legend{border:0;border-radius:12px;box-shadow:0 10px 22px #392c6b24}.toast{background:linear-gradient(135deg,#322a67,#5048a0);border-radius:15px;box-shadow:0 18px 40px #2b225b4d}@media (width<=820px){.sidebar{background:#fffffff0;border-top:1px solid #635bff24;box-shadow:0 -12px 34px #392c6b24}.nav-button:hover{transform:none}.nav-button.active{color:#fff;background:linear-gradient(145deg,#443a8a,#0f837c);box-shadow:0 9px 20px #392c6b38}.topbar{border-radius:17px;margin:10px 10px 0;padding:13px 15px}.content{padding:14px 12px 26px}.panel{padding:16px}.login-intro,.invite-panel .login-intro,.login-form-wrap{padding:26px}.login-panel{border-radius:24px}.login-intro-title{font-size:clamp(1.7rem,7.4vw,2.5rem);line-height:1.16}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-account-backdrop,.mobile-dashboard{display:none}@media (width<=820px){html{scroll-padding-bottom:calc(82px + env(safe-area-inset-bottom))}body{padding-bottom:calc(70px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input,select,textarea{font-size:16px}.employee-shell .topbar{min-height:calc(62px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#ffffffe8;border:0;border-radius:0 0 18px 18px;align-items:center;margin:0;top:0;box-shadow:0 8px 22px #392c6b17}.employee-shell .topbar h1{font-size:1.08rem}.employee-shell .topbar-sub,.employee-shell .topbar-right{display:none}.mobile-user-status{align-items:center;gap:8px;display:flex!important}.mobile-user-status .status-pill{min-height:28px;padding:5px 9px;font-size:.72rem}.mobile-user-menu-button{background:linear-gradient(145deg,#e5fff8,#ece9ff);border:0;border-radius:13px;place-items:center;width:38px;height:38px;padding:0;display:grid;box-shadow:0 6px 14px #392c6b1f}.mobile-user-avatar,.mobile-account-avatar{color:#fff;background:linear-gradient(145deg,#23c8ba,#635bff);border-radius:11px;place-items:center;font-weight:900;display:grid}.mobile-user-avatar{width:30px;height:30px}.employee-shell .content{padding:10px 12px calc(24px + env(safe-area-inset-bottom))}.employee-shell .content-stack{gap:12px}.mobile-dashboard{gap:12px;display:grid!important}.employee-dashboard-desktop{display:none!important}.mobile-focus-card{isolation:isolate;color:#fff;background:linear-gradient(145deg,#49409a 0%,#342d6b 58%,#087d78 130%);border-radius:25px;padding:17px;position:relative;overflow:hidden;box-shadow:0 20px 42px #30295f3d}.mobile-focus-card:before{content:"";z-index:-1;border:22px solid #ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;top:-78px;right:-45px}.mobile-focus-head,.mobile-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mobile-focus-greeting,.mobile-focus-head small{display:block}.mobile-focus-greeting{font-size:.98rem;font-weight:900}.mobile-focus-head small{color:#ffffffb3;margin-top:3px;font-size:.72rem}.mobile-focus-head .status-pill{min-height:28px;padding:5px 10px;font-size:.72rem}.mobile-focus-clock{justify-items:center;margin-top:17px;display:grid}.mobile-focus-clock>span{color:#ffffffad;letter-spacing:.08em;font-size:.68rem;font-weight:800}.mobile-focus-clock>strong{font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-shadow:0 9px 24px #140f3a3d;margin-top:2px;font-size:clamp(3.1rem,15vw,3.9rem);font-weight:900;line-height:1}.mobile-focus-clock>small{color:#fffc;margin-top:7px;font-size:.74rem}.mobile-focus-action{border:1px solid #ffffff3d;width:100%;min-height:52px;margin-top:15px;font-size:.98rem}.mobile-focus-card .mobile-focus-action.ghost{background:#fffffff0}.mobile-focus-foot{color:#ffffffbd;border-top:1px solid #ffffff26;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;font-size:.7rem;display:flex}.mobile-focus-foot strong{color:#fff;font-size:.88rem}.mobile-location-strip{width:100%;color:var(--ink);text-align:left;background:#e7faf2;border:0;border-radius:17px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.mobile-location-strip.attention{background:#fff2d4}.mobile-location-dot{background:#22a86f;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #22a86f21}.mobile-location-strip.attention .mobile-location-dot{background:#d58a13;box-shadow:0 0 0 5px #d58a1321}.mobile-location-strip strong,.mobile-location-strip small{display:block}.mobile-location-strip strong{font-size:.8rem}.mobile-location-strip small{color:var(--muted);margin-top:2px;font-size:.68rem}.mobile-today-card,.mobile-month-card{background:#fffffff0;border:1px solid #d9d2ecc7;border-radius:22px;padding:16px;box-shadow:0 10px 25px #392c6b14}.mobile-card-eyebrow{color:var(--blue);letter-spacing:.11em;font-size:.62rem;font-weight:900;display:block}.mobile-card-head h2{letter-spacing:-.025em;margin:2px 0 0;font-size:1rem}.mobile-section-link{background:var(--surface-muted);min-height:34px;color:var(--blue);border:0;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;font-size:.7rem;font-weight:900;display:inline-flex}.mobile-section-link span{font-size:1.05rem;line-height:1}.mobile-today-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.mobile-today-grid>div{background:#f8f7fc;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:1px 9px;min-width:0;padding:10px;display:grid}.mobile-data-icon{border-radius:11px;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid}.mobile-data-icon svg{width:17px;height:17px}.mobile-data-icon.mint{color:#0b7b63;background:#ddf8f0}.mobile-data-icon.violet{color:#564de2;background:#ebe8ff}.mobile-data-icon.amber{color:#aa7000;background:#fff0cb}.mobile-data-icon.coral{color:#c74364;background:#ffe6ed}.mobile-today-grid small{color:var(--muted);font-size:.65rem}.mobile-today-grid strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.mobile-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-quick-card{min-width:0;min-height:150px;color:var(--ink);text-align:left;border:0;border-radius:20px;align-content:start;gap:10px;padding:14px;display:grid;position:relative;box-shadow:0 9px 22px #392c6b14}.mobile-quick-card.shift{background:linear-gradient(145deg,#e1faf4,#f7fffd)}.mobile-quick-card.request{background:linear-gradient(145deg,#ece9ff,#fbfaff)}.mobile-quick-icon{width:38px;height:38px;color:var(--blue);background:#ffffffd1;border-radius:12px;place-items:center;display:grid}.mobile-quick-card.shift .mobile-quick-icon{color:var(--teal-dark)}.mobile-quick-copy,.mobile-quick-copy small,.mobile-quick-copy strong,.mobile-quick-copy em{min-width:0;display:block}.mobile-quick-copy small{color:var(--muted);font-size:.67rem}.mobile-quick-copy strong{margin-top:4px;font-size:.86rem;line-height:1.38}.mobile-quick-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.67rem;font-style:normal;overflow:hidden}.mobile-quick-arrow{color:var(--muted);font-size:1.2rem;position:absolute;top:14px;right:14px}.mobile-month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px;display:grid}.mobile-month-grid>div{text-align:center;background:#f8f7fc;border-radius:14px;min-width:0;padding:11px 8px}.mobile-month-grid small,.mobile-month-grid strong{display:block}.mobile-month-grid small{color:var(--muted);font-size:.64rem}.mobile-month-grid strong{color:var(--nav);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:1.08rem;overflow:hidden}.mobile-month-grid strong span{margin-left:1px;font-size:.68rem}.employee-dashboard>.employee-welcome,.employee-dashboard>.tracking-notice{display:none}.employee-dashboard>.hero-status{order:1}.employee-dashboard>.tracking-employee-card{order:2}.employee-dashboard>.grid.four{order:3}.employee-dashboard>.grid.two{order:4}.employee-shell .hero-status{gap:12px}.employee-shell .clock-face{border-radius:24px;gap:9px;min-height:244px;padding:18px 16px 25px}.employee-shell .clock-face:before{border-width:22px;width:150px;height:150px;top:-76px;right:-42px}.employee-shell .clock-face:after{height:6px;bottom:14px;left:18px;right:18px}.employee-shell .clock-time{font-size:clamp(3.25rem,16vw,4.15rem)}.employee-shell .clock-date{font-size:.83rem}.employee-shell .clock-face>.btn{width:min(78%,270px);min-height:54px;margin-top:3px;font-size:1rem}.employee-dashboard .hero-status>.panel{padding:15px}.employee-dashboard .panel-header{flex-direction:row;align-items:flex-start;gap:8px;margin-bottom:9px}.employee-dashboard .panel-title{font-size:.95rem}.employee-dashboard .panel-subtitle{margin-top:2px;font-size:.74rem}.employee-dashboard .timeline{gap:0}.employee-dashboard .timeline li{grid-template-columns:58px minmax(0,1fr) auto;gap:9px;padding:9px 0}.employee-dashboard .timeline time{font-size:.92rem}.employee-dashboard .timeline strong{font-size:.86rem}.employee-dashboard .timeline span{grid-column:auto;justify-self:end;font-size:.7rem}.employee-dashboard .kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px!important}.employee-dashboard .kpi{text-align:center;min-width:0;padding:8px 5px}.employee-dashboard .kpi strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.employee-dashboard .kpi span{margin-top:3px;font-size:.64rem}.employee-dashboard>.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-dashboard .metric{min-height:106px;padding:14px}.employee-dashboard .metric:before{width:28px;height:5px;top:10px;left:10px}.employee-dashboard .metric .label{gap:5px;font-size:.72rem}.employee-dashboard .metric .label svg{width:16px;height:16px}.employee-dashboard .metric .value{margin-top:8px;font-size:1.48rem}.employee-dashboard .metric .sub{margin-top:5px;font-size:.68rem;line-height:1.35}.employee-dashboard>.grid.two{grid-template-columns:1fr;gap:12px}.employee-shell .tracking-employee-card{border-radius:19px;padding:15px}.employee-shell .tracking-employee-stats,.employee-shell .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-shell .panel,.employee-shell .metric,.employee-shell .card{scroll-margin-bottom:90px}.employee-shell .table-wrap,.employee-shell .calendar-grid{-webkit-overflow-scrolling:touch}.employee-shell .sidebar{height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));overflow:visible}.employee-shell .nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid}.employee-shell .nav-button{color:#6a647f;opacity:1;background:0 0;border-radius:14px;grid-template-rows:23px 1fr;grid-template-columns:1fr;gap:1px;width:auto;min-width:0;height:56px;padding:6px 2px 5px;font-size:.67rem;line-height:1}.employee-shell .nav-button svg{width:21px;height:21px;color:inherit;stroke:currentColor;opacity:1}.employee-shell .nav-button>span{color:inherit;opacity:1}.employee-shell .nav-button:not(.active):hover,.employee-shell .nav-button:not(.active):active{color:#332d61;background:#f0eef9}.employee-shell .nav-button.active{color:#fff;background:linear-gradient(145deg,#443a8a,#0f837c);box-shadow:0 8px 18px #392c6b38}.admin-shell .nav{scroll-snap-type:x proximity;scrollbar-width:none}.admin-shell .nav::-webkit-scrollbar{display:none}.admin-shell .nav-button{color:#6a647f;opacity:1;scroll-snap-align:center}.admin-shell .nav-button svg,.admin-shell .nav-button>span{color:inherit;opacity:1}.admin-shell .nav-button svg{stroke:currentColor}.admin-shell .nav-button:not(.active):hover,.admin-shell .nav-button:not(.active):active{color:#332d61;background:#f0eef9}.admin-shell .nav-button.active{color:#fff;background:linear-gradient(145deg,#443a8a,#0f837c);box-shadow:0 8px 18px #392c6b38}.employee-shell .nav-button[data-nav-view=reports],.employee-shell .nav-button[data-nav-view=payslips]{display:none}.mobile-account-backdrop{z-index:95;backdrop-filter:blur(5px);background:#19143980;align-items:end;display:grid;position:fixed;inset:0}.mobile-account-sheet{padding:18px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#fff,#f8f6ff);border-radius:25px 25px 0 0;box-shadow:0 -24px 60px #1f184b3d}.mobile-account-head{grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:11px;display:grid}.mobile-account-avatar{border-radius:16px;width:48px;height:48px;font-size:1.15rem}.mobile-account-head strong,.mobile-account-head span{display:block}.mobile-account-head strong{font-size:1rem}.mobile-account-head div>span{color:var(--muted);margin-top:3px;font-size:.76rem}.mobile-account-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0 12px;display:grid}.mobile-account-links button{min-height:90px;color:var(--ink);text-align:left;background:#fff;border:1px solid #d9d2ecd6;border-radius:17px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:12px;display:grid;box-shadow:0 8px 18px #392c6b12}.mobile-account-links button>svg{width:24px;height:24px;color:var(--blue)}.mobile-account-links strong,.mobile-account-links small{display:block}.mobile-account-links small{color:var(--muted);margin-top:3px;font-size:.68rem;line-height:1.35}.modal-backdrop{place-items:end center;padding:0}.consent-modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 10px);padding:19px 16px calc(18px + env(safe-area-inset-bottom));border:0;border-radius:25px 25px 0 0}.consent-modal-head{grid-template-columns:42px minmax(0,1fr) 34px;gap:10px}.consent-icon{width:42px;height:42px}.consent-modal-head h2{font-size:1.2rem}.consent-modal-head p:last-child{font-size:.78rem;line-height:1.5}.consent-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.consent-details{gap:7px}.consent-details>div{padding:9px 10px}.consent-form{margin-top:12px}.consent-actions{grid-template-columns:.78fr 1.22fr;gap:8px;display:grid}.consent-actions .btn{min-width:0;padding-inline:8px;font-size:.78rem}.toast{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:none;left:12px}}@media (width<=380px){.employee-shell .content{padding-left:9px;padding-right:9px}.employee-shell .clock-time{font-size:3.05rem}.employee-shell .nav-button{font-size:.62rem}.employee-dashboard .panel-header>.status-pill{display:none}.mobile-account-links{grid-template-columns:1fr}}@media (width<=360px){.mobile-quick-grid{grid-template-columns:1fr}.mobile-quick-card{grid-template-columns:38px minmax(0,1fr);align-content:center;min-height:108px}.mobile-quick-icon{grid-row:1}}.offline-status{background:linear-gradient(145deg,#ecfff9,#f5f3ff);border:1px solid #0f837c2e;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;display:grid;box-shadow:0 10px 24px #392c6b14}.offline-status.is-offline{background:linear-gradient(145deg,#fff7dc,#fff1ea);border-color:#c77d0040}.offline-status.has-queue{border-color:#635bff38}.offline-status-icon{color:#3f3877;background:#fff;border-radius:999px;place-items:center;min-width:62px;min-height:34px;padding:5px 9px;font-size:.76rem;font-weight:900;display:grid;box-shadow:0 5px 12px #392c6b1a}.offline-status strong,.offline-status span{display:block}.offline-status>div>span{color:#716a85;margin-top:2px;font-size:.8rem;line-height:1.55}.offline-queue-list{gap:8px;display:grid}.offline-queue-list>div{background:#f7f5ff;border-radius:13px;justify-content:space-between;gap:12px;padding:11px 13px;display:flex}.offline-queue-list span{color:#716a85;font-size:.82rem}@media (width<=520px){.offline-status{grid-template-columns:auto minmax(0,1fr)}.offline-status .btn{grid-column:1/-1;width:100%}}@media (width<=820px){html,body,#app{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0;font-size:16px}.shell,.main,.content,.content-stack,.panel,.grid,.card,.hero-status{width:100%;min-width:0;max-width:100%}.sidebar,.employee-shell .sidebar,.admin-shell .sidebar{height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));overflow:visible}.nav,.employee-shell .nav,.admin-shell .nav{scroll-snap-type:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid;overflow:visible}.nav-button,.employee-shell .nav-button,.admin-shell .nav-button{text-align:center;color:#6a647f;background:0 0;border-radius:14px;grid-template-rows:23px 1fr;grid-template-columns:1fr;justify-items:center;gap:1px;width:auto;min-width:0;height:56px;padding:6px 2px 5px;font-size:.67rem;line-height:1}.nav-button:not(.mobile-primary){display:none}.nav-button svg{width:21px;height:21px}.topbar,.employee-shell .topbar,.admin-shell .topbar{min-height:calc(62px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:#ffffffeb;border:0;border-radius:0 0 18px 18px;align-items:center;margin:0;top:0}.topbar h1,.employee-shell .topbar h1,.admin-shell .topbar h1{font-size:1.08rem}.topbar-sub,.topbar-right{display:none}.content,.employee-shell .content,.admin-shell .content{padding:10px 12px calc(24px + env(safe-area-inset-bottom))}.table-wrap,.employee-shell .table-wrap,.admin-shell .table-wrap,.calendar-grid{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.table-wrap>table{width:max-content;min-width:680px}.mobile-account-links{max-height:min(54vh,460px);overflow-y:auto}}body{color:#17135d;background:radial-gradient(circle at 4% 7%,#20c9be2e 0 42px,#0000 43px),radial-gradient(circle at 97% 4%,#ffc1222e 0 130px,#0000 131px),radial-gradient(circle at 85% 100%,#20c9be1a 0 210px,#0000 211px),linear-gradient(#fffefa 0%,#f8f7f2 55%,#f5f3fb 100%)}.panel,.metric,.card,.mobile-today-card,.mobile-month-card,.mobile-quick-card{background:#fffffff5;border-color:#20196214;box-shadow:0 10px 28px #2b207414}.panel,.metric{border-radius:22px}.panel-title,.section-title,.topbar h1,.metric .value{color:#17135d}.panel-subtitle,.section-copy,.topbar-sub,.muted{color:#6e6b8d}.btn{border-radius:14px;min-height:46px;font-weight:850}.btn.primary{color:#fff;background:linear-gradient(135deg,#04a79e 0%,#5f4cff 100%);border-color:#0000;box-shadow:0 12px 24px #4640d638}.btn.warning{color:#4a3600;background:linear-gradient(135deg,#ffc638,#f5a900);border-color:#f5a90033}.btn.danger{color:#fff;background:linear-gradient(135deg,#ff6f7f,#ff405d);border-color:#0000}.btn.ghost{color:#413893;background:#f7f5ff;border-color:#5f4cff24}.brand-mark{background:linear-gradient(145deg,#6250ff,#3824c9);border-radius:15px;box-shadow:0 12px 24px #4b36d83d}.login-page{background:radial-gradient(circle at 0 100%,#5f4cffd9 0 210px,#0000 211px),radial-gradient(circle at 100% 0,#ffc426d6 0 150px,#0000 151px),radial-gradient(circle at 92% 92%,#1dccbe38 0 180px,#0000 181px),#fffefa}.login-panel{background:#fffffff7;border-color:#20196214;border-radius:30px;box-shadow:0 30px 90px #251b6b29}.login-intro{color:#17135d;background:radial-gradient(circle at 2% 98%,#5f4cfff0 0 180px,#0000 181px),radial-gradient(circle at 96% 6%,#1dccbe21 0 100px,#0000 101px),#fffdf8}.login-intro h1,.login-intro-title{color:#17135d;letter-spacing:-.055em;font-weight:900}.login-intro p,.intro-point span{color:#625f80}.login-intro .section-eyebrow,.invite-panel .login-intro .section-eyebrow,.login-intro>div>p:not(.section-eyebrow),.invite-panel .login-intro>div>p:not(.section-eyebrow){color:#17135d}.login-illustration-stage{aspect-ratio:16/10;background:#fffdf8;border:1px solid #17135d14;border-radius:24px;place-items:center;width:100%;max-height:280px;display:grid;position:relative;overflow:hidden}.login-illustration-static{object-fit:contain;width:100%;height:100%;display:block}.intro-point{color:#17135d;background:#ffffffe0;border-color:#20196214;box-shadow:0 8px 20px #2a207012}@media (width<=680px){.login-illustration-stage{border-radius:20px;max-height:215px}}.passkey-login-button{color:#302589;border-color:#5f4cff3d}.kiosk-page{justify-content:center;align-items:center;min-height:100dvh}.kiosk-card{background:#fffffffa;border-radius:30px;gap:24px;width:min(760px,100% - 32px);display:grid;box-shadow:0 26px 80px #251b6b2e}.kiosk-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.kiosk-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-actions .btn{min-height:72px;font-size:1.05rem}.month-close-panel.is-closed{background:linear-gradient(135deg,#e8fffae6,#fffffffa);border-color:#04a79e59}.preset-button{text-align:left;cursor:pointer;color:#17135d;border:1px solid #2019621a;width:100%}.preset-button:hover,.preset-button:focus-visible{border-color:#5f4cff61;transform:translateY(-2px);box-shadow:0 14px 34px #3e2da11f}.passkey-panel,.push-preference-card,.kiosk-management-panel{overflow:hidden}.approval-route-settings{background:linear-gradient(145deg,#fbfaff,#f1fffc);border:1px solid #5f4cff29;border-radius:20px;gap:16px;margin:10px 0;padding:20px;display:grid}.settings-subhead h3{color:#17135d;margin:2px 0 5px}.settings-subhead p{color:#6a647f;margin:0;line-height:1.6}.work-time-system-guide{background:#f8f7ff;border:1px solid #5f4cff24;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;padding:16px;display:grid}.work-time-system-guide strong{color:#17135d}.work-time-system-guide span{color:#6a647f;grid-column:1/-1;line-height:1.65}.registration-email-button{width:fit-content;margin-top:8px}.approval-route-grid{gap:12px;display:grid}.approval-route-card{background:#fff;border:1px solid #5f4cff21;border-radius:16px;margin:0;padding:15px}.approval-route-card legend{color:#17135d;padding:0 8px;font-weight:900}.approval-stage-row{grid-template-columns:82px repeat(2,minmax(0,1fr));align-items:end;gap:10px;padding:10px 0;display:grid}.approval-stage-row+.approval-stage-row{border-top:1px solid #17135d14}.approval-stage-row>span{color:#5f4cff;align-self:center;font-weight:900}.approval-stage-row label{color:#6a647f;gap:5px;font-size:.78rem;font-weight:800;display:grid}.approval-stage-row select{color:#17135d;background:#f7f5fc;border:1px solid #17135d1f;border-radius:12px;width:100%;min-height:44px;padding:8px 10px}.approval-progress{color:#5f4cff;align-items:center;gap:6px;margin-top:6px;font-size:.76rem;font-weight:850;display:inline-flex}.payroll-custom-template{background:linear-gradient(145deg,#f3fffc,#f7f5ff);border:1px solid #04a79e2e;border-radius:20px;gap:14px;margin-top:18px;padding:20px;display:grid}.payroll-custom-template textarea{min-height:92px}.payroll-template-library{gap:10px;display:grid}.payroll-template-item{background:#ffffffe0;border:1px solid #17135d17;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.payroll-template-item.is-selected{border-color:#5f4cff6b;box-shadow:0 0 0 3px #5f4cff14}.payroll-template-select{color:#17135d;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;display:grid}.payroll-template-select span{color:#6a647f;font-size:.78rem}@media (width<=680px){.payroll-template-item{grid-template-columns:1fr}.payroll-template-item .row-actions{justify-content:stretch}.payroll-template-item .row-actions .btn{flex:1}}.push-preference-controls{gap:12px;display:grid}.push-preference-options{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.push-preference-options label{color:#4d486c;align-items:center;gap:8px;font-weight:800;display:inline-flex}.push-preference-options input{accent-color:#5f4cff;width:20px;height:20px}.mobile-card-copy{color:#6a647f;margin:8px 0 14px;font-size:.88rem;line-height:1.7}.mobile-push-card .push-preference-options{display:grid}.mobile-push-card .push-preference-controls>.btn{width:100%}.login-page{flex-direction:column;justify-content:center;align-items:center;gap:34px;display:flex}.landing-feature-showcase{background:#ffffffed;border:1px solid #5f4cff1f;border-radius:30px;gap:24px;width:min(1180px,100%);margin:18px auto 40px;padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 28px 80px #392c6b1f}.landing-feature-copy{text-align:center;max-width:720px;margin:0 auto}.landing-feature-copy h2{color:#17135d;letter-spacing:-.04em;margin:4px 0 12px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}.landing-feature-copy>p:last-child{color:#625f80;margin:0;line-height:1.8}.landing-product-preview{background:#fffdf8;border:1px solid #17135d1a;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px #392c6b1f}.landing-product-preview img{width:100%;height:auto;display:block}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-feature-grid article{background:linear-gradient(145deg,#fff,#f8f6ff);border:1px solid #17135d14;border-radius:18px;grid-template-columns:34px 1fr;gap:12px;padding:18px;display:grid}.landing-feature-grid article>svg{color:#04a79e;width:24px;height:24px}.landing-feature-grid h3{color:#17135d;margin:0 0 5px;font-size:1rem}.landing-feature-grid p{color:#6a647f;margin:0;font-size:.84rem;line-height:1.65}@media (width<=820px){.login-page{justify-content:flex-start}.landing-feature-showcase{border-radius:24px;padding:24px 18px}.landing-feature-grid{grid-template-columns:1fr}}@media (width<=720px){.approval-stage-row{grid-template-columns:1fr}.approval-stage-row>span{margin-bottom:2px}}@media (width<=640px){.kiosk-card{border-radius:24px;width:min(100% - 20px,560px);padding:20px}.kiosk-head,.kiosk-card .panel-header{flex-direction:column;align-items:flex-start}.kiosk-actions,.payroll-preset-grid{grid-template-columns:1fr}.kiosk-actions .btn{min-height:60px}}.sidebar{background:linear-gradient(#231875,#312595 65%,#0b8d86 145%)}.topbar{backdrop-filter:blur(18px)saturate(1.25);background:#fffefaeb;border-color:#20196214}.clock-face,.mobile-focus-card{color:#17135d;background:radial-gradient(circle at 96% 4%,#ffc42640 0 80px,#0000 81px),radial-gradient(circle at 5% 95%,#1dccbe21 0 105px,#0000 106px),#fffefa;border-color:#20196214;box-shadow:0 24px 60px #2b20741f}.clock-face:before,.mobile-focus-card:before{border-color:#5f4cff1a}.clock-time,.mobile-focus-clock strong,.mobile-focus-greeting,.mobile-focus-foot strong{color:#17135d}.clock-date,.mobile-focus-head small,.mobile-focus-clock>span,.mobile-focus-clock small,.mobile-focus-foot{color:#6e6b8d}.mobile-focus-foot{border-color:#20196217}.status-pill{border-width:0;font-weight:850}.status-working,.status-approved{color:#058b84;background:#ddf7f4}.status-break,.status-pending,.status-warning{color:#b97300;background:#fff0cb}.status-closed{color:#5b49e7;background:#eeebff}.status-off,.status-rejected{color:#df3852;background:#ffe8ec}.grid.four .metric:nth-child(4n+1){background:linear-gradient(145deg,#fff,#e7fbf7)}.grid.four .metric:nth-child(4n+2){background:linear-gradient(145deg,#fff,#f0edff)}.grid.four .metric:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff3d3)}.grid.four .metric:nth-child(4n+4){background:linear-gradient(145deg,#fff,#ffecef)}.field input,.field select,.field textarea,input,select,textarea{color:#17135d;background:#faf9ff;border-color:#2019621c;border-radius:14px}@media (width<=820px){body{background:radial-gradient(circle at 0 7%,#1dccbe21 0 80px,#0000 81px),radial-gradient(circle at 100% 1%,#ffc42621 0 105px,#0000 106px),linear-gradient(#fffefa,#f7f5fc 58%,#f4f2fa)}.sidebar,.employee-shell .sidebar,.admin-shell .sidebar{backdrop-filter:blur(18px)saturate(1.2);background:#fffefaf7;border-top-color:#20196214;box-shadow:0 -14px 36px #241a6b1f}.nav-button,.employee-shell .nav-button,.admin-shell .nav-button{color:#716d8c}.nav-button.active,.employee-shell .nav-button.active,.admin-shell .nav-button.active{color:#fff;background:linear-gradient(145deg,#5f4cff,#08a49c);box-shadow:0 10px 22px #4437cd3d}.topbar,.employee-shell .topbar,.admin-shell .topbar{background:#fffefaed}.mobile-user-menu-button{background:linear-gradient(145deg,#e1faf5,#eeebff)}.mobile-user-avatar,.mobile-account-avatar{background:linear-gradient(145deg,#08b0a7,#6250ff)}.mobile-focus-card{border-radius:27px;padding:18px}.mobile-focus-action,.clock-primary-action{border-radius:18px;min-height:58px;font-size:1.02rem}.clock-primary-action.show-mobile{justify-content:center;align-items:center;gap:10px;display:flex}.clock-primary-action svg{flex:none;width:20px;height:20px}.clock-next-desktop,.clock-action-grid .btn:disabled{display:none}.clock-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:132px;padding:15px}.mobile-account-sheet,.punch-confirm-card{background:#fffefa}.topbar>div:first-child,.panel-header>div,.content-stack,.login-form,.field,.notice,.notice p,.row-actions{min-width:0;max-width:100%}.topbar h1,.employee-shell .topbar h1,.admin-shell .topbar h1{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 152px);overflow:hidden}.mobile-user-status{flex:none}.metric{padding-top:21px}.metric:before,.employee-dashboard .metric:before{width:38px;height:5px;inset:0 auto auto 16px}.metric .label{overflow-wrap:anywhere;align-items:flex-start;min-width:0;line-height:1.35}.metric .label svg{flex:none;margin-top:1px}.grid.four>.metric:last-child:nth-child(odd){grid-column:1/-1;min-height:108px}.login-form,.field,.field input,.field select,.field textarea,.login-form .btn{width:100%;max-width:100%}.notice{grid-template-columns:auto minmax(0,1fr)}.notice p,.panel-subtitle,.list-item p,.field-help,.hint{overflow-wrap:anywhere;word-break:normal}.notice p strong{margin-bottom:3px;display:block}.calendar-grid,.employee-shell .calendar-grid{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;overflow:visible}.day-card{min-width:0;min-height:128px;padding:12px}.shift-chip,.shift-chip strong,.shift-chip span{overflow-wrap:anywhere;min-width:0}.tracking-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid;overflow:visible}.tracking-filter button{justify-content:center;width:100%;min-width:0}.map-policy-foot{overflow-wrap:anywhere;display:block}.map-policy-foot>svg{float:left;margin:2px 8px 4px 0}.map-policy-foot a{white-space:normal;display:inline}.panel-header .row-actions{flex-wrap:wrap;width:100%}.panel-header .row-actions .btn{flex:138px}.btn{white-space:normal;max-width:100%;line-height:1.3}}@media (width<=360px){.topbar,.employee-shell .topbar,.admin-shell .topbar{padding-left:10px;padding-right:10px}.topbar h1,.employee-shell .topbar h1,.admin-shell .topbar h1{max-width:calc(100vw - 140px);font-size:1rem}.mobile-user-status{gap:5px}.mobile-user-status .status-pill{padding:4px 7px;font-size:.68rem}.grid.four{gap:8px}.metric{min-height:120px;padding:20px 12px 12px}.metric .label{gap:5px;font-size:.7rem}.metric .label svg{width:16px;height:16px}.metric .value{font-size:1.55rem}.metric .sub{font-size:.7rem}}.tap-landing{--landing-bg:#fffdf8;--landing-panel:#fff;--landing-panel-raised:#fff;--landing-line:#17135d1a;--landing-text:#17135d;--landing-muted:#625f80;--landing-violet:#5f4cff;--landing-mint:#04a79e;--landing-amber:#ffb914;color:var(--landing-text);background:radial-gradient(circle at 4% 10%,#04a79e1f 0 68px,#0000 69px),radial-gradient(circle at 97% 3%,#ffb91433 0 150px,#0000 151px),linear-gradient(#fffefa 0%,#faf8f2 48%,#f7f5ff 100%)}.landing-nav{border-bottom-color:#17135d17}.landing-nav-login{color:#413893;background:#f4f1ff;border-color:#5f4cff2e}.landing-kicker{color:#5e5977;letter-spacing:.03em;font-family:inherit;font-weight:850}.landing-hero h1{color:#11104d;letter-spacing:-.07em;font-size:clamp(3.2rem,5.6vw,5.6rem);line-height:1.04}.landing-hero h1 em{color:#5f4cff;text-shadow:none}.landing-hero-copy{color:#625f80;margin-left:0;margin-right:0}.landing-hero-illustration:before{content:"";z-index:-1;background:#5f4cff1f;border-radius:50%;width:230px;height:230px;position:absolute;inset:auto -60px -80px auto}.landing-hero-illustration img{width:100%;height:auto;display:block}.hero-float-chip{color:#17135d;backdrop-filter:blur(12px);background:#ffffffe8;border:1px solid #17135d17;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:.7rem;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 12px 28px #2b207421}.hero-float-chip svg{width:16px;height:16px}.chip-clock{color:#9d6200;top:11%;left:4%}.chip-check{color:#078a82;bottom:10%;right:5%}@media (width<=980px){.landing-hero-layout{grid-template-columns:1fr}.landing-hero-message{text-align:center;max-width:760px;margin:0 auto}.landing-hero-copy{margin-left:auto;margin-right:auto}.landing-hero-actions{justify-content:center}.landing-hero-illustration{width:min(720px,100%);margin:10px auto 0}}@media (width<=720px){.landing-hero{padding-top:52px}.landing-hero-layout{gap:34px}.landing-hero h1{font-size:clamp(2.7rem,13.5vw,4.5rem)}.landing-hero-illustration{border-radius:24px}.hero-float-chip{display:none}.landing-stage{margin-top:58px}}.tap-landing{--landing-bg:#0b0b0e;--landing-panel:#141418;--landing-panel-raised:#1a1a20;--landing-line:#ffffff17;--landing-text:#f5f3ef;--landing-muted:#9c99a5;--landing-violet:#7567ff;--landing-mint:#33d6c8;--landing-amber:#ffbd45;background:radial-gradient(circle at 50% 4%, #7567ff21, transparent 26%), linear-gradient(180deg, #101014 0%, var(--landing-bg) 24%, #0d0d10 100%);min-height:100vh;color:var(--landing-text);overflow:hidden}.tap-landing *,.tap-landing :before,.tap-landing :after{box-sizing:border-box}.landing-nav{z-index:10;border-bottom:1px solid var(--landing-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:grid;position:relative}.landing-brand{width:fit-content;color:var(--landing-text);letter-spacing:.12em;align-items:center;gap:10px;font-size:1rem;font-weight:950;text-decoration:none;display:inline-flex}.landing-brand .brand-mark{background:linear-gradient(145deg, var(--landing-violet), #4334db);border-radius:10px;width:31px;height:31px;box-shadow:0 9px 24px #5c4bff4d}.landing-brand .brand-mark svg{width:18px;height:18px}.landing-brand small{color:#716d7a;letter-spacing:.16em;font-size:.57rem;font-weight:700}.landing-nav-links{align-items:center;gap:30px;display:flex}.landing-nav-links a,.landing-nav-login{color:#aaa7b1;font-size:.76rem;font-weight:750;text-decoration:none;transition:color .18s}.landing-nav-login{color:#fff;background:#ffffff09;border:1px solid #ffffff29;border-radius:11px;justify-self:end;align-items:center;min-height:40px;padding:0 17px;display:inline-flex}.landing-hero{isolation:isolate;text-align:center;width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(90px,11vw,150px) 0 70px;position:relative}.landing-grid-glow{z-index:-1;opacity:.55;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:16px 16px;width:min(980px,100vw);height:540px;position:absolute;top:20px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.landing-kicker{color:#aaa7b1;letter-spacing:.08em;align-items:center;gap:9px;margin:0 0 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:inline-flex}.landing-kicker span{background:var(--landing-mint);width:7px;height:7px;box-shadow:0 0 18px var(--landing-mint);border-radius:50%}.landing-hero h1{color:var(--landing-text);letter-spacing:-.07em;margin:0;font-size:clamp(3rem,7.2vw,6.8rem);font-weight:950;line-height:.98}.landing-hero h1 em{color:var(--landing-violet);text-shadow:0 0 38px #7567ff3b;margin-top:12px;font-style:normal;display:inline-block}.landing-hero-copy{color:#aaa7b1;margin:30px auto 0;font-size:clamp(.96rem,1.55vw,1.16rem);line-height:1.9}.landing-hero-actions{justify-content:center;gap:10px;margin-top:32px;display:flex}.landing-cta{border:1px solid var(--landing-line);border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 22px;font-size:.88rem;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.landing-cta:hover{transform:translateY(-2px)}.landing-cta svg{width:17px;height:17px}.landing-cta.secondary{color:#c4c0ca;background:#ffffff09}.landing-hero-note{color:#65616d;margin:13px 0 0;font-size:.67rem}.landing-stage{background:#17171b;border:1px solid #ffffff21;border-radius:24px;width:min(1040px,100%);margin:72px auto 0;padding:10px;position:relative;box-shadow:0 40px 120px #00000094,0 0 80px #7567ff14}.landing-stage:after{content:"";filter:blur(55px);pointer-events:none;background:#7567ff38;height:90px;position:absolute;inset:auto 8% -55px}.landing-stage-bar{color:#888490;text-align:left;align-items:center;gap:6px;min-height:39px;padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;display:flex}.landing-stage-bar>span{background:#3b3941;border-radius:50%;width:7px;height:7px}.landing-stage-bar strong{margin-left:8px;font-weight:650}.landing-stage-bar em{color:#6fae9f;margin-left:auto;font-style:normal}.landing-stage>img{filter:saturate(.92)contrast(1.02);border:1px solid #ffffff14;border-radius:15px;width:100%;height:auto;display:block}.landing-live-card{color:#fff;text-align:left;backdrop-filter:blur(16px);background:#141419e0;border:1px solid #ffffff21;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 15px 36px #00000059}.landing-live-card-left{bottom:17%;left:-26px}.landing-live-card-right{top:19%;right:-24px}.landing-live-card svg{width:22px;height:22px;color:var(--landing-mint)}.landing-live-card small,.landing-live-card strong{display:block}.landing-live-card small{color:#85818d;font-size:.58rem}.landing-live-card strong{margin-top:3px;font-size:.75rem}.landing-live-dot{background:var(--landing-mint);width:8px;height:8px;box-shadow:0 0 14px var(--landing-mint);border-radius:50%}.landing-section-head{text-align:center;max-width:740px;margin:0 auto}.landing-section-head>p,.landing-section-label{color:var(--landing-violet);letter-spacing:.15em;margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:850}.landing-section-head h2{color:var(--landing-text);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.12}.landing-section-head>span{color:var(--landing-muted);margin-top:17px;line-height:1.75;display:block}.landing-flow,.landing-feature-section,.landing-faq{width:min(1080px,100% - 40px);margin:0 auto;padding:110px 0}.landing-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:54px;display:grid}.landing-flow-steps article{border:1px solid var(--landing-line);text-align:left;background:linear-gradient(145deg,#17171c,#111115);border-radius:18px;min-height:245px;padding:28px;position:relative}.landing-flow-steps article:after{content:"";border-top:1px solid #ffffff21;width:13px;position:absolute;top:50%;right:-13px}.landing-flow-steps article:last-child:after{display:none}.landing-step-number{color:#55515d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.landing-flow-steps i{color:#9d94ff;background:#7567ff1a;border:1px solid #7567ff4d;border-radius:13px;place-items:center;width:43px;height:43px;margin:34px 0 19px;display:grid}.landing-flow-steps i svg{width:21px;height:21px}.landing-flow-steps h3{color:#f2f0ed;margin:0;font-size:1.03rem}.landing-flow-steps p{color:var(--landing-muted);margin:10px 0 0;font-size:.81rem;line-height:1.75}.landing-product-story{border-top:1px solid var(--landing-line);grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);align-items:center;gap:clamp(50px,8vw,100px);width:min(1080px,100% - 40px);margin:0 auto;padding:120px 0;display:grid}.landing-story-copy h2,.landing-security h2,.landing-start-copy h2{color:var(--landing-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.12}.landing-story-copy>p:not(.landing-section-label),.landing-security>div>p:not(.landing-section-label),.landing-start-copy>p:not(.landing-section-label){color:var(--landing-muted);margin:22px 0 0;line-height:1.85}.landing-story-copy ul{color:#c8c4cd;gap:13px;margin:28px 0 0;padding:0;font-size:.84rem;list-style:none;display:grid}.landing-story-copy li{align-items:center;gap:10px;display:flex}.landing-story-copy li svg{width:17px;height:17px;color:var(--landing-mint)}.landing-console{background:#151519;border:1px solid #ffffff1f;border-radius:22px;padding:14px;transform:rotate(1deg);box-shadow:0 34px 80px #0000006b}.landing-console-top{color:#797581;align-items:center;gap:12px;min-height:42px;padding:0 8px;font-size:.65rem;display:flex}.landing-console-top span{color:#fff;letter-spacing:.12em;font-weight:950}.landing-console-top em{color:#6fab9e;margin-left:auto;font-style:normal}.landing-console-title{color:#17135d;text-align:left;background:linear-gradient(135deg,#fdfbf6,#f3f0ff);border-radius:15px 15px 0 0;padding:24px 21px 18px}.landing-console-title small,.landing-console-title strong{display:block}.landing-console-title small{color:#7567ff;font-family:ui-monospace,monospace;font-weight:850}.landing-console-title strong{margin-top:8px;font-size:clamp(1.35rem,3vw,2rem)}.landing-console-actions{background:#f8f6f1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 21px 20px;display:grid}.landing-console-actions>div{color:#17135d;text-align:left;background:#fff;border:1px solid #17135d17;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;min-width:0;padding:13px 10px;display:grid}.landing-console-actions span{color:#fff;background:#7567ff;border-radius:8px;grid-row:1/3;place-items:center;width:24px;height:24px;font-size:.65rem;font-weight:900;display:grid}.landing-console-actions small{color:#6d6881;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.landing-console-actions strong{font-size:1rem}.landing-console-button{color:#fff;background:linear-gradient(135deg,#7567ff,#26bdb2);border-radius:12px;margin:0 21px 21px;padding:13px 15px;font-size:.77rem;font-weight:900}.landing-console-button span{float:right}.landing-feature-section{border-top:1px solid var(--landing-line)}.landing-feature-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:55px;display:grid}.landing-feature-grid-v2 article{border:1px solid var(--landing-line);text-align:left;background:#141418;border-radius:18px;min-height:268px;padding:25px;transition:transform .18s,border-color .18s}.landing-feature-grid-v2 article:hover{border-color:#7567ff59;transform:translateY(-3px)}.landing-feature-grid-v2 article>div{width:42px;height:42px;color:var(--landing-mint);background:#33d6c814;border:1px solid #33d6c833;border-radius:13px;place-items:center;display:grid}.landing-feature-grid-v2 svg{width:20px;height:20px}.landing-feature-grid-v2 h3{color:#f3f1ed;margin:34px 0 10px;font-size:1.02rem}.landing-feature-grid-v2 p{color:var(--landing-muted);margin:0;font-size:.79rem;line-height:1.75}.landing-feature-grid-v2 article>span{color:#716c79;margin-top:20px;font-size:.65rem;display:block}.landing-security{border:1px solid var(--landing-line);background:radial-gradient(circle at 17%,#7567ff21,#0000 28%),#131317;border-radius:26px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(50px,8vw,100px);width:min(1080px,100% - 40px);margin:0 auto;padding:120px clamp(28px,5vw,60px);display:grid}.landing-security-orbit{aspect-ratio:1;border:1px solid #7567ff3b;border-radius:50%;place-items:center;width:min(320px,100%);margin:auto;display:grid;position:relative}.landing-security-orbit:before,.landing-security-orbit:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:15%}.landing-security-orbit:after{inset:31%}.landing-security-orbit>svg{color:#a59dff;filter:drop-shadow(0 0 22px #7567ff73);width:54px;height:54px}.landing-security-orbit>span{background:var(--landing-mint);width:8px;height:8px;box-shadow:0 0 16px var(--landing-mint);border-radius:50%;position:absolute}.landing-security-orbit>span:first-child{top:13%;left:23%}.landing-security-orbit>span:nth-child(2){background:var(--landing-amber);box-shadow:0 0 16px var(--landing-amber);top:54%;right:9%}.landing-security-orbit>span:nth-child(3){background:var(--landing-violet);box-shadow:0 0 16px var(--landing-violet);bottom:8%;left:36%}.landing-security-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.landing-security-tags span{border:1px solid var(--landing-line);color:#b6b2bd;border-radius:999px;padding:7px 10px;font-size:.67rem}.landing-security a{color:#9c94ff;margin-top:26px;font-size:.8rem;font-weight:850;text-decoration:none;display:inline-block}.landing-faq-list{border-top:1px solid var(--landing-line);max-width:820px;margin:48px auto 0}.landing-faq details{border-bottom:1px solid var(--landing-line)}.landing-faq summary{color:#e4e1e7;cursor:pointer;align-items:center;gap:20px;min-height:68px;font-size:.9rem;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary span{color:#716d78;margin-left:auto;font-size:1.1rem;transition:transform .18s}.landing-faq details[open] summary span{transform:rotate(45deg)}.landing-faq details p{color:var(--landing-muted);margin:-5px 0 22px;padding-right:50px;font-size:.8rem;line-height:1.85}.landing-start{background:radial-gradient(circle at 0 0,#7567ff29,#0000 34%),radial-gradient(circle at 100% 100%,#33d6c817,#0000 28%),#141418;border:1px solid #7567ff3b;border-radius:28px;grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);align-items:start;gap:clamp(45px,7vw,90px);width:min(1080px,100% - 40px);margin:0 auto 120px;padding:70px;display:grid}.landing-start-points{color:#b8b4bf;gap:11px;margin-top:28px;font-size:.78rem;display:grid}.landing-start-points span{align-items:center;gap:9px;display:flex}.landing-start-points svg{width:16px;height:16px;color:var(--landing-mint)}.landing-auth-card{background:#fdfbf7;border-radius:21px;width:100%;display:block;box-shadow:0 28px 70px #0000004d}.landing-auth-card .login-form-wrap{padding:clamp(23px,4vw,36px)}.landing-auth-card .login-form{max-width:none}.landing-auth-card .section-eyebrow{color:#5f4cff}.landing-footer{border-top:1px solid var(--landing-line);color:#77737f;grid-template-columns:2fr 1fr 1fr;gap:50px;width:min(1080px,100% - 40px);margin:0 auto;padding:55px 0 30px;display:grid}.landing-footer>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.landing-footer p{margin:4px 0 0;font-size:.73rem}.landing-footer strong{color:#615d68;letter-spacing:.14em;font-size:.6rem}.landing-footer a:not(.landing-brand){color:#8a8691;font-size:.73rem;text-decoration:none}.landing-footer small{border-top:1px solid var(--landing-line);grid-column:1/-1;padding-top:24px;font-size:.64rem}@media (width<=900px){.landing-nav{grid-template-columns:1fr auto}.landing-nav-links{display:none}.landing-product-story,.landing-security,.landing-start{grid-template-columns:1fr}.landing-product-story{gap:55px}.landing-console{width:100%;max-width:650px;margin:auto;transform:none}.landing-security{text-align:center}.landing-security-tags{justify-content:center}.landing-start{padding:50px}}@media (width<=720px){.landing-nav{width:min(100% - 28px,1180px);min-height:66px}.landing-brand small{display:none}.landing-hero{width:min(100% - 28px,1180px);padding-top:72px}.landing-hero h1{font-size:clamp(2.8rem,14vw,4.7rem);line-height:1.02}.landing-hero-copy{font-size:.92rem}.landing-desktop-break{display:none}.landing-hero-actions{flex-direction:column;width:min(330px,100%);margin-left:auto;margin-right:auto}.landing-cta{width:100%}.landing-stage{border-radius:17px;margin-top:52px;padding:6px}.landing-stage-bar{min-height:31px}.landing-stage-bar em{display:none}.landing-stage>img{border-radius:11px}.landing-live-card{display:none}.landing-flow,.landing-feature-section,.landing-faq{width:min(100% - 28px,1080px);padding:84px 0}.landing-flow-steps,.landing-feature-grid-v2{grid-template-columns:1fr}.landing-flow-steps article{min-height:205px}.landing-flow-steps article:after{display:none}.landing-product-story{grid-template-columns:1fr;width:min(100% - 28px,1080px);padding:90px 0}.landing-console-actions{grid-template-columns:1fr}.landing-console-actions>div{grid-template-columns:auto 1fr auto}.landing-console-actions span{grid-row:auto}.landing-console-actions strong{justify-self:end}.landing-feature-grid-v2 article{min-height:230px}.landing-security{border-radius:22px;width:min(100% - 28px,1080px);padding:66px 22px}.landing-security-orbit{width:230px}.landing-faq summary{font-size:.82rem}.landing-faq details p{padding-right:20px}.landing-start{border-radius:23px;width:min(100% - 20px,1080px);margin-bottom:90px;padding:40px 14px 14px}.landing-start-copy{padding:0 10px}.landing-auth-card{border-radius:18px}.landing-footer{grid-template-columns:1fr 1fr;width:min(100% - 32px,1080px)}.landing-footer>div:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.tap-landing *{scroll-behavior:auto;transition:none!important}}.topbar-context{color:#696283;letter-spacing:.06em;margin:0 0 3px;font-size:.68rem;font-weight:800}.nav-label-mobile{display:none}.sidebar-help{color:#ffffffa8;border:1px solid #ffffff1f;border-radius:12px;margin:0 2px 2px;padding:10px 11px;font-size:.7rem;line-height:1.5}.primary-action-label{color:#625b82;letter-spacing:.08em;margin:0;font-size:.73rem;font-weight:900}.admin-command-center{background:radial-gradient(circle at 100% 0,#ffc6383d,#0000 27%),radial-gradient(circle at 0 100%,#04a79e26,#0000 30%),#fffefa;border:1px solid #5f4cff21;border-radius:26px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.55fr);gap:20px 26px;padding:clamp(22px,3vw,34px);display:grid;box-shadow:0 22px 54px #2b20741a}.admin-command-copy h2{color:#17135d;letter-spacing:-.035em;margin:5px 0 8px;font-size:clamp(1.5rem,2.4vw,2.15rem);line-height:1.15}.admin-command-copy>p:last-child{color:#696283;max-width:420px;margin:0;font-size:.88rem;line-height:1.7}.admin-command-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-command-card{color:#17135d;text-align:left;background:#fff;border:1px solid #2019621a;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:124px;padding:15px;display:grid;box-shadow:0 10px 24px #2b207412}.admin-command-card:hover{transform:translateY(-2px)}.admin-command-card.attention{background:linear-gradient(145deg,#fff,#fff0f2);border-color:#ff405d40}.admin-command-card.clear{background:linear-gradient(145deg,#fff,#eefbf8)}.admin-command-number{color:#fff;background:#5f4cff;border-radius:10px;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:grid}.admin-command-card small,.admin-command-card strong,.admin-command-card em{min-width:0;display:block}.admin-command-card small{color:#696283;font-size:.72rem;font-weight:800}.admin-command-card strong{margin-top:3px;font-size:1.55rem;line-height:1}.admin-command-card em{color:#696283;margin-top:6px;font-size:.66rem;font-style:normal;line-height:1.35}.admin-command-card>span:last-child{color:#5f4cff;font-size:1.25rem}.admin-command-actions{flex-wrap:wrap;grid-column:2;gap:9px;display:flex}.admin-command-actions .btn{min-height:46px}.admin-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.admin-team-now,.admin-priority-panel{min-width:0}.admin-status-strip .kpi{background:#f7f5ff;border-radius:14px}.admin-panel-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.admin-own-clock{background:#fffefa;border:1px solid #20196217;border-radius:18px;box-shadow:0 9px 24px #2b20740f}.admin-own-clock>summary{color:#17135d;cursor:pointer;align-items:center;gap:9px;min-height:56px;padding:10px 16px;font-size:.86rem;font-weight:850;list-style:none;display:flex}.admin-own-clock>summary::-webkit-details-marker{display:none}.admin-own-clock>summary:after{content:"＋";color:#5f4cff;margin-left:auto;font-size:1.15rem}.admin-own-clock[open]>summary:after{content:"−"}.admin-own-clock>summary .status-pill{margin-left:4px}.admin-own-clock-body{padding:0 16px 16px}@media (width<=1100px){.admin-command-center{grid-template-columns:1fr}.admin-command-actions{grid-column:1}.admin-overview-grid{grid-template-columns:1fr}}@media (width<=820px){.topbar-context,.sidebar-help,.nav-label-desktop{display:none}.nav-label-mobile{display:inline}.admin-command-center{border-radius:22px;gap:15px;padding:18px 15px}.admin-command-copy h2{font-size:1.45rem}.admin-command-copy>p:last-child{font-size:.8rem;line-height:1.55}.admin-command-cards{grid-template-columns:1fr;gap:8px}.admin-command-card{min-height:82px;padding:11px 12px}.admin-command-card strong{margin:0 0 0 6px;font-size:1.15rem;display:inline}.admin-command-card em{margin-top:3px}.admin-command-actions{grid-template-columns:1fr;display:grid}.admin-command-actions .btn{width:100%}.admin-overview-grid{gap:12px}.admin-team-now .list .list-item:nth-child(n+4){display:none}.admin-panel-actions{grid-template-columns:1fr}.admin-own-clock>summary{padding:10px 13px}.admin-own-clock-body{padding:0 12px 12px}.admin-own-clock-body .hero-status{grid-template-columns:1fr}.mobile-account-links{margin:12px 0;display:block}.mobile-menu-group+.mobile-menu-group{margin-top:17px}.mobile-menu-group>p{color:#696283;letter-spacing:.08em;margin:0 0 7px;font-size:.7rem;font-weight:900}.mobile-menu-group button{width:100%;min-height:62px;margin-top:7px}.mobile-focus-clock>span{color:#5f4cff;background:#5f4cff17;border-radius:999px;padding:4px 9px;font-weight:900}}@media (width<=380px){.admin-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-command-card{grid-template-columns:28px minmax(0,1fr) auto}}.compliance-hero{color:#17135d;background:radial-gradient(circle at 100% 0,#ffc6384d,#0000 32%),radial-gradient(circle at 0 100%,#04a79e33,#0000 36%),linear-gradient(135deg,#fffefb 0%,#f7f5ff 100%);border:1px solid #5f4cff1f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(24px,4vw,42px);display:grid;position:relative;overflow:hidden}.compliance-hero:after{content:"";pointer-events:none;border:24px solid #5f4cff14;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-54px;right:18%}.compliance-hero-copy{z-index:1;max-width:720px;position:relative}.compliance-hero-copy h2{letter-spacing:-.045em;margin:6px 0 10px;font-size:clamp(1.65rem,3.4vw,2.65rem);line-height:1.12}.compliance-hero-copy>p:last-child{color:#625b7a;margin:0;line-height:1.8}.compliance-ring{z-index:1;aspect-ratio:1;text-align:center;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#04a79e,#5f4cff,#ffc638) border-box;border:10px solid #ffffffe6;border-radius:50%;place-content:center;width:144px;display:grid;position:relative;box-shadow:0 18px 38px #392c6b29}.compliance-ring strong{letter-spacing:-.06em;font-size:2.35rem;line-height:1}.compliance-ring strong span{color:#746d89;font-size:1rem}.compliance-ring small{color:#078d88;margin-top:7px;font-size:.74rem;font-weight:900}.compliance-coverage{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.coverage-card{background:#fffffff0;border:1px solid #5f4cff1a;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:17px;display:grid;box-shadow:0 10px 24px #392c6b12}.coverage-mark{color:#fff;background:linear-gradient(135deg,#04a79e,#5f4cff);border-radius:12px;place-items:center;width:34px;height:34px;font-size:1.05rem;font-weight:950;display:grid;box-shadow:0 8px 15px #04a79e33}.coverage-card strong,.coverage-card p{overflow-wrap:anywhere}.coverage-card strong{color:#211b60;font-size:.9rem}.coverage-card p{color:#777087;margin:4px 0 0;font-size:.76rem;line-height:1.55}.compliance-setup-card{background:linear-gradient(#e7fcf99e,#fff 34%);border-color:#04a79e38}.field-wide{grid-column:1/-1}.legal-profile-form .btn{min-height:52px}@media (width<=980px){.compliance-coverage{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.compliance-hero{border-radius:22px;grid-template-columns:minmax(0,1fr) 92px;gap:14px;padding:20px}.compliance-hero-copy h2{letter-spacing:-.035em;font-size:1.45rem}.compliance-hero-copy>p:last-child{font-size:.78rem;line-height:1.65}.compliance-ring{border-width:7px;width:88px}.compliance-ring strong{font-size:1.55rem}.compliance-ring strong span{font-size:.7rem}.compliance-ring small{margin-top:3px;font-size:.58rem}.compliance-coverage{grid-template-columns:1fr;gap:8px}.coverage-card{border-radius:15px;padding:13px 14px}.coverage-mark{width:31px;height:31px}.legal-profile-form{grid-template-columns:1fr}.field-wide{grid-column:auto}}@media (width<=820px){.clock-time,.employee-shell .clock-time{letter-spacing:-.055em;font-size:clamp(2.5rem,12vw,3.15rem)}.mobile-focus-clock>strong{letter-spacing:-.055em;font-size:clamp(2.5rem,12vw,3.05rem)}.clock-date,.employee-shell .clock-date{font-size:.78rem}.clock-face,.employee-shell .clock-face{min-height:222px}.metric .value,.employee-dashboard .metric .value{letter-spacing:-.035em;font-size:clamp(1.5rem,6.5vw,1.72rem);line-height:1.08}.metric .sub{margin-top:6px;font-size:.72rem;line-height:1.4}.metric{min-height:116px}.grid.four>.metric:last-child:nth-child(odd){min-height:96px}.payslip-net strong{font-size:clamp(1.5rem,6.5vw,1.8rem)}.location-overview-card strong{font-size:1.35rem}.mobile-focus-action,.clock-primary-action,.employee-shell .clock-face>.btn{font-size:.94rem}}@media (width<=360px){.clock-time,.employee-shell .clock-time,.mobile-focus-clock>strong{font-size:2.42rem}.metric .value,.employee-dashboard .metric .value{font-size:1.45rem}.metric{min-height:110px}}.statutory-ledgers-hero{background:radial-gradient(circle at 98% 0,#ffc63833 0 105px,#0000 106px),linear-gradient(125deg,#fffefa 0%,#eefcf8 52%,#f0edff 100%);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.statutory-ledgers-hero h2{color:#17135d;letter-spacing:-.045em;margin:4px 0 8px;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12}.statutory-ledgers-hero p:not(.section-eyebrow){color:#686482;max-width:720px;margin:0;line-height:1.75}.ledger-hero-score{text-align:center;background:#fff;border:10px solid #5f4cff;border-color:#5f4cff #08a49c #5f4cff21 #5f4cff21;border-radius:50%;place-content:center;width:112px;height:112px;display:grid;box-shadow:0 16px 34px #35299a1f}.ledger-hero-score strong{color:#17135d;font-size:2rem;line-height:1}.ledger-hero-score strong span{color:#77728e;font-size:.82rem}.ledger-hero-score small{color:#686482;margin-top:5px;font-weight:800}.statutory-ledger-filters .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statutory-ledger-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.statutory-ledger-card{background:#fffffff5;border:1px solid #2019621a;border-radius:22px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 10px 28px #2b207414}.statutory-ledger-card.selected{border-color:#5f4cff8c;transform:translateY(-2px);box-shadow:0 14px 34px #4939c129}.statutory-ledger-card>button{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:19px;display:grid}.ledger-card-icon{color:#5144dc;background:linear-gradient(145deg,#e2faf5,#ece9ff);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.ledger-card-icon svg{width:23px;height:23px}.ledger-card-copy{gap:4px;min-width:0;display:grid}.ledger-card-copy small{color:#5f4cff;letter-spacing:.04em;font-size:.68rem;font-weight:900}.ledger-card-copy strong{color:#17135d;font-size:1.05rem}.ledger-card-copy>span{color:#706c87;font-size:.78rem;line-height:1.5}.statutory-ledger-card footer{color:#706c87;border-top:1px solid #20196212;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 13px 19px;font-size:.75rem;display:flex}.statutory-ledger-preview{overflow:hidden}.statutory-ledger-table{border:1px solid #20196217;border-radius:16px;max-height:520px}.statutory-ledger-table table{min-width:1080px}.statutory-ledger-table thead{z-index:1;position:sticky;top:0}.statutory-ledger-table th{color:#2b255b;white-space:nowrap;background:#eeebff}.statutory-ledger-table td{overflow-wrap:anywhere;max-width:240px}.shift-type-selector,.active-shift-type{background:#f7f5ff;border:1px solid #ddd8ff;border-radius:16px;align-items:center;gap:10px;margin:12px 0;padding:10px;display:flex}.shift-type-selector>span{color:#625d7a;margin-right:auto;font-size:.8rem;font-weight:700}.shift-type-selector button{color:#433a83;min-width:104px;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbc4ff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-weight:800;display:inline-flex}.shift-type-selector button.active{color:#fff;background:#5f4cff;border-color:#5f4cff;box-shadow:0 8px 20px #5f4cff38}.shift-type-selector svg,.active-shift-type>svg{width:18px;height:18px}.active-shift-type>svg{color:#5f4cff;flex:none}.active-shift-type span{gap:2px;display:grid}.active-shift-type small,.shift-session-card header small{color:#716b88}.shift-session-list{gap:12px;display:grid}.shift-session-card{background:#fcfbff;border:1px solid #e4e0f4;border-radius:16px;padding:14px}.shift-session-card>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.shift-session-card>header>div{align-items:baseline;gap:8px;display:flex}.ledger-preview-note{color:#706c87;margin:12px 0 0;font-size:.78rem}@media (width<=1100px){.statutory-ledgers-hero{grid-template-columns:minmax(0,1fr) auto}.statutory-ledgers-hero>.btn{grid-column:1/-1}}@media (width<=820px){.shift-type-selector{grid-template-columns:1fr 1fr;display:grid}.shift-type-selector>span{grid-column:1/-1}.shift-type-selector button{width:100%;min-width:0}.statutory-ledgers-hero{border-radius:24px;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px}.statutory-ledgers-hero h2{font-size:clamp(1.45rem,7.5vw,2rem)}.statutory-ledgers-hero p:not(.section-eyebrow){font-size:.82rem;line-height:1.65}.ledger-hero-score{border-width:7px;width:82px;height:82px}.ledger-hero-score strong{font-size:1.45rem}.ledger-hero-score small{font-size:.63rem}.statutory-ledgers-hero>.btn{width:100%}.statutory-ledger-filters .form-grid,.statutory-ledger-cards{grid-template-columns:1fr}.statutory-ledger-card>button{grid-template-columns:auto minmax(0,1fr);padding:16px}.statutory-ledger-card>button>.status-pill{grid-column:2;justify-self:start}.statutory-ledger-card footer{align-items:flex-start;padding-left:16px}.statutory-ledger-preview .panel-header{display:grid}.statutory-ledger-preview .row-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.statutory-ledger-preview .row-actions .btn{width:100%}}@media (width<=360px){.statutory-ledgers-hero{grid-template-columns:1fr}.ledger-hero-score{width:74px;height:74px;position:absolute;top:16px;right:16px}.statutory-ledgers-hero>div:first-child{padding-right:62px}.statutory-ledger-card footer{display:grid}}.tap-landing{--landing-bg:#fffdf8;--landing-panel:#fff;--landing-panel-raised:#fff;--landing-line:#2d275e1a;--landing-text:#242044;--landing-muted:#69647f;--landing-violet:#6555f5;--landing-mint:#08a8a3;--landing-amber:#ffb91f;min-height:100vh;color:var(--landing-text);background:radial-gradient(circle at 3% 7%,#08a8a321 0 74px,#0000 75px),radial-gradient(circle at 97% 5%,#ffb91f33 0 145px,#0000 146px),radial-gradient(circle at 96% 54%,#ff657d14 0 170px,#0000 171px),linear-gradient(#fffefa 0%,#fffaf2 48%,#f8f6ff 100%);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}.landing-nav{backdrop-filter:blur(18px);background:#fffefae6;border-bottom-color:#2d275e14;box-shadow:0 8px 30px #362c780d}.landing-brand{color:#242044}.landing-brand small{color:#918ca1}.landing-nav-links a{color:#69647f}.landing-nav-links a:hover{color:#3f349c}.landing-nav-login{color:#493caf;box-shadow:none;background:#f2efff;border-color:#6555f529}.landing-hero{text-align:left;padding-top:clamp(52px,7vw,88px)}.landing-hero-layout{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:clamp(30px,5vw,68px);display:grid}.landing-hero-message{z-index:2;position:relative}.landing-grid-glow{opacity:.7;background-image:radial-gradient(circle,#08a8a338 1.6px,#0000 1.8px);background-size:20px 20px;height:650px;top:0;left:70%;-webkit-mask-image:radial-gradient(#000 0%,#0000 70%);mask-image:radial-gradient(#000 0%,#0000 70%)}.landing-kicker{color:#57516e;letter-spacing:.03em;font-family:inherit;font-size:.78rem;font-weight:900}.landing-kicker span{background:#ffb91f;box-shadow:0 0 0 6px #ffb91f2e}.landing-hero h1{color:#242044;letter-spacing:-.07em;font-size:clamp(3.15rem,5.7vw,5.75rem);font-weight:950;line-height:1.05}.landing-hero h1 em{color:#6555f5;text-shadow:none;background:linear-gradient(#0000 75%,#ffb91f61 75%)}.landing-hero-copy{color:#69647f;margin-left:0;margin-right:0;font-size:clamp(.96rem,1.35vw,1.08rem)}.landing-hero-actions{justify-content:flex-start}.landing-cta{border-radius:16px}.landing-cta.primary{color:#fff;background:linear-gradient(135deg,#6555f5,#08a8a3);border-color:#0000;box-shadow:0 15px 34px #4e3fcd3b}.landing-cta.secondary{color:#45406f;background:#fff;border-color:#2d275e1c;box-shadow:0 9px 24px #362c7812}.landing-hero-note{color:#89849a}.landing-hero-illustration{isolation:isolate;background:#ffffff9e;border:1px solid #2d275e12;border-radius:36px;position:relative;overflow:visible;box-shadow:0 30px 80px #362c781c}.landing-hero-illustration:before{background:#6555f51f}.landing-hero-illustration img{border-radius:inherit;width:100%;height:auto;display:block}.landing-character-bubble{z-index:3;color:#39344f;background:#fff;border:2px solid #242044;border-radius:20px 20px 20px 7px;width:min(220px,40%);padding:13px 16px;position:absolute;top:4%;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #362c781f}.landing-character-bubble:after{content:"";background:#fff;border-bottom:2px solid #242044;border-right:2px solid #242044;width:16px;height:16px;position:absolute;bottom:-10px;left:25px;transform:rotate(45deg)}.landing-character-bubble strong,.landing-character-bubble span{display:block}.landing-character-bubble strong{color:#6555f5;font-size:.72rem}.landing-character-bubble span{margin-top:3px;font-size:.72rem;font-weight:850;line-height:1.5}.hero-float-chip{color:#242044;background:#fffffff0;border-color:#2d275e17;box-shadow:0 13px 30px #362c781f}.chip-clock{color:#a46900}.chip-check{color:#087f7b}.landing-stage{background:#fff;border-color:#2d275e17;margin-top:82px;box-shadow:0 35px 90px #362c7821}.landing-stage:after{background:#6555f526}.landing-stage-bar{color:#7e788d}.landing-stage-bar>span:first-child{background:#ff657d}.landing-stage-bar>span:nth-child(2){background:#ffbd32}.landing-stage-bar>span:nth-child(3){background:#18b9ae}.landing-stage-bar em{color:#087f7b}.landing-stage>img{border-color:#2d275e12}.landing-live-card{color:#242044;background:#fffffff2;border-color:#2d275e17;box-shadow:0 17px 40px #362c7821}.landing-live-card small{color:#7e788d}.landing-guide{background:linear-gradient(135deg,#eefcf9,#fffdf8 58%,#f5f1ff);border:1px solid #08a8a329;border-radius:28px;grid-template-columns:150px minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;gap:26px;width:min(1080px,100% - 40px);margin:32px auto 0;padding:22px 28px;display:grid;box-shadow:0 18px 46px #362c7814}.landing-guide-character{background:#fff8e9;border:4px solid #fff;border-radius:50%;width:128px;height:128px;position:relative;overflow:hidden;box-shadow:0 9px 24px #362c781f}.landing-guide-character img{width:280%;max-width:none;position:absolute;top:-76%;left:-38%}.landing-guide-copy p{color:#08a8a3;letter-spacing:.08em;margin:0 0 7px;font-size:.7rem;font-weight:950}.landing-guide-copy h2{color:#242044;letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,2.3vw,1.8rem);line-height:1.4}.landing-guide-talks{gap:9px;display:grid}.landing-guide-talks span{color:#615c73;background:#fff;border:1px solid #2d275e14;border-radius:14px 14px 14px 5px;padding:12px 15px;font-size:.76rem;line-height:1.55;position:relative}.landing-guide-talks b{color:#6555f5}.landing-flow,.landing-feature-section,.landing-product-story{border-top-color:#2d275e14}.landing-section-head>p,.landing-section-label{color:#6555f5}.landing-section-head h2,.landing-story-copy h2,.landing-security h2,.landing-start-copy h2{color:#242044}.landing-section-head>span,.landing-story-copy>p:not(.landing-section-label),.landing-security>div>p:not(.landing-section-label),.landing-start-copy>p:not(.landing-section-label){color:#69647f}.landing-flow-steps article{background:#fff;border-color:#2d275e14;box-shadow:0 15px 36px #362c7812}.landing-flow-steps article:first-child{box-shadow:inset 0 5px #08a8a3,0 15px 36px #362c7812}.landing-flow-steps article:nth-child(2){box-shadow:inset 0 5px #6555f5,0 15px 36px #362c7812}.landing-flow-steps article:nth-child(3){box-shadow:inset 0 5px #ffb91f,0 15px 36px #362c7812}.landing-flow-steps article:after{border-top-color:#2d275e24}.landing-step-number{color:#918b9f}.landing-flow-steps i{color:#6555f5;background:#f1efff;border-color:#6555f529}.landing-flow-steps h3{color:#242044}.landing-flow-steps p{color:#69647f}.landing-step-talk{color:#07877f;margin-top:18px;font-size:.68rem;font-weight:900;display:inline-flex}.landing-story-copy ul{color:#45406b}.landing-console{background:#fff;border-color:#2d275e17;box-shadow:0 30px 72px #362c7821}.landing-console-top{color:#7e788d}.landing-console-top span{color:#242044}.landing-console-top em{color:#087f7b}.landing-feature-grid-v2 article{background:#fff;border-color:#2d275e14;box-shadow:0 14px 34px #362c780f}.landing-feature-grid-v2 article:hover{border-color:#6555f547}.landing-feature-grid-v2 article>div{color:#08a8a3;background:#eafbf8;border-color:#08a8a32b}.landing-feature-grid-v2 article:nth-child(2n)>div{color:#6555f5;background:#f1efff;border-color:#6555f526}.landing-feature-grid-v2 article:nth-child(3n)>div{color:#ad7100;background:#fff7dc;border-color:#ffb91f33}.landing-feature-grid-v2 h3{color:#242044}.landing-feature-grid-v2 p{color:#69647f}.landing-feature-grid-v2 article>span{color:#8c8798}.landing-security{background:radial-gradient(circle at 18%,#6555f51a,#0000 29%),linear-gradient(145deg,#fff,#f8f5ff);border-color:#6555f521;box-shadow:0 25px 70px #362c7814}.landing-security-orbit{background:#fff9;border-color:#6555f536}.landing-security-orbit:before,.landing-security-orbit:after{border-color:#2d275e17}.landing-security-tags span{color:#514b6c;background:#fff;border-color:#2d275e17}.landing-security a{color:#6555f5}.landing-faq-list,.landing-faq details{border-color:#2d275e17}.landing-faq summary{color:#393453}.landing-faq summary span{color:#6555f5}.landing-faq details p{color:#69647f}.landing-start{background:radial-gradient(circle at 0 0,#6555f51c,#0000 35%),radial-gradient(circle at 100% 100%,#08a8a31a,#0000 30%),#fffefa;border-color:#6555f524;box-shadow:0 28px 80px #362c7817}.landing-start-points{color:#514b6c}.landing-auth-card{background:#fff;border-color:#2d275e14;box-shadow:0 25px 65px #362c781f}.landing-footer{color:#7e788d;border-top-color:#2d275e17}.landing-footer strong{color:#656071}.landing-footer a:not(.landing-brand){color:#716c7d}.landing-footer small{border-top-color:#2d275e14}@media (width<=980px){.landing-hero-layout{grid-template-columns:1fr}.landing-hero-message{text-align:center;max-width:760px;margin:0 auto}.landing-hero-copy{margin-left:auto;margin-right:auto}.landing-hero-actions{justify-content:center}.landing-hero-illustration{width:min(720px,100%);margin:10px auto 0}.landing-guide{grid-template-columns:110px 1fr}.landing-guide-character{width:100px;height:100px}.landing-guide-talks{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=720px){.landing-nav{width:min(100% - 24px,1180px)}.landing-hero{width:min(100% - 28px,1180px);padding-top:48px}.landing-hero-layout{gap:34px}.landing-hero h1{font-size:clamp(2.65rem,13.5vw,4.5rem)}.landing-hero-actions{flex-direction:column;width:min(330px,100%);margin-left:auto;margin-right:auto}.landing-cta{width:100%}.landing-hero-illustration{border-radius:25px;overflow:visible}.landing-character-bubble{width:190px;padding:10px 13px;top:-18px}.landing-character-bubble span{font-size:.66rem}.hero-float-chip{display:none}.landing-stage{background:#fff;margin-top:60px}.landing-guide{border-radius:22px;grid-template-columns:72px 1fr;gap:14px;width:min(100% - 28px,1080px);padding:17px}.landing-guide-character{width:70px;height:70px}.landing-guide-copy h2{font-size:1.08rem}.landing-guide-talks{grid-template-columns:1fr}.landing-guide-talks span{font-size:.7rem}.landing-flow-steps article,.landing-feature-grid-v2 article{background:#fff}.landing-start{background:#fffefa}}.office-location-setup{background:linear-gradient(135deg,#f6f3ff,#f0fffc);border:1px solid #5f4cff29;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.office-location-setup.needs-setup{background:linear-gradient(135deg,#fff8df,#fffefa);border-color:#ed9e0047}.office-location-setup>div{align-items:center;gap:13px;min-width:0;display:flex}.office-location-icon{color:#fff;background:#6555f5;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.office-location-setup.needs-setup .office-location-icon{color:#4a3600;background:#ffb91f}.office-location-icon svg{width:21px;height:21px}.office-location-setup p{margin:0}.office-location-setup strong,.office-location-setup small{display:block}.office-location-setup strong{color:#242044;font-size:.92rem}.office-location-setup small{color:#69647f;margin-top:4px;font-size:.76rem;line-height:1.55}.office-location-attendance-warning{align-items:center}@media (width<=680px){.office-location-setup{flex-direction:column;align-items:stretch}.office-location-setup .btn{width:100%}}.tap-landing{--landing-progress:0;background:radial-gradient(circle at 3% 7%,#08a8a326 0 74px,#0000 75px),radial-gradient(circle at 97% 5%,#ffb91f38 0 145px,#0000 146px),radial-gradient(circle at 96% 54%,#ff657d1a 0 170px,#0000 171px),linear-gradient(#fffefa 0%,#fffaf2 46%,#f5faff 72%,#f8f6ff 100%);position:relative;overflow:clip}.tap-landing:before,.tap-landing:after{content:"";z-index:0;pointer-events:none;position:absolute}.tap-landing:before{width:180px;height:180px;transform:translateY(var(--landing-shift-up,0px)) rotate(var(--landing-rotation,0deg));border:32px solid #6555f514;border-radius:50%;top:14%;right:-70px}.tap-landing:after{width:135px;height:135px;transform:translateY(var(--landing-shift-down,0px)) rotate(var(--landing-rotation-alt,-12deg));background:#08a8a312;border-radius:42px 42px 42px 8px;top:43%;left:-45px}.tap-landing>*{z-index:1;position:relative}.landing-scroll-progress{z-index:90;pointer-events:none;background:#ffffff8c;height:5px;position:fixed;inset:0 0 auto}.landing-scroll-progress span{width:100%;height:100%;transform:scaleX(var(--landing-progress));transform-origin:0;background:linear-gradient(90deg,#08a8a3,#6555f5 55%,#ff657d);border-radius:0 999px 999px 0;display:block;box-shadow:0 2px 12px #6555f540}.landing-motion-ready [data-reveal]{opacity:0;transition:opacity .72s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0s), transform .82s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s);will-change:opacity, transform}.landing-motion-ready [data-reveal=up]{transform:translateY(44px)scale(.985)}.landing-motion-ready [data-reveal=left]{transform:translate(-64px,20px)rotate(-1.2deg)}.landing-motion-ready [data-reveal=right]{transform:translate(64px,20px)rotate(1.2deg)}.landing-motion-ready [data-reveal=zoom]{transform:translateY(24px)scale(.9)}.landing-motion-ready [data-reveal].is-visible{opacity:1;transform:translate(0,0)scale(1)rotate(0)}.landing-hero-message.is-visible h1 em{animation:.9s .45s both landingHeadlineGlow}.landing-hero-illustration.is-visible img{animation:1.1s cubic-bezier(.16,1,.3,1) both landingHeroSettle}.hero-float-chip,.landing-live-card{animation:4.2s ease-in-out infinite landingFloat}.chip-check,.landing-live-card-right{animation-delay:-2.1s}.landing-character-bubble{animation:4.8s ease-in-out infinite landingTalk}.landing-scenes{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(100px,12vw,160px) 0 90px}.landing-scenes .landing-section-head{max-width:850px}.landing-scene-list{gap:clamp(38px,7vw,82px);margin-top:clamp(54px,8vw,92px);display:grid}.landing-scene-card{--scene-color:#08a8a3;--scene-soft:#e9fbf8;border:1px solid color-mix(in srgb, var(--scene-color) 18%, white);background:radial-gradient(circle at 91% 9%, color-mix(in srgb, var(--scene-color) 18%, transparent) 0 86px, transparent 87px), linear-gradient(135deg, #fff 0%, var(--scene-soft) 100%);border-radius:clamp(28px,4vw,48px);grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);align-items:center;gap:clamp(30px,5vw,64px);padding:clamp(16px,2.5vw,28px);display:grid;position:relative;box-shadow:0 28px 74px #362c781a}.landing-scene-card:before{content:"";z-index:2;opacity:.55;background-image:radial-gradient(circle, var(--scene-color) 3px, transparent 3.5px);background-size:18px 18px;width:90px;height:34px;position:absolute;bottom:-16px;right:8%}.landing-scene-card.reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.landing-scene-card.scene-violet{--scene-color:#6555f5;--scene-soft:#f2efff}.landing-scene-card.scene-amber{--scene-color:#ffb91f;--scene-soft:#fff8df}.landing-scene-card.scene-coral{--scene-color:#ff657d;--scene-soft:#fff0f3}.landing-scene-image{isolation:isolate;aspect-ratio:4/3;background:#fff;border:7px solid #fff;border-radius:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:0 20px 46px #362c7821}.landing-scene-image:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:32%;position:absolute;inset:-40% auto -40% -35%;transform:rotate(18deg)translate(-250%)}.landing-scene-card.is-visible .landing-scene-image:after{animation:1.35s ease-out .45s both landingShine}.landing-scene-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block}.landing-scene-card.is-visible .landing-scene-image img{transform:scale(1.015)}.landing-scene-card:hover .landing-scene-image img{transform:scale(1.045)}.landing-scene-copy>p{color:var(--scene-color);letter-spacing:.12em;margin:14px 0 8px;font-size:.74rem;font-weight:950}.landing-scene-copy h3{color:#242044;letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.7vw,3.45rem);line-height:1.17}.landing-scene-number{background:var(--scene-color);color:#fff;width:50px;height:50px;box-shadow:0 12px 24px color-mix(in srgb, var(--scene-color) 28%, transparent);border-radius:16px 16px 16px 5px;place-items:center;font-size:.78rem;font-weight:950;display:grid}.landing-scene-card.is-visible .landing-scene-number{animation:.65s cubic-bezier(.2,1.6,.4,1) .35s both landingBadgePop}.landing-scene-points{gap:12px;margin-top:28px;display:grid}.landing-scene-points span{color:#5e5872;align-items:center;gap:10px;font-size:.82rem;line-height:1.5;display:flex}.landing-scene-points svg{width:19px;height:19px;color:var(--scene-color);stroke-width:2.4px;flex:none}.landing-flow{border-top:0}.landing-flow-steps article,.landing-feature-grid-v2 article{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.landing-flow-steps article:hover,.landing-feature-grid-v2 article:hover{transform:translateY(-8px)rotate(-.35deg);box-shadow:0 24px 50px #362c7821}.landing-security-orbit{animation:18s linear infinite landingOrbit}.landing-security-orbit>svg{animation:18s linear infinite landingOrbitReverse}@keyframes landingHeadlineGlow{0%{background-size:0% 100%}to{background-size:100% 100%}}@keyframes landingHeroSettle{0%{opacity:.5;transform:scale(1.08)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes landingFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}}@keyframes landingTalk{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes landingShine{0%{transform:rotate(18deg)translate(-250%)}to{transform:rotate(18deg)translate(650%)}}@keyframes landingBadgePop{0%{opacity:0;transform:scale(.5)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes landingOrbit{to{transform:rotate(360deg)}}@keyframes landingOrbitReverse{to{transform:rotate(-360deg)}}@media (width<=900px){.landing-scene-card,.landing-scene-card.reverse{grid-template-columns:1fr;gap:24px}.landing-scene-card.reverse .landing-scene-image,.landing-scene-card.reverse .landing-scene-copy{grid-column:1}.landing-scene-card.reverse .landing-scene-image{grid-row:1}.landing-scene-card.reverse .landing-scene-copy{grid-row:2}.landing-scene-copy{padding:8px 12px 18px}.landing-scene-copy h3 br{display:none}}@media (width<=720px){.landing-scenes{width:min(100% - 28px,1180px);padding-top:92px}.landing-scene-list{gap:34px}.landing-scene-card{border-radius:27px;padding:10px}.landing-scene-card:before{display:none}.landing-scene-image{border-width:4px;border-radius:21px}.landing-scene-copy{padding:10px 12px 20px}.landing-scene-number{border-radius:14px 14px 14px 5px;width:43px;height:43px}.landing-scene-copy h3{font-size:clamp(1.9rem,9.6vw,2.75rem)}.landing-scene-points{margin-top:22px}.landing-scene-points span{font-size:.76rem}.landing-motion-ready [data-reveal=left],.landing-motion-ready [data-reveal=right]{transform:translateY(38px)scale(.985)}}@media (prefers-reduced-motion:reduce){.tap-landing *,.tap-landing :before,.tap-landing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-motion-ready [data-reveal]{opacity:1;transform:none}.landing-scroll-progress{display:none}}.brand-mark,.landing-brand .brand-mark{box-shadow:none;background:0 0;border-radius:0;overflow:visible;transform:none}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.landing-brand .brand-mark{width:36px;height:36px}.landing-brand:hover .brand-mark img,.brand:hover .brand-mark img{animation:.58s cubic-bezier(.2,1.55,.4,1) tapLogoHighFive}@keyframes tapLogoHighFive{0%,to{transform:scale(1)rotate(0)}45%{transform:scale(1.12)rotate(-3deg)}70%{transform:scale(.97)rotate(2deg)}}.tap-anim{max-width:420px;margin:0 auto}.tap-anim svg{width:100%;height:auto;display:block}.tap-anim text{font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.tap-anim .a{transform-box:fill-box;transform-origin:50%;animation-timing-function:ease-in-out}.a-blink{animation:4.4s infinite tapBlink}.a-breathe{animation:3.6s ease-in-out infinite tapBreathe}.a-bob{animation:2.8s ease-in-out infinite tapBob}.a-floaty{animation:4.5s ease-in-out infinite tapFloaty}.a-nod{animation:6s ease-in-out infinite tapNod}.a-steam{animation:2.6s ease-in-out infinite tapSteam}.a-pulse{animation:2.2s ease-out infinite tapPulse}.a-pinBounce{animation:1.6s ease-in-out infinite tapPinBounce}.a-press{animation:3.6s infinite tapPress}.a-ripple{animation:3.6s ease-out infinite tapRipple}.a-pop{animation:3.6s infinite tapPop}.a-bubble{animation:6s infinite both tapBubble}.a-cardIn{animation:8s infinite backwards tapCardIn}.a-stamp{animation:8s infinite backwards tapStamp}.a-hand{animation:4s infinite tapHand}.a-ripple4{animation:4s ease-out infinite tapRipple4}.a-pop4{animation:4s infinite tapPop4}@keyframes tapBlink{0%,90%,to{transform:scaleY(1)}93%,96%{transform:scaleY(.08)}}@keyframes tapBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}@keyframes tapBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tapFloaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(3deg)}}@keyframes tapNod{0%,24%,to{transform:rotate(0)}8%{transform:rotate(3.5deg)}16%{transform:rotate(-1deg)}}@keyframes tapSteam{0%{opacity:0;transform:translateY(3px)}35%{opacity:.55}to{opacity:0;transform:translateY(-9px)}}@keyframes tapPulse{0%{opacity:.6;transform:scale(.4)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes tapPinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tapPress{0%,6%,16%,to{transform:translate(0)}9%,12%{transform:translate(1.5px,2.5px)}}@keyframes tapRipple{0%,9%{opacity:0;transform:scale(.2)}11%{opacity:.55}40%{opacity:0;transform:scale(1.7)}to{opacity:0}}@keyframes tapPop{0%,14%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1.1)}26%{transform:scale(1)}86%{opacity:1;transform:scale(1)}94%,to{opacity:0;transform:scale(.92)}}@keyframes tapBubble{0%,5%{opacity:0;transform:scale(0)}12%{opacity:1;transform:scale(1.06)}16%{transform:scale(1)}45%{opacity:1}55%,to{opacity:0;transform:scale(.95)}}@keyframes tapCardIn{0%{opacity:0;transform:translate(26px)}5%{opacity:1;transform:translate(0)}88%{opacity:1}96%,to{opacity:0}}@keyframes tapStamp{0%{opacity:0;transform:scale(0)}5%{transform:scale(1.35)}9%{opacity:1;transform:scale(1)}88%{opacity:1}96%,to{opacity:0}}@keyframes tapHand{0%,10%{transform:translate(16px,10px)}18%,26%{transform:translate(0)}36%,to{transform:translate(16px,10px)}}@keyframes tapRipple4{0%,19%{opacity:0;transform:scale(.25)}21%{opacity:.5}55%{opacity:0;transform:scale(1.6)}to{opacity:0}}@keyframes tapPop4{0%,24%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.1)}36%{transform:scale(1)}86%{opacity:1}94%,to{opacity:0;transform:scale(.9)}}.landing-nav-actions{justify-self:end;align-items:center;gap:8px;display:flex}.global-nav-login{display:none}.nav-toggle{cursor:pointer;background:0 0;border:0;padding:10px;display:none}.nav-toggle span{background:#23213f;border-radius:2px;width:22px;height:2.5px;margin:5px 0;transition:transform .25s,opacity .25s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.landing-hero [data-animate]{animation-duration:.45s!important;animation-delay:0s!important}.landing-integration-story{background:linear-gradient(135deg,#fff 0%,#f5f2ff 54%,#eafbfa 100%);border:1px solid #5d4edd26;border-radius:30px;grid-template-columns:minmax(0,1.32fr) minmax(290px,.68fr);align-items:stretch;gap:0;margin-top:clamp(24px,4vw,48px);display:grid;overflow:hidden;box-shadow:0 22px 56px #2b20741a}.landing-integration-visual{aspect-ratio:4/3;background:#fffaf1;min-width:0;overflow:hidden}.landing-integration-visual img{object-fit:cover;width:100%;height:100%;display:block}.landing-integration-copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(28px,4.5vw,64px);display:flex}.landing-integration-icon{color:#5f4cff;background:#ece9ff;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.landing-integration-icon svg{width:22px;height:22px}.landing-integration-copy h3{color:#23213f;letter-spacing:-.035em;margin:8px 0 14px;font-size:clamp(1.9rem,3vw,3.15rem);line-height:1.12}.landing-integration-copy>p:not(.landing-section-label){color:#625d7a;margin:0;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.85}.landing-integration-copy>span{color:#77718d;margin-top:24px;font-size:.76rem;font-weight:700;display:block}@media (width<=768px){.landing-nav{z-index:80;position:relative}.landing-nav-links.global-nav{background:#fff;border:1px solid #23213f14;border-top:0;border-radius:0 0 16px 16px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 20px 18px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #23213f1f}.landing-nav-links.global-nav.is-open{display:flex}.landing-nav-links.global-nav a{color:#23213f;border-radius:8px;padding:12px 8px;font-size:.86rem;font-weight:700;text-decoration:none}.landing-nav-links.global-nav a:active{background:#f2effc}.global-nav-login{display:block}.landing-nav-actions>.landing-nav-login{display:none}.nav-toggle{display:block}.landing-integration-story{border-radius:24px;grid-template-columns:1fr}.landing-integration-copy{padding:28px 24px 32px}}@media (width<=640px){.landing-nav{min-height:60px}.landing-hero{padding-top:22px}.landing-hero-layout{gap:24px}.landing-kicker{margin-bottom:12px;font-size:.72rem}.landing-hero h1{letter-spacing:-.045em;font-size:clamp(26px,8vw,38px);line-height:1.35}.landing-hero-copy{margin-top:14px;font-size:14.5px;line-height:1.65}.landing-hero-actions{margin-top:14px}.landing-hero-actions .secondary{display:none}.landing-hero-note{margin-top:9px;font-size:.62rem}.landing-hero-illustration{margin-top:0}.landing-stage{margin-top:36px}}@media (prefers-reduced-motion:reduce){.tap-anim .a{animation:none!important}[data-animate]{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.landing-motion-scene{isolation:isolate;background:#fffaf1;width:100%;height:100%;position:relative;overflow:hidden}.landing-stage>.landing-motion-scene{aspect-ratio:1400/747;border:1px solid #2d275e12;border-radius:15px}.landing-motion-scene img{object-fit:cover;width:100%;height:100%;display:block}.landing-motion-scene .motion-base{z-index:1;position:relative}.landing-motion-scene .motion-person{z-index:2;pointer-events:none;transform-origin:var(--motion-origin,50% 60%);-webkit-mask-image:var(--motion-mask);mask-image:var(--motion-mask);animation:tapPersonBreathe var(--motion-duration,5.2s) var(--motion-delay,0s) cubic-bezier(.45,.05,.35,.95) infinite both;will-change:transform;transition:none;animation-play-state:paused;position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-motion-scene .motion-person-2{--motion-duration:5.8s;--motion-delay:.28s;animation-name:tapPersonBreatheAlt}.landing-motion-scene .motion-person-3{--motion-duration:6.4s;--motion-delay:.52s}.landing-stage.is-visible .motion-person,.landing-scene-card.is-visible .motion-person{animation-play-state:running}.landing-motion-scene[data-motion-scene=intro] .motion-person-1{--motion-origin:54% 65%;--motion-mask:radial-gradient(ellipse 18% 45% at 54% 65%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=intro] .motion-person-2{--motion-origin:84% 64%;--motion-mask:radial-gradient(ellipse 17% 46% at 84% 64%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=clockin] .motion-person-1{--motion-origin:36% 66%;--motion-mask:radial-gradient(ellipse 22% 47% at 36% 66%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=clockin] .motion-person-2{--motion-origin:74% 60%;--motion-mask:radial-gradient(ellipse 19% 48% at 74% 60%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=location] .motion-person-1{--motion-origin:20% 60%;--motion-mask:radial-gradient(ellipse 27% 45% at 20% 60%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=location] .motion-person-2{--motion-origin:82% 62%;--motion-mask:radial-gradient(ellipse 22% 43% at 82% 62%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=shifts] .motion-person-1{--motion-origin:22% 67%;--motion-mask:radial-gradient(ellipse 24% 42% at 22% 67%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=shifts] .motion-person-2{--motion-origin:69% 46%;--motion-mask:radial-gradient(ellipse 18% 38% at 69% 46%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=shifts] .motion-person-3{--motion-origin:84% 70%;--motion-mask:radial-gradient(ellipse 22% 37% at 84% 70%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=monthend] .motion-person-1{--motion-origin:17% 48%;--motion-mask:radial-gradient(ellipse 19% 32% at 17% 48%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=monthend] .motion-person-2{--motion-origin:42% 45%;--motion-mask:radial-gradient(ellipse 18% 34% at 42% 45%, #000 54%, transparent 78%)}.landing-motion-scene[data-motion-scene=monthend] .motion-person-3{--motion-origin:82% 63%;--motion-mask:radial-gradient(ellipse 24% 44% at 82% 63%, #000 54%, transparent 78%)}.motion-scene-glow{z-index:3;aspect-ratio:1;opacity:.34;pointer-events:none;border:2px solid #6555f557;border-radius:50%;width:15%;animation:3.8s ease-out infinite tapScenePing;position:absolute;top:7%;right:5%}.landing-scene-card:hover .landing-scene-image .motion-person{transform:none}@keyframes tapPersonBreathe{0%,to{transform:translate(0,0)scale(1)}46%{transform:translateY(-2.5px)scale(1.004)rotate(.12deg)}72%{transform:translate(1px,-1px)scale(1.002)}}@keyframes tapPersonBreatheAlt{0%,to{transform:translate(0,0)scale(1)}42%{transform:translate(-1px,-2px)scale(1.004)rotate(-.12deg)}76%{transform:translateY(-.5px)scale(1.002)}}@keyframes tapScenePing{0%{opacity:0;transform:scale(.72)}22%{opacity:.32}72%,to{opacity:0;transform:scale(1.18)}}@media (width<=640px){.landing-stage>.landing-motion-scene{border-radius:11px}.landing-motion-scene .motion-person{--motion-duration:5.8s}}@media (prefers-reduced-motion:reduce){.landing-motion-scene .motion-person,.motion-scene-glow{animation:none!important;transform:none!important}}.tap-landing :is(h1,h2,h3){font-feature-settings:"palt" 1;font-kerning:normal;line-break:strict;text-wrap:balance}.landing-section-head>span{max-width:44rem;margin-inline:auto;font-size:.94rem}.landing-scene-points{font-size:.82rem;line-height:1.65}.landing-start-copy h2{font-size:clamp(2rem,3vw,2.4rem)}.landing-start-copy h2 span{white-space:nowrap;display:block}.landing-story-copy>p:not(.landing-section-label),.landing-security>div>p:not(.landing-section-label),.landing-start-copy>p:not(.landing-section-label){max-width:39rem;font-size:.94rem}.landing-flow-steps h3,.landing-feature-grid-v2 h3{font-size:1.08rem;line-height:1.45}.landing-flow-steps p,.landing-feature-grid-v2 p{font-size:.84rem;line-height:1.82}.landing-integration-copy h3{letter-spacing:-.04em;font-size:clamp(2rem,2.65vw,2.7rem);line-height:1.2}.landing-integration-copy>p:not(.landing-section-label){max-width:31rem;line-height:1.9}.landing-faq summary{font-size:.94rem;line-height:1.6}.landing-faq details p{font-size:.84rem}@media (width<=760px){.landing-hero h1{letter-spacing:-.044em;max-width:100%;font-size:clamp(2rem,9.2vw,3.15rem);line-height:1.16}.landing-hero h1>br,.landing-story-copy h2 br,.landing-security h2 br{display:none}.landing-hero-copy{font-size:.93rem;line-height:1.82}.landing-section-head h2{letter-spacing:-.035em;font-size:clamp(1.85rem,7.8vw,2.55rem);line-height:1.28}.landing-section-head>span{font-size:.88rem;line-height:1.8}.landing-scene-copy h3{letter-spacing:-.036em;max-width:100%;font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.3}.landing-story-copy h2,.landing-security h2,.landing-start-copy h2{letter-spacing:-.036em;font-size:clamp(1.85rem,7.6vw,2.5rem);line-height:1.28}.landing-start-copy h2{font-size:clamp(1.85rem,7.2vw,2.3rem)}.landing-faq summary{font-size:.88rem}}.tap-landing :is(p,li,.landing-section-head>span,.landing-scene-points span){line-break:strict;text-wrap:pretty}.landing-title-line,.landing-heading-line{white-space:nowrap;display:block}.landing-hero-layout{grid-template-columns:minmax(520px,1.05fr) minmax(460px,.95fr);gap:clamp(34px,4vw,58px)}.landing-hero h1{letter-spacing:-.048em;max-width:none;font-size:clamp(3.2rem,4.35vw,4.65rem);line-height:1.12}.landing-hero-copy{max-width:40rem;line-height:1.78}.landing-hero-copy span{display:block}.landing-hero-copy span+span{margin-top:.28em}.landing-story-lead span{display:block}.landing-story-lead span+span{margin-top:.3em}.landing-section-head{max-width:860px}.landing-section-head h2{letter-spacing:-.036em;max-width:17em;margin-inline:auto;font-size:clamp(2.1rem,3.35vw,3.1rem);line-height:1.24}.landing-scenes{padding:clamp(78px,8vw,108px) 0 64px}.landing-scene-list{gap:clamp(30px,4vw,48px);margin-top:clamp(42px,5vw,58px)}.landing-scene-card,.landing-scene-card.reverse{grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:clamp(28px,3.5vw,48px);padding:clamp(15px,2vw,22px)}.landing-scene-card.reverse .landing-scene-image{grid-column:2}.landing-scene-card.reverse .landing-scene-copy{grid-area:1/1}.landing-scene-copy{padding:clamp(8px,1.4vw,16px)}.landing-scene-copy h3{letter-spacing:-.036em;max-width:none;font-size:clamp(2rem,2.35vw,2.7rem);line-height:1.28}.landing-scene-points{gap:10px;margin-top:22px;line-height:1.65}.landing-flow,.landing-feature-section,.landing-faq{padding:78px 0}.landing-flow-steps{gap:16px;margin-top:42px}.landing-flow-steps article{flex-direction:column;min-height:0;padding:24px;display:flex}.landing-flow-steps i{margin:20px 0 14px}.landing-step-talk{margin-top:auto;padding-top:14px}.landing-product-story{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(44px,6vw,76px);padding:84px 0}.landing-story-copy h2,.landing-security h2,.landing-start-copy h2{letter-spacing:-.038em;font-size:clamp(2.05rem,3.15vw,2.9rem);line-height:1.24}.landing-story-copy>p:not(.landing-section-label),.landing-security>div>p:not(.landing-section-label),.landing-start-copy>p:not(.landing-section-label){line-height:1.78}.landing-flow-steps p,.landing-feature-grid-v2 p{line-height:1.72}@media (width<=980px){.landing-hero-layout{grid-template-columns:1fr}.landing-scene-card,.landing-scene-card.reverse{grid-template-columns:1fr;gap:20px}.landing-scene-card.reverse .landing-scene-image,.landing-scene-card.reverse .landing-scene-copy{grid-column:1}.landing-scene-card.reverse .landing-scene-image{grid-row:1}.landing-scene-card.reverse .landing-scene-copy{grid-row:2}.landing-scene-copy{padding:10px 18px 22px}.landing-product-story{grid-template-columns:1fr;gap:38px}}@media (width<=760px){.landing-hero h1{letter-spacing:-.038em;max-width:100%;font-size:clamp(1.9rem,8.6vw,2.8rem);line-height:1.22}.landing-hero-copy{max-width:34rem;font-size:.91rem;line-height:1.72}.landing-section-head h2{letter-spacing:-.03em;font-size:clamp(1.75rem,7.1vw,2.35rem);line-height:1.32}.landing-section-head>span{font-size:.87rem;line-height:1.72}.landing-scenes{padding-top:62px;padding-bottom:42px}.landing-scene-list{gap:24px;margin-top:34px}.landing-scene-card{gap:14px}.landing-scene-copy{padding:8px 12px 18px}.landing-scene-copy h3{letter-spacing:-.028em;max-width:100%;font-size:clamp(1.55rem,7.2vw,2.2rem);line-height:1.34}.landing-scene-points{margin-top:18px}.landing-flow,.landing-feature-section,.landing-faq{padding:62px 0}.landing-flow-steps{margin-top:32px}.landing-flow-steps article{min-height:0;padding:22px}.landing-flow-steps i{margin:17px 0 13px}.landing-product-story{padding:64px 0}.landing-story-copy h2,.landing-security h2,.landing-start-copy h2{letter-spacing:-.03em;font-size:clamp(1.7rem,7vw,2.3rem);line-height:1.32}}