:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font-family:inherit}#root{min-height:100vh}:root{--cd-bg:#fbfbfc;--cd-fg:#1c1f22;--cd-card:#fff;--cd-muted:#73808c;--cd-muted-bg:#f4f5f6;--cd-border:#e3e6e8;--cd-primary:#fd5c12;--cd-primary-hover:#e44f0c;--cd-accent:#ffe7dc;--cd-accent-fg:#cf4202;--cd-sidebar:#072d51;--cd-sidebar-accent:#ffffff14;--cd-radius:.75rem;--cd-shadow:0 14px 35px #072d5114}.login-page{background:var(--cd-bg);grid-template-columns:minmax(320px,1fr) minmax(340px,.86fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 20% 18%,#fd5c1242,#0000 26%),linear-gradient(135deg,#072d51 0%,#0b3a66 58%,#061f39 100%);flex-direction:column;justify-content:center;padding:72px;display:flex}.login-logo{object-fit:cover;background:#fff;border-radius:18px;width:58px;height:72px;padding:5px;box-shadow:0 18px 40px #0000003d}.login-brand p,.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cd-primary);margin:28px 0 10px;font-size:12px;font-weight:800}.login-brand h1{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(40px,6vw,68px);line-height:.98}.login-brand span{color:#ffffffc7;max-width:520px;font-size:17px}.login-card{background:var(--cd-card);border:1px solid var(--cd-border);border-radius:calc(var(--cd-radius) * 1.8);place-self:center;gap:18px;width:min(390px,100% - 48px);padding:32px;display:grid;box-shadow:0 22px 70px #072d511f}.login-card h2,.section-header h2{color:var(--cd-fg);letter-spacing:-.035em;margin:0;font-size:28px}.login-card .eyebrow,.section-header .eyebrow{color:var(--cd-primary);margin:0 0 8px}.login-subtitle,.login-card small{color:var(--cd-muted);margin-top:4px;font-size:12px;display:block}.login-card label,.client-form label{color:#34404b;gap:7px;font-size:12px;font-weight:700;display:grid}input,textarea{border:1px solid var(--cd-border);border-radius:var(--cd-radius);font:inherit;color:var(--cd-fg);background:#fff;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s}textarea{resize:vertical;min-height:118px}input:focus,textarea:focus{border-color:var(--cd-primary);box-shadow:0 0 0 3px #fd5c1224}.primary-button,.secondary-button,.topbar-actions button,.quick-actions button,.icon-button{border-radius:var(--cd-radius);font:inherit;cursor:pointer;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.primary-button{border:1px solid var(--cd-primary);background:var(--cd-primary);color:#fff;padding:11px 16px;box-shadow:0 10px 22px #fd5c1238}.primary-button:hover{background:var(--cd-primary-hover);border-color:var(--cd-primary-hover)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid var(--cd-border);background:var(--cd-muted-bg);color:#34404b;padding:11px 16px}.full{width:100%}.primary-button:hover,.secondary-button:hover,.topbar-actions button:hover,.quick-actions button:hover,.icon-button:hover{transform:translateY(-1px)}.login-error{border-radius:var(--cd-radius);color:#b91c1c;background:#fef2f2;margin:0;padding:11px 13px;font-weight:700}.login-card small{text-align:center}.app-shell{background:var(--cd-bg);min-height:100vh;color:var(--cd-fg);display:flex}.sidebar{background:var(--cd-sidebar);color:#fff;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 244px;align-self:flex-start;width:244px;height:100vh;transition:width .2s,flex-basis .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.closed{flex-basis:68px;width:68px}.sidebar.closed .sidebar-brand div:last-child,.sidebar.closed .side-nav span,.sidebar.closed .nav-section-label{display:none}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;height:68px;padding:0 16px;display:flex}.sidebar-logo{object-fit:cover;background:#fff;border-radius:10px;flex:none;width:34px;height:34px;padding:2px}.sidebar-brand strong,.topbar-left strong{color:#fff;line-height:1.15;display:block}.sidebar-brand span,.topbar-left span{color:#ffffffad;margin-top:3px;font-size:12px;display:block}.sidebar-brand strong{letter-spacing:-.02em;font-size:17px;font-weight:800}.sidebar-brand span{font-size:12px}.side-nav{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex-direction:column;flex:1;gap:4px;min-height:0;padding:18px 10px;display:flex;overflow:hidden auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:0 0}.side-nav::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.side-nav:before{content:none}.nav-section-label{color:#ffffff85;margin:16px 8px 6px;font-size:13px;font-weight:800;line-height:1}.side-nav button{color:#ffffffdb;text-align:left;width:100%;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.side-nav button svg{opacity:.95;flex:0 0 17px;width:17px!important;height:17px!important}.side-nav button:hover{color:#fff;background:#ffffff14}.side-nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--cd-primary);background:#ffffff21}.sidebar.closed .side-nav{padding-left:8px;padding-right:8px}.sidebar.closed .side-nav button{justify-content:center;padding-left:0;padding-right:0}@media (width<=980px){.sidebar{z-index:5;height:100vh;position:fixed;inset:0 auto 0 0}.sidebar.closed{flex-basis:0;width:0}}.main-area{flex:1;min-width:0}.topbar{background:var(--cd-card);border-bottom:1px solid var(--cd-border);z-index:3;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.card-title,.notice-card,.quick-actions,.form-actions{align-items:center;gap:12px;display:flex}.topbar-left{flex:1}.topbar-left strong{color:var(--cd-fg)}.topbar-left span{color:var(--cd-muted)}.topbar-left:after{content:"HA";background:var(--cd-sidebar);color:#fff;border-radius:999px;place-items:center;width:38px;height:38px;margin-left:auto;font-size:12px;font-weight:900;display:grid}.icon-button{border:1px solid var(--cd-border);color:#34404b;background:#fff;place-items:center;width:38px;height:38px;display:grid}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar-actions button{color:#34404b;border:1px solid var(--cd-border);background:#fff;align-items:center;gap:7px;padding:9px 11px;display:flex}.content-shell{padding:28px}.section-header{margin-bottom:22px}.section-header>p:last-child{color:var(--cd-muted);max-width:820px;margin:8px 0 0}.stats-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card,.card,.notice-card{background:var(--cd-card);border:1px solid var(--cd-border);border-radius:calc(var(--cd-radius) * 1.15);box-shadow:var(--cd-shadow)}.stat-card{gap:7px;padding:18px;display:grid}.stat-card span,.stat-card small,.muted,.timeline,.notice-card p{color:var(--cd-muted)}.stat-card strong{color:var(--cd-fg);font-size:30px}.stat-card.green{border-top:3px solid #16a34a}.stat-card.blue{border-top:3px solid #2b7dc3}.stat-card.orange{border-top:3px solid var(--cd-primary)}.stat-card.red{border-top:3px solid #dc2626}.dashboard-grid{grid-template-columns:1.05fr .95fr;gap:18px;display:grid}.card{padding:20px}.card-title{color:var(--cd-fg);margin-bottom:14px}.card-title h3{margin:0;font-size:18px}.timeline{gap:10px;margin:0;padding-left:20px;display:grid}.quick-actions{margin-top:18px}.quick-actions button{background:var(--cd-accent);color:var(--cd-accent-fg);border:1px solid #ffd1bd;padding:10px 13px}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;flex:1;align-items:center;gap:3px;max-width:420px;padding:0 12px;display:flex}.search-box input{box-shadow:none;border:0;flex:1}.table-card{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--cd-border);padding:14px 16px}th{color:#52616f;text-transform:uppercase;letter-spacing:.08em;background:var(--cd-muted-bg);font-size:12px}td{color:var(--cd-fg)}.pill{border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.pill.dark{background:var(--cd-muted-bg);color:var(--cd-fg)}.pill.success{color:#166534;background:#dcfce7}.pill.lock{background:var(--cd-accent);color:var(--cd-accent-fg)}.notice-card{color:var(--cd-accent-fg);background:#fff7ed;border-color:#fed7aa;margin-top:16px;padding:16px}.notice-card p{margin:5px 0 0}.client-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.span-2{grid-column:1/-1}.form-actions{justify-content:flex-end}@media (width<=980px){.login-page,.dashboard-grid,.client-form{grid-template-columns:1fr}.login-brand{min-height:320px;padding:38px 26px}.stats-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.sidebar{z-index:5;height:100vh;position:fixed;inset:0 auto 0 0}.sidebar.closed{flex-basis:0;width:0}.topbar{flex-direction:column;align-items:stretch;height:auto;min-height:72px;padding:16px}.topbar-actions{justify-content:flex-start}.topbar-left:after{margin-left:0}}@media (width<=620px){.stats-grid{grid-template-columns:1fr}.content-shell{padding:20px 14px}.toolbar{flex-direction:column;align-items:stretch}.topbar-actions button span{display:none}}select{border:1px solid var(--cd-border);border-radius:var(--cd-radius);font:inherit;color:var(--cd-fg);background:#fff;outline:none;padding:11px 12px;transition:border-color .18s,box-shadow .18s}select:focus{border-color:var(--cd-primary);box-shadow:0 0 0 3px #fd5c1224}.flash-message{z-index:4;color:var(--cd-accent-fg);border-radius:var(--cd-radius);box-shadow:var(--cd-shadow);background:#fff7ed;border:1px solid #fed7aa;margin:16px 28px 0;padding:11px 14px;font-weight:700;position:sticky;top:72px}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:3px;display:inline-flex}.quick-actions.stacked{flex-direction:column;align-items:stretch}.pill{border:0}.pill.neutral{color:#52616f;background:#eef2f7}.pill.status{cursor:pointer}.record-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.record-form h3{grid-column:1/-1;margin:0;font-size:18px}.record-form label{color:#34404b;gap:7px;font-size:12px;font-weight:700;display:grid}.row-actions{gap:3px;display:flex}.row-actions button{border:1px solid var(--cd-border);border-radius:var(--cd-radius);color:#34404b;cursor:pointer;background:#fff;place-items:center;width:34px;height:34px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:grid}.row-actions button:hover{transform:translateY(-1px)}.row-actions button:disabled{opacity:.35;cursor:not-allowed;transform:none}.spaced-card{margin-bottom:18px}@media (width<=980px){.record-form{grid-template-columns:1fr}}.contact-panel,.contact-form{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;padding:14px}.contact-panel h4{margin:0 0 12px;font-size:15px}.contact-list{gap:3px;display:grid}.contact-row{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:var(--cd-muted-bg);grid-template-columns:1.2fr 1fr 1fr 1.2fr auto auto;align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.contact-form{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}.contact-form label{color:#34404b;gap:7px;font-size:12px;font-weight:700;display:grid}.contact-form button{align-self:end}@media (width<=980px){.contact-row,.contact-form{grid-template-columns:1fr}}.sync-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}input[readonly]{color:#52616f;background:#f8fafc}.check-label{border:1px solid var(--cd-border);border-radius:var(--cd-radius);cursor:pointer;background:#fff;align-items:center;padding:11px 12px;gap:10px!important;display:flex!important}.check-label input[type=checkbox]{width:17px;height:17px;accent-color:var(--cd-primary);flex:none}.feature-box{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;gap:10px;padding:14px;display:grid}.feature-box-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.feature-box-header strong{color:var(--cd-fg)}.secret-note{color:#92400e;border-radius:var(--cd-radius);background:#fffbeb;border:1px solid #fde68a;padding:11px 12px;font-size:12px;line-height:1.45}.activation-box{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;gap:12px;padding:14px;display:grid}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:3px;padding:12px;display:grid}.status-item span{color:#64748b;font-size:12px;font-weight:800}.status-item strong{color:#0f172a}.status-item small{color:#64748b;line-height:1.35}.muted-control{opacity:.95}.muted-control input:disabled+span{color:#94a3b8}@media (width<=760px){.status-grid{grid-template-columns:1fr}}.wms-box{border:1px solid var(--cd-border);border-radius:var(--cd-radius);background:#fff;gap:12px;padding:14px;display:grid}.wms-fields{grid-template-columns:repeat(2,minmax(220px,1fr));align-items:start;gap:12px;display:grid}.wms-fields label{color:#34404b;gap:7px;font-size:12px;font-weight:700;display:grid}@media (width<=760px){.wms-fields{grid-template-columns:1fr}}.audit-filters{grid-template-columns:repeat(3,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.audit-filters label{color:#34404b;gap:7px;font-size:12px;font-weight:700;display:grid}.audit-check{align-self:center;margin-top:22px}.audit-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.table-meta{color:#34404b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.audit-table td small{color:#6b7280;margin-top:4px;display:block}.audit-table td:last-child{white-space:normal;max-width:360px}@media (width<=980px){.audit-filters{grid-template-columns:1fr}}.wms-header-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}