:root{--ink:#173d3a;--ink-2:#245650;--accent:var(--hap-brand-accent,#e89a4a);--accent-soft:#fff0dc;--paper:#fffdf8;--canvas:#f4f1e9;--line:#e4dfd3;--muted:#6b7773;--good:#2e876f;--warn:#c67c2f;--bad:#b85652;--shadow:0 18px 50px rgba(29,59,54,.1);--radius:18px;--hap-ink:#173d3a;--hap-ink-2:#245650;--hap-accent:var(--hap-brand-accent,#e89a4a);--hap-accent-soft:#fff0dc;--hap-paper:#fffdf8;--hap-canvas:#f4f1e9;--hap-line:#e4dfd3;--hap-muted:#6b7773;--hap-good:#2e876f;--hap-warn:#c67c2f;--hap-bad:#b85652;--hap-shadow:0 18px 50px rgba(29,59,54,.1);--hap-radius:18px}.hap-nav-dropdown:hover .hap-nav-caret,.hap-nav-dropdown:focus-within .hap-nav-caret,.hap-nav-dropdown.active .hap-nav-caret{transform:rotate(180deg)}.hap-nav-dropdown:hover .hap-nav-dropdown-menu,.hap-nav-dropdown:focus-within .hap-nav-dropdown-menu,.hap-nav-dropdown.active .hap-nav-dropdown-menu{display:grid}.hap-nav-dropdown-menu>a:hover,.hap-nav-dropdown-menu>a.active{background:rgba(255,255,255,.11);color:#fff}.nav-item.active{background:rgba(255,255,255,.11);color:#fff !important;box-shadow:inset 3px 0 var(--accent)}.role-switch .active{background:var(--paper);color:var(--ink);box-shadow:0 5px 16px rgba(30,52,48,.1)}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.chip.active{background:var(--ink);border-color:var(--ink);color:#fff !important}@keyframes hap-status-pulse{0%,100%{opacity:.72;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}.field.hap-field-invalid input,.field.hap-field-invalid select,.field.hap-field-invalid textarea,.hap-field.hap-field-invalid input,.hap-field.hap-field-invalid select,.hap-field.hap-field-invalid textarea,[aria-invalid="true"]{border-color:#dc3b35 !important;box-shadow:0 0 0 3px rgba(220,59,53,.12) !important}@keyframes hap-device-received-pulse{0%{box-shadow:0 0 0 0 rgba(35,135,242,.65)}70%{box-shadow:0 0 0 8px rgba(35,135,242,0)}100%{box-shadow:0 0 0 0 rgba(35,135,242,0)}}.hap-pagination a.active{border-color:var(--ink);background:var(--ink);color:#fff}body.hap-system-page,body.hap-wm-admin-app{color:var(--hap-ink);background:radial-gradient(circle at 100% 0%,rgba(232,154,74,.11),transparent 28rem),var(--hap-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.hap-system-page{margin:0;min-height:100vh}body.hap-system-page *{box-sizing:border-box}#hap-system-content{min-height:100vh}body.hap-system-page input:focus,body.hap-system-page select:focus,body.hap-system-page textarea:focus{border-color:var(--hap-accent) !important;box-shadow:0 0 0 3px rgba(232,154,74,.13) !important;outline:none}body.hap-system-page .hap-login-shell{min-height:100vh !important;padding:24px !important;background:radial-gradient(circle at 78% 18%,rgba(232,154,74,.18),transparent 26rem),linear-gradient(125deg,#123633,var(--hap-ink-2))}body.hap-system-page .hap-login-card{max-width:440px !important;padding:36px !important;border:1px solid rgba(255,255,255,.35) !important;border-radius:22px !important;background:var(--hap-paper) !important;box-shadow:0 28px 80px rgba(8,31,28,.3) !important}body.hap-system-page .hap-login-brand h1{color:var(--hap-ink) !important;font-family:Georgia,"Times New Roman",serif;font-size:31px !important}body.hap-system-page .hap-login-card .button-primary{background:var(--hap-ink) !important;border-radius:12px !important}.hap-customer-state.active{color:var(--hap-good);background:#e8f5f0}@media (max-width: 680px){body.hap-system-page .hap-login-card{padding:27px 20px !important}}.hap-payroll-tabs a:first-child.active{background:#e96d00;color:#fff;border-color:#e96d00;box-shadow:0 8px 22px rgba(18,63,56,.18)}.hap-payroll-tabs a:last-child.active{background:#00830b;color:#fff;border-color:#00830b;box-shadow:0 8px 22px rgba(18,63,56,.18)}@keyframes hapPayrollPulse{0%{box-shadow:0 0 0 0 rgba(239,45,45,.65)}70%{box-shadow:0 0 0 9px rgba(239,45,45,0)}100%{box-shadow:0 0 0 0 rgba(239,45,45,0)}}.hap-payroll-history a.active{background:#176b52;color:#fff}.hap-month-switch a.active{background:#176b52;color:#fff}.hap-case-timeline article.active{border-color:#56b093;box-shadow:inset 3px 0 #168b68}body.hap-wm-admin-app .nav-item.active,.hap-employee-app .nav-item.active{box-shadow:inset 3px 0 #4e8cff}.hap-employee-quote-submenu a:hover,.hap-employee-quote-submenu a.active{border-color:rgba(117,164,242,.25);background:linear-gradient(135deg,rgba(78,140,255,.25),rgba(43,102,193,.14));color:#fff !important;transform:translateX(1px)}.hap-employee-quote-submenu a.active{box-shadow:inset 3px 0 #67a0ff,0 4px 12px rgba(5,19,42,.12)}.hap-nav-group-menu>a:hover,.hap-nav-group-menu>a.active{background:rgba(78,140,255,.15);color:#fff !important}.hap-nav-group-menu>a.active{box-shadow:inset 3px 0 #4e8cff}@keyframes hap-modern-pulse{70%{box-shadow:0 0 0 8px rgba(228,72,85,0)}100%{box-shadow:0 0 0 0 rgba(228,72,85,0)}}@keyframes hapAppointmentBell{0%,100%{transform:rotate(0)}25%{transform:rotate(9deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}.hap-employee-filter-bar a:hover,.hap-employee-filter-bar a.active{border-color:#176b52;background:#176b52;color:#fff}.hap-ui-pagination span.page-numbers.current,.hap-ui-pagination.hap-ui-pagination-direct>a.active{border-color:#16805f;background:#16805f;color:#fff;box-shadow:0 6px 16px rgba(22,128,95,.25)}.hap-clickable-row,[data-hap-row-url]{cursor:pointer}@keyframes hap-device-returned-pulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,.65)}70%{box-shadow:0 0 0 8px rgba(139,92,246,0)}100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}}@media (max-width:767px){:is(.hap-employee-ticket,.hap-admin-ticket) input,:is(.hap-employee-ticket,.hap-admin-ticket) select{min-width:0 !important;max-width:100%;box-sizing:border-box}}@media (max-width:782px){:root{--hap-mobile-blue:#195bd7;--hap-mobile-navy:#071d4d;--hap-mobile-canvas:#eef3fb;--hap-mobile-card:#fff;--hap-mobile-shadow:0 10px 28px rgba(18,49,103,.09)}html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}button,a,input,select,textarea{touch-action:manipulation}body.hap-wm-admin-app,.hap-system-page{background:var(--hap-mobile-canvas) !important}}@keyframes hap-employee-message-highlight{0%,100%{box-shadow:0 2px 8px rgba(32,68,112,.08)}25%,70%{box-shadow:0 0 0 3px rgba(33,120,216,.32),0 7px 20px rgba(33,120,216,.2)}}