:root{color-scheme:light;--app-bg: #f6f8fc;--app-bg-elevated: #eef5fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-glass: rgba(255, 255, 255, .9);--surface-tint: #f0fdfa;--text: #0f172a;--text-main: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--border: #dbe7f0;--border-soft: #e2e8f0;--border-strong: #cbd5e1;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--accent: #0891b2;--accent-soft: #ecfeff;--success: #059669;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--sidebar-bg: #fbfdff;--sidebar-surface: #ffffff;--sidebar-border: #dbe7f0;--sidebar-text: #102033;--sidebar-muted: #5b6b80;--sidebar-faint: #8da0b4;--sidebar-hover: #edf7ff;--sidebar-active: linear-gradient(135deg, rgba(37, 99, 235, .13), rgba(20, 184, 166, .16));--sidebar-active-border: #14b8a6;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 30px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);--shadow-md: 0 18px 48px rgba(15, 23, 42, .08);--shadow-lg: 0 28px 80px rgba(15, 23, 42, .12);--shadow-sidebar: 18px 0 48px rgba(15, 23, 42, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--sidebar-width: 286px;--sidebar-collapsed-width: 76px;--topbar-height: 78px;--mobile-topbar-height: 92px;--mobile-bottom-nav-height: 88px;--content-max: 1640px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme]{--accent: #0891b2;--accent-soft: #ecfeff}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;height:auto;overflow-x:hidden;background:var(--app-bg);text-size-adjust:100%}body,#root{min-height:100%;height:auto;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 12% -10%,rgba(14,165,233,.11),transparent 32rem),radial-gradient(circle at 100% 0%,rgba(20,184,166,.1),transparent 28rem),var(--app-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}img,svg,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.skip-link{position:fixed;left:14px;top:14px;z-index:3000;transform:translateY(-160%);padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.skip-link:focus{transform:translateY(0)}.spin{animation:erp-spin .9s linear infinite}@keyframes erp-spin{to{transform:rotate(360deg)}}.erp-desktop-adaptive-shell,.erp-tablet-adaptive-shell,.erp-mobile-adaptive-shell,.app-shell,.main-shell,.page-shell{min-height:100dvh}.erp-shell{width:100%;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:transparent}.erp-shell.collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.workspace.app-main{min-width:0;min-height:100dvh;display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr);padding:0}.app-page-scroll,.main-content,.page-content,.mobile-scroll,.sidebar-scroll{min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.app-page-scroll{height:calc(100dvh - var(--topbar-height));padding:var(--space-6);scroll-padding:var(--space-6)}.app-page-scroll>*{max-width:var(--content-max);margin-inline:auto}.section-card,.modern-panel,.sales-panel,.panel,.card,.login-card,.customer-auth-card,.portal-card,.module-command-card,.support-card,.enterprise-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.drawer-backdrop[data-open=false],.modal-backdrop[data-open=false],.overlay[data-open=false],.mobile-sidebar-backdrop[data-open=false]{pointer-events:none;opacity:0;visibility:hidden}.drawer-backdrop[data-open=true],.mobile-sidebar-backdrop[data-open=true]{pointer-events:auto;opacity:1;visibility:visible}.live-data-warning{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid rgba(217,119,6,.22);border-radius:var(--radius-md);background:var(--warning-soft);color:#78350f}.live-data-warning strong,.live-data-warning span{display:block}.hero-grid,.comm-panel-grid,.suite-grid,.sales-command-grid,.support-overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.sales-command-grid.wide,.suite-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-hero,.section-hero,.module-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.access-empty-state{display:grid;place-items:center;gap:var(--space-3);min-height:min(460px,calc(100dvh - var(--topbar-height) - 80px));text-align:center}.sidebar{position:sticky;top:0;z-index:60;height:100dvh;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);border-right:1px solid var(--sidebar-border);background:linear-gradient(180deg,#fffffffa,#f8fbfff5),var(--sidebar-bg);color:var(--sidebar-text);box-shadow:var(--shadow-sidebar)}.sidebar-brand{min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);background:var(--surface-glass)}.sidebar-brand img,.login-logo,.mobile-app-brand img{width:52px;height:52px;object-fit:contain;border-radius:16px;background:transparent}.sidebar-brand strong,.sidebar-brand span,.mobile-app-brand strong,.mobile-app-brand small{display:block;min-width:0}.sidebar-brand strong{font-size:15px;font-weight:850}.sidebar-brand span,.mobile-app-brand small{color:var(--sidebar-muted);font-size:12px;line-height:1.25}.sidebar-tools{display:grid;gap:var(--space-3)}.sidebar-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:var(--space-2);min-height:46px;padding:0 var(--space-3);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);background:#fff;color:var(--sidebar-muted)}.sidebar-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--text-main);font-size:14px}.sidebar-quick-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2)}.sidebar-quick-actions button,.module-group-selector button,.erp-left-menu button{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--sidebar-text);text-align:left}.sidebar-quick-actions button{min-height:36px;display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 10px;border-color:var(--sidebar-border);background:var(--surface);color:var(--sidebar-muted);font-size:12px;font-weight:750}.sidebar-quick-actions button.active,.sidebar-quick-actions button:hover{border-color:#14b8a661;background:var(--accent-soft);color:var(--text-main)}.erp-left-menu{min-height:0;overflow-y:auto;padding-right:3px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.erp-left-menu::-webkit-scrollbar{width:7px}.erp-left-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#c8d8e6}.module-group-selector,.sidebar-group,.sidebar-module-section{display:grid;gap:var(--space-2)}.module-group-selector{margin-bottom:var(--space-4)}.sidebar-group-title,.sidebar-section-title{display:block;padding:var(--space-2) var(--space-2) var(--space-1);color:var(--sidebar-muted);font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.module-group-selector button{min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 11px;color:var(--sidebar-text);font-size:13px;font-weight:800}.module-group-selector button small{min-width:28px;padding:4px 7px;border-radius:999px;background:#e7eef6;color:var(--sidebar-muted);text-align:center}.module-group-selector button.active,.module-group-selector button:hover,.erp-left-menu button.active,.erp-left-menu button:hover{border-color:#14b8a65c;background:var(--sidebar-active)}.erp-left-menu button{position:relative;min-height:50px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:8px 10px}.erp-left-menu button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:var(--sidebar-active-border)}.nav-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:var(--primary)}.erp-left-menu button.active .nav-icon{background:#fff;color:#0f766e}.erp-left-menu button span:not(.nav-icon){min-width:0}.erp-left-menu button small,.erp-left-menu button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erp-left-menu button small{color:var(--sidebar-muted);font-size:11px;font-weight:750}.erp-left-menu button strong{color:var(--sidebar-text);font-size:14px;font-weight:850}.module-group-selector button{grid-template-columns:minmax(0,1fr) max-content;column-gap:var(--space-3)}.module-group-selector button strong{overflow:visible;color:var(--sidebar-text);text-overflow:clip;white-space:normal;line-height:1.2}.module-group-selector button small{width:auto;max-width:64px;justify-self:end;display:inline-grid;place-items:center;overflow:visible;text-overflow:clip;white-space:nowrap}.sidebar-footer{display:flex;justify-content:flex-end}.sidebar-collapse-toggle{width:44px;min-width:44px}.erp-shell.collapsed .sidebar{padding-inline:10px}.erp-shell.collapsed .sidebar-brand{grid-template-columns:1fr;padding:8px}.erp-shell.collapsed .sidebar-brand img{width:44px;height:44px;margin:auto}.erp-shell.collapsed .erp-left-menu button{grid-template-columns:1fr;justify-items:center;padding-inline:6px}.topbar{position:sticky;top:0;z-index:50;min-width:0;height:var(--topbar-height);display:grid;grid-template-columns:minmax(240px,430px) minmax(0,1fr);gap:var(--space-4);align-items:center;padding:0 var(--space-6);border-bottom:1px solid var(--border-soft);background:#f6f8fce0;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.top-actions{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap}.top-actions>*{flex:0 0 auto}.icon-stat{min-width:58px}.top-select-shell{min-height:44px;display:grid;grid-template-columns:auto minmax(118px,1fr);gap:var(--space-2);align-items:center;padding:5px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface)}.top-select-shell span{color:var(--text-muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.top-select-shell select{min-width:0;height:32px;border:0;outline:0;background:transparent;color:var(--text-main);font-size:13px;font-weight:750}.user-chip{min-height:44px;display:grid;grid-template-columns:auto minmax(0,max-content) auto;gap:var(--space-2);align-items:center;padding:6px 11px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface)}.user-chip span{max-width:160px;overflow:hidden;color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750}.user-chip strong{color:var(--accent);font-size:11px;letter-spacing:.04em}.mobile-app-topbar,.mobile-bottom-nav{display:none}.command-trigger,.topbar-search{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-size:14px;font-weight:800}.topbar-search{justify-content:flex-start;padding-inline:var(--space-4)}.topbar-search kbd{margin-left:auto;padding:3px 7px;border-radius:7px;background:var(--surface-soft);color:var(--text-muted);font-size:11px}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:start center;padding:8dvh 18px 18px;background:#0f172a57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.command-dialog{width:min(760px,100%);max-height:min(760px,88dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.command-search-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:52px;padding:6px 8px 6px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.command-search-row input{min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--text-main);font-size:16px}.command-quick-row{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0}.command-quick-row button{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface);color:var(--text-body);font-size:13px;font-weight:800}.command-results{min-height:0;display:grid;gap:var(--space-2);overflow-y:auto;padding-right:2px}.command-results>button{min-height:86px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);text-align:left}.command-results>button:hover{border-color:#2563eb52;background:var(--primary-soft)}.command-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.command-results>button>span:nth-child(2){min-width:0;display:grid;gap:4px}.command-results strong,.command-results small{display:block;min-width:0}.command-results strong{color:var(--text-main);font-size:16px;line-height:1.16}.command-results small{color:var(--text-muted);font-size:13px;line-height:1.35;white-space:normal}.command-results em{max-width:132px;justify-self:end;overflow:hidden;padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:850}.primary,button.primary,.button-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:850;box-shadow:0 12px 28px #2563eb2e}.primary:hover{filter:brightness(.98)}.ghost,button.ghost,.chip-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-body);font-weight:800}.ghost:hover,.chip-button:hover{border-color:#2563eb4d;background:var(--primary-soft)}.danger-text,.danger-soft{color:var(--danger)}.full{width:100%}.tiny{min-height:34px;padding-inline:10px;font-size:12px}.status-pill,.StatusPill,[class*=status] b,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--surface-soft);color:var(--text-body);font-size:12px;font-weight:850}.eyebrow,.page-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.modern-panel,.sales-panel,.section-card,.login-card,.customer-auth-card,.legal-section-card,.legal-company-card,.portal-card,.module-command-card{padding:var(--space-5)}.modern-panel header,.sales-panel header,.portal-card-header,.helpdesk-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}h1,h2,h3{margin:0;color:var(--text-main);letter-spacing:0}p{color:var(--text-body)}.empty-state,.command-empty{display:grid;place-items:center;gap:var(--space-2);min-height:150px;padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-muted);text-align:center}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:2000;display:grid;gap:var(--space-2)}.toast{max-width:360px;padding:var(--space-3) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md)}label{color:var(--text-body)}.enterprise-field,.enterprise-select,.enterprise-textarea{display:grid;gap:7px;min-width:0}.enterprise-field>span,.enterprise-select>span,.enterprise-textarea>span{color:var(--text-body);font-size:13px;font-weight:800}input,select,textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-main);outline:0;box-shadow:var(--shadow-xs)}input,select{height:46px;padding:0 13px}textarea{min-height:118px;padding:12px 13px;resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}input::placeholder,textarea::placeholder{color:#94a3b8}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-width:18px;padding:0;box-shadow:none}.field-grid,.form-grid,.dispatch-form-grid,.portal-form-grid,.smart-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.field-grid label,.form-grid label,.smart-field,.field-shell,.portal-field,.dispatch-form-grid label{display:grid;gap:7px;min-width:0}.smart-field__message{color:var(--text-muted);font-size:12px;font-style:normal;line-height:1.35}.smart-field__label b{margin-left:2px;color:var(--danger)}.password-input-wrap,.password-input-shell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.password-input-wrap:focus-within,.password-input-shell:focus-within{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}.password-input-wrap input,.password-input-shell input{height:44px;border:0;box-shadow:none}.password-input-wrap input:focus,.password-input-shell input:focus{box-shadow:none}.password-input-wrap button,.password-input-shell button,.password-toggle{min-width:44px;min-height:40px;margin-right:3px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft);color:var(--text-main);font-size:12px;font-weight:850}.field-grid label span,.form-grid label span,.smart-field__label,.field-shell span,.portal-field span,.dispatch-form-grid label span{color:var(--text-body);font-size:13px;font-weight:800}.field-grid .full,.form-grid .full,.full-row{grid-column:1 / -1}.segmented-control,.module-tabs,.support-tabs,.portal-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:4px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.segmented-control button,.module-tabs button,.support-tabs button,.portal-tabs button{min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-weight:850}.segmented-control button.active,.module-tabs button.active,.support-tabs button.active,.portal-tabs button.active{border-color:var(--border-soft);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.login-page,.customer-portal-shell,.portal-gateway-page,.legal-page{min-height:100dvh;background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.14),transparent 24rem),radial-gradient(circle at 92% 0%,rgba(20,184,166,.12),transparent 26rem),var(--app-bg)}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,520px);gap:var(--space-8);align-items:start;padding:clamp(18px,3vw,40px)}.portal-gateway-page{display:grid;place-items:center;padding:clamp(18px,3.2vw,52px)}.portal-gateway-hero{width:min(1180px,100%);display:grid;gap:var(--space-5);padding:clamp(24px,4vw,52px);border:1px solid rgba(203,213,225,.82);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#f8fbffe6),radial-gradient(circle at 8% 0%,rgba(37,99,235,.12),transparent 24rem),radial-gradient(circle at 100% 20%,rgba(20,184,166,.12),transparent 22rem);box-shadow:var(--shadow-md)}.portal-gateway-brand{display:inline-grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:var(--space-3);width:max-content;max-width:100%;padding:8px 12px 8px 8px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-xs)}.portal-gateway-brand img{width:58px;height:58px;display:block;object-fit:contain;border-radius:16px;background:#fff;border:1px solid var(--border-soft)}.portal-gateway-brand div{min-width:0;display:grid;gap:2px}.portal-gateway-brand strong{overflow-wrap:anywhere;color:var(--text-main);font-size:15px;font-weight:900;line-height:1.1}.portal-gateway-brand span{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px;font-weight:800}.portal-gateway-hero>.release-status-badge{justify-self:start}.portal-gateway-hero h1{max-width:780px;margin:0;color:var(--text-main);font-size:clamp(42px,6vw,82px);line-height:.96}.portal-gateway-hero>p:not(.eyebrow){max-width:880px;margin:0;color:var(--text-body);font-size:clamp(16px,1.35vw,20px);line-height:1.65}.portal-gateway-options{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.portal-gateway-card{min-width:0;min-height:190px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon copy" "icon action";align-content:start;gap:8px 14px;padding:clamp(18px,2vw,24px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#ffffffdb;color:var(--text-main);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.portal-gateway-card:hover,.portal-gateway-card:focus-visible{transform:translateY(-2px);border-color:#2563eb57;box-shadow:0 18px 44px #0f172a1a;outline:0}.portal-gateway-card.employee{background:linear-gradient(135deg,#2563eb14,#fffffff0)}.portal-gateway-card.customer{background:linear-gradient(135deg,#14b8a617,#fffffff0)}.portal-gateway-icon{grid-area:icon;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--primary-soft);color:var(--primary)}.portal-gateway-card.customer .portal-gateway-icon{background:var(--success-soft);color:var(--success)}.portal-gateway-card strong{grid-area:title;color:var(--text-main);font-size:20px;font-weight:900;line-height:1.15}.portal-gateway-card small{grid-area:copy;color:var(--text-body);font-size:14px;line-height:1.5}.portal-gateway-card b{grid-area:action;width:max-content;max-width:100%;min-height:36px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--text-main);color:#fff;font-size:13px;font-weight:900}.portal-gateway-card.customer b{background:linear-gradient(135deg,var(--accent),var(--success))}.portal-gateway-legal{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding-top:var(--space-2)}.portal-gateway-legal a{min-height:34px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:850;text-decoration:none}.portal-gateway-legal a:hover,.legal-links a:hover{text-decoration:underline;text-underline-offset:3px}.login-visual,.login-hero,.customer-auth-hero,.legal-hero{min-width:0;padding:clamp(24px,4vw,48px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffffeb,#f0fdfad1);box-shadow:var(--shadow-md)}.login-visual{min-height:min(620px,calc(100dvh - 48px));display:grid;align-content:center;gap:var(--space-4)}.login-visual.compact{min-height:420px}.login-visual:after{content:"";width:min(320px,50%);height:7px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--success));opacity:.8}.login-visual .eyebrow{margin:0}.login-hero h1{max-width:760px;margin:8px 0 12px;font-size:clamp(34px,5vw,72px);line-height:1.02}.login-visual h1{max-width:780px;margin:0;color:var(--text-main);font-size:clamp(40px,5vw,74px);line-height:1}.login-copy,.login-visual p,.login-hero p,.customer-auth-hero p{max-width:720px;color:var(--text-body);font-size:clamp(16px,1.4vw,20px);line-height:1.55}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--primary-soft);color:var(--primary)}.login-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.login-checks span,.portal-choice-card,.login-guidance-card,.auth-access-note,.customer-portal-entry{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffffc2;box-shadow:var(--shadow-xs)}.login-checks span{min-height:48px;display:flex;align-items:center;gap:var(--space-2);padding:10px 12px;color:var(--text-body);font-weight:800}.portal-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.portal-choice-card{display:grid;gap:6px;min-height:92px;padding:var(--space-4);color:var(--text-main);text-decoration:none}.portal-choice-card.active{border-color:#2563eb47;background:var(--primary-soft)}.portal-choice-card strong,.login-guidance-card strong{color:var(--text-main);font-weight:900}.portal-choice-card span,.login-guidance-card span,.auth-access-note,.customer-portal-entry span{color:var(--text-body);line-height:1.45}.login-card{width:100%;display:grid;gap:var(--space-3);padding:clamp(20px,2vw,26px)}.login-card .login-logo{width:58px;height:58px}.login-card h2{font-size:clamp(26px,2vw,34px)}.release-status-badge{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 8px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:11px;font-weight:850;line-height:1}.release-status-badge span,.release-status-badge strong{display:inline-block;white-space:nowrap}.release-status-badge strong{color:var(--text-main)}.login-card>p{margin:0;color:var(--text-muted)}.login-guidance-card,.auth-access-note{display:grid;gap:6px;padding:12px 14px}.login-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-soft)}.login-mode-tabs button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-body);font-weight:900}.login-mode-tabs button.active{border-color:var(--border-soft);background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.login-utility-row,.customer-portal-entry,.otp-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.login-utility-row a,.customer-portal-entry a{min-height:34px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:900}.remember-login-control{min-width:0;display:flex;align-items:center;gap:var(--space-2);color:var(--text-body);font-size:13px;font-weight:800}.customer-portal-entry{min-height:48px;padding:10px 12px}.otp-row{align-items:stretch}.otp-row span{flex:1;display:flex;align-items:center;color:var(--text-muted);font-size:13px;line-height:1.35}.legal-links{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;padding-top:var(--space-2)}.legal-links a{min-height:30px;display:inline-flex;align-items:center;color:var(--primary);font-size:13px;font-weight:850;text-decoration:none}.role-home-shell{display:grid;gap:var(--space-5)}.role-home-hero{display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#ecfeffd1),radial-gradient(circle at 92% 10%,rgba(37,99,235,.14),transparent 28rem);box-shadow:var(--shadow-md)}.role-home-brand{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--space-3);align-items:center}.role-home-brand img{width:58px;height:58px;object-fit:contain;border:1px solid var(--border-soft);border-radius:18px;background:#ffffffd1}.role-home-brand span,.role-home-brand strong{display:block}.role-home-brand span{color:var(--text-muted);font-size:12px;font-weight:900}.role-home-brand strong{color:var(--text-main);font-size:16px;line-height:1.3}.role-home-hero h2{max-width:860px;font-size:clamp(34px,4vw,62px);line-height:1.04}.role-home-hero>p:not(.eyebrow){max-width:760px;margin:0;color:var(--text-body);font-size:17px;line-height:1.55}.role-home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3)}.role-action{min-height:118px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:var(--space-3);align-content:center;align-items:center;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);color:var(--text-main);text-align:left;box-shadow:var(--shadow-xs)}.role-action>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.role-action strong,.role-action small{display:block;min-width:0}.role-action small{grid-column:2;color:var(--text-muted);line-height:1.35}.role-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.role-home-panel{min-width:0;display:grid;gap:var(--space-4);align-content:start;padding:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-heading{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.panel-heading span{color:var(--text-muted);font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.panel-heading strong{color:var(--text-main)}.role-pending-list,.role-module-list,.setup-checklist{display:grid;gap:var(--space-2)}.role-pending-list button,.role-module-list button,.setup-checklist span,.empty-business-state{min-width:0;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-soft)}.role-pending-list button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);align-items:center;min-height:72px;padding:var(--space-3);color:var(--text-main);text-align:left}.role-pending-list b{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--warning-soft);color:var(--warning)}.role-pending-list strong,.role-pending-list small{display:block}.role-pending-list small{color:var(--text-muted);line-height:1.35}.setup-progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--border-soft)}.setup-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent),var(--success))}.setup-checklist span{min-height:42px;display:flex;align-items:center;gap:var(--space-2);padding:9px 11px;color:var(--text-body);font-size:13px;font-weight:850}.setup-checklist span.done svg{color:var(--success)}.setup-checklist span.pending svg{color:var(--warning)}.role-module-list button{min-height:44px;padding:10px 12px;color:var(--text-main);font-weight:850;text-align:left}.empty-business-state{display:grid;gap:var(--space-2);place-items:center;min-height:150px;padding:var(--space-4);color:var(--text-muted);text-align:center}.phase-stack{display:grid;gap:var(--space-5)}.card-grid,.two-column{display:grid;gap:var(--space-4)}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:var(--space-5);align-items:end;margin-bottom:var(--space-5);padding:var(--space-6);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff,#f0fdfa);box-shadow:var(--shadow-sm)}.sales-hero h2,.comm-hub-hero h2,.helpdesk-hero h2{font-size:clamp(30px,4vw,56px);line-height:1.08}.sales-hero p,.comm-hub-hero span,.helpdesk-hero span{color:var(--text-body);line-height:1.55}.sales-hero-actions{display:grid;gap:var(--space-3)}.sales-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.sales-kpi-card{min-height:142px;display:grid;gap:6px;align-content:center;padding:var(--space-5);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.sales-kpi-card svg{color:var(--primary)}.sales-kpi-card strong{color:var(--text-main);font-size:clamp(28px,3vw,42px)}.sales-kpi-card span{color:var(--text-body);font-weight:850}.sales-status-list{display:grid;gap:var(--space-3)}.owner-watchlist-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:var(--space-4);align-items:center;min-height:86px;padding:var(--space-4);border:1px solid var(--border-soft);border-left:4px solid var(--success);border-radius:var(--radius-md);background:var(--surface-soft)}.owner-watchlist-row.watch{border-left-color:var(--warning);background:var(--warning-soft)}.owner-watchlist-row.risk{border-left-color:var(--danger);background:var(--danger-soft)}.owner-watchlist-value{display:grid;gap:3px}.owner-watchlist-value strong{color:var(--text-main);font-size:24px;line-height:1}.owner-watchlist-value span,.owner-watchlist-row p{margin:0;color:var(--text-body);line-height:1.35}.owner-watchlist-value span{font-size:13px;font-weight:850}.queue-table,.sales-table-wrap,.table-wrap,.smart-table-wrap,.modern-record-table-wrap,.data-table-wrap{width:100%;overflow-x:auto}table,.decision-table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--border-soft);color:var(--text-body);text-align:left;vertical-align:top}th{color:var(--text-main);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.queue-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2);padding:12px;border-bottom:1px solid var(--border-soft)}.queue-row.head{color:var(--text-main);font-size:12px;font-weight:900;text-transform:uppercase}.support-tab-panel,.helpdesk-main{min-width:0}.support-overview-tab{display:grid;gap:var(--space-4)}.support-overview-kpis,.support-channel-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.overview-kpi-card,.support-health-card{min-width:0;display:grid;gap:6px;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-xs)}.overview-kpi-card strong{color:var(--text-main);font-size:30px;font-weight:900;line-height:1}.overview-kpi-card span,.support-health-card strong{color:var(--text-main);font-size:15px;font-weight:850;line-height:1.25}.overview-kpi-card small{color:var(--text-muted);font-size:12px;font-weight:750;line-height:1.35}.support-health-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.support-inbox-layout,.comm-hub-layout,.whatsapp-command-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,340px);gap:var(--space-4);align-items:start}.helpdesk-shell,.comm-hub-shell,.crm360-workspace,.ai-command-center,.ai-ops-shell{display:grid;gap:var(--space-5)}.growth-ai-suite-summary,.growth-ai-channel-grid,.growth-ai-evidence-grid,.growth-ai-suite-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}@media (max-width: 1120px){:root{--mobile-topbar-height: 76px;--mobile-bottom-nav-height: 78px}.erp-shell,.erp-shell.collapsed{height:100dvh;grid-template-columns:1fr;overflow:hidden}.mobile-app-topbar{position:fixed;top:0;left:0;right:0;z-index:80;min-height:calc(var(--mobile-topbar-height) + env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--border-soft);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-app-brand{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:var(--space-2);align-items:center}.mobile-app-actions{min-width:0;display:flex;justify-content:flex-end;gap:6px}.mobile-icon-button{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-xs)}.mobile-icon-button.danger{background:#dc2626;color:#fff}.mobile-app-user,.topbar{display:none}.workspace.app-main{height:100dvh;min-height:0;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;padding-top:calc(var(--mobile-topbar-height) + env(safe-area-inset-top));padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}.app-page-scroll{height:auto;min-height:auto;overflow:visible;padding:var(--space-4);padding-bottom:calc(var(--mobile-bottom-nav-height) + 36px + env(safe-area-inset-bottom))}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#0f172a70;transition:opacity .18s ease,visibility .18s ease}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(86vw,360px);height:100dvh;transform:translate(-105%);transition:transform .22s ease;border-radius:0 24px 24px 0}.sidebar[data-open=true]{transform:translate(0)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav button{min-width:0;min-height:62px;display:grid;place-items:center;gap:4px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:850}.mobile-bottom-nav button.active{border-color:#0891b238;background:var(--accent-soft);color:var(--accent)}.sales-hero,.sales-command-grid.wide,.suite-grid.two-col,.support-inbox-layout,.comm-hub-layout,.whatsapp-command-layout{grid-template-columns:1fr}.command-overlay{place-items:end stretch;padding:0}.command-dialog{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:24px 24px 0 0;padding:var(--space-3)}.command-search-row{grid-template-columns:22px minmax(0,1fr) 46px}.command-search-row .tiny{width:46px;padding:0;font-size:0}.command-results>button{grid-template-columns:42px minmax(0,1fr) 18px;min-height:104px;align-items:flex-start}.command-results em{display:none}.login-page{grid-template-columns:1fr;align-content:start;padding:calc(18px + env(safe-area-inset-top)) 14px 24px}.portal-gateway-page{align-items:start;padding:calc(18px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.portal-gateway-hero{gap:var(--space-4);padding:var(--space-5);border-radius:24px}.portal-gateway-brand{grid-template-columns:48px minmax(0,1fr)}.portal-gateway-brand img{width:48px;height:48px;border-radius:14px}.portal-gateway-hero h1{font-size:38px}.portal-gateway-hero>p:not(.eyebrow){font-size:14px}.portal-gateway-options{grid-template-columns:1fr}.portal-gateway-card{min-height:154px;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding:var(--space-4)}.portal-gateway-icon{width:48px;height:48px;border-radius:16px}.portal-gateway-legal{gap:4px 12px}.login-visual,.login-hero{padding:var(--space-4)}.login-visual{min-height:auto;gap:var(--space-3)}.login-visual:after{display:none}.login-visual h1,.login-hero h1{font-size:34px}.login-visual .brand-mark{width:48px;height:48px;border-radius:16px}.login-visual .login-copy{font-size:14px}.login-checks,.portal-choice-grid{display:none}.role-home-grid,.card-grid.four,.two-column{grid-template-columns:1fr}.role-home-hero{padding:var(--space-5)}.role-home-actions{grid-template-columns:1fr}.owner-watchlist-row{grid-template-columns:1fr;gap:var(--space-2)}}@media (max-width: 480px){.mobile-app-topbar{grid-template-columns:minmax(0,1fr) auto}.mobile-app-actions{justify-content:flex-end}.mobile-icon-button{width:42px;min-width:42px;height:42px;border-radius:14px}.mobile-app-brand{grid-template-columns:42px minmax(0,1fr)}.mobile-app-brand small{display:none}.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page,.portal-gateway-page{padding-inline:10px}.login-card,.login-visual,.portal-gateway-hero{border-radius:22px}.portal-gateway-card{grid-template-columns:1fr;grid-template-areas:"icon" "title" "copy" "action"}.login-utility-row,.customer-portal-entry,.otp-row{align-items:stretch;flex-direction:column}.sales-kpi-card{min-height:124px;padding:var(--space-4)}}