:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fb;color:#172033;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(360px,520px);align-items:center;gap:32px;padding:48px;background:radial-gradient(circle at 82% 8%,rgba(139,92,246,.18),transparent 34%),linear-gradient(135deg,#111722,#171d2a 48%,#eef2f8 78%,#f7f8fb)}.login-hero{display:grid;gap:34px;max-width:720px;color:#f8fafc}.login-hero .eyebrow{color:#67e8d8}.login-hero h1{max-width:620px;color:#fff}.login-hero p:not(.eyebrow){max-width:560px;margin:14px 0 0;color:#cbd5e1;font-size:17px;line-height:1.6}.login-brand{display:flex;align-items:center;gap:12px}.login-brand strong,.login-brand span{display:block}.login-brand strong{color:inherit;font-size:18px}.login-brand span{margin-top:2px;color:#a7b0c0;font-size:13px}.login-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px}.login-preview-grid div{min-height:104px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;box-shadow:0 20px 42px #0000002e}.login-preview-grid span{display:block;color:#a7b0c0;font-size:13px}.login-preview-grid strong{display:block;margin-top:14px;color:#fff;font-size:26px}.login-card{width:min(100%,460px);justify-self:center;display:grid;gap:18px;padding:28px;border:1px solid rgba(214,222,234,.92);border-radius:8px;background:#fffffff0;box-shadow:0 30px 80px #191f2d2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-status-card{grid-column:1 / -1;color:#172033}.login-status-card p{margin:0;color:#64748b}.login-lock{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,#e8f7f1,#e9efff);color:#147d72}.login-card label{display:grid;gap:8px}.login-card label span{color:#475569;font-size:13px;font-weight:750}.login-card input{width:100%;height:46px;padding:0 13px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#172033;outline:0}.login-card input:focus{border-color:#147d72;box-shadow:0 0 0 4px #147d721f}.login-card .primary-button{width:100%;justify-content:center}.login-error{margin:0;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px;font-weight:700}.wide-panel{min-width:0}.erp-table-wrap{width:100%;max-height:520px;overflow:auto;border:1px solid #e1e9f2;border-radius:8px;background:#fff}.erp-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}.erp-table th,.erp-table td{padding:12px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.erp-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#475569;font-size:11px;font-weight:800;text-transform:uppercase}.erp-table td{color:#172033;white-space:nowrap}.action-table{min-width:920px}.table-actions{display:flex;gap:6px}.mini-action{min-height:30px;padding:0 10px;border:1px solid #cfdbea;border-radius:8px;background:#fff;color:#172033;font-size:12px;font-weight:800}.mini-action:hover{border-color:#1f7a63;color:#0f6b55}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;background:#111827;color:#f8fafc}.brand-block{display:flex;align-items:center;gap:12px}.brand-block strong,.profile-strip strong,.customer-row strong{display:block}.brand-block span{display:block;color:#a7b0c0;font-size:13px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#27b68a;color:#06251c;font-weight:800}.nav-list{display:grid;gap:6px}.nav-item,.icon-button,.primary-button,.ghost-button,.customer-row{border:0}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;background:transparent;color:#cbd5e1;text-align:left}.nav-item.active,.nav-item:hover{background:#1f2937;color:#fff}.migration-card{margin-top:auto;display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.migration-card span{color:#cbd5e1;font-size:13px;line-height:1.45}.role-card{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.role-card span{color:#a7b0c0;font-size:12px;font-weight:700;text-transform:uppercase}.role-card strong{color:#fff}.role-card select{width:100%;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#1f2937;color:#f8fafc;padding:0 8px}.workspace{min-width:0;padding:24px;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}h1,h2{margin:0;color:#111827;letter-spacing:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.08}h2{font-size:18px;line-height:1.25}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:min(620px,100%)}.search-box{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#64748b}.search-box input,.form-grid input,.form-grid select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#172033;text-overflow:ellipsis}.icon-button,.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:8px;white-space:nowrap}.icon-button{width:42px;background:#fff;color:#334155;border:1px solid #d9e1ec}.primary-button{padding:0 14px;background:#166e5a;color:#fff;font-weight:700}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 12px;border:1px solid #b9ddd4;border-radius:8px;background:#effaf6;color:#115b4b;font-weight:800;white-space:nowrap}.guide-button:hover{border-color:#166e5a;background:#e3f5ee}.ghost-button{padding:0 12px;background:#eef3f8;color:#334155;font-weight:700}.metrics-grid,.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric,.panel,.signal-card{background:#fff;border:1px solid #dfe7f0;border-radius:8px;box-shadow:0 12px 28px #0f172a0f}.metric{padding:16px}.metric span{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.metric strong{display:block;margin-top:8px;color:#111827;font-size:27px}.main-grid,.bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px;margin-bottom:14px}.panel{padding:18px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.panel-footer-action{margin-top:18px;display:flex;justify-content:flex-end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:grid;align-content:start;gap:7px;min-width:0;padding:12px;border:1px solid #dde6f1;border-radius:8px;background:#f9fbfd}.form-grid label.wide{grid-column:span 2}.form-grid span{color:#64748b;font-size:12px;font-weight:700}.capture-footer,.profile-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.identity-stack{display:flex;flex-wrap:wrap;gap:8px}.identity-stack span,.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#e8f7f1;color:#166e5a;font-size:12px;font-weight:700}.avatar,.mini-avatar,.signal-icon{display:grid;place-items:center;flex:0 0 auto}.avatar{width:62px;height:62px;border-radius:8px;background:#e8f7f1;color:#166e5a}.profile-strip{justify-content:flex-start;padding:14px;border-radius:8px;background:#f9fbfd}.profile-strip span{display:block;color:#64748b;margin-top:4px}.detail-list{display:grid;gap:10px;margin-top:16px}.detail-list div{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:38px;color:#64748b}.detail-list strong{color:#172033;text-align:right}.signal-card{display:grid;gap:8px;padding:16px;min-height:180px}.signal-icon{width:36px;height:36px;border-radius:8px;color:#fff}.signal-card.green .signal-icon{background:#166e5a}.signal-card.blue .signal-icon{background:#2563eb}.signal-card.amber .signal-icon{background:#b7791f}.signal-card.slate .signal-icon{background:#475569}.signal-card span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.signal-card strong{font-size:18px}.signal-card p,.timeline p{margin:0;color:#64748b;line-height:1.45;overflow-wrap:anywhere}.timeline strong,.detail-list strong,.customer-row small{overflow-wrap:anywhere}.signal-grid.embedded{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}.customer-list,.timeline{display:grid;gap:8px}.customer-row{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;min-height:56px;padding:8px;border-radius:8px;background:#f9fbfd;text-align:left;color:#172033}.customer-row small{color:#64748b}.customer-row:hover{background:#eef6ff}.customer-row.selected{outline:2px solid #166e5a;background:#effaf6}.mini-avatar{width:38px;height:38px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-weight:800}.timeline-item{display:grid;grid-template-columns:74px 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid #e6edf5}.timeline-item:last-child{border-bottom:0;padding-bottom:0}.timeline-item time{color:#64748b;font-size:13px;font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud span{padding:8px 10px;border-radius:999px;background:#eef3f8;color:#334155;font-size:13px;font-weight:700}.compact-tags{margin-top:14px}.journey-list,.migration-steps,.count-table{display:grid;gap:10px}.journey-row,.migration-steps div,.count-table div{display:grid;align-items:center;gap:12px;min-height:54px;padding:12px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd}.journey-row{grid-template-columns:26px 1fr auto}.journey-row span{display:block;margin-top:3px;color:#64748b;font-size:13px}.journey-row em{color:#166e5a;font-size:12px;font-style:normal;font-weight:800}.migration-steps div{grid-template-columns:32px 1fr 22px}.migration-steps div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e8f7f1;color:#166e5a;font-weight:800}.count-table div{grid-template-columns:1fr auto}.count-table span{color:#64748b}.action-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.action-grid,.admin-grid,.integration-box,.permission-list{display:grid;gap:12px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid button,.admin-grid article,.integration-box div,.permission-list div{display:grid;align-content:start;gap:8px;min-height:118px;padding:14px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd;color:#172033;text-align:left}.action-grid button:hover{border-color:#166e5a;background:#effaf6}.action-grid span,.admin-grid p,.integration-box span,.permission-list span{margin:0;color:#64748b;line-height:1.45}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid em{justify-self:start;padding:5px 8px;border-radius:999px;background:#e8f7f1;color:#166e5a;font-size:12px;font-style:normal;font-weight:800}.integration-box,.permission-list{grid-template-columns:1fr}.legacy-workbench,.item-master-workbench,.legacy-report-panel{margin-bottom:14px}.legacy-workbench{padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 12px 28px #0f172a0f}.legacy-header{margin-bottom:16px}.segmented-control{display:inline-flex;min-height:40px;padding:3px;border:1px solid #d9e1ec;border-radius:8px;background:#f3f6fa}.segmented-control button{min-width:118px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#475569;font-weight:800}.segmented-control button.active{background:#fff;color:#115b4b;box-shadow:0 6px 16px #0f172a14}.legacy-form-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.45fr) minmax(290px,.55fr);gap:12px;align-items:start}.legacy-form-grid.sunglass-grid,.legacy-form-grid.cashier-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.45fr) minmax(290px,.55fr)}.legacy-form-card{min-width:0;padding:14px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd}.legacy-form-main{background:#fff}.legacy-title-row{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e7edf5}.legacy-title-row span,.generated-code-card span{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.legacy-title-row strong,.generated-code-card strong{display:block;margin-top:4px;color:#111827;font-size:20px}.legacy-title-row em{align-self:start;color:#166e5a;font-size:12px;font-style:normal;font-weight:800;text-align:right}.legacy-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.legacy-field-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-field-grid label,.delivery-grid label,.legacy-mini-search label,.legacy-remarks{display:grid;gap:6px;min-width:0}.legacy-field-grid label.wide{grid-column:1 / -1}.legacy-field-grid span,.delivery-grid span,.legacy-mini-search span,.legacy-remarks span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.legacy-field-grid input,.legacy-field-grid select,.rx-grid input,.item-line-grid input,.payment-grid input,.delivery-grid input,.delivery-grid select,.cashier-search-box input,.legacy-mini-search input,.legacy-remarks textarea{min-width:0;width:100%;min-height:36px;padding:0 10px;border:1px solid #d8e1ec;border-radius:8px;background:#fff;color:#172033;outline:0}.legacy-remarks textarea{min-height:74px;padding-top:10px;resize:vertical}.legacy-subtitle{margin:14px 0 8px;padding:7px 10px;border-radius:6px;background:#103b75;color:#fff;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}.rx-grid{display:grid;grid-template-columns:38px repeat(6,minmax(54px,.45fr)) minmax(88px,.8fr) minmax(160px,1.3fr) minmax(64px,.5fr) minmax(52px,.4fr);gap:6px;overflow-x:auto}.rx-grid strong{display:grid;place-items:center;border-radius:6px;background:#effaf6;color:#115b4b}.item-line-grid{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.5fr) repeat(5,minmax(82px,.7fr));gap:6px;overflow-x:auto}.item-line-grid.sunglass-line{grid-template-columns:minmax(130px,1fr) minmax(220px,1.6fr) repeat(5,minmax(90px,.7fr))}.stock-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e7edf5}.stock-check-row:last-of-type{border-bottom:0}.stock-check-row strong{display:block;color:#172033}.stock-check-row span{display:block;margin-top:3px;color:#64748b;font-size:12px;overflow-wrap:anywhere}.legacy-mini-search{display:grid;gap:10px;margin-top:12px}.payment-card h3,.legacy-form-card h3,.report-group-grid h3{margin:0 0 12px;color:#172033;font-size:15px}.payment-grid{display:grid;grid-template-columns:1fr minmax(92px,.65fr);gap:8px;align-items:center}.payment-grid span{color:#64748b;font-size:12px;font-weight:800}.payment-grid strong{justify-self:end;color:#172033;font-size:15px}.payment-grid .danger-value{color:#b91c1c}.cashier-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:12px}.delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inline-actions{margin-top:14px}.stock-location-modal{width:min(840px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 28px 80px #0f172a4d}.item-master-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.item-master-side{display:grid;gap:10px}.generated-code-card{padding:14px;border:1px solid #b9ddd4;border-radius:8px;background:#effaf6}.generated-code-card p{margin:10px 0 0;color:#475569;font-size:13px;line-height:1.45}.report-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.report-group-grid article{min-width:0;padding:14px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd}.report-chip-list{display:grid;gap:7px}.report-chip-list button{min-height:34px;padding:7px 9px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800;text-align:left}.report-chip-list button:hover{border-color:#166e5a;color:#115b4b}.shortcut-list,.readiness-grid{display:grid;gap:9px}.shortcut-list{grid-template-columns:1fr}.integration-readiness{margin-top:12px}.readiness-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.readiness-grid article{min-width:0;padding:12px;border:1px solid #f3d6a0;border-radius:8px;background:#fff8eb}.readiness-grid article.ready{border-color:#b9ddd4;background:#effaf6}.readiness-grid strong,.readiness-grid span{display:block}.readiness-grid strong{color:#172033;font-size:13px}.readiness-grid span{margin-top:5px;color:#64748b;font-size:12px;line-height:1.35}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-backdrop{z-index:30}.guide-modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border:1px solid #dfe7f0;border-radius:8px;background:#fff;box-shadow:0 28px 80px #0f172a4d}.guide-body{display:grid;gap:18px;padding:20px}.guide-body>p{margin:0;color:#475569;font-size:15px;line-height:1.55}.guide-steps{display:grid;gap:10px}.guide-steps article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd}.guide-steps article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#166e5a;color:#fff;font-size:13px;font-weight:800}.guide-steps strong{display:block;color:#172033}.guide-steps p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.5}.guide-note{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #b9ddd4;border-radius:8px;background:#effaf6;color:#115b4b;font-size:13px;line-height:1.45}.customer-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:min(860px,calc(100vh - 48px));border:1px solid #dfe7f0;border-radius:8px;background:#f5f7fb;box-shadow:0 28px 80px #0f172a47;overflow:hidden}.create-customer-modal{width:min(980px,100%)}.create-customer-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;min-height:0;padding:18px;overflow:auto}.create-customer-panel,.create-customer-side{box-shadow:none}.checkbox-label{grid-template-columns:1fr auto;align-items:center}.checkbox-label small{grid-column:1 / -1;color:#64748b}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #dfe7f0;background:#fff}.modal-body{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:0}.modal-results,.modal-detail{min-width:0;overflow:auto}.modal-results{display:grid;align-content:start;gap:12px;padding:16px;border-right:1px solid #dfe7f0;background:#fff}.result-summary{display:grid;gap:3px;padding:10px 2px}.result-summary span,.empty-text,.empty-state{color:#64748b}.modal-list{max-height:none}.modal-detail{padding:18px}.detail-hero{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:16px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.avatar.large{width:72px;height:72px}.detail-hero span:not(.status-pill){display:block;margin-top:6px;color:#64748b;overflow-wrap:anywhere}.modal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.modal-metrics div,.modal-sections article{border:1px solid #dfe7f0;border-radius:8px;background:#fff}.modal-metrics div{display:grid;gap:6px;padding:13px}.modal-metrics span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.modal-metrics strong{color:#111827;overflow-wrap:anywhere}.modal-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-sections article{display:grid;align-content:start;gap:10px;min-height:220px;padding:14px}.modal-sections article.wide-article{grid-column:span 2;min-height:0}.section-title{display:flex;align-items:center;gap:8px;color:#111827}.compact-row,.journey-event,.integration-mini div{display:grid;gap:4px;padding:10px;border-radius:8px;background:#f9fbfd}.compact-row{grid-template-columns:minmax(0,1fr) auto}.compact-row small{grid-column:1 / -1;color:#64748b}.compact-row span,.journey-event span,.journey-event small,.integration-mini span{color:#64748b;overflow-wrap:anywhere}.journey-event{grid-template-columns:20px 1fr}.journey-event small{display:block;margin-top:3px}.integration-mini{display:grid;grid-template-columns:1fr;gap:8px}.empty-state{display:grid;place-items:center;min-height:320px;border:1px dashed #cbd5e1;border-radius:8px;background:#fff}.permission-matrix{display:grid;gap:8px}.permission-head,.permission-row{display:grid;grid-template-columns:minmax(280px,1fr) 120px 120px 120px;align-items:center;gap:12px}.permission-head{padding:0 12px 6px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.permission-row{min-height:76px;padding:12px;border:1px solid #e1e9f2;border-radius:8px;background:#f9fbfd}.permission-row strong,.permission-row span{display:block}.permission-row span{margin-top:4px;color:#64748b;line-height:1.35}.toggle{position:relative;width:48px;height:28px;justify-self:start;border:1px solid #cbd5e1;border-radius:999px;background:#e2e8f0}.toggle span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0f172a2e;transition:transform .16s ease}.toggle.checked{border-color:#166e5a;background:#166e5a}.toggle.checked span{transform:translate(20px)}.locked-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:999px;background:#e8f7f1;color:#166e5a;font-size:12px;font-weight:800}@media(max-width:1180px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.brand-block div,.nav-item span,.migration-card span,.migration-card strong{display:none}.sidebar{padding:18px}.nav-item{justify-content:center;padding:0}}@media(max-width:980px){.topbar,.topbar-actions,.capture-footer{flex-direction:column;align-items:stretch}.metrics-grid,.signal-grid,.main-grid,.bottom-grid,.action-grid,.admin-grid,.modal-metrics,.modal-sections,.modal-body,.create-customer-body{grid-template-columns:1fr}.modal-results{max-height:260px;border-right:0;border-bottom:1px solid #dfe7f0}.modal-sections article.wide-article{grid-column:auto}.permission-head{display:none}.permission-row{grid-template-columns:1fr}.permission-row:before{content:"Store login / Store admin / Master admin";color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.topbar-actions{min-width:0}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:4;flex-direction:row;align-items:center;gap:10px;overflow-x:auto;padding:12px}.nav-list{display:flex;flex-direction:row;gap:6px}.brand-block{flex:0 0 auto}.migration-card{display:none}.role-card{min-width:160px}.workspace{padding:16px}.modal-backdrop{padding:10px}.customer-modal{max-height:calc(100vh - 20px)}.detail-hero{grid-template-columns:52px 1fr}.detail-hero .status-pill{grid-column:1 / -1;justify-self:start}.avatar.large{width:52px;height:52px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}}.topbar{align-items:flex-start}.topbar-actions{flex:1 1 560px;justify-content:flex-end;min-width:0}.search-box{min-width:220px;max-width:420px}.primary-button{flex:0 0 auto}@media(max-width:1320px){.topbar{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1fr)}.topbar-actions{width:100%}.search-box{max-width:none}}@media(max-width:1080px){.topbar{grid-template-columns:1fr}}body{background:radial-gradient(circle at 88% 4%,rgba(112,92,174,.18),transparent 32%),linear-gradient(135deg,#f6efe6,#eef2f8 42%,#f7f8fb)}.app-shell{grid-template-columns:264px minmax(0,1fr)}.sidebar{gap:22px;padding:22px 18px;background:linear-gradient(180deg,#111722,#171d2a 58%,#111620);box-shadow:18px 0 38px #13192624}.brand-mark{width:42px;height:42px;background:linear-gradient(135deg,#0ea5a4,#3156d4);color:#fff;box-shadow:0 12px 24px #0ea5a438}.nav-item{min-height:40px;font-weight:650}.nav-item.active,.nav-item:hover{background:#ffffff1a;box-shadow:inset 3px 0 #24c6b4}.workspace{padding:28px}h1{max-width:720px;font-size:clamp(30px,3.6vw,44px);line-height:1.03;font-weight:850}.topbar-actions{min-width:min(760px,100%)}.search-box,.icon-button{border-color:#94a3b83d;background:#ffffffd6;box-shadow:0 12px 30px #191f2d0f}.user-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#ffffffdb;color:#334155;font-size:13px;font-weight:750;white-space:nowrap}.user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f97316,#8b5cf6);color:#fff;font-size:11px;font-weight:850}.primary-button{background:linear-gradient(135deg,#147d72,#2563eb);box-shadow:0 12px 24px #2563eb29}.metric,.panel,.signal-card{border-color:#d6deeaeb;background:#ffffffe6;box-shadow:0 20px 44px #191f2d14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metrics-grid,.signal-grid,.main-grid,.bottom-grid{gap:16px;margin-bottom:16px}.metric{position:relative;min-height:108px;padding:18px;overflow:hidden}.metric:after{content:"";position:absolute;right:16px;bottom:14px;width:72px;height:28px;border-radius:999px;background:linear-gradient(90deg,#147d721f,#2563eb2e)}.metric strong{margin-top:12px;font-size:28px;font-weight:850}.panel-header{margin-bottom:16px}.form-grid label,.profile-strip,.customer-row,.journey-row,.migration-steps div,.count-table div,.action-grid button,.admin-grid article,.integration-box div,.permission-list div,.compact-row,.journey-event,.integration-mini div{border-color:#e1e9f2eb;background:#f9fbfdd6}.avatar{background:linear-gradient(135deg,#e8f7f1,#e9efff);color:#147d72}.mini-avatar{background:linear-gradient(135deg,#dbeafe,#e9d5ff);color:#1d4ed8}.signal-card{min-height:160px}.signal-icon,.signal-card.green .signal-icon,.signal-card.blue .signal-icon,.signal-card.amber .signal-icon,.signal-card.slate .signal-icon{background:linear-gradient(135deg,#147d72,#3156d4)}.status-pill,.identity-stack span,.locked-pill{background:#e9f8f5;color:#147d72}.customer-row{transition:transform .16s ease,background .16s ease}.customer-row:hover{transform:translateY(-1px)}.customer-row.selected{outline-color:#147d72}.customer-modal{background:#f5f7fbf5;box-shadow:0 30px 90px #0f172a57}.modal-header,.modal-results,.detail-hero,.modal-metrics div,.modal-sections article{background:#ffffffeb}@media(max-width:1180px){.app-shell{grid-template-columns:86px minmax(0,1fr)}}@media(max-width:980px){.login-page{grid-template-columns:1fr;padding:28px;background:radial-gradient(circle at 84% 0%,rgba(139,92,246,.18),transparent 36%),linear-gradient(180deg,#111722,#171d2a 44%,#eef2f8 76%,#f7f8fb)}.login-hero{gap:22px}.metrics-grid,.signal-grid,.main-grid,.bottom-grid{grid-template-columns:1fr}.topbar-actions{min-width:0}}@media(max-width:680px){.login-page{padding:18px}.login-preview-grid{grid-template-columns:1fr}.login-card{padding:20px}.app-shell{display:block}.workspace{padding:16px}.user-chip{width:100%;justify-content:center}}