:root{color-scheme:light;--bg: #f3f5f7;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-accent: linear-gradient(135deg, #103d4b, #1d6775);--text: #14242b;--muted: #61727d;--border: rgba(28, 59, 74, .12);--primary: #103d4b;--primary-soft: #dceef2;--warning: #e8a53b;--danger: #d9654f;--shadow: 0 18px 48px rgba(28, 54, 67, .1);font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top right,rgba(72,164,189,.16),transparent 28%),radial-gradient(circle at bottom left,rgba(232,165,59,.14),transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.required-mark{margin-left:.25rem;color:#c53434;font-weight:800}.field-group:has(input[required])>span:after,.field-group:has(select[required])>span:after,.field-group:has(textarea[required])>span:after{content:" *";color:#c53434;font-weight:800}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem;background:linear-gradient(180deg,#0c232cfa,#103d4bf5);color:#f8f4ea;position:sticky;top:0;min-height:100vh}.sidebar h1,.hero-card h2,.panel h3{margin:0}.sidebar-copy,.module-copy,.hero-meta,.panel p,.kpi-card p{color:var(--muted);line-height:1.6}.sidebar-copy{color:#f8f4eab8}.nav-list{display:flex;flex-direction:column;gap:.65rem;flex:1 1 auto}.nav-group{display:flex;flex-direction:column;gap:.45rem}.nav-link{display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-height:52px;padding:.9rem 1rem;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-link:hover,.nav-link.active{background:#ffffff1f;border-color:#ffffff3d;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-children{display:flex;flex-direction:column;gap:.35rem;padding-left:.85rem}.child-nav-link{display:flex;align-items:center;min-height:38px;padding:.55rem .85rem;border-radius:12px;color:#f8f4eab8;border:1px solid transparent;font-size:.94rem;transition:background .16s ease,border-color .16s ease,color .16s ease}.child-nav-link:hover,.child-nav-link.active{color:#f8f4ea;background:#ffffff14;border-color:#ffffff24}.sidebar-footer{display:flex;flex-direction:column;gap:.85rem}.user-email{margin:0;color:#f8f4eaad;word-break:break-word}.full-width{width:100%}.main-content{padding:2rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:1.1rem 1.35rem;border:1px solid var(--border);border-radius:22px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.workspace-header h2{margin:0}.workspace-copy{margin:.35rem 0 0;color:var(--muted)}.workspace-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.feedback-toast-stack{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;width:min(360px,calc(100vw - 2rem))}.feedback-toast{display:flex;flex-direction:column;gap:.35rem;padding:.95rem 1rem;border-radius:16px;color:#fff;box-shadow:0 16px 36px #0b12203d}.feedback-toast.success{background:linear-gradient(135deg,#0f6b57,#179272)}.feedback-toast.error{background:linear-gradient(135deg,#a23232,#cf4b4b)}.document-preview-overlay{position:fixed;inset:0;z-index:9500;background:#080e18b8;display:flex;align-items:center;justify-content:center;padding:1.5rem}.document-preview-panel{width:min(1100px,100%);height:min(85vh,900px);display:flex;flex-direction:column;gap:1rem;border-radius:24px;border:1px solid var(--border);background:var(--surface-strong);box-shadow:0 24px 60px #0b122047;padding:1.25rem}.distributor-editor-panel{width:min(1280px,100%);height:min(90vh,980px);min-height:0}.distributor-editor-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.distributor-editor-body .module-form{padding-right:.25rem;min-height:100%}.document-preview-body{flex:1 1 auto;min-height:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#f4f7f9}.document-preview-frame,.document-preview-image{width:100%;height:100%;border:0}.document-preview-image{object-fit:contain;background:#0b1220}.document-preview-text{margin:0;padding:1rem;height:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;font:14px/1.5 Consolas,monospace;color:#10212a;background:#f8fafc}.order-detail-overlay{width:min(1280px,100%)}.order-detail-overlay-body{padding:1rem;overflow:auto}.order-detail-overlay-content{display:flex;flex-direction:column;gap:1rem}.page{display:flex;flex-direction:column;gap:1.5rem}.module-section-nav{display:flex;flex-wrap:wrap;gap:.8rem}.module-section-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.8rem 1rem;border:1px solid var(--border);border-radius:16px;background:#ffffff9e;color:var(--muted);font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.module-section-link:hover,.module-section-link.active{transform:translateY(-1px);border-color:#103d4b3d;background:var(--surface-strong);color:var(--primary)}.hero-card,.panel,.kpi-card{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.7rem;border-radius:26px}.status-pill,.status-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.55rem .9rem;background:var(--primary-soft);color:var(--primary);font-weight:700}.status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.eyebrow{margin:0 0 .45rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#9baaa4}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.kpi-card{border-radius:20px;padding:1.25rem}.kpi-card-button{width:100%;text-align:left;font:inherit;color:inherit;cursor:default;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kpi-card-button.is-clickable{cursor:pointer}.kpi-card-button.is-clickable:hover,.kpi-card-button.is-clickable:focus-visible{transform:translateY(-2px);border-color:#b870305c;box-shadow:0 20px 42px #24201c24}.kpi-card-button:disabled{opacity:1}.kpi-card span{display:block;margin-bottom:.7rem;color:var(--muted)}.kpi-card strong{display:block;font-size:1.4rem;margin-bottom:.45rem}.content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}.content-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.panel{border-radius:24px;padding:1.4rem}.summary-card{border:1px solid var(--border);border-radius:20px;padding:1.2rem;background:var(--surface);box-shadow:var(--shadow)}.summary-card span,.wallet-balance span,.table-meta{color:var(--muted)}.helper-copy{margin-top:.5rem;color:var(--muted);line-height:1.5}.field-helper{color:var(--muted);font-size:.83rem}.summary-card strong,.wallet-balance strong{display:block;margin-top:.45rem;font-size:1.45rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.record-card{border:1px solid var(--border);border-radius:20px;padding:1rem;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-strong) 100%);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.record-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.record-card-header h3{margin:.2rem 0 0;font-size:1.05rem}.record-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.record-card-meta span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.record-card-meta strong{display:block;margin-top:.25rem;font-size:.95rem}.record-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.record-select{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem .9rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600}.record-select.disabled{opacity:.55}.record-select input{width:16px;height:16px}.data-grid-shell{display:flex;flex-direction:column;gap:.9rem}.data-grid-table-shell{max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.data-grid-table{min-width:980px}.data-grid-table thead th{position:sticky;top:0;z-index:2;background:#f6f9fa}.grid-header-button{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}.grid-header-button.disabled{cursor:default}.grid-header-button.active{color:var(--primary)}.grid-sort-indicator{font-size:.72rem}.grid-filter-input{width:100%;min-width:90px;border:1px solid var(--border);border-radius:10px;padding:.45rem .55rem;background:var(--surface-strong);color:var(--text)}.grid-select-column{width:54px;text-align:center}.sticky-column{left:0;z-index:3}.sticky-filter{top:48px}.sticky-column-cell{position:sticky;left:0;z-index:1;background:var(--surface)}.ghost-button,.action-button{border:0;border-radius:14px;padding:.85rem 1rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease,background .14s ease}.ghost-button{background:var(--primary-soft);color:var(--primary)}.ghost-button:hover,.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #103d4b1f}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.action-button{background:var(--surface-accent);color:#f8f4ea;text-align:left;min-height:72px}.module-form .action-button,.module-form .ghost-button,.full-width.action-button,.full-width.ghost-button{min-height:52px;text-align:center}button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.alert-list,.activity-list,.check-list{display:flex;flex-direction:column;gap:.8rem}.alert-card,.activity-row,.check-item{border-radius:16px;padding:1rem;background:var(--surface-strong);border:1px solid var(--border)}.alert-card.high{border-left:5px solid var(--danger)}.alert-card.medium{border-left:5px solid var(--warning)}.activity-row,.check-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.check-item{justify-content:flex-start}.check-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#17322f,#e39d36)}.accent-panel{background:linear-gradient(135deg,#17322ff5,#2a5c55f5);color:#f7f2e8}.accent-panel p{color:#f7f2e8c7}.feedback-banner{border-radius:16px;padding:.95rem 1rem;border:1px solid var(--border);background:var(--surface-strong)}.feedback-banner.info{border-left:5px solid #4f7cff}.feedback-banner.warning{border-left:5px solid var(--warning)}.source-badge,.table-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:700;background:var(--primary-soft);color:var(--primary)}.source-badge.fallback{background:#f4b9422e;color:#8b5b00}.table-pill.positive{background:#1b987429;color:#0f6c53}.table-pill.warning{background:#f4b9422e;color:#8b5b00}.table-pill.negative{background:#d5485b29;color:#a13344}.table-shell{overflow-x:auto}.table-toolbar,.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:.85rem;margin-bottom:.85rem;flex-wrap:wrap}.table-pagination{margin-top:.85rem;margin-bottom:0}.table-toolbar-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.table-search,.table-toolbar select{border:1px solid var(--border);border-radius:14px;padding:.8rem .95rem;background:var(--surface-strong);color:var(--text)}.table-search{min-width:min(100%,320px);flex:1 1 280px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:.9rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.empty-state{border:1px dashed var(--border);border-radius:16px;padding:1.25rem;color:var(--muted);background:var(--surface-strong)}.wallet-balance{display:flex;flex-direction:column;gap:.35rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top right,rgba(72,164,189,.22),transparent 30%),radial-gradient(circle at bottom left,rgba(232,165,59,.18),transparent 28%),var(--bg)}.login-panel{width:min(1120px,100%);display:grid;grid-template-columns:1.1fr 1fr;gap:1.2rem;border:1px solid var(--border);border-radius:28px;padding:1.5rem;background:var(--surface);box-shadow:var(--shadow)}.login-copy{color:var(--muted);line-height:1.7;max-width:38ch}.login-form,.module-form{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.45rem;position:relative}.field-group span{font-weight:600}.field-group input,.field-group select,.field-group textarea{border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem;background:var(--surface-strong);color:var(--text)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:none;border-color:#103d4b61;box-shadow:0 0 0 4px #103d4b14}.searchable-select-dropdown{position:absolute;top:calc(100% - .35rem);left:0;right:0;z-index:30;display:flex;flex-direction:column;max-height:16rem;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 22px 40px #1022282e}.searchable-select-option,.searchable-select-empty{padding:.8rem 1rem;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(14,32,38,.08);color:var(--text)}.searchable-select-option:last-child,.searchable-select-empty:last-child{border-bottom:none}.searchable-select-option:hover,.searchable-select-option.active{background:#103d4b14}.searchable-select-empty{color:var(--muted)}.inline-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.85rem}.dispatch-grid{grid-template-columns:2fr 1fr;align-items:end}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-row{display:flex;align-items:center;gap:.65rem;min-height:52px;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong)}.checkbox-row input{width:18px;height:18px}.line-items{display:flex;flex-direction:column;gap:.75rem}.line-item-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--surface-strong)}.line-item-card p{margin:.25rem 0 0;color:var(--muted)}.compact-list .line-item-card{padding:.85rem 1rem}.public-page{max-width:1400px;margin:0 auto;padding:2rem}.wizard-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1rem 0 1.5rem}.wizard-step{display:flex;align-items:flex-start;gap:.85rem;width:100%;border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:1rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.wizard-step:hover:not(:disabled){transform:translateY(-1px);border-color:#0d5ea659}.wizard-step:disabled{opacity:.58;cursor:not-allowed}.wizard-step.active{border-color:#0d5ea68c;box-shadow:0 14px 28px #0d5ea61f}.wizard-step.complete .wizard-step-index{background:#1d7f49}.wizard-step-index{flex:0 0 34px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0d5ea6;color:#fff;font-weight:700}.wizard-step-copy{display:flex;flex-direction:column;gap:.2rem}.wizard-step-copy strong{color:var(--text)}.wizard-step-copy small{color:var(--muted);line-height:1.35}.wizard-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.wizard-note{border:1px solid var(--border);background:#0d5ea60f;border-radius:16px;padding:1rem 1.1rem}.wizard-note p{margin:.35rem 0 0;color:var(--muted)}.wizard-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.wizard-checklist-item{border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem;background:#fff;display:flex;justify-content:space-between;gap:1rem}.wizard-checklist-item.complete{border-color:#1d7f4959;background:#1d7f4912}.wizard-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.kyc-upload-grid{display:grid;grid-template-columns:1.4fr .8fr 1.7fr .9fr .8fr;border:1px solid var(--border);border-radius:18px;overflow:hidden}.kyc-upload-grid-head{padding:.9rem 1rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#eef4f6;border-bottom:1px solid var(--border)}.kyc-upload-grid-row{display:contents}.kyc-upload-grid-cell{padding:.9rem 1rem;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;gap:.35rem}.kyc-upload-grid .kyc-upload-grid-row:last-child .kyc-upload-grid-cell{border-bottom:0}.kyc-upload-grid-cell input[type=file]{width:100%}.status-tag.muted{background:#63727c1f;color:#63727c}.welcome-letter-embed{min-height:72vh}.wallet-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.remove-pill{border:0;cursor:pointer}.action-pill{border:0;cursor:pointer;background:#145f4624;color:var(--text)}.table-action-row{display:flex;flex-wrap:wrap;gap:.5rem}.table-inline-input,.table-inline-select{width:100%;min-width:110px;border:1px solid var(--border);border-radius:10px;padding:.5rem .65rem;background:#fff;color:var(--text)}.table-inline-input--compact{min-width:72px}.table-inline-input--number{min-width:88px}.table-inline-checkbox{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.table-checkbox{display:inline-flex;align-items:center;gap:.45rem;color:var(--text);font-size:.85rem;font-weight:600}.table-checkbox input{width:16px;height:16px}.inline-button-row{display:flex;flex-wrap:wrap;gap:.75rem}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.demo-card{border:1px solid var(--border);border-radius:16px;padding:.95rem;background:var(--surface-strong)}.demo-card p{margin:.25rem 0 0;color:var(--muted);line-height:1.5}@media(max-width:1120px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.summary-grid,.login-panel,.inline-fields,.content-grid.three-up{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.main-content{padding:1rem}.hero-card{flex-direction:column}.kpi-grid,.quick-actions{grid-template-columns:1fr}}