:root{--bg:#f5f7f8;--surface:#ffffff;--surface-muted:#eef4f3;--ink:#152223;--muted:#637172;--line:#dbe4e3;--teal:#087c78;--blue:#2468b2;--green:#2d7a46;--amber:#af6b09;--red:#b13a32;--shadow:0 18px 42px rgba(27,43,43,0.09)}*{box-sizing:border-box}body,html{min-height:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#102020;color:#eff7f6;min-width:0;padding:24px 16px}.brand{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:28px}.brand-mark,.icon-button,.item-card-icon,.text-icon-button{display:inline-flex;align-items:center;justify-content:center}.brand-mark{width:40px;height:40px;border-radius:8px;background:#d7f0ec;color:#0a5754}.brand span,.brand strong{display:block}.brand span{color:#a7c5c1;font-size:13px}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.nav-link{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;border-radius:8px;color:#b9cfcb;font-weight:600}.nav-link svg{width:18px;height:18px}.nav-link.active,.nav-link:hover{background:#1f3837;color:#ffffff}.workspace{min-width:0;max-width:100vw}.topbar{justify-content:space-between;min-height:68px;padding:0 32px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:12px}.mode-chip,.tenant-chip{display:inline-flex;align-items:center;height:28px;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.tenant-chip{background:#e6f3f2;color:#0a6661}.mode-chip{background:#fff3d7;color:#815006}.page-stack{display:grid;grid-gap:22px;gap:22px;padding:28px 32px 48px}.page-stack.narrow{max-width:840px}.item-card-head,.page-heading,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.item-card h2,.page-heading h1,.panel h2{margin:0}.page-heading h1{font-size:32px;line-height:1.1}.item-card h2,.panel h2{font-size:18px}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.metric-card{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px}.metric-card svg{width:34px;height:34px}.metric-card span,.stat-slab span{color:var(--muted);font-size:13px;font-weight:700}.metric-card strong,.stat-slab strong{display:block;margin-top:5px;font-size:28px;line-height:1}.metric-card.blue svg{color:var(--blue)}.metric-card.green svg{color:var(--green)}.metric-card.teal svg{color:var(--teal)}.metric-card.amber svg{color:var(--amber)}.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);grid-gap:18px;gap:18px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.panel{padding:20px}.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:20px 0 0}.definition-grid.compact{gap:12px}.definition-grid dt{color:var(--muted);font-size:12px;font-weight:800}.definition-grid dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}.status-pill.safe{background:#e8f5ec;color:var(--green)}.status-pill.warning{background:#fff2d6;color:var(--amber)}.status-pill.danger{background:#ffe8e5;color:var(--red)}.status-pill.neutral{background:#eef1f1;color:#536061}.status-pill.info{background:#e6f0fb;color:var(--blue)}.check-list{display:grid;grid-gap:12px;gap:12px;padding:0;margin:18px 0 0;list-style:none}.check-list li{display:flex;align-items:center;gap:10px;color:#2c3a3b;font-weight:650}.check-list span{width:10px;height:10px;border-radius:999px;background:var(--amber);flex:0 0 auto}.table-wrap{width:100%;overflow-x:auto;margin-top:18px}table{width:100%;min-width:760px;border-collapse:collapse}td,th{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0}td{font-size:14px;font-weight:650}.progress{width:100%;min-width:130px;height:10px;border-radius:999px;background:#edf1f1;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue))}.body-copy,.subtle{color:var(--muted)}.subtle{margin:16px 0 0;font-size:13px}.body-copy{margin:10px 0 0;line-height:1.5}.item-card{display:grid;grid-template-columns:54px minmax(0,1fr);grid-gap:16px;gap:16px}.item-card-icon{width:48px;height:48px;background:var(--surface-muted)}.item-card-icon,.template-preview{border-radius:8px;color:var(--teal)}.template-preview{display:grid;align-content:center;justify-items:center;grid-gap:7px;gap:7px;width:54px;height:72px;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(135deg,var(--teal),var(--amber)) border-box;border:1px solid transparent}.template-preview svg{width:18px;height:18px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--teal);cursor:pointer}.icon-button:hover{border-color:var(--teal)}.text-icon-button{min-height:42px;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--teal);cursor:pointer;font-weight:800}.text-icon-button svg{width:18px;height:18px}.text-icon-button:hover{border-color:var(--teal)}.text-icon-button.primary{background:var(--teal);border-color:var(--teal);color:#ffffff}.text-icon-button.danger{color:var(--red)}.text-icon-button:disabled{cursor:not-allowed;opacity:.55}.stat-slab{min-height:96px}.compact-metrics{grid-template-columns:repeat(4,minmax(130px,1fr));margin-top:18px}.inline-stat{padding:14px;min-height:76px;border:1px solid var(--line);border-radius:8px;background:#f8fbfb}.inline-stat strong{font-size:22px}.csv-textarea{width:100%;min-height:168px;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:8px;resize:vertical;background:#fbfdfd;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.csv-textarea:focus{border-color:var(--teal);outline:3px solid rgba(8,124,120,.15)}.error-text{margin:12px 0 0;color:var(--red);font-weight:700}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.state-rail{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));grid-gap:8px;gap:8px;overflow-x:auto;margin-top:18px}.state-rail span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#f8fbfb;color:#405051;font-size:12px;font-weight:800;text-align:center}.template-workbench{grid-template-columns:minmax(220px,.7fr) minmax(360px,1.1fr) minmax(360px,1fr);grid-gap:18px}.group-workbench,.template-workbench{display:grid;gap:18px;align-items:start}.group-workbench{grid-template-columns:minmax(220px,.7fr) minmax(420px,1.2fr) minmax(320px,.8fr);grid-gap:18px}.group-editor,.group-output,.group-sidebar,.template-editor,.template-output,.template-sidebar{min-width:0}.template-list{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.template-list-item{display:grid;grid-gap:4px;gap:4px;width:100%;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;color:var(--ink);text-align:left;cursor:pointer}.template-list-item.active,.template-list-item:hover{border-color:var(--teal);background:#edf8f7}.template-list-item span{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:18px}.check-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;font-weight:800}.check-row span{overflow-wrap:anywhere}.check-row small,.field-label{color:var(--muted);font-size:12px}.field-label{display:grid;grid-gap:7px;gap:7px;font-weight:800}.field-label input,.field-label select{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;color:var(--ink);font:inherit;font-size:14px;font-weight:650}.field-label input:focus,.field-label select:focus,.template-body-input:focus{border-color:var(--teal);outline:3px solid rgba(8,124,120,.15)}.wide-field{margin-top:14px}.template-body-input{min-height:210px;margin-top:0}.email-preview-frame{width:100%;height:420px;margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.warning-list{display:grid;grid-gap:8px;gap:8px;margin:16px 0 0;padding:0;list-style:none}.warning-list li{padding:10px 12px;border-radius:8px;background:#fff6df;color:#6c4305;font-size:13px;font-weight:700}.text-preview{margin-top:18px}.text-preview pre{max-height:240px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;color:#2c3a3b;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5}.empty-preview{display:grid;place-items:center;min-height:420px;margin-top:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:#fbfdfd}.empty-preview svg,.inline-stat svg{width:24px;height:24px}.import-wizard{display:grid;grid-gap:18px;gap:18px}.wizard-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;padding:0;margin:0;list-style:none}.wizard-steps li{display:grid;justify-items:center;grid-gap:6px;gap:6px;min-height:70px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;color:var(--muted);text-align:center}.wizard-steps span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:#eef1f1;font-size:12px}.wizard-steps strong{font-size:12px}.wizard-steps li.active,.wizard-steps li.done{border-color:rgba(8,124,120,.38);background:#edf8f7;color:var(--teal)}.import-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(300px,.75fr) minmax(320px,.9fr);grid-gap:16px;gap:16px}.import-result-section,.import-section,.import-summary{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd}.section-title-row{display:flex;align-items:center;gap:9px;margin-bottom:12px}.section-title-row svg{width:20px;height:20px;color:var(--teal)}.section-title-row h3{margin:0;font-size:15px}.file-drop{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px dashed var(--line);border-radius:8px;background:#ffffff;color:var(--muted);cursor:pointer;font-weight:800}.file-drop input{display:none}.csv-preview-table-wrap{width:100%;overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.csv-preview-table{min-width:680px}.csv-preview-table td,.csv-preview-table th{padding:10px 12px}.compact-csv{min-height:142px;margin-top:12px}.inline-create-grid,.mapping-grid{display:grid;grid-gap:10px;gap:10px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.group-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff;font-size:13px;font-weight:800}.contact-selection-row input,.group-chip input{accent-color:var(--teal)}.inline-create-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.inline-create-grid input,.pending-group-row select,.search-field input{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);font:inherit}.inline-create-grid input,.search-field input{width:100%;padding:0 12px}.pending-groups-box{display:grid;grid-gap:8px;gap:8px;margin-top:14px;padding:12px;border:1px solid #f2d08a;border-radius:8px;background:#fff8e8}.pending-group-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,.6fr) minmax(130px,.8fr);grid-gap:8px;gap:8px;align-items:center}.pending-group-row select{padding:0 10px}.split-rule-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.split-rule-box>div{display:grid;grid-gap:6px;gap:6px;min-height:86px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.split-rule-box strong{font-size:14px}.membership-cell,.split-rule-box span{color:var(--muted);font-size:12px;font-weight:750;overflow-wrap:anywhere}.export-actions,.summary-strip,.wizard-actions{display:flex;flex-wrap:wrap;gap:8px}.batch-progress{width:100%;height:10px;border-radius:999px;background:#edf1f1;overflow:hidden}.batch-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--green))}.notice-text{margin:0;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:800}.notice-text.safe{background:#e8f5ec;color:var(--green)}.notice-text.warning{background:#fff2d6;color:var(--amber)}.notice-text.danger{background:#ffe8e5;color:var(--red)}.notice-text.info{background:#e6f0fb;color:var(--blue)}.import-metrics{grid-template-columns:repeat(5,minmax(130px,1fr));margin-top:0}.contact-selection-list,.import-row-list{display:grid;grid-gap:8px;gap:8px}.contact-selection-row,.import-row{display:grid;align-items:center;grid-gap:12px;gap:12px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.import-row{grid-template-columns:44px minmax(160px,1fr) minmax(140px,.8fr) auto}.contact-selection-row{grid-template-columns:auto minmax(0,1fr) auto;cursor:pointer;overflow:hidden}.contact-selection-main,.import-row-main{display:grid;grid-gap:4px;gap:4px;min-width:0}.contact-selection-main small,.import-row-groups,.import-row-main small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.import-row-number{color:var(--muted);font-size:12px;font-weight:800}.group-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.28fr);grid-gap:12px;gap:12px;margin:16px 0}.search-field{display:flex;align-items:center;gap:8px;color:var(--muted)}.search-field svg{width:18px;height:18px}.compact-field{gap:4px}.group-preview-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.group-preview-section{margin-top:18px}.group-exclusion-list,.group-members-list{display:grid;grid-gap:8px;gap:8px;padding:0;margin:10px 0 0;list-style:none}.empty-inline,.group-exclusion-list li,.group-members-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fbfdfd;color:#2c3a3b;font-size:13px}.group-exclusion-list span,.group-members-list strong{overflow-wrap:anywhere}.empty-inline{justify-content:center;color:var(--muted);font-weight:800}.validation-empty{margin-top:12px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10;width:100%;max-width:100vw;overflow:hidden;padding:12px 16px}.brand{width:100%;min-width:0;margin-bottom:12px}.sidebar nav{display:flex;max-width:100%;overflow-x:auto}.nav-link{flex:0 0 auto}.cards-grid,.choice-grid,.content-grid,.group-workbench,.import-grid,.metric-grid,.template-workbench{grid-template-columns:1fr}.import-metrics,.wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.split-rule-box{grid-template-columns:1fr}.page-stack,.topbar{padding-left:18px;padding-right:18px}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding-top:12px;padding-bottom:12px}.page-heading,.panel-header,.topbar>div{flex-wrap:wrap;min-width:0}}@media (max-width:620px){.page-heading{align-items:flex-start}.group-workbench,.import-wizard,.page-stack,.panel{width:100%;max-width:calc(100vw - 36px)}.page-heading h1{font-size:26px}.contact-selection-row,.definition-grid,.form-grid,.group-filter-bar,.import-metrics,.import-row,.inline-create-grid,.item-card,.mapping-grid,.pending-group-row,.split-rule-box,.wizard-steps{grid-template-columns:1fr}.contact-selection-row{align-items:flex-start}}