:root{--app-bg:#f5f7fb;color:#101828;background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{letter-spacing:0}button:hover{filter:brightness(.98)}.auth-shell{background:#eef2f7;grid-template-columns:minmax(340px,.95fr) minmax(360px,1.05fr);min-height:100svh;display:grid}.auth-brand-panel{color:#f8fafc;background:linear-gradient(#0f172ab3,#0f172adb),url(/havaRio.jpeg) 50%/cover;flex-direction:column;justify-content:space-between;gap:32px;min-height:100svh;padding:42px;display:flex}.auth-brand-mark,.auth-card-header{align-items:center;gap:14px;display:flex}.auth-brand-mark img{object-fit:cover;background:#fff;border-radius:8px;width:52px;height:52px}.auth-brand-mark strong,.auth-brand-mark span{display:block}.auth-brand-mark strong{font-size:30px;line-height:1.05}.auth-brand-mark span,.auth-copy p,.auth-status span{color:#dbe4ef}.auth-copy{gap:16px;max-width:520px;display:grid}.auth-kicker{color:#ecfdf3;text-transform:uppercase;background:#14532d6b;border:1px solid #e2e8f047;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.auth-copy h1{color:#fff;max-width:540px;font-size:52px;line-height:1.02}.auth-copy p{max-width:470px;font-size:17px;line-height:1.55}.auth-status{background:#0f172ab8;border:1px solid #e2e8f038;border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex}.auth-card{background:#fff;border:1px solid #d7dde8;border-radius:8px;place-self:center;gap:22px;width:min(480px,100% - 48px);padding:34px;display:grid;box-shadow:0 24px 60px #0f172a29}.auth-card-header{align-items:flex-start}.auth-card-header h2{font-size:28px;line-height:1.15}.auth-card-header p{color:#667085;margin-top:6px}.auth-icon{color:#166534;background:#dcfce7;border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.auth-form{gap:16px;display:grid}.auth-field{color:#344054;gap:8px;font-size:13px;font-weight:800;display:grid}.auth-field>div{color:#667085;background:#f8fafc;border:1px solid #cfd6e2;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.auth-field input{color:#111827;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-weight:600}.auth-field input::placeholder{color:#98a2b3;font-weight:600}.auth-field>div:focus-within{border-color:#166534;box-shadow:0 0 0 4px #1665341f}.auth-submit{color:#fff;cursor:pointer;background:#166534;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:800;display:inline-flex}.auth-submit:hover:not(:disabled){background:#14532d}.auth-submit:disabled{color:#d1d5db;cursor:not-allowed;background:#667085}.app-shell{background:var(--app-bg);grid-template-columns:280px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{color:#f7f8fb;background:#111827;flex-direction:column;gap:28px;height:100svh;padding:24px;display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:12px;display:flex}.brand-mark img{object-fit:cover;background:#fff;border-radius:8px;width:44px;height:44px}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-size:30px;line-height:1.05}.brand-mark span,.install-note span{color:#cbd5e1;font-size:13px}.nav-list{gap:8px;display:grid}.nav-item{color:#dbeafe;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1d4ed8}.install-note{background:#0f172a;border:1px solid #334155;border-radius:8px;gap:10px;margin-top:auto;padding:14px;display:flex}.workspace{width:min(1360px,100%);margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.eyebrow{color:#1d4ed8;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{color:#101828;max-width:780px;font-size:34px;font-weight:750;line-height:1.12}h2,h3{color:#111827}h2{font-size:18px}h3{margin:0;font-size:16px}.primary-button,.primary-action,.secondary-button,.danger-button,.login-form button,.session-user button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:#166534;width:100%}.primary-action{color:#fff;background:#166534;padding:0 16px}.primary-action:hover,.primary-button:hover{background:#14532d}.secondary-button,.session-user button{color:#111827;background:#fff;border:1px solid #d7dde8;padding:0 14px}.danger-button{color:#b42318;background:#fff;border:1px solid #fecdca;padding:0 14px}.danger-button:disabled{color:#98a2b3;cursor:not-allowed;background:#f9fafb;border-color:#eaecf0}.session-bar,.api-message,.metric-panel,.panel,.empty-state{background:#fff;border:1px solid #d7dde8;border-radius:8px;box-shadow:0 12px 32px #0f172a0f}.empty-state{padding:28px}.empty-state p{color:#667085;margin-top:8px}.view-stack{gap:18px;display:grid}.view-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.view-header h2{font-size:28px;line-height:1.15}.view-header p:not(.eyebrow){color:#667085;margin-top:8px}.session-bar{justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin-bottom:18px;padding:10px 14px;display:flex}.session-bar>div,.session-user,.login-form{align-items:center;gap:10px;display:flex}.employee-identity{gap:2px;min-width:120px;display:grid}.employee-identity span{color:#667085;text-transform:uppercase;font-size:12px;font-weight:700}.employee-identity strong{color:#111827;font-size:14px}.header-time-clock{position:relative}.clock-trigger{color:#111827;cursor:pointer;background:#fff;border:1px solid #d7dde8;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.clock-trigger:hover{background:#f0fdf4;border-color:#86efac}.clock-dropdown{z-index:20;background:#fff;border:1px solid #d7dde8;border-radius:8px;gap:12px;width:min(320px,100vw - 28px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 50px #0f172a29}.clock-dropdown-header{border-bottom:1px solid #eef2f7;align-items:center;gap:10px;padding-bottom:10px;display:flex}.clock-dropdown-header div,.clock-entry-summary{gap:2px;display:grid}.clock-dropdown-header strong,.clock-entry-summary strong{color:#111827}.clock-dropdown-header span,.clock-entry-summary span,.clock-entry-summary small{color:#667085;font-size:13px}.clock-message{color:#0f5132;background:#ecfdf3;border-radius:8px;padding:9px 10px;font-size:13px}.login-form input{width:160px}.api-message{color:#0f5132;background:#ecfdf3;margin-bottom:18px;padding:12px 14px}.api-message.warning{color:#7c2d12;background:#fff7ed;border-color:#fed7aa}.api-message.auth-message{box-shadow:none;margin:0}.api-message.edit-message{margin:0}.editing-panel:focus-within{border-color:#86efac;box-shadow:0 0 0 3px #1665341f}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.unit-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.unit-card,.project-card{background:#fff;border:1px solid #d7dde8;border-radius:8px;gap:8px;padding:16px;display:grid}.unit-card span,.unit-card small,.project-card span,.project-card small{color:#667085}.unit-card strong{color:#111827;font-size:26px}.metric-panel{padding:18px}.metric-panel span,.metric-panel small{color:#667085;display:block}.metric-panel strong{color:#111827;margin:8px 0 4px;font-size:28px;display:block}.metric-panel.alert strong{color:#b42318}.control-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;display:grid}.panel{padding:18px}.panel-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.form-panel,.employee-form{gap:12px;display:grid}.field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.field-row.compact{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:#475467;gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{box-sizing:border-box;color:#101828;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #cfd6e2;border-radius:8px;padding:0 11px}textarea{resize:vertical;min-height:96px;padding-top:10px}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:2px solid #93c5fd}.segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented-control label{cursor:pointer;border:1px solid #d7dde8;border-radius:8px;justify-content:center;align-items:center;min-height:42px;display:flex}.segmented-control input{width:16px;min-height:16px}.inventory-header{justify-content:space-between;gap:14px;margin-bottom:14px;display:flex}.toolbar{gap:10px;display:flex}.list-toolbar{justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.search-field,.filter-field{min-width:220px;position:relative}.search-field svg,.filter-field svg{color:#667085;position:absolute;bottom:12px;left:12px}.search-field input,.filter-field select{padding-left:38px}.input-with-icon{display:block;position:relative}.input-with-icon svg{color:#667085;position:absolute;top:12px;left:12px}.input-with-icon input{padding-left:38px}.barcode-control{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.inline-help{color:#667085;font-size:12px}.scanner-modal{width:min(520px,100%)}.scanner-video{aspect-ratio:4/3;object-fit:cover;background:#111827;border-radius:8px;width:100%}.stock-scope label{min-width:240px}.table-wrap,.data-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eaecf0;padding:14px 10px}th{color:#667085;text-transform:uppercase;font-size:12px}td strong,td span{display:block}td span{color:#667085;margin-top:3px;font-size:13px}td input,td select{min-width:112px}.time-range{gap:8px;display:flex}.empty-cell{color:#667085;text-align:center}.metric-name{overflow-wrap:anywhere;font-size:22px}.table-action{margin-top:14px}.crm-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:18px;display:grid}.crm-list-panel,.crm-detail-panel{min-height:560px}.crm-lead-list{gap:8px;display:grid}.crm-lead-item{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #d7dde8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.crm-lead-item:hover,.crm-lead-item.active{background:#eff6ff;border-color:#1d4ed8}.crm-lead-item span,.crm-lead-item small{display:block}.crm-lead-item small{color:#667085;margin-top:4px}.crm-lead-item em{color:#7c2d12;background:#ffedd5;border-radius:8px;flex:none;padding:4px 8px;font-size:12px;font-style:normal;font-weight:800}.crm-detail-title{align-items:flex-start}.crm-detail-title p{color:#667085;margin-top:4px}.crm-profile-grid{gap:10px;margin:16px 0;display:grid}.crm-profile-grid span{color:#475467;background:#f8fafc;border:1px solid #eaecf0;border-radius:8px;gap:4px;padding:12px;display:grid}.crm-profile-grid strong{color:#111827}.crm-events{gap:10px;margin-top:16px;display:grid}.crm-events article{background:#f8fafc;border-left:3px solid #1d4ed8;border-radius:8px;padding:12px}.crm-events p{color:#475467;margin-top:5px}.crm-events small{color:#667085;margin-top:8px;display:block}.status-pill{border-radius:999px;align-items:center;gap:6px;width:max-content;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.success{color:#05603a;background:#d1fadf}.status-pill.warning{color:#93370d;background:#fef0c7}.status-pill.danger{color:#912018;background:#fee4e2}.movement-panel{margin:18px 0 40px}.movement-list{gap:10px;display:grid}.movement-item{border:1px solid #eaecf0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.movement-item small{color:#667085;display:block}.move-in,.move-out{border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.move-in{color:#05603a;background:#d1fadf}.move-out{color:#b42318;background:#fee4e2}.access-list{gap:12px;display:grid}.employee-access-row{grid-template-columns:260px minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.employee-access-row .primary-button{width:auto;padding:0 16px}.access-row{border:1px solid #eaecf0;border-radius:8px;grid-template-columns:minmax(220px,1fr) 140px 170px 170px minmax(180px,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.user-fields{gap:8px;display:grid}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.icon-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d7dde8;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.modal-backdrop{z-index:20;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #d7dde8;border-radius:8px;gap:18px;width:min(440px,100%);padding:20px;display:grid;position:relative;box-shadow:0 24px 70px #0f172a38}.store-edit-modal{width:min(820px,100%);max-height:min(760px,100vh - 40px);overflow:auto}.store-edit-modal label{color:#344054;gap:6px;font-size:13px;font-weight:700;display:grid}.modal-heading{gap:12px;padding-right:40px;display:flex}.confirm-modal .icon-button{position:absolute;top:12px;right:12px}.modal-copy{color:#667085;margin-top:8px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.view-checks{flex-wrap:wrap;gap:8px;display:flex}.view-checks label{border:1px solid #d7dde8;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 8px;display:flex}.view-checks input{width:16px;min-height:16px}.toggle-field{align-items:center;gap:8px;min-height:42px;display:flex}.toggle-field input{width:16px;min-height:16px}.project-card-managed,.unit-card-managed{align-content:start}.project-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.inline-link{color:#1d4ed8;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.empty-inline{color:#667085;background:#f8fafc;border:1px dashed #cfd6e2;border-radius:8px;margin-top:14px;padding:16px}@media (width<=980px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{min-height:auto;padding:24px}.auth-copy{gap:12px}.auth-copy h1{font-size:36px}.auth-card{width:min(560px,100% - 28px);margin:18px 0 28px;padding:24px}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.nav-list{grid-template-columns:repeat(3,1fr)}.install-note{display:none}.workspace{padding:14px}.topbar,.view-header,.session-bar,.inventory-header{flex-direction:column}h1{font-size:26px}.metric-grid,.unit-grid,.project-grid,.control-grid,.crm-layout,.employee-access-row,.access-row{grid-template-columns:1fr}.field-row,.toolbar,.list-toolbar,.login-form{flex-direction:column;grid-template-columns:1fr}.login-form,.login-form input,.search-field,.filter-field{width:100%;min-width:0}}@media (width<=520px){.auth-brand-panel{padding:18px}.auth-brand-mark strong{font-size:24px}.auth-brand-mark span,.auth-status{font-size:12px}.auth-copy h1{font-size:30px}.auth-copy p{font-size:15px}.auth-card{width:calc(100% - 20px);padding:18px}.auth-card-header h2{font-size:24px}.brand-mark span{display:none}.nav-item{justify-content:center;min-height:48px;padding:0;font-size:0}.nav-item svg{width:22px;height:22px}.panel,.metric-panel{padding:14px}}