@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.site{--hp-display:"Archivo Variable", Inter, "Segoe UI", Roboto, system-ui, sans-serif;--hp-night:#0b1622;--hp-navy:#0e1f33;--hp-amber:#d9971c;--hp-amber-hi:#f0b13a;--hp-sand:#f3cf86;--hp-on-dark:#dfe7ef;--hp-on-dark-2:#b9c6d3;--hp-on-dark-3:#8ea2b6;--hdr:76px;position:relative}.site-home .container{width:min(1240px,100% - 48px)}.skip-link{z-index:300;background:var(--surface);color:var(--brand-ink);box-shadow:var(--shadow);border-radius:8px;padding:10px 16px;font-weight:700;position:absolute;top:-80px;left:12px}.skip-link:focus{top:12px}.site .icon{flex-shrink:0;width:20px;height:20px}.site-header-sentinel{pointer-events:none;width:1px;height:48px;position:absolute;top:0;left:0}.site-header{z-index:200;background:var(--glass);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);transition:background .35s,border-color .35s,box-shadow .35s;position:sticky;top:0}.site-header-overlay{position:fixed;left:0;right:0}.site-header-overlay.is-solid{box-shadow:0 10px 30px -22px #060e1699}.site-header.is-clear{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.site-header-overlay:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(#060e1699,#060e1600);transition:opacity .35s;position:absolute;inset:0 0 -48px}.site-header.is-clear:before{opacity:1}.site-header-row{min-height:var(--hdr);align-items:center;gap:16px;display:flex}.site-logo{border-radius:6px;flex:none;display:inline-flex}.site-logo .logo{height:44px}.site-logo .logo-on-dark,.site-header.is-clear .logo-on-light,:root[data-theme=dark] .site-logo .logo-on-light{display:none}.site-header.is-clear .logo-on-dark,:root[data-theme=dark] .site-logo .logo-on-dark{display:block}.site-nav{align-items:center;gap:8px;margin-left:auto;display:flex}.site-nav-links{gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-nav-links a{color:var(--ink);border-radius:6px;padding:10px 12px;font-weight:560;text-decoration:none;transition:color .2s;display:block;position:relative}.site-nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .25s var(--ease);position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}.site-nav-links a:hover:after,.site-nav-links a:focus-visible:after{transform:scaleX(1)}.site-nav-actions{align-items:center;gap:10px;margin-left:8px;display:flex}.site-login{background:var(--brand);border:1px solid var(--brand);color:#fff;white-space:nowrap;min-height:42px;transition:background .2s, color .2s, border-color .2s, transform .2s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:650;text-decoration:none;display:inline-flex}.site-login .icon{width:18px;height:18px}.site-login:hover{background:#0d2238;border-color:#0d2238}:root[data-theme=dark] .site-login:hover{background:#4a84bd;border-color:#4a84bd}.site-login:active{transform:scale(.97)}.site-nav-call{display:none}.site-header.is-clear .site-nav-links a{color:#fff}.site-header.is-clear .site-theme{color:#fff;background:#ffffff14;border-color:#ffffff73}.site-header.is-clear .site-login{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-color:#fff9}.site-header.is-clear .site-login:hover{color:var(--hp-night);background:#fff;border-color:#fff}.site-header.is-clear :focus-visible{outline-color:var(--hp-sand)}.site-menu-btn{min-height:44px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:0 16px;font-weight:650;display:none}.site-header.is-clear .site-menu-btn{color:#fff;background:#ffffff1a;border-color:#ffffff80}.site-menu-icon{width:18px;height:14px;display:inline-block;position:relative}.site-menu-icon i{height:2px;transition:transform .25s var(--ease), opacity .2s;background:currentColor;border-radius:2px;position:absolute;left:0;right:0}.site-menu-icon i:first-child{top:0}.site-menu-icon i:nth-child(2){top:6px}.site-menu-icon i:nth-child(3){top:12px}.site-menu-icon.is-x i:first-child{transform:translateY(6px)rotate(45deg)}.site-menu-icon.is-x i:nth-child(2){opacity:0}.site-menu-icon.is-x i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}body.site-menu-open{overflow:hidden}@media (width<=1080px){.site{--hdr:64px}.site-logo .logo{height:38px}.site-menu-btn{display:inline-flex}.site-nav{top:var(--hdr);z-index:199;overscroll-behavior:contain;background:var(--surface);border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 20px 32px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.site-nav.is-open{display:flex}.site-header.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.site-nav-links{flex-direction:column}.site-nav-links a,.site-header .site-nav-links a{color:var(--ink);font-family:var(--hp-display);border-bottom:1px solid var(--line-2);border-radius:0;padding:16px 4px;font-size:24px;font-weight:750}.site-nav-links a:after{display:none}.site-nav-actions{flex-direction:column;align-items:stretch;gap:12px;margin:24px 0 0}.site-nav-actions .site-login{background:var(--brand);border-color:var(--brand);color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;order:-1;justify-content:center;min-height:54px;font-size:17px}.site-nav-actions .site-theme{align-self:flex-start;min-height:40px}.site-nav-call{background:var(--surface-2);color:var(--ink);border-radius:12px;align-items:center;gap:12px;margin-top:16px;padding:16px;font-weight:650;text-decoration:none;display:flex}.site-nav-call .icon{color:var(--accent-ink)}}.hp-btn{min-height:52px;font:inherit;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease), background .2s, color .2s, border-color .2s, box-shadow .25s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.hp-btn .icon{transition:transform .25s var(--ease)}.hp-btn:hover{transform:translateY(-2px)}.hp-btn:hover .icon:last-child:not(:first-child){transform:translate(4px)}.hp-btn:active{transform:translateY(0)scale(.98)}.hp-btn-accent{background:var(--hp-amber);border-color:var(--hp-amber);color:#1a1405}.hp-btn-accent:hover{background:var(--hp-amber-hi);border-color:var(--hp-amber-hi);box-shadow:0 14px 30px -14px #d9971ccc}.hp-btn-glass{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border-color:#fff9}.hp-btn-glass:hover{color:var(--hp-night);background:#fff;border-color:#fff}.hp-btn-ghost{color:#fff;text-underline-offset:6px;padding:0 14px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.hp-btn-ghost:hover{-webkit-text-decoration-color:var(--hp-amber-hi);text-decoration-color:var(--hp-amber-hi)}.hp-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.hp-btn-primary:hover{background:#0d2238;border-color:#0d2238;box-shadow:0 14px 30px -16px #0d2238cc}:root[data-theme=dark] .hp-btn-primary:hover{background:#4a84bd;border-color:#4a84bd}.hp-section{padding:clamp(72px,10vw,136px) 0;position:relative}.hp-head{max-width:780px;margin-bottom:clamp(32px,4vw,56px)}.hp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:12px;margin:0 0 16px;font-size:13px;font-weight:700;display:flex}.hp-eyebrow:before{content:"";background:var(--accent);flex:none;width:32px;height:2px}.hp-h2{font-family:var(--hp-display);letter-spacing:-.022em;color:var(--brand-ink);text-wrap:balance;margin:0 0 20px;font-size:clamp(32px,4.4vw,56px);font-weight:800;line-height:1.04}.hp-lede{color:var(--ink-2);margin:0;font-size:clamp(17px,1.4vw,19.5px);line-height:1.65}.hp-head-light .hp-h2{color:#fff}.hp-head-light .hp-lede{color:var(--hp-on-dark-2)}.hp-head-light .hp-eyebrow{color:var(--hp-sand)}.hp-body{max-width:62ch;color:var(--ink-2);margin:0;font-size:17px;line-height:1.7}.hp-tag{letter-spacing:.08em;text-transform:uppercase;background:var(--soft-accent-strong);color:var(--accent-ink);border-radius:3px;padding:2px 8px;font-size:11px;font-weight:750;display:inline-block}.hp-frame{background:var(--surface-2);border-radius:4px;position:relative;overflow:hidden}.hp-frame img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);display:block}.hp-frame img.hp-parallax{height:116%;position:absolute;inset:-8% 0 auto}.hp-hero{isolation:isolate;color:#fff;background:var(--hp-night);flex-direction:column;justify-content:flex-end;min-height:clamp(640px,100svh,1040px);display:flex;position:relative;overflow:hidden}.hp-hero-media{z-index:-1;position:absolute;inset:0}.hp-hero-slide{opacity:0;transition:opacity 1.8s;position:absolute;inset:0}.hp-hero-slide.is-active{opacity:1}.hp-hero-slide picture,.hp-hero-img{width:100%;height:100%;display:block}.hp-hero-img{object-fit:cover;transform-origin:60% 45%}.hp-hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hp-hero-shade{background:linear-gradient(90deg,#070f18e6 0%,#070f18a8 42%,#070f1833 100%),linear-gradient(#070f1800 54%,#070f18f2 100%);position:absolute;inset:0}.hp-hero-content{padding:calc(var(--hdr) + 72px) 0 56px;position:relative}.hp-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--hp-sand);align-items:center;gap:14px;margin:0 0 22px;font-size:13px;font-weight:700;display:flex}.hp-kicker-bar{background:var(--hp-amber);flex:none;width:44px;height:2px}.hp-display{font-family:var(--hp-display);letter-spacing:-.028em;color:#fff;margin:0 0 26px;font-size:clamp(38px,5.8vw,80px);font-weight:800;line-height:1}.hp-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hp-line>span{display:inline-block}.hp-accent-text{color:var(--hp-amber-hi)}.hp-hero-lede{max-width:640px;color:var(--hp-on-dark);margin:0 0 34px;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.hp-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hp-hero :focus-visible,.hp-quality :focus-visible,.hp-enquiry :focus-visible,.site-footer :focus-visible{outline:2px solid var(--hp-sand);outline-offset:3px}.hp-hero-foot{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070f1873;border-top:1px solid #ffffff29;position:relative}.hp-hero-foot-row{justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.hp-hero-facts{gap:clamp(20px,4vw,48px);margin:0;padding:0;list-style:none;display:flex}.hp-hero-facts li{border-left:2px solid var(--hp-amber);flex-direction:column;padding-left:14px;line-height:1.35;display:flex}.hp-hero-facts b{font-size:15px;font-weight:700}.hp-hero-facts span{color:var(--hp-on-dark-2);font-size:13px}.hp-hero-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hp-hero-credit{color:var(--hp-on-dark-2);font-size:12px;text-decoration:none}.hp-hero-credit:hover{color:#fff;text-decoration:underline}.hp-hero-pause{min-height:34px;font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background .2s;display:inline-flex}.hp-hero-pause:hover{background:#ffffff2e}.hp-hero-pause .icon{width:14px;height:14px}.hp-about-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(36px,6vw,96px);display:grid}.hp-about .hp-head{margin-bottom:24px}.hp-facts{border-top:1px solid var(--line);margin:36px 0 0}.hp-facts>div{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.hp-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:3px;font-size:12px;font-weight:700}.hp-facts dd{color:var(--ink);margin:0;font-weight:560}.hp-about-media{isolation:isolate;margin:0;position:relative}.hp-about-media:before{content:"";z-index:-1;border:2px solid var(--accent);border-radius:4px;position:absolute;inset:-18px 36px 120px -18px}.hp-frame-tall{aspect-ratio:4/5;box-shadow:var(--shadow-lg)}.hp-about-media figcaption,.hp-devices figcaption{color:var(--ink-3);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:18px;font-size:14px;display:flex}.hp-stats{background:var(--hp-navy);color:#fff;padding:56px 0}.hp-stats ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.hp-stats li{border-left:2px solid var(--hp-amber);flex-direction:column;gap:6px;padding-left:18px;display:flex}.hp-stat-value{font-family:var(--hp-display);color:var(--hp-amber-hi);font-variant-numeric:tabular-nums;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1}.hp-stats span{color:var(--hp-on-dark-2)}.hp-work{background:var(--surface);border-block:1px solid var(--line-2)}.hp-steps{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 clamp(56px,7vw,96px);padding:0;list-style:none;display:grid;position:relative}.hp-steps:before{content:"";background:var(--accent);transform-origin:0;width:100%;height:3px;position:absolute;top:-2px;left:0}.hp-steps li{padding:32px 28px 0 0}.hp-steps li+li{border-left:1px solid var(--line);padding-left:28px}.hp-step-no{font-family:var(--hp-display);color:#0000;-webkit-text-stroke:1.5px var(--brand-2);margin-bottom:18px;font-size:60px;font-weight:800;line-height:1;display:block}@supports not (-webkit-text-stroke:1px black){.hp-step-no{color:var(--brand-2)}}.hp-steps h3{font-family:var(--hp-display);color:var(--brand-ink);margin:0 0 8px;font-size:21px;font-weight:750}.hp-steps p{color:var(--ink-2);margin:0;font-size:15.5px}.hp-duo{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(20px,3vw,44px);display:grid}.hp-duo-item{margin:0}.hp-duo-offset{margin-top:clamp(48px,9vw,140px)}.hp-duo .hp-frame{aspect-ratio:3/2}.hp-duo-item:hover .hp-frame img{transform:scale(1.04)}.hp-duo figcaption{color:var(--ink-2);padding-top:16px;font-size:15px}.hp-duo figcaption b{font-family:var(--hp-display);color:var(--brand-ink);margin-bottom:2px;font-size:19px;display:block}.hp-note{color:var(--ink-3);margin:36px 0 0;font-size:13px}.hp-services{margin-top:48px}.hp-services h3{font-family:var(--hp-display);color:var(--brand-ink);margin:0 0 16px;font-size:22px}.hp-services ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;display:grid}.hp-services li{align-items:center;gap:10px;display:flex}.hp-services .icon{color:var(--good)}.hp-project-list{gap:clamp(56px,8vw,104px);display:grid}.hp-project{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.hp-project-flip .hp-project-media{order:2}.hp-project-media{aspect-ratio:16/10}.hp-project-blank{background:var(--hp-navy);background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:96px 64px;width:100%;height:100%}.hp-project h3{font-family:var(--hp-display);color:var(--brand-ink);margin:0 0 12px;font-size:clamp(24px,2.6vw,34px);line-height:1.1}.hp-project p:last-child{color:var(--ink-2);font-size:16.5px}.hp-quality{isolation:isolate;background:var(--hp-night);color:var(--hp-on-dark);overflow:hidden}.hp-quality:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:120px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 20%,#000 80%);mask-image:linear-gradient(100deg,#0000 20%,#000 80%)}.hp-quality-bg{z-index:-2;position:absolute;inset:0}.hp-quality-bg img{object-fit:cover;opacity:.5;filter:grayscale(.3);width:100%;height:116%;position:absolute;inset:-8% 0 auto}.hp-quality-bg:after{content:"";background:linear-gradient(180deg, var(--hp-night) 0%, #0b162280 30%, #0b1622b3 60%, #0b1622f5 100%);position:absolute;inset:0}.hp-controls{background:#ffffff1f;border:1px solid #ffffff1f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid}.hp-controls li{background:#0b1622db;padding:clamp(24px,3vw,36px);transition:background .3s}.hp-controls li:hover{background:#14304fe6}.hp-control-icon{width:50px;height:50px;color:var(--hp-amber-hi);border:1px solid #f0b13a8c;border-radius:50%;place-items:center;margin-bottom:22px;display:inline-grid}.hp-controls h3{font-family:var(--hp-display);color:#fff;margin:0 0 10px;font-size:20px;font-weight:750}.hp-controls p{color:var(--hp-on-dark-2);margin:0;font-size:15.5px;line-height:1.6}.hp-controls li.hp-control-more{background:#d9971c1f;padding:0;display:flex}.hp-control-more a{width:100%;color:var(--hp-sand);font-family:var(--hp-display);justify-content:space-between;align-items:flex-end;gap:12px;padding:clamp(24px,3vw,36px);font-size:22px;font-weight:750;line-height:1.2;text-decoration:none;transition:background .3s,color .3s;display:flex}.hp-control-more a:hover{background:var(--hp-amber);color:#1a1405}.hp-control-more .icon{width:28px;height:28px;transition:transform .25s var(--ease)}.hp-control-more a:hover .icon{transform:translate(6px)}.hp-platform-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(36px,5vw,80px);display:grid}.hp-platform .hp-head{margin-bottom:32px}.hp-feature-list{grid-template-columns:1fr 1fr;gap:22px 28px;margin:0 0 36px;padding:0;list-style:none;display:grid}.hp-feature-list li{gap:14px;display:flex}.hp-feature-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:10px;flex:none;place-items:center;display:grid}:root[data-theme=dark] .hp-feature-icon{color:var(--brand-2)}.hp-feature-list h3{color:var(--brand-ink);margin:0 0 4px;font-size:16px;font-weight:700}.hp-feature-list p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.hp-platform-cta{flex-wrap:wrap;align-items:center;gap:16px 22px;display:flex}.hp-platform-cta p{max-width:34ch;color:var(--ink-3);margin:0;font-size:14px}.hp-devices{margin:0}.hp-stage{margin-right:7%;position:relative}.hp-browser{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0e1a2614,0 44px 90px -44px #0e1a2699}.hp-browser-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.hp-browser-bar i{background:var(--line);border-radius:50%;width:10px;height:10px}.hp-browser-bar span{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink-3);background:var(--surface);border-radius:6px;flex:0 280px;margin-left:10px;padding:2px 10px;font-size:12px;overflow:hidden}.hp-browser img{width:100%;height:auto;display:block}.hp-phone{aspect-ratio:390/844;background:#0e1a26;border-radius:26px;width:28%;padding:6px;position:absolute;box-shadow:0 34px 60px -26px #000000a6}.hp-phone img{object-fit:cover;object-position:top;border-radius:20px;width:100%;height:100%;display:block}.hp-phone-front{bottom:-16%;right:-7%}.hp-phone-back{width:25%;bottom:-10%;right:19%}.hp-devices figcaption{max-width:54%;margin-top:22px}.hp-contact{background:var(--surface);border-top:1px solid var(--line-2)}.hp-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:start;gap:clamp(36px,6vw,88px);display:grid}.hp-contact-actions{gap:12px;margin-bottom:36px;display:grid}.hp-contact-link{border:1px solid var(--line);background:var(--bg);color:var(--ink);transition:border-color .2s, transform .2s var(--ease), box-shadow .2s;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;display:flex}.hp-contact-link:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translate(4px)}.hp-contact-link .icon{width:24px;height:24px;color:var(--accent-ink)}.hp-contact-link span{min-width:0;font-family:var(--hp-display);overflow-wrap:anywhere;flex-direction:column;font-size:21px;font-weight:750;line-height:1.2;display:flex}.hp-contact-link small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;font-size:12px;font-weight:700}.hp-offices{grid-template-columns:1fr 1fr;gap:24px;display:grid}.hp-offices address{font-style:normal}.hp-offices h3{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 6px;font-size:12px;font-weight:700}.hp-offices p{color:var(--ink);margin:0 0 10px}.hp-offices a{min-height:32px;color:var(--brand-2);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.hp-offices a .icon{width:15px;height:15px}.hp-enquiry{isolation:isolate;background:var(--hp-navy);color:#fff;border-radius:16px;gap:18px;padding:clamp(24px,3.4vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -48px #0e1a26cc}.hp-enquiry:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:96px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(200deg,#000,#0000 60%);mask-image:linear-gradient(200deg,#000,#0000 60%)}.hp-enquiry h3{font-family:var(--hp-display);color:#fff;margin:0;font-size:28px;font-weight:800}.hp-enquiry-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hp-enquiry label{color:var(--hp-on-dark);gap:7px;font-size:13.5px;font-weight:650;display:grid}.hp-enquiry label small{color:var(--hp-on-dark-3);font-weight:400}.hp-enquiry input,.hp-enquiry textarea{box-sizing:border-box;width:100%;max-width:none;min-height:50px;font:inherit;color:#fff;background:#ffffff0f;border:1px solid #ffffff47;border-radius:8px;padding:12px 14px;font-size:16px}.hp-enquiry textarea{resize:vertical}.hp-enquiry input::placeholder,.hp-enquiry textarea::placeholder{color:var(--hp-on-dark-3)}.hp-enquiry input:hover,.hp-enquiry textarea:hover{border-color:#ffffff80}.hp-enquiry input:focus-visible,.hp-enquiry textarea:focus-visible{border-color:var(--hp-amber-hi);outline:none;box-shadow:0 0 0 3px #f0b13a4d}.hp-enquiry .hp-btn{justify-self:start}.hp-enquiry-help{color:var(--hp-on-dark-2);margin:0;font-size:13.5px}.hp-enquiry-help a{color:var(--hp-sand)}.site-footer{background:var(--hp-night,#0b1622);color:#c4cfda;border-top:3px solid var(--hp-amber,#d9971c);padding:80px 0 28px;font-size:15px;position:relative}.site-footer-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:44px;display:grid}.site-footer-tag{font-family:var(--hp-display);letter-spacing:-.015em;color:#fff;margin:20px 0 8px;font-size:30px;font-weight:800}.site-footer-blurb{color:#8ea2b6;max-width:32ch;margin:0}.site-footer h2{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 14px;font-size:12.5px;font-weight:700}.site-footer nav,.site-footer address{align-content:start;gap:10px;font-style:normal;display:grid}.site-footer a{color:#c4cfda;width:fit-content;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#f3cf86;text-underline-offset:4px;text-decoration:underline}.muted-on-dark{color:#8ea2b6;font-size:14px}.site-footer-bottom{color:#8ea2b6;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;font-size:13px;display:flex}.site-footer-links{gap:22px;display:flex}@media (prefers-reduced-motion:no-preference){.hp-hero-img{animation:22s ease-in-out infinite alternate hp-drift}.hp-hero.is-paused .hp-hero-img{animation-play-state:paused}.hp-rise{animation:.9s cubic-bezier(.2,.7,.2,1) both hp-fade-up;animation-delay:var(--d,0s)}.hp-line>.hp-rise{animation-name:hp-line-up;animation-duration:1s}.site-nav.is-open{animation:hp-sheet .28s var(--ease)}.js-reveal [data-reveal]{transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s)}.js-reveal [data-reveal]:not(.is-in){opacity:0;transform:translateY(28px)}.js-reveal [data-reveal] .hp-frame{clip-path:inset(0);transition:clip-path 1.2s cubic-bezier(.6,.05,.2,1) .1s}.js-reveal [data-reveal]:not(.is-in) .hp-frame{clip-path:inset(0 0 100%)}.hp-steps:before{transition:transform 1.4s var(--ease) .25s}.js-reveal .hp-steps:not(.is-in):before{transform:scaleX(0)}.hp-steps li{transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--d,0s) + .2s)}.js-reveal .hp-steps:not(.is-in) li{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.hp-btn,.hp-btn .icon,.hp-frame img,.hp-contact-link,.site-login,.hp-control-more .icon{transition:none}.hp-btn:hover,.hp-contact-link:hover,.hp-duo-item:hover .hp-frame img{transform:none}.hp-hero-slide{transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (width>=961px){.hp-parallax{animation:linear both hp-parallax;animation-timeline:view();animation-range:cover}.hp-phone-front{animation:linear both hp-float-a;animation-timeline:view();animation-range:cover}.hp-phone-back{animation:linear both hp-float-b;animation-timeline:view();animation-range:cover}}}@keyframes hp-drift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hp-line-up{0%{transform:translateY(105%)}to{transform:none}}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-sheet{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes hp-parallax{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}@keyframes hp-float-a{0%{transform:translateY(48px)}to{transform:translateY(-48px)}}@keyframes hp-float-b{0%{transform:translateY(20px)}to{transform:translateY(-20px)}}@media (width<=1080px){.hp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=960px){.hp-about-grid,.hp-platform-grid,.hp-contact-grid{grid-template-columns:minmax(0,1fr)}.hp-frame-tall{aspect-ratio:4/3}.hp-about-media:before{top:-10px;left:-10px}.hp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.hp-steps li:nth-child(3){border-left:0;padding-left:0}.hp-duo{grid-template-columns:minmax(0,1fr)}.hp-duo-offset{margin-top:0}.hp-project,.hp-project-flip{grid-template-columns:minmax(0,1fr)}.hp-project-flip .hp-project-media{order:0}.hp-devices{margin-bottom:24px}.hp-hero-foot-row{flex-direction:column;align-items:flex-start}.hp-hero-meta{text-align:left;flex-flow:wrap;align-items:center;gap:10px 16px}}@media (width<=640px){.site-home .container{width:min(1240px,100% - 32px)}.hp-hero-shade{background:linear-gradient(#070f1866 0%,#070f18ad 38%,#070f18f5 100%)}.hp-hero-content{padding:calc(var(--hdr) + 44px) 0 32px}.hp-kicker{letter-spacing:.12em;font-size:12px}.hp-line{margin:0;padding:0;display:inline;overflow:visible}.hp-line>span,.hp-line>.hp-rise{animation-name:hp-fade-in;display:inline}.hp-hero-actions{flex-direction:column;align-items:stretch}.hp-hero-actions .hp-btn{width:100%}.hp-hero-facts{flex-direction:column;gap:10px}.hp-hero-foot-row{padding:18px 0 22px}.hp-facts>div{grid-template-columns:minmax(0,1fr);gap:2px}.hp-steps{grid-template-columns:minmax(0,1fr)}.hp-steps li,.hp-steps li+li{border-left:0;border-bottom:1px solid var(--line);padding:26px 0}.hp-step-no{margin-bottom:12px;font-size:48px}.hp-controls,.hp-feature-list{grid-template-columns:minmax(0,1fr)}.hp-stage{margin-right:10%}.hp-phone{border-radius:18px;width:32%;padding:4px}.hp-phone img{border-radius:14px}.hp-phone-back{width:29%;right:22%}.hp-devices figcaption{max-width:none;padding-top:22%}.hp-offices,.hp-enquiry-row{grid-template-columns:minmax(0,1fr)}.hp-enquiry .hp-btn{justify-self:stretch}.hp-contact-link span{font-size:18px}.site-footer{padding-top:56px}.site-footer-grid{grid-template-columns:minmax(0,1fr);gap:32px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2429;--ink-2:#4d565e;--ink-3:#697178;--line:#e1dcd2;--line-2:#eeeae2;--bg:#f5f2ec;--surface:#fffefc;--surface-2:#f7f4ee;--surface-hover:#f1ede5;--brand:#14304f;--brand-ink:#0d2238;--brand-2:#285a8c;--brand-soft:#e5ebf2;--accent:#d9971c;--accent-ink:#8f6208;--accent-soft:#fbf0d8;--nav:#101e2e;--nav-ink:#cbd5df;--nav-hover:#1d2f43;--nav-head:#8794a2;--good:#1f8a3b;--warning:#e0a410;--serious:#e0713f;--critical:#cf3a3a;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow:0 1px 2px #101e2e0f, 0 10px 28px -14px #101e2e47;--shadow-sm:0 1px 2px #101e2e14;--shadow-lg:0 20px 52px -18px #101e2e80;--field-line:#c9c3b7;--field-line-hover:#a39d90;--glass:#fffefcf5;--track:#e6e1d7;--focus-ring:#285a8c40;--soft-neutral:#ece9e2;--soft-good:#e6f3e8;--soft-warning:#fdf1d4;--soft-serious:#fce9df;--soft-critical:#fae6e4;--soft-info:#e5ecf4;--soft-accent:#fff6e2;--soft-accent-strong:#ffe7b8;--soft-history:#f5f1fc;--soft-avatar:#dde6ef;--danger-ink:#a12a2a;--warn-ink:var(--warn-ink);--history:var(--history);--history-line:var(--history-line);--good-ink:#0a6b2a;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--st-inside:#1b7f33;--st-inside-soft:#e3f2e6;--st-pending:#a66a00;--st-pending-soft:#fdf0d2;--st-outside:#c2541f;--st-outside-soft:#fce6da;--st-stale:#86600a;--st-stale-soft:#f6eed6;--st-offline:#5d6972;--st-offline-soft:#eae8e2;--st-gps:#c03535;--st-gps-soft:#fbe4e2;--ease:cubic-bezier(.2, .7, .2, 1);--t-fast:.12s;--t-med:.22s;--t-slow:.42s;color:var(--ink);font:14px/1.45 Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ebe8e2;--ink-2:#b9bec4;--ink-3:#8f969e;--line:#2f3a46;--line-2:#263039;--bg:#0c141d;--surface:#152130;--surface-2:#1a2838;--surface-hover:#203144;--brand:#3b72a8;--brand-ink:#d3e3f4;--brand-2:#86b6e6;--brand-soft:#1c3047;--accent:#e6ae45;--accent-ink:#f0c46a;--accent-soft:#342a17;--nav:#09111a;--nav-ink:#c4cfda;--nav-hover:#17283a;--nav-head:#7f8d9b;--good:#46b863;--warning:#e8b13a;--serious:#ee8a5c;--critical:#ee6a6a;--shadow:0 1px 2px #0006, 0 10px 28px -14px #000000b3;--shadow-sm:0 1px 2px #00000073;--shadow-lg:0 20px 52px -18px #000000d9;--field-line:#3d4a58;--field-line-hover:#5d6c7d;--glass:#152130f0;--track:#2a3745;--focus-ring:#86b6e659;--soft-neutral:#243140;--soft-good:#183423;--soft-warning:#3a2f14;--soft-serious:#3b2619;--soft-critical:#3b1f21;--soft-info:#19304a;--soft-accent:#2d2515;--soft-accent-strong:#4a3a1a;--soft-history:#261f3a;--soft-avatar:#223549;--danger-ink:#ff9a9a;--warn-ink:#f3c46c;--history:#b9a2f2;--history-line:#55467f;--good-ink:#7fdc96;--st-inside:#55c46f;--st-inside-soft:#173625;--st-pending:#e2a533;--st-pending-soft:#3a2f14;--st-outside:#f0875a;--st-outside-soft:#3b2619;--st-stale:#d9ac44;--st-stale-soft:#352c15;--st-offline:#9aa6b1;--st-offline-soft:#243140;--st-gps:#f07f7f;--st-gps-soft:#3b1f21}:root[data-theme=dark] .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.92)contrast(.9)saturate(.75)}:root[data-theme=dark] .leaflet-container{background:#1b2430}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--brand-2)}h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}h2{margin:0 0 10px;font-size:15px;font-weight:650}h3{margin:0 0 6px;font-size:13px;font-weight:650}p{margin:0}.muted{color:var(--ink-2)}small{color:var(--ink-3)}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.nav{background:var(--nav);color:var(--nav-ink);height:100vh;padding:14px 10px;position:sticky;top:0;overflow-y:auto}.nav .brand{padding:4px 8px 12px;display:block}.nav .brand img{width:auto;height:36px;display:block}.nav h4{letter-spacing:.05em;text-transform:uppercase;color:var(--nav-head);margin:14px 10px 4px;font-size:11px;font-weight:600}.nav a{color:var(--nav-ink);border-radius:var(--radius-sm);transition:background var(--t-fast), color var(--t-fast);padding:7px 10px;text-decoration:none;display:block}.nav a:hover{background:var(--nav-hover);color:#fff}.nav a.active{background:var(--brand-2);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;gap:14px;min-height:48px;padding:8px 22px;display:flex}.topbar .menu-btn{margin-right:auto;display:none}.topbar a{text-decoration:none}.count{background:var(--critical);color:#fff;border-radius:9px;margin-left:4px;padding:0 6px;font-size:11px}.page{padding:18px 22px 40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{min-height:34px;font:inherit;border:1px solid var(--field-line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-weight:550;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-ink);border-color:var(--brand-ink)}.btn-danger{color:var(--danger-ink);border-color:#e0b4b4}.btn-danger:hover{background:var(--soft-critical)}.btn-sm{min-height:28px;padding:2px 10px;font-size:12.5px}.icon-btn{cursor:pointer;border-radius:var(--radius-sm);min-width:32px;min-height:32px;color:var(--ink-2);transition:background var(--t-fast);background:0 0;border:0;padding:4px 8px;font-size:15px}.icon-btn:hover{background:var(--line-2);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);box-shadow:var(--shadow-sm);margin-bottom:14px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px;display:grid}.grid-2>.card{margin-bottom:0}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 14px}.tile b{font-variant-numeric:tabular-nums;font-size:25px;font-weight:650;display:block}.tile span{color:var(--ink-2);font-size:12.5px}.tile small{margin-top:2px;display:block}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.search{min-width:220px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2);padding:7px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line-2);vertical-align:top;padding:8px 10px}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:var(--surface-2)}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.th-btn{all:unset;cursor:pointer}.th-btn:hover{color:var(--brand-ink)}.th-btn:focus-visible{outline:2px solid var(--brand)}.actions{white-space:nowrap;text-align:right}.actions>*+*{margin-left:4px}.empty{text-align:center;color:var(--ink-3);padding:26px}.pager{color:var(--ink-2);border-top:1px solid var(--line-2);justify-content:flex-end;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;display:flex}.pager span:first-child{margin-right:auto}input,select,textarea{font:inherit;border:1px solid var(--field-line);border-radius:var(--radius-sm);background:var(--surface);min-height:34px;color:inherit;max-width:100%;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:7px 9px}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--brand)}input:hover,select:hover,textarea:hover{border-color:var(--field-line-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--brand-2);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true],.field-invalid input{border-color:var(--critical)}.form{flex-direction:column;gap:10px;display:flex}.field{flex-direction:column;gap:3px;display:flex}.field>span{font-size:12.5px;font-weight:550}.field em{color:var(--critical);font-style:normal}.field input:not([type=checkbox]),.field select,.field textarea{width:100%}.checks{flex-wrap:wrap;gap:12px;display:flex;font-weight:400!important}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.filters label{color:var(--ink-2);flex-direction:column;gap:2px;min-width:0;max-width:100%;font-size:12px;display:flex}.filters select{text-overflow:ellipsis;max-width:100%}:root{--z-raised:5;--z-map-ui:500;--z-sticky:100;--z-drawer:1500;--z-modal:2000;--z-toast:3000}body.modal-open{padding-right:var(--scrollbar-gap,0);overflow:hidden}.modal-back{z-index:var(--z-modal);overscroll-behavior:contain;background:#141c2273;justify-content:center;align-items:center;padding:max(12px,3vh) 12px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:460px;max-width:100%;min-height:0;max-height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal:focus{outline:none}.modal-wide{width:860px}.modal-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.modal-head h2{overflow-wrap:anywhere;min-width:0;margin:0}.modal-head .icon-btn{flex:none}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 16px 0;scroll-padding-block:12px 72px;overflow:auto}.modal-body>:last-child{margin-bottom:16px}.modal-body .form-actions:last-child{z-index:1;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;margin:6px -16px 0;padding:10px 16px 12px;position:sticky;bottom:0}.modal-body .form>.form-actions:last-child,.modal-body>.form:last-child{margin-bottom:0}.modal-body .table-scroll{max-width:100%}@media (width<=520px){.modal-back{align-items:stretch;padding:0}.modal,.modal-wide{border-radius:0;width:100%}}.badge{white-space:nowrap;color:var(--ink);background:var(--soft-neutral);border-left:3px solid var(--field-line-hover);border-radius:10px;align-items:baseline;gap:4px;padding:1px 8px;font-size:12px;font-weight:550;display:inline-flex}.badge-good{background:var(--soft-good);border-left-color:var(--good)}.badge-warning{background:var(--soft-warning);border-left-color:var(--warning)}.badge-serious{background:var(--soft-serious);border-left-color:var(--serious)}.badge-critical{background:var(--soft-critical);border-left-color:var(--critical)}.badge-info{background:var(--soft-info);border-left-color:var(--brand)}.banner{border-radius:var(--radius-sm);border-left:4px solid;margin-bottom:10px;padding:9px 12px}.banner-error{background:var(--soft-critical);border-color:var(--critical)}.banner-warning{background:var(--soft-warning);border-color:var(--warning)}.banner-success{background:var(--soft-good);border-color:var(--good)}.banner-info{background:var(--soft-info);border-color:var(--brand)}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:14px;display:flex}.tab{font:inherit;cursor:pointer;min-height:38px;color:var(--ink-2);transition:color var(--t-fast), border-color var(--t-med);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand-ink);border-bottom-color:var(--accent);font-weight:600}.meter{background:var(--track);border-radius:2px;min-width:80px;height:10px;overflow:hidden}.meter>i{background:var(--brand);border-radius:0 4px 4px 0;height:100%;display:block}.progress-row{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.progress-row:last-child{border-bottom:0}.chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.map{border:1px solid var(--line);z-index:0;border-radius:6px;width:100%}.map-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059}.map-dot-person{background:var(--brand)}.map-dot-site{background:#5a6670}.map-dot-pin{background:var(--critical);cursor:move}pre.share{white-space:pre-wrap;background:var(--surface-2);font:inherit;border-radius:5px;margin:0 0 10px;padding:10px}.kv{grid-template-columns:max-content 1fr;gap:3px 14px;margin-bottom:12px;display:grid}.kv dt{color:var(--ink-2)}.kv dd{margin:0}.lines input{text-align:right;width:84px}.diff{white-space:pre-wrap;word-break:break-word;max-width:460px;margin:0;font:12px ui-monospace,Consolas,monospace}.tile-btn{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);padding:8px 12px}.tile-btn:hover{border-color:var(--field-line-hover);box-shadow:var(--shadow)}.tile-active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.tile-dot,.legend-dot{vertical-align:baseline;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.tile-dot-good{background:var(--good)}.tile-dot-warning{background:var(--warning)}.tile-dot-serious{background:var(--serious)}.tile-dot-critical{background:var(--critical)}.tile-dot-muted{background:#7a868f}.filters-right{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.mon-toolbar{margin-bottom:var(--s3);flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.mon-toolbar label{color:var(--ink-2);flex-direction:column;gap:2px;min-width:0;max-width:100%;font-size:12px;display:flex}.mon-toolbar .mon-site select{min-width:260px;font-weight:600}.mon-toolbar select{text-overflow:ellipsis;max-width:100%}.mon-summary{gap:var(--s3);margin-bottom:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mon-card{grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.mon-card .mon-card-icon{border-radius:12px;grid-row:span 2;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.mon-card b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.mon-card span.mon-card-label{color:var(--ink-2);font-size:12.5px;font-weight:550}.mon-card small{grid-column:2;font-size:11.5px}.mon-card-assigned .mon-card-icon{background:var(--brand-soft);color:var(--brand)}.mon-card-inside .mon-card-icon{background:var(--st-inside-soft);color:var(--st-inside)}.mon-card-outside .mon-card-icon{background:var(--st-outside-soft);color:var(--st-outside)}.mon-card-unavailable .mon-card-icon{background:var(--st-offline-soft);color:var(--st-offline)}.mon-chips{margin-bottom:var(--s3);flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--field-line);background:var(--surface);min-height:32px;font:inherit;color:var(--ink);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:550;display:inline-flex}.chip:hover{border-color:var(--field-line-hover)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.chip[aria-pressed=true] .st-glyph{color:#fff!important}.chip .chip-count{font-variant-numeric:tabular-nums;opacity:.85}.st-glyph{text-align:center;width:1.1em;font-style:normal;font-weight:700;display:inline-block}.st-inside .st-glyph,.st-glyph.st-inside{color:var(--st-inside)}.st-pending .st-glyph,.st-glyph.st-pending{color:var(--st-pending)}.st-outside .st-glyph,.st-glyph.st-outside{color:var(--st-outside)}.st-stale .st-glyph,.st-glyph.st-stale{color:var(--st-stale)}.st-offline .st-glyph,.st-glyph.st-offline,.st-stopped .st-glyph,.st-glyph.st-stopped,.st-nosite .st-glyph,.st-glyph.st-nosite{color:var(--st-offline)}.st-gps .st-glyph,.st-glyph.st-gps{color:var(--st-gps)}.st-pill{white-space:nowrap;color:var(--ink);background:var(--st-offline-soft);border-radius:999px;align-items:center;gap:3px;padding:1px 9px 1px 6px;font-size:12px;font-weight:600;display:inline-flex}.st-pill.st-inside{background:var(--st-inside-soft)}.st-pill.st-pending{background:var(--st-pending-soft)}.st-pill.st-outside{background:var(--st-outside-soft)}.st-pill.st-stale{background:var(--st-stale-soft)}.st-pill.st-gps{background:var(--st-gps-soft)}.demo-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--soft-warning);color:var(--warn-ink);border:1px dashed #c99a1c;border-radius:4px;align-items:center;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.live-grid{gap:var(--s3);grid-template-columns:minmax(0,1fr) 380px;align-items:start;margin-bottom:14px;display:grid}.live-map-card{margin:0;padding:0;position:relative;overflow:hidden}.live-map{border:0;border-radius:0;height:calc(100vh - 330px);min-height:440px}.live-map-card .map-legend{border-top:1px solid var(--line);padding:8px 12px}.live-side{gap:var(--s3);flex-direction:column;min-width:0;display:flex}.live-side .card{margin:0}.live-list-scroll{min-height:220px;max-height:calc(100vh - 520px);margin:0 -6px;padding:0 6px;overflow-y:auto}.live-alerts .live-list-scroll{min-height:0;max-height:34vh}.mon-list-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mon-list-head h2{margin-bottom:6px}.live-row{all:unset;box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--t-fast);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.live-row+.live-row{border-top:1px solid var(--line-2)}.live-row:hover{background:var(--surface-hover)}.live-row:focus-visible{outline:2px solid var(--brand-2)}.live-row[aria-current=true]{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.live-row-main{flex-direction:column;min-width:0;display:flex}.live-row-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.live-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.mini-avatar{background:var(--soft-avatar);width:34px;height:34px;color:var(--brand-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.mini-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.employee-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.employee-name{flex:1;min-width:0}.employee-name h2{margin:0;font-size:17px}.employee-status{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar-text{background:var(--soft-avatar);color:var(--brand-ink);justify-content:center;align-items:center;font-weight:700;display:flex}.mon-detail{animation:panel-in var(--t-med) var(--ease)}.mon-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.mon-fact{background:var(--surface-2);border-radius:var(--radius-sm);min-width:0;padding:8px 10px}.mon-fact dt{color:var(--ink-2);font-size:11.5px;font-weight:550}.mon-fact dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.mon-fact dd small{font-weight:400}.mon-fresh{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:13px;display:flex}.mon-fresh-live{background:var(--st-inside-soft)}.mon-fresh-old{background:var(--soft-warning)}.mon-actions{flex-wrap:wrap;gap:8px;display:flex}.mon-actions .btn{flex:auto}.alert-row{border-bottom:1px solid var(--line-2);border-radius:var(--radius-sm);padding:10px 6px}.alert-row p{margin:4px 0;font-size:13px}.alert-row-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.alert-row-new{background:var(--soft-accent);box-shadow:inset 3px 0 0 var(--accent)}.alert-row-arrived{animation:feed-in var(--t-slow) var(--ease), feed-glow 4s ease-out}.actions-left{flex-wrap:wrap;gap:4px;display:flex}.feed-state{border:1px solid;border-radius:999px;align-items:center;gap:3px;padding:0 7px;font-size:11.5px;font-weight:700;display:inline-flex}.feed-new{color:var(--accent-ink)}.feed-ack{color:var(--ink-2)}.feed-ongoing{color:var(--st-outside)}.feed-resolved{color:var(--st-inside)}.map-legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 4px 0;font-size:12px;display:flex}.map-legend>span{align-items:center;gap:5px;display:inline-flex}.map-ctrl{z-index:500;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;right:10px}.map-ctrl .btn{background:var(--glass);box-shadow:var(--shadow-sm);justify-content:flex-start}.map-mode{z-index:500;flex-wrap:wrap;gap:6px;max-width:calc(100% - 230px);display:flex;position:absolute;top:10px;left:56px}.map-mode-chip{background:var(--glass);box-shadow:var(--shadow-sm);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.map-mode-live{color:var(--st-inside)}.map-mode-history{color:var(--history);border-color:var(--history-line);background:var(--soft-history)}.map-mode-demo{color:var(--warn-ink);background:var(--soft-accent);border:1px dashed #c99a1c}.map-mode-paused{color:var(--ink-2)}.map-status{z-index:500;position:absolute;inset:auto 10px 10px}.map-status .banner{box-shadow:var(--shadow-sm);margin:0}.live-marker{place-items:center;display:grid;position:relative;overflow:visible}.live-marker .lm-body{color:#fff;background:var(--st-inside);width:32px;height:32px;transition:transform var(--t-med) var(--ease), box-shadow var(--t-med);border:2px solid #fff;border-radius:50%;place-items:center;font:700 11px/1 system-ui,sans-serif;display:grid;box-shadow:0 0 0 1px #00000059,0 2px 6px #0000004d}.live-marker .lm-glyph{background:var(--surface);border-radius:50%;place-items:center;width:16px;height:16px;font:800 10px/1 system-ui,sans-serif;display:grid;position:absolute;bottom:-4px;right:-5px;box-shadow:0 0 0 1px #0000004d}.live-marker .lm-ring{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-4px}.live-marker-inside .lm-body{background:var(--st-inside)}.live-marker-inside .lm-glyph{color:var(--st-inside)}.live-marker-nosite .lm-body{background:var(--brand-2)}.live-marker-nosite .lm-glyph{color:var(--brand-2)}.live-marker-pending .lm-body{background:var(--st-pending);outline:2px dashed var(--st-pending);outline-offset:2px}.live-marker-pending .lm-glyph{color:var(--st-pending)}.live-marker-outside .lm-body{background:var(--st-outside);border-radius:8px}.live-marker-outside .lm-glyph{color:var(--st-outside)}.live-marker-stale .lm-body{background:var(--surface);color:var(--st-stale);border:3px solid var(--st-stale)}.live-marker-stale .lm-glyph{color:var(--st-stale)}.live-marker-offline .lm-body{background:var(--surface);color:var(--st-offline);border:3px dashed var(--st-offline)}.live-marker-offline .lm-glyph{color:var(--st-offline)}.live-marker-gps .lm-body{background:var(--surface);color:var(--st-gps);border:3px dashed var(--st-gps)}.live-marker-gps .lm-glyph{color:var(--st-gps)}.live-marker-stopped .lm-body{background:var(--surface);color:var(--ink-2);border:3px dotted var(--ink-2);border-radius:8px}.live-marker-stopped .lm-glyph{color:var(--ink-2)}.live-marker-selected{z-index:1000!important}.live-marker-selected .lm-body{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--brand-2), 0 4px 12px #00000059;transform:scale(1.18)}.marker-cluster{background:#1c5d992e;border-radius:50%}.marker-cluster div{background:var(--brand);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;margin:4px;font:700 12px/1 system-ui,sans-serif;display:grid;box-shadow:0 2px 6px #0000004d}.marker-cluster .mc-alert{background:var(--st-outside);color:#fff;text-align:center;border:2px solid #fff;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font:800 10px/18px system-ui,sans-serif;position:absolute;top:-4px;right:-6px}.fence-label{color:#fff;box-shadow:none;background:#0f3d66e6;border:0;border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600}.fence-label:before{display:none}.route-mark{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0006}.route-mark-start{background:var(--good)}.route-mark-end{background:var(--critical)}.route-mark-stop{background:var(--warning)}.route-mark-enter{background:var(--st-inside);border-radius:2px}.route-mark-exit{background:var(--serious);border-radius:2px}.route-mark-gap{background:var(--surface);border-color:var(--critical);box-shadow:0 0 0 1px var(--critical)}.legend-dot.route-point{background:var(--surface);border:2px solid #1c5d99}.playback-caveat{margin:6px 0 0;font-size:.85rem}.timeline-point{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legend-dot.route-mark-start,.legend-dot.route-mark-end,.legend-dot.route-mark-stop,.legend-dot.route-mark-enter,.legend-dot.route-mark-exit,.legend-dot.route-mark-gap{border-width:1px}.legend-gap-line{border-top:2px dashed var(--nav-head);vertical-align:middle;width:22px;display:inline-block}.playback-marker .pb-dot{background:var(--history);width:18px;height:18px;box-shadow:0 0 0 2px var(--history), 0 2px 8px #00000059;border:3px solid #fff;border-radius:50%}.playback{border-top:1px solid var(--line);background:var(--soft-history);grid-template-columns:auto 1fr auto;align-items:center;gap:10px 14px;padding:12px 14px;display:grid}.playback-time{font-variant-numeric:tabular-nums;min-width:8ch;font-weight:700}.playback input[type=range]{width:100%;accent-color:var(--history);min-height:0;box-shadow:none;border:0;padding:0}.playback-track{position:relative}.playback-gaps{pointer-events:none;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.playback-gaps i{background:repeating-linear-gradient(90deg, var(--critical) 0 3px, transparent 3px 6px);opacity:.75;position:absolute;top:0;bottom:0}.playback-note{color:var(--ink-2);grid-column:1/-1;font-size:12.5px}.playback-note b{color:var(--ink)}.playback-gap-now{color:var(--critical);font-weight:700}.timeline-row{border-left:3px solid var(--line);grid-template-columns:68px 1fr;gap:6px;padding:6px 0 6px 10px;font-size:13px;display:grid}.timeline-gap{border-left-color:var(--critical);background:var(--soft-critical);border-left-style:dashed}.timeline-stop{border-left-color:var(--warning)}.timeline-enter{border-left-color:var(--good)}.timeline-exit{border-left-color:var(--serious)}.points-table{max-height:320px;margin-top:8px;overflow-y:auto}.section-note{margin-bottom:10px}.settings-card{max-width:560px}.kv-row{display:contents}.field-check{align-items:center;gap:6px;display:flex}.editor-grid{margin-bottom:12px}.spaced{margin-top:14px}.exception-row{border-bottom:1px solid var(--line-2);justify-content:space-between;padding:4px 0;display:flex}.skel{background:linear-gradient(90deg, var(--soft-neutral) 0%, var(--surface-hover) 40%, var(--soft-neutral) 80%);background-size:200% 100%;border-radius:6px;animation:1.3s linear infinite skel;display:block}.skel-line{height:12px;margin:8px 0}.skel-row{grid-template-columns:34px 1fr 70px;align-items:center;gap:10px;padding:8px 0;display:grid}.skel-circle{border-radius:50%;width:34px;height:34px}.skel-map{z-index:400;border-radius:0;position:absolute;inset:0}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes panel-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes feed-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes feed-glow{0%{background:var(--soft-accent-strong)}to{background:0 0}}@keyframes lm-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}.live-marker-fresh .lm-ring{border:2px solid #0a7f0a8c;animation:1.4s ease-out 2 lm-pulse}.live-marker-alerting .lm-ring{border:3px solid #c2541fa6;animation:1.6s ease-out 3 lm-pulse}.btn-saved{animation:panel-up var(--t-med) var(--ease)}.banner{animation:feed-in var(--t-med) var(--ease)}.modal{animation:panel-up var(--t-med) var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.skel{animation:none}.live-marker .lm-ring{display:none}}@media (width<=1180px){.mon-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.live-grid{grid-template-columns:1fr}.live-map{height:58vh;min-height:340px}.live-list-scroll{max-height:50vh}.map-mode{max-width:calc(100% - 70px);top:10px;left:52px}.map-ctrl{flex-flow:wrap;justify-content:flex-end;top:auto;bottom:10px;left:10px}}@media (width<=560px){.mon-summary{gap:8px}.mon-card{grid-template-columns:1fr;padding:10px}.mon-card .mon-card-icon{display:none}.mon-card b{font-size:22px}.mon-toolbar .mon-site,.mon-toolbar .mon-site select,.mon-toolbar label{width:100%;min-width:0}.playback{grid-template-columns:auto 1fr}}@media (width<=800px){.shell{grid-template-columns:1fr}.nav{height:auto;display:none;position:static}.nav.is-open{display:block}.topbar .menu-btn{display:inline-flex}.grid-2{grid-template-columns:1fr}}.site{flex-direction:column;min-height:100vh;font-size:16px;line-height:1.55;display:flex}.site main{flex:1}.container{width:min(1120px,100% - 32px);margin-inline:auto}.logo{width:auto;height:44px;display:block}.btn-lg{border-radius:7px;padding:11px 20px;font-size:16px;font-weight:600}.btn-block{width:100%}.menu-btn{font:inherit;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:0 0;border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;font-weight:600;display:none}.menu-icon{background:currentColor;width:18px;height:2px;box-shadow:0 -6px,0 6px}.auth{background:var(--bg);grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:100vh;display:grid}.auth-side{background:var(--brand);color:#fff;isolation:isolate;position:relative;overflow:hidden}.auth-side>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.auth-side-overlay{z-index:-1;border-bottom:3px solid var(--accent);background:linear-gradient(#0a182880,#0a1828e6);position:absolute;inset:0}.auth-side-content{position:absolute;bottom:32px;left:32px;right:32px}.auth-side-content .logo{height:48px;margin-bottom:10px}.auth-side-content p{color:#d7e3ee;font-size:16px}.auth-main{flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:12px;padding:28px}.auth-logo{margin-bottom:18px;display:none}.auth-card h1{color:var(--brand-ink);margin-bottom:6px;font-size:24px}.auth-intro{margin-bottom:18px;font-size:14.5px}.auth-form{gap:14px}.auth-form .field label{font-size:13px;font-weight:600}.auth-form input:not([type=checkbox]){border-radius:7px;padding:10px 12px;font-size:15px}.auth-form input:focus-visible{outline:2px solid var(--brand-2);outline-offset:1px;border-color:var(--brand-2)}.field-invalid input{border-color:var(--critical)}.field-error{color:var(--critical)}.password-wrap{position:relative}.password-wrap input{width:100%;padding-right:64px!important}.password-toggle{font:inherit;color:var(--brand-2);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:13px;font-weight:600;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{background:var(--brand-soft)}.auth-help{color:var(--ink-3);text-align:center;font-size:13px}.auth-foot{margin-top:18px;font-size:14px}.spinner{vertical-align:-2px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-side{min-height:160px}.auth-side-content{bottom:16px;left:16px;right:16px}.auth-side-content .logo{height:40px}.auth-main{padding:24px 16px 32px}}.wx-section-title{margin:6px 0 10px}.wx-card{margin-bottom:14px}.wx-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.wx-place{font-size:12.5px}.wx-now{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:center;gap:10px;min-width:220px;padding:8px 12px;display:flex}.wx-now>div{flex-direction:column;display:flex}.wx-now .wx-temp{font-size:22px;line-height:1.1}.wx-now-text{font-size:13px}.wx-icon{color:var(--brand-2);flex:none}.wx-icon-clear{color:var(--accent-ink)}.wx-icon-rain_heavy,.wx-icon-thunder{color:var(--brand-ink)}.wx-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.wx-day{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 8px;display:flex}.wx-day-flagged{border-color:var(--serious);background:var(--soft-accent);box-shadow:inset 0 3px 0 var(--serious)}.wx-day-head{flex-direction:column;line-height:1.2;display:flex}.wx-day-head b{font-size:13.5px}.wx-cond{color:var(--ink-2);min-height:2.4em;font-size:12.5px}.wx-temps{font-size:15px}.wx-temps b{font-size:17px}.wx-stats{text-align:left;grid-template-columns:auto 1fr;gap:1px 6px;width:100%;margin:2px 0 0;font-size:12px;display:grid}.wx-stats dt{color:var(--ink-3)}.wx-stats dd{white-space:nowrap;margin:0}.wx-flags{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:2px;display:flex}.wx-flag{font-size:11px}.wx-note{margin-bottom:6px;font-size:12.5px}.wx-foot{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.wx-compact .wx-days{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}@media (width<=1100px){.wx-days{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.wx-days{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-now{width:100%}.wx-stats{font-size:12.5px}}.auth-link{font-weight:600}.demo-bar{background:var(--soft-accent);border-bottom:1px solid #efd9a0;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:7px 22px;font-size:13px;display:flex}.demo-bar-off{background:#eef3f8;border-bottom-color:#cfdceb}.demo-bar-mini{padding:4px 22px}.trial-bar{background:#e6f4ea;border-bottom-color:#b9dcc3}.trial-signin{line-height:1.6}.trial-signin code{font-weight:600}.trial-signin .btn{margin-left:4px}.demo-main{flex-wrap:wrap;flex:420px;align-items:center;gap:6px 14px;min-width:0;display:flex}.demo-chip{letter-spacing:.06em;text-transform:uppercase;color:#7a4b00;white-space:nowrap;background:#ffe2a8;border:1px solid #e8c47a;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.demo-state{white-space:nowrap;color:var(--ink-2);font-weight:600}.demo-state.is-live{color:var(--good-ink)}.demo-dot{background:var(--st-inside);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.6s ease-in-out infinite demo-pulse;display:inline-block}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.demo-dot{animation:none}}.demo-event{text-overflow:ellipsis;white-space:nowrap;flex:260px;min-width:0;overflow:hidden}.demo-event small{color:var(--ink-3);margin-right:4px}.demo-stale{color:#a05a00;font-weight:600}.demo-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo-error{color:var(--critical);flex-basis:100%}.demo-feed{margin:0;padding:0;list-style:none}.demo-feed li{border-bottom:1px solid var(--line-2);padding:4px 0;font-size:13px}.demo-feed small{color:var(--ink-3);margin-right:6px}@media (width<=800px){.demo-bar{padding:6px 12px}.demo-event{white-space:normal}}.dash-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.dash-tile{color:inherit;align-items:flex-start;gap:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.dash-tile:hover{border-color:var(--brand-2);box-shadow:var(--shadow)}.dash-tile-body{flex-direction:column;min-width:0;display:flex}.dash-tile b{font-variant-numeric:normal;font-size:24px;line-height:1.15}.dash-tile b small{color:var(--ink-3);margin:0;font-size:14px;font-weight:500;display:inline}.dash-tile .dash-tile-label{color:var(--ink-2);font-size:12.5px}.dash-tile .dash-tile-sub{color:var(--ink-3);margin-top:2px;font-size:12px}.dash-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.dash-icon-good{background:var(--soft-good);color:var(--st-inside)}.dash-icon-warn{background:var(--accent-soft);color:var(--accent-ink)}.dash-icon-bad{background:var(--soft-critical);color:var(--critical)}.dash-icon-muted{background:var(--soft-neutral);color:var(--ink-2)}.delta{color:var(--ink-2);margin-top:3px;font-size:12px}.delta-up{color:var(--good-ink)}.delta-down{color:var(--danger-ink)}.dash-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:14px;margin-bottom:14px;display:grid}.dash-grid-3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.dash-grid>.card{min-width:0;margin:0}.card-head{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.card-head h2{margin:0}.card-head>a{white-space:nowrap;margin-left:auto;font-size:12.5px}.count-pill{background:var(--brand-soft);color:var(--brand-ink);border-radius:10px;padding:0 8px;font-size:12px;font-weight:600;line-height:18px}.dash-summary{color:var(--ink-2);margin-bottom:10px;font-size:13px}.dash-more{margin-top:8px;font-size:12.5px}.split{gap:2px;height:28px;margin:4px 0 2px;display:flex}.split>i{color:#fff;white-space:nowrap;border-radius:4px;align-items:center;min-width:0;padding-left:8px;font-size:12px;font-style:normal;font-weight:600;display:flex;overflow:hidden}.split-rest{background:var(--track);color:var(--ink-2)!important}.legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12.5px;display:flex}.legend-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.chart{margin-top:12px;position:relative}.chart svg{display:block;overflow:visible}.chart rect:focus{outline:none}.chart rect:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.chart-tip{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:5;border-radius:6px;padding:7px 10px;font-size:12px;line-height:1.5;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000040}.chart-tip b{font-weight:600}.chart-tip>b{margin-bottom:2px;display:block}.chart-tip>div{align-items:center;gap:4px;display:flex}.chart-tip>div>b{margin-left:auto;padding-left:10px}.chart-tip-total{border-top:1px solid #ffffff40;margin-top:3px;padding-top:3px}.chart-table{max-width:100%;margin-top:8px;font-size:12.5px;overflow-x:auto}.chart-table summary{cursor:pointer;color:var(--ink-2)}.chart-table table{margin-top:6px}.chart-table th,.chart-table td{padding:4px 8px}.onsite-list{margin-top:8px}.onsite-row{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:7px 0;display:flex}.onsite-row:last-child{border-bottom:0}.onsite-row .avatar{width:34px;height:34px;font-size:12.5px}.onsite-main{flex:1;min-width:0}.onsite-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:550;display:block;overflow:hidden}.onsite-main small{display:block}.onsite-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.onsite-side small{white-space:nowrap}.list-plain{margin:0;padding:0;list-style:none}.list-plain li{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.list-plain li:last-child{border-bottom:0}.list-plain .is-due,.approvals .is-due{color:var(--accent-ink);font-weight:650}.approvals td{padding:7px 4px}.list-main{min-width:0}.list-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:550;display:block;overflow:hidden}.list-main small{display:block}.list-side{flex-direction:column;flex:none;align-items:flex-end;gap:2px;font-size:12.5px;display:flex}.due{white-space:nowrap}.due-over{color:var(--danger-ink);font-weight:600}.due-today{color:var(--accent-ink);font-weight:600}.mini-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.mini-stats>div{background:var(--bg);border-radius:6px;padding:6px 8px}.mini-stats b{font-size:18px;font-weight:650;line-height:1.2;display:block}.mini-stats span{color:var(--ink-2);font-size:11.5px}.feed{grid-template-columns:1fr 1fr;column-gap:28px;margin:0;padding:0;list-style:none;display:grid}.feed li{border-bottom:1px solid var(--line-2);grid-template-columns:26px 1fr auto;align-items:start;gap:10px;padding:7px 0;font-size:13px;display:grid}.feed-dot{background:var(--brand-soft);width:26px;height:26px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;display:flex}.feed-check_in,.feed-task{background:var(--soft-good);color:var(--st-inside)}.feed-breakdown{background:var(--soft-critical);color:var(--critical)}.feed-leave,.feed-claim,.feed-material{background:var(--accent-soft);color:var(--accent-ink)}.feed-check_out{background:var(--soft-neutral);color:var(--ink-2)}.feed-text{min-width:0;line-height:1.5}.feed-text b{font-weight:600}.feed time{color:var(--ink-3);white-space:nowrap;padding-top:2px;font-size:12px}@media (width<=1050px){.dash-grid,.feed{grid-template-columns:1fr}}.dash-tile .dash-tile-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.boq-row{border-bottom:1px solid var(--line-2);padding:8px 0}.boq-row:last-child{border-bottom:0}.boq-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.boq-head .num{white-space:nowrap;flex:none}.boq-row .chips{margin-top:6px}.setting{border-bottom:1px solid var(--line-2);padding:10px 0}.setting:last-child{border-bottom:0}.setting-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.plain-list{gap:4px;margin:4px 0;padding:0;list-style:none;display:grid}.setting-label{font-size:12.5px;font-weight:550}.setting input:not([type=checkbox]),.setting select{width:100%}.setting-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.setting.is-site{border-left:3px solid var(--accent);margin-left:-13px;padding-left:10px}.chip{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.chip-site{background:var(--accent-soft);color:var(--accent-ink)}.chip-org{background:var(--brand-soft);color:var(--brand-ink)}.chip-off{background:var(--line-2);color:var(--ink-3)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.save-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;display:flex;position:sticky;bottom:0}.save-bar.is-dirty{border-color:var(--accent)}.grid-2.tight{gap:10px}.bullets{margin:8px 0 0;padding-left:18px}.bullets li{margin-bottom:6px}.bars{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.bar-row{grid-template-columns:90px 1fr 90px;align-items:center;gap:8px;font-size:12.5px;display:grid}.bar-track{background:var(--line-2);border-radius:5px;height:10px;overflow:hidden}.bar{background:var(--brand-2);border-radius:5px;height:100%;display:block}.bar-low{background:var(--serious)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.diff-inline{white-space:pre-wrap;word-break:break-word;font-size:12px}tr.is-low td{background:var(--soft-accent)}@media (width<=800px){.save-bar{z-index:var(--z-raised);margin:0;position:fixed;bottom:8px;left:8px;right:8px}.page:has(.save-bar){padding-bottom:110px}.setting.is-site{margin-left:0}}.help-layout{grid-template-columns:260px 1fr;align-items:start;gap:14px;display:grid}.help-toc{flex-direction:column;gap:6px;display:flex;position:sticky;top:10px}.help-toc .search{width:100%}.help-manuals{border-bottom:1px solid var(--line);gap:2px;display:flex}.help-toc nav{flex-direction:column;max-height:calc(100vh - 160px);display:flex;overflow-y:auto}.help-link{font:inherit;text-align:left;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px}.help-link:hover{background:var(--line-2);color:var(--ink)}.help-link.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.help-content{max-width:860px;line-height:1.55}.help-content h1{margin-bottom:10px}.help-content h2{margin-top:18px;font-size:16px}.help-content h3{margin-top:14px;font-size:14px}.help-content p,.help-content ul,.help-content ol,.help-content blockquote{margin:0 0 10px}.help-content li{margin-bottom:4px}.help-content code{background:var(--line-2);border-radius:3px;padding:0 4px;font-size:12.5px}.help-content blockquote{border-left:3px solid var(--line);color:var(--ink-2);padding-left:10px}.help-content table{margin-bottom:12px}.help-figure{margin:10px 0 14px}.help-figure img{border:1px solid var(--line);border-radius:6px;max-width:100%}.help-figure figcaption{color:var(--ink-3);margin-top:4px;font-size:12px}.help-contents li{margin-bottom:4px}.link-btn{font:inherit;color:var(--brand-2);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.help-hits{margin:0;padding:0;list-style:none}.help-hit{text-align:left;width:100%;font:inherit;border:0;border-bottom:1px solid var(--line-2);cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:8px 4px;display:flex}.help-hit:hover{background:var(--line-2)}.help-hit span{color:var(--ink-2);font-size:12.5px}.help-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;display:flex}.wx-about{margin-top:8px;font-size:12.5px}.wx-about summary{cursor:pointer;color:var(--brand-2)}.wx-about p{margin:6px 0 0}.pre-line{white-space:pre-line}.is-highlight{background:var(--accent-soft);border-radius:4px;padding:2px 4px}@media (width<=800px){.help-layout{grid-template-columns:1fr}.help-toc{position:static}.help-toc nav{border:1px solid var(--line);border-radius:6px;max-height:220px;padding:4px}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reduce-motion .live-marker .lm-ring{display:none}.form-saved{color:var(--st-inside);align-self:center;margin-right:auto;font-weight:650}body{background:var(--bg);color:var(--ink)}.topbar{gap:10px}.card,.tile,.table-wrap{transition:box-shadow var(--t-med) var(--ease), border-color var(--t-med) var(--ease)}.nav a.active{box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.page-head h1{position:relative}.page-head h1:after{content:"";background:var(--accent);border-radius:2px;width:28px;height:3px;margin-top:6px;display:block}:root[data-theme=dark] .btn{background:var(--surface-2);border-color:var(--field-line);color:var(--ink)}:root[data-theme=dark] .btn:hover{background:var(--surface-hover)}:root[data-theme=dark] .btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme=dark] .btn-primary:hover{background:#4a82bb;border-color:#4a82bb}:root[data-theme=dark] .btn-accent{color:#1a1405}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--surface-2);color:var(--ink);border-color:var(--field-line)}:root[data-theme=dark] th{background:var(--surface-2)}:root[data-theme=dark] .site-nav a.btn-primary,:root[data-theme=dark] .nav .count{color:#fff}:root[data-theme=dark] .hero-overlay{background:linear-gradient(100deg,#060e18eb 0%,#060e18bd 48%,#060e1866 100%)}:root[data-theme=dark] .photo-card img,:root[data-theme=dark] .auth-side>img{filter:brightness(.88)}:root[data-theme=dark] .chart-tip{border:1px solid var(--line);background:#0b141e}@media (prefers-reduced-motion:no-preference){@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page>.card,.page>.tiles>.tile,.page>.grid-2>.card,.page>.dash-grid>.card,.page>.table-wrap,.mon-summary>.tile,.live-side>.card{animation:rise var(--t-med) var(--ease) both}.tiles>.tile:nth-child(2),.mon-summary>.tile:nth-child(2){animation-delay:30ms}.tiles>.tile:nth-child(3),.mon-summary>.tile:nth-child(3){animation-delay:60ms}.tiles>.tile:nth-child(4),.mon-summary>.tile:nth-child(4){animation-delay:90ms}.tiles>.tile:nth-child(n+5){animation-delay:.12s}.main>main{animation:rise var(--t-med) var(--ease) both}.dash-tile:hover,.tile-btn:hover{transform:translateY(-1px)}.auth-card{animation:rise var(--t-slow) var(--ease) both}}.reduce-motion .page>.card,.reduce-motion .main>main{animation:none}.auth-main{position:relative}.auth-theme{position:absolute;top:14px;right:14px}.timeline-login{border-left-color:var(--good);font-weight:600}.timeline-logout{border-left-color:var(--ink-2);font-weight:600}.timeline-poor{border-left-color:var(--warning)}.timeline-point button,.timeline-row button{font:inherit;text-align:left;color:var(--brand-2);cursor:pointer;background:0 0;border:0;padding:0}.timeline-point .btn{color:var(--ink)}.map-ctrl .btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}:root[data-theme=dark] .nav a.active{background:var(--brand);color:#fff}@media (width<=800px){.topbar{flex-wrap:wrap;justify-content:flex-end;row-gap:6px;padding:8px 12px}.topbar .menu-btn{order:-1}}.kv{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}.kv dt,.kv dd{overflow-wrap:anywhere;min-width:0}.export{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex;position:relative}.export-menu{display:inline-flex;position:relative}.export-list{z-index:var(--z-sticky);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow-lg);flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.export-list button{all:unset;box-sizing:border-box;border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.export-list button:hover,.export-list button:focus-visible{background:var(--surface-2);outline:2px solid var(--brand-2);outline-offset:-2px}.export-list small{color:var(--ink-3);font-size:11.5px}.export-error{color:var(--critical);max-width:320px;font-size:12.5px}.row-total td{border-top:2px solid var(--line);background:var(--surface-2);font-weight:650}.print-sheet{display:none}@media print{@page{margin:12mm 10mm 14mm;@bottom-left{content:"MSEW Infra Projects";font:8pt sans-serif;color:#555}@bottom-right{content:"Page " counter(page) " of " counter(pages);font:8pt sans-serif;color:#555}}:root,:root[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--surface-2:#f2f2f2;--ink:#000;--ink-2:#333;--ink-3:#555;--line:#bbb;--line-2:#ddd;--bg:#fff}html,body{color:#000;background:#fff!important}*{box-shadow:none!important;transition:none!important;animation:none!important}body.printing>:not(.print-sheet){display:none!important}body.printing .print-sheet{display:block}.print-head{border-bottom:2px solid #14304f;align-items:flex-start;gap:12px;margin-bottom:8px;padding-bottom:6px;display:flex}.print-logo{width:auto;height:34px}.print-head h1{margin:2px 0 4px;font-size:15pt}.print-head p{color:#333;margin:0;font-size:8.5pt}.print-brand{font-weight:700;color:#14304f!important}.print-table{border-collapse:collapse;width:100%;font-size:8pt}.print-table th{color:#000;white-space:normal;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:8pt;background:#e5ebf2!important}.print-table th,.print-table td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #ccc;padding:3px 5px}.print-total td{border-top:2px solid #555;font-weight:700}.print-empty,.print-note{margin-top:10px;font-style:italic}thead{display:table-header-group}tfoot{display:table-footer-group}tr,img{break-inside:avoid;page-break-inside:avoid}h1,h2,h3{break-after:avoid}.nav,.topbar,.menu-btn,.toolbar,.pager button,.page-actions,.tabs,.filters,.demo-bar,.trial-bar,.export,.actions,.btn,.icon-btn,.map-ctrl,.map-mode,.save-bar,.site-header,.site-footer{display:none!important}.shell{display:block}.main>main,.page{padding:0}.table-scroll,.modal-body,.live-list-scroll{max-height:none!important;overflow:visible!important}.card,.table-wrap,.tile{break-inside:avoid-page;border:1px solid #ccc}a{color:inherit;text-decoration:none}body.modal-open>:not(.modal-back){display:none!important}body.modal-open .modal-back{background:0 0;padding:0;display:block;position:static}body.modal-open .modal{width:auto;max-height:none;box-shadow:none}}