:root{color-scheme:light;--bg:#f6f7f9;--panel:#ffffff;--ink:#172026;--muted:#68747f;--line:#dce2e8;--green:#0f8a65;--blue:#246bfe;--gold:#b98718;--button-shadow:0 1px 2px rgba(23,32,38,0.05);--button-shadow-hover:0 8px 18px rgba(23,32,38,0.1);--button-shadow-strong:0 10px 20px rgba(15,138,101,0.18);--button-ring:0 0 0 3px rgba(15,138,101,0.16);--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--motion-fast:140ms;--motion-base:200ms;--motion-slow:260ms;--panel-shadow:0 1px 2px rgba(23,32,38,0.03),0 10px 30px rgba(23,32,38,0.045)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;position:relative;-webkit-font-smoothing:antialiased}.system-watermark{display:grid;grid-gap:clamp(20px,3vw,48px);gap:clamp(20px,3vw,48px);grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));inset:0;overflow:hidden;padding:clamp(28px,5vw,72px);pointer-events:none;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.system-watermark span{align-self:center;background:rgba(15,138,101,.028);height:52px;justify-self:center;mask-image:var(--watermark-image);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:var(--watermark-image);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;width:52px}::selection{background:rgba(15,138,101,.16)}a,button{font:inherit}button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:0;box-shadow:var(--button-ring)}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;position:relative;transition:grid-template-columns .22s var(--ease-drawer);z-index:1}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#fbfcfd);contain:layout paint;display:flex;flex-direction:column;overflow:hidden;padding:24px 16px}.sidebar-top{flex:0 0 40px;margin-bottom:28px;position:relative}.brand{align-items:center;display:flex;gap:12px;height:40px;left:0;min-width:40px;overflow:hidden;position:absolute;top:0;transform:translateX(0);transition:transform .22s var(--ease-drawer);width:calc(100% - 40px)}.brand-mark{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line);overflow:hidden;padding:4px}.brand-mark img{display:block;height:100%;object-fit:contain;width:100%}.brand small,.brand strong{display:block}.brand-copy{min-width:0;opacity:1;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer);white-space:nowrap}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.sidebar-toggle{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;position:absolute;right:0;top:2px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .22s var(--ease-drawer);width:36px}.shell:not(.sidebar-collapsed) .sidebar-toggle:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.shell.sidebar-collapsed .sidebar-toggle{transform:translate(-4px,52px)}.shell.sidebar-collapsed .brand{transform:translateX(2px)}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label{opacity:0;transform:translateX(-6px)}.shell.sidebar-collapsed .sidebar-toggle:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translate(-4px,51px)}.nav{display:grid;grid-gap:4px;gap:4px;margin-bottom:18px;transform:translateY(0);transition:transform .22s var(--ease-drawer)}.shell.sidebar-collapsed .nav{transform:translateY(48px)}.nav a{border-radius:8px;color:var(--muted);display:flex;gap:10px;min-height:42px;overflow:hidden;padding:11px 12px;text-decoration:none;position:relative;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.nav a,.nav-icon{align-items:center}.nav-icon{display:inline-flex;flex:0 0 auto;height:22px;justify-content:center;width:22px}.nav-label{flex:0 0 auto;min-width:0;opacity:1;overflow:hidden;text-overflow:ellipsis;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer);white-space:nowrap}.nav a.active,.nav a:hover{background:#edf4ff;color:var(--blue)}.nav a.active:before{background:currentColor;border-radius:999px;content:"";height:18px;left:0;position:absolute;width:3px}.account-card{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;margin-top:auto;overflow:hidden;padding-top:16px}.account-copy{flex:1 1 auto;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transition:opacity .11s var(--ease-out),transform .18s var(--ease-drawer)}.account-copy span,.account-copy strong{display:block}.account-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:var(--muted);font-size:13px;margin-top:3px}.account-card button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;flex:0 0 auto;height:34px;justify-content:center;margin-left:auto;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:34px}.account-card button:hover{border-color:#ffd1d1;box-shadow:0 8px 18px rgba(180,35,24,.1);color:#b42318;transform:translateY(-1px)}.shell.sidebar-collapsed .account-card{gap:10px}.shell.sidebar-collapsed .account-copy{opacity:0;transform:translateX(-6px)}.shell.sidebar-collapsed .account-card button{transform:translateX(-5px)}.shell.sidebar-collapsed .account-card button:hover{transform:translate(-5px,-1px)}.workspace{min-width:0;padding:28px}.login-page{align-items:center;background:linear-gradient(135deg,rgba(36,107,254,.08),transparent 38%),linear-gradient(315deg,rgba(15,138,101,.1),transparent 42%);display:grid;min-height:100vh;padding:28px;position:relative;z-index:1}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(23,32,38,.1);display:grid;grid-gap:22px;gap:22px;justify-self:center;max-width:440px;padding:26px;width:min(100%,440px)}.login-brand{align-items:center;display:flex;gap:12px}.login-brand small,.login-brand strong{display:block}.login-brand small{color:var(--muted);margin-top:2px}.login-form{display:grid;grid-gap:14px;gap:14px}.login-form label{display:grid;grid-gap:7px;gap:7px}.login-form label span{color:var(--muted);font-size:14px}.login-form input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.form-message{color:#b42318;font-size:14px;margin:0;min-height:20px}.forbidden-panel{align-content:center;display:grid;justify-items:start;min-height:360px;max-width:620px}.forbidden-panel svg{color:#b42318}.forbidden-panel h1{font-size:28px;margin:14px 0 8px}.forbidden-panel p{color:var(--muted);line-height:1.6;margin:0 0 18px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1,.topbar p{margin:0}.topbar p{color:var(--muted);margin-bottom:6px}.topbar h1{font-size:32px;letter-spacing:-.025em;line-height:1.2}.panel-heading button,.topbar-link{align-items:center;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:40px;padding:0 14px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.topbar-link{background:#fff;color:var(--ink);text-decoration:none}.panel-heading button svg,.topbar-link svg{background:#eef7f3;border-radius:6px;color:var(--green);height:22px;padding:3px;width:22px}.panel-heading button:hover:not(:disabled),.topbar-link:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.stats-grid{grid-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-charts,.stats-grid{display:grid;gap:16px;margin-bottom:16px}.dashboard-charts{grid-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{background:linear-gradient(180deg,#ffffff,#f8fbfa);border:1px solid var(--line);border-radius:12px;box-shadow:var(--panel-shadow);display:grid;grid-gap:20px;gap:20px;min-height:300px;padding:22px}.chart-card-heading{align-items:flex-start;display:flex;justify-content:space-between;gap:16px}.chart-card-heading h2{font-size:18px;margin:0 0 6px}.chart-card-heading p{color:var(--muted);font-size:14px;margin:0}.chart-card-body{align-items:center;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(150px,180px) minmax(0,1fr)}.donut-chart{aspect-ratio:1;display:grid;max-width:180px;place-items:center;position:relative;width:100%}.donut-svg{display:block;height:100%;overflow:visible;transform:rotate(-90deg);width:100%}.donut-segment,.donut-track{fill:none;stroke-width:18}.donut-track{stroke:#e8eef2}.donut-segment{stroke-linecap:round;transition:stroke-dasharray .18s ease}.donut-center{align-items:center;background:#fff;border:1px solid #edf1f4;border-radius:999px;box-shadow:inset 0 0 0 8px #f8fbfa;display:flex;flex-direction:column;height:84px;justify-content:center;position:absolute;width:84px}.donut-center strong{font-size:24px;line-height:1}.donut-center span{color:var(--muted);font-size:12px;margin-top:4px}.chart-legend,.chart-legend-row{display:grid;grid-gap:10px;gap:10px;min-width:0}.chart-legend-row{align-items:center;background:rgba(255,255,255,.78);border:1px solid #edf1f4;border-radius:8px;grid-template-columns:10px minmax(0,1fr) auto auto;padding:10px 12px}.chart-legend-dot{border-radius:999px;height:10px;width:10px}.chart-legend-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-legend-row strong{font-size:15px}.chart-legend-row em{color:var(--muted);font-size:13px;font-style:normal;min-width:42px;text-align:right}.chart-empty{color:var(--muted);margin:0}.panel,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat-card{box-shadow:var(--panel-shadow);display:grid;grid-gap:8px;gap:8px;min-height:160px;padding:18px}.stat-card svg{color:var(--green)}.lead-row span,.stat-card small,.stat-card span{color:var(--muted)}.stat-card strong{font-size:clamp(22px,2vw,30px);line-height:1.1}.stat-card-action{justify-self:start}.customer-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr)}.panel{box-shadow:0 1px 2px rgba(23,32,38,.025);padding:20px}.panel-heading{align-items:center;display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.heading-actions{align-items:center;display:inline-flex;gap:10px}.status-text{color:var(--green);font-size:14px;min-height:20px;text-align:right}.save-toast{animation:toast-in .18s var(--ease-out);background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;box-shadow:0 16px 40px rgba(20,48,64,.16);color:#067647;font-weight:700;max-width:min(360px,calc(100vw - 32px));padding:13px 16px;position:fixed;right:24px;top:24px;z-index:50}.save-toast.error{background:#fff1f3;border-color:#fecdd6;color:#b42318}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel h2{font-size:18px;margin:0}.panel-heading button{background:#fff;color:var(--ink)}.customer-form{display:grid;grid-gap:0;gap:0;scroll-margin-top:20px;transition:border-color .22s ease,box-shadow .22s ease}.customer-form.collapsed{gap:0}.customer-form:not(.collapsed){border-color:#b8d6cc;box-shadow:0 14px 36px rgba(20,48,64,.08)}.create-toggle svg{transition:transform .22s ease}.create-toggle.open svg{transform:rotate(180deg)}.create-form-body{display:grid;grid-template-rows:1fr;opacity:1;overflow:hidden;transition:grid-template-rows .26s ease,opacity .2s ease,padding-top .26s ease}.customer-form.collapsed .create-form-body{grid-template-rows:0fr;opacity:0;padding-top:0;pointer-events:none}.create-form-inner{display:grid;grid-gap:16px;gap:16px;min-height:0;overflow:hidden;padding-top:4px;transform:translateY(0);transition:transform .26s ease}.customer-form.collapsed .create-form-inner{transform:translateY(-10px)}.customer-form label{display:grid;grid-gap:7px;gap:7px}.customer-form label span{color:var(--muted);font-size:14px}.readonly-detail{align-content:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;min-height:72px;padding:10px 12px}.readonly-detail small,.readonly-detail span{color:var(--muted);font-size:14px}.readonly-detail strong{color:var(--ink);font-size:15px}.compact-readonly{min-height:0}.inline-readonly{min-height:72px}.inline-readonly small{display:none}.form-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form select,.field{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;min-height:44px}.field{gap:16px;padding:0 12px}.field svg{color:var(--muted);flex:0 0 auto}.customer-form input,.customer-form textarea{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.customer-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) right 18px center /7px 7px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) right 13px center /7px 7px no-repeat,#f9fafb;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-weight:700;min-width:0;outline:0;padding:0 38px 0 12px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;width:100%}.customer-form select:hover{background-color:#fff;border-color:#b9c4ce}.customer-form select:focus{background-color:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(15,138,101,.14)}.option-manager-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:.9fr 1.1fr}.option-manager-grid.single-column{grid-template-columns:minmax(0,1fr)}.option-manager{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(0,1fr) 34px 34px;max-width:calc(50% - 6px)}.option-manager input{background:#f9fafb;min-height:44px;min-width:0;outline:0;padding:0 10px}.option-manager button,.option-manager input{border:1px solid var(--line);border-radius:8px;color:var(--ink)}.option-manager button{align-items:center;background:#fff;box-shadow:var(--button-shadow);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:34px}.option-manager button:hover:not(:disabled){border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.option-manager button:disabled{cursor:not-allowed;opacity:.54}.textarea-field{align-items:flex-start;padding-bottom:10px;padding-top:11px}.wide-field{display:grid;grid-gap:7px;gap:7px}.customer-form textarea{min-height:80px;resize:vertical}.primary-action{align-items:center;background:linear-gradient(180deg,#15a77b 0,var(--green) 100%);border:1px solid #0f8a65;border-radius:8px;box-shadow:var(--button-shadow-strong);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}.primary-action svg:not(.spin){background:rgba(255,255,255,.18);border-radius:6px;color:#fff;height:22px;padding:3px;width:22px}.save-account-action svg:not(.spin){background:#eef7f3;color:var(--green)}.primary-action:hover:not(:disabled){background:linear-gradient(180deg,#18b788,#0d7d5d);box-shadow:0 12px 24px rgba(15,138,101,.24);transform:translateY(-1px)}.primary-action:active:not(:disabled){box-shadow:0 4px 12px rgba(15,138,101,.18);transform:translateY(0)}.panel-heading button:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.64}.customer-table-panel{min-width:0}.list-tools{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,1fr) minmax(150px,190px) auto;margin-bottom:14px}.list-select-filter{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;min-height:42px;padding:0 10px}.list-select-filter svg{color:var(--muted);flex:0 0 auto}.list-select-filter select{background:transparent;border:0;color:var(--ink);font:inherit;min-width:0;outline:0;width:100%}.customer-filter-bar{align-items:end;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;margin-bottom:14px;padding:10px}.customer-filter-bar.with-owner-filter{grid-template-columns:repeat(5,minmax(120px,1fr)) auto}.customer-filter-bar label{display:grid;grid-gap:5px;gap:5px;min-width:0}.customer-filter-bar span{color:var(--muted);font-size:13px}.customer-filter-bar select{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;min-height:36px;min-width:0;outline:0;padding:0 30px 0 9px;width:100%}.customer-filter-bar select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,138,101,.12)}.customer-filter-bar button{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;font-weight:700;min-height:36px;padding:0 12px;white-space:nowrap}.customer-filter-bar button:disabled{cursor:not-allowed;opacity:.58}.search-field{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;min-height:42px;padding:0 12px}.search-field svg{color:var(--muted);flex:0 0 auto}.search-field input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.export-date-range{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:8px;min-height:42px;padding:4px 8px}.export-date-range label{align-items:center;display:inline-flex;gap:6px}.export-date-range em,.export-date-range span{color:var(--muted);font-size:13px;font-style:normal;white-space:nowrap}.export-date-range input{font:inherit;padding:0 8px}.export-date-range button,.export-date-range input{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:32px}.export-date-range button{box-shadow:var(--button-shadow);cursor:pointer;font-weight:700;padding:0 10px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.export-date-range button:hover:not(:disabled){border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.export-date-range button:disabled{cursor:not-allowed;opacity:.58}.customer-workspace{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr)}.customer-table{display:grid;overflow-x:auto}.customer-row,.table-head{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) 120px 100px 260px;min-width:980px}.table-head{color:var(--muted);font-size:13px;padding:4px 0 12px}.customer-row,.table-head{border-bottom:1px solid var(--line)}.customer-row{align-items:center;cursor:pointer;min-height:76px;padding:0 6px}.customer-row.selected,.customer-row:hover{background:#f7fbff}.customer-row:last-child{border-bottom:0}.customer-row-group{min-width:980px}.customer-cell{align-items:center;display:block;min-width:0}.customer-row small,.customer-row span,.customer-row strong{display:block}.created-info{display:grid;grid-gap:4px;gap:4px}.created-info small{color:var(--muted)}.customer-name-link{color:var(--ink);display:block;font-weight:700;text-decoration:none}.customer-name-link:hover,.secondary-action:hover{color:var(--blue)}.customer-row small,.customer-row time{color:var(--muted);margin-top:4px}.customer-row em{background:#eef7f3;border-radius:999px;color:var(--green);font-style:normal;justify-self:start;padding:5px 10px;white-space:nowrap}.customer-row .customer-nature-pill{border-radius:8px;line-height:1.35;max-width:100%;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.customer-classification{display:grid;grid-gap:4px;gap:4px;justify-items:start;min-width:0}.customer-classification small{margin-top:0}.customer-pagination{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding-top:14px}.customer-pagination div{display:inline-flex;gap:8px}.customer-pagination button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:6px;min-height:34px;padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.customer-pagination button:hover:not(:disabled){border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.customer-pagination button:disabled{cursor:not-allowed;opacity:.5}.customer-follow-ups{background:#f9fafb;display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .22s ease,opacity .16s ease,border-color .22s ease;border-bottom:1px solid transparent}.customer-follow-ups.expanded{border-bottom-color:var(--line);grid-template-rows:1fr;opacity:1}.customer-follow-ups-inner{display:grid;grid-gap:12px;gap:12px;min-height:0;overflow:hidden;padding:0 16px 0 46px;transform:translateY(-6px);transition:padding .22s ease,transform .22s ease}.customer-follow-ups.expanded .customer-follow-ups-inner{padding-bottom:16px;padding-top:14px;transform:translateY(0)}.follow-ups-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.follow-ups-heading a{color:var(--blue);font-size:14px;text-decoration:none}.follow-up-empty{color:var(--muted);margin:0}.follow-up-list{display:grid;grid-gap:10px;gap:10px}.follow-up-preview{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;padding:12px;transform:translateY(-4px);transition:transform .22s ease}.customer-follow-ups.expanded .follow-up-preview{transform:translateY(0)}.follow-up-preview time{color:var(--muted);font-size:13px}.follow-up-preview p{line-height:1.6;margin:0}.quick-follow-up{align-items:stretch;display:grid;grid-gap:8px;gap:8px;grid-template-columns:150px minmax(220px,1fr) auto}.quick-follow-up textarea,.quick-follow-up-owner{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:0;width:100%}.quick-follow-up-owner{display:grid;grid-gap:2px;gap:2px;min-height:40px;padding:7px 10px}.quick-follow-up-owner span{color:var(--muted);font-size:12px}.quick-follow-up-owner strong{font-size:14px;line-height:1.2}.quick-follow-up textarea{line-height:1.5;min-height:40px;padding:9px 10px;resize:vertical}.danger-action{align-items:center;background:#fff1f1;border:1px solid #ffd1d1;border-radius:8px;box-shadow:0 1px 2px rgba(180,35,24,.06);color:#b42318;cursor:pointer;display:inline-flex;font-weight:700;gap:6px;justify-content:center;min-height:36px;padding:0 10px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.danger-action svg:not(.spin){background:#ffe4e4;border-radius:6px;color:#b42318;height:22px;padding:3px;width:22px}.danger-action:hover:not(:disabled){background:#fff8f8;transform:translateY(-1px)}.danger-action:hover:not(:disabled),.panel-heading .danger-action:hover:not(:disabled){border-color:#fda4a4;box-shadow:0 8px 18px rgba(180,35,24,.12);color:#9f1f16}.panel-heading .primary-action{background:linear-gradient(180deg,#15a77b 0,var(--green) 100%);border-color:#0f8a65;color:#fff}.panel-heading .primary-action svg:not(.spin){background:rgba(255,255,255,.18);color:#fff}.panel-heading .primary-action:hover:not(:disabled){background:linear-gradient(180deg,#18b788,#0d7d5d);border-color:#0f8a65;box-shadow:0 12px 24px rgba(15,138,101,.24);color:#fff}.save-account-action,.save-account-action:hover:not(:disabled){background:#fff;border-color:var(--line);color:var(--ink)}.save-account-action{box-shadow:0 1px 2px rgba(23,32,38,.04)}.save-account-action:hover:not(:disabled){border-color:#b8d6cc;box-shadow:0 8px 18px rgba(23,32,38,.1);transform:translateY(-1px)}.panel-heading .save-account-action:hover:not(:disabled){border-color:#b8d6cc;box-shadow:0 8px 18px rgba(23,32,38,.1);color:var(--ink)}.row-actions{display:flex;gap:8px;justify-content:flex-start}.row-actions,.secondary-action{align-items:center;white-space:nowrap}.secondary-action{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;font-weight:700;gap:6px;justify-content:center;min-height:36px;padding:0 10px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.secondary-action svg:not(.spin){background:#eef7f3;border-radius:6px;color:var(--green);height:22px;padding:3px;width:22px}.secondary-action:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.secondary-action:disabled{cursor:not-allowed;opacity:.58;transform:none}.create-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:38px;min-width:max-content;padding:0 13px 0 10px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.create-action svg{background:#eef7f3;border-radius:6px;color:var(--green);height:22px;padding:3px;width:22px}.create-action:hover{border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.create-action:active{box-shadow:0 2px 8px rgba(23,32,38,.08);transform:translateY(0)}.create-action.subtle{background:#fff}.create-action:disabled{cursor:not-allowed;opacity:.64}.quick-follow-up-action{background:#ecfdf3;border-color:#abefc6;color:#067647;font-weight:700}.icon-action{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);color:var(--ink);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;width:38px}.icon-action:hover:not(:disabled){border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.icon-action:disabled{cursor:not-allowed;opacity:.64}.quick-follow-up-action svg{transition:transform .18s ease}.quick-follow-up-action.active svg{transform:rotate(180deg)}.panel-subtitle{color:var(--muted);display:block;font-size:13px;margin-top:5px}.account-management{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}.account-editor-panel,.account-list-panel,.role-type-panel{min-width:0}.account-management-main{display:grid;grid-gap:16px;gap:16px;min-width:0}.account-list{display:grid;grid-gap:8px;gap:8px}.account-list-item{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:36px minmax(0,1fr);min-height:64px;padding:10px;text-align:left;width:100%}.account-list-item.active,.account-list-item:hover{background:#f7fbff;border-color:#b8d4ff}.account-list-item small,.account-list-item strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-list-item small{color:var(--muted);margin-top:4px}.account-avatar{align-items:center;background:#eef7f3;border-radius:8px;color:var(--green);display:inline-flex;height:36px;justify-content:center;width:36px}.account-editor-heading{align-items:flex-start}.account-editor-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.account-editor-grid label{display:grid;grid-gap:7px;gap:7px}.account-editor-grid label span{color:var(--muted);font-size:14px}.account-editor-grid input,.account-editor-grid select,.role-type-editor input{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.password-field{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;min-height:42px}.password-field input{background:transparent;border:0;min-height:40px;padding:0 0 0 12px}.password-field button{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.password-field button:hover{color:var(--blue)}.role-type-layout{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr)}.role-type-toggle svg{transition:transform .22s ease}.role-type-toggle.open svg{transform:rotate(180deg)}.role-type-panel-body{display:grid;grid-template-rows:1fr;opacity:1;overflow:hidden;padding-top:2px;transition:grid-template-rows .26s ease,opacity .18s ease,padding-top .26s ease}.role-type-panel.collapsed .role-type-panel-body{grid-template-rows:0fr;opacity:0;padding-top:0;pointer-events:none}.role-type-panel-inner{display:grid;grid-gap:14px;gap:14px;min-height:0;overflow:hidden;transform:translateY(0);transition:transform .26s ease}.role-type-panel.collapsed .role-type-panel-inner{transform:translateY(-10px)}.role-type-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.role-type-list{display:grid;grid-gap:8px;gap:8px;align-content:start}.role-type-item{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-height:58px;padding:10px;text-align:left}.role-type-item.active,.role-type-item:hover{background:#f7fbff;border-color:#b8d4ff}.role-type-item small{color:var(--muted)}.role-type-editor{display:grid;grid-gap:12px;gap:12px}.role-type-editor label{display:grid;grid-gap:7px;gap:7px}.role-type-editor label span{color:var(--muted);font-size:14px}.role-type-editor input:disabled{cursor:not-allowed;opacity:.7}.role-type-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}.permission-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-card{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:14px;gap:14px;padding:14px}.permission-card-heading{align-items:flex-start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:24px minmax(0,1fr)}.permission-card-heading svg{color:var(--green)}.permission-card h3,.permission-card p{margin:0}.permission-card h3{font-size:16px}.permission-card p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}.permission-options{display:grid;grid-gap:8px;gap:8px}.permission-option{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;gap:10px;min-height:38px;padding:0 10px}.permission-option input{accent-color:var(--green);height:16px;width:16px}.account-status{margin:14px 0 0}.account-status.success{color:var(--green)}.account-status.error{color:#b42318}.customer-nature-count{background:#eef7f3;border-radius:999px;color:var(--green);flex:0 0 auto;font-size:13px;font-weight:700;padding:6px 10px}.customer-nature-create-form{display:grid;grid-gap:7px;gap:7px;margin-bottom:14px}.customer-nature-create-form>label{color:var(--muted);font-size:14px}.customer-nature-create-form>div{align-items:center;display:flex;gap:10px}.customer-nature-create-form input{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);flex:1 1 auto;min-height:42px;min-width:0;outline:0;padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.customer-nature-create-form input:focus{background:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(15,138,101,.14)}.customer-nature-create-form input:disabled{cursor:not-allowed;opacity:.68}.customer-nature-config-list{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-nature-config-item{align-items:center;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:48px;min-width:0;padding:7px 8px 7px 12px}.customer-nature-config-item>span{align-items:center;display:flex;gap:8px;min-width:0}.customer-nature-config-item>span svg{color:var(--green);flex:0 0 auto}.customer-nature-config-item strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-nature-config-item>button{align-items:center;background:#fff;border:1px solid #ffd1d1;border-radius:7px;color:#b42318;cursor:pointer;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;transition:background-color .16s ease,border-color .16s ease,transform .16s ease;width:32px}.customer-nature-config-item>button:hover:not(:disabled){background:#fff1f1;border-color:#fda4a4;transform:translateY(-1px)}.customer-nature-config-item>button:disabled{cursor:not-allowed;opacity:.58}.customer-nature-empty{color:var(--muted);font-size:14px;grid-column:1/-1;margin:4px 0}.customer-nature-status{margin:12px 0 0;text-align:left}.customer-nature-status.success{color:var(--green)}.customer-nature-status.error{color:#b42318}.detail-page{min-height:100vh;padding:28px;position:relative;z-index:1}.detail-page .panel{background:var(--panel)}.detail-topbar{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.detail-topbar h1,.detail-topbar p{margin:0}.detail-topbar h1{font-size:32px;line-height:1.2;margin-top:8px}.back-link,.detail-topbar p{color:var(--muted)}.back-link{text-decoration:none}.back-link:hover{color:var(--blue)}.detail-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.detail-primary-column{display:grid;grid-gap:16px;gap:16px;min-width:0}.customer-edit-form,.follow-up-form{display:grid;grid-gap:14px;gap:14px}.customer-edit-form.collapsed{align-content:start;align-self:start}.customer-edit-form-body{display:grid;grid-gap:14px;gap:14px}.customer-edit-form-body[hidden]{display:none}.customer-info-heading-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.customer-info-heading-copy h2,.customer-info-heading-copy p{margin:0}.customer-info-heading-copy p{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-info-heading-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.customer-info-toggle svg{transition:transform .18s ease}.customer-info-toggle svg.expanded{transform:rotate(180deg)}.customer-edit-form label,.follow-up-form label{display:grid;grid-gap:7px;gap:7px}.customer-edit-form label span,.follow-up-form label span{color:var(--muted);font-size:14px}.customer-edit-form input,.customer-edit-form select,.customer-edit-form textarea,.follow-up-form textarea{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.customer-edit-form .field input,.customer-edit-form .field textarea{background:transparent;border:0;min-width:0;padding:0}.customer-edit-form textarea,.follow-up-form textarea{line-height:1.6;min-height:112px;padding:10px 12px;resize:vertical}.compact-action{min-height:40px}.timeline-panel{align-self:start}.timeline{display:grid;grid-gap:0;gap:0;margin-top:16px}.timeline-item{border-left:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;padding:0 0 20px 18px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--green);border:3px solid #e7f5ef;border-radius:999px;height:13px;left:-7px;position:absolute;top:2px;width:13px}.timeline-item time{color:var(--muted);font-size:13px}.timeline-item strong{color:var(--ink)}.timeline-item p{line-height:1.6;margin:0}.timeline-actions,.timeline-item-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.timeline-item-actions{align-items:center;display:inline-flex;gap:8px}.compact-link-action{font-size:13px;min-height:30px;padding:0 9px}.timeline-edit-form{display:grid;grid-gap:10px;gap:10px}.timeline-edit-form label{display:grid;grid-gap:6px;gap:6px}.timeline-edit-form label span{color:var(--muted);font-size:13px}.timeline-edit-form textarea{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:38px;outline:0;padding:0 10px;width:100%;line-height:1.6;min-height:92px;padding:9px 10px;resize:vertical}.customer-documents-panel{margin-top:0;overflow:hidden}.customer-documents-heading{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;margin:-20px -20px 20px;padding:20px}.customer-documents-heading h2,.customer-documents-heading p,.document-empty-state p,.document-timeline-heading h3,.document-upload-title h3,.document-upload-title p{margin:0}.customer-documents-heading h2{font-size:22px;margin-top:4px}.customer-documents-heading p,.document-empty-state p,.document-upload-title p{color:var(--muted);font-size:14px;margin-top:5px}.customer-documents-heading .eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.document-summary{background:#f0f8f5;border:1px solid #d7ebe4;border-radius:8px;display:grid;grid-gap:3px;gap:3px;min-width:190px;padding:10px 14px;text-align:right}.document-summary span,.document-summary strong{font-size:13px}.document-summary span{color:var(--muted)}.customer-documents-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)}.document-upload-panel{align-content:start;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;padding:16px}.document-selected-actions,.document-selected-file,.document-timeline-actions,.document-timeline-card,.document-timeline-heading,.document-upload-title,.pdf-preview-actions{align-items:center;display:flex;gap:10px}.document-file-icon,.document-upload-icon{align-items:center;background:#e6f4ef;border-radius:8px;color:var(--green);display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.document-type-fieldset{border:0;display:grid;grid-gap:7px;gap:7px;margin:0;padding:0}.document-type-fieldset legend{color:var(--muted);font-size:13px;margin-bottom:7px;padding:0}.document-type-switch{background:#edf1f2;border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.document-type-switch button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;min-height:40px}.document-type-switch button.active{background:#fff;box-shadow:0 2px 8px rgba(20,48,64,.09);color:var(--green)}.document-type-switch button:disabled{cursor:not-allowed;opacity:.6}.document-dropzone{align-items:center;background:#fff;border:1px dashed #9fc9ba;border-radius:8px;color:var(--green);cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:138px;padding:18px;text-align:center;transition:background-color .16s ease,border-color .16s ease}.document-dropzone.has-file,.document-dropzone:hover{background:#f3faf7;border-color:var(--green)}.document-dropzone:has(input:disabled){cursor:not-allowed;opacity:.65}.document-dropzone input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.document-dropzone span{color:var(--muted);font-size:13px}.document-selected-file{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.document-selected-file>div:nth-child(2),.document-timeline-info{display:grid;flex:1 1;grid-gap:3px;gap:3px;min-width:0}.document-selected-file strong,.document-timeline-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-selected-file span,.document-timeline-heading span,.document-timeline-info span,.pdf-preview-modal small{color:var(--muted);font-size:13px}.document-submit-action{justify-content:center;width:100%}.document-ui-notice{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.document-timeline-panel{min-width:0}.document-timeline-heading{justify-content:space-between;margin-bottom:15px}.document-timeline{display:grid}.document-empty-state{align-items:center;background:#fafbfb;border:1px dashed var(--line);border-radius:8px;color:var(--muted);display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:28px;text-align:center}.document-empty-state strong{color:var(--ink);margin-top:10px}.document-timeline-item{border-left:1px solid var(--line);display:grid;grid-gap:7px;gap:7px;padding:0 0 18px 20px;position:relative}.document-timeline-item:last-child{padding-bottom:0}.document-timeline-dot{background:var(--green);border:3px solid #e7f5ef;border-radius:50%;height:13px;left:-7px;position:absolute;top:2px;width:13px}.document-timeline-item time{color:var(--muted);font-size:12px}.document-timeline-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px rgba(20,48,64,.05);min-width:0;padding:12px}.document-kind,.document-preview-kind{border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;padding:5px 9px}.document-kind.quotation,.document-preview-kind.quotation{background:#e8f4ff;color:#1769aa}.document-kind.purchase,.document-preview-kind.purchase{background:#fff3dc;color:#9a5a00}.document-timeline-actions a{text-decoration:none}.document-delete-action{color:#b42318}.pdf-preview-backdrop{background:rgba(23,32,38,.82);display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:70}.pdf-preview-modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px rgba(9,30,40,.34);display:grid;grid-template-rows:auto minmax(0,1fr);height:min(92vh,980px);overflow:hidden;width:min(94vw,1120px)}.pdf-preview-modal header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.pdf-preview-modal h2{font-size:17px;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-preview-modal iframe{border:0;height:100%;width:100%}.note-images-field{display:grid;grid-gap:12px;gap:12px}.note-images-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.note-images-heading span{color:var(--muted);font-size:14px}.upload-action{min-height:36px;position:relative}.upload-action input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.note-images-empty{color:var(--muted);margin:0}.note-image-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.note-image-item{background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;margin:0;padding:8px}.note-image-item>button:first-child{background:transparent;border:0;cursor:zoom-in;padding:0}.note-image-item img{aspect-ratio:1;border-radius:6px;display:block;object-fit:cover;width:100%}.note-image-remove{background:#fff1f1;border:1px solid #ffd1d1;border-radius:8px;box-shadow:0 1px 2px rgba(180,35,24,.06);color:#b42318;cursor:pointer;font-weight:700;min-height:32px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.note-image-remove:hover:not(:disabled){background:#fff8f8;border-color:#fda4a4;box-shadow:0 8px 18px rgba(180,35,24,.12);transform:translateY(-1px)}.image-lightbox{align-items:center;background:rgba(23,32,38,.82);display:flex;inset:0;justify-content:center;padding:36px;position:fixed;z-index:50}.image-lightbox img{border-radius:8px;max-height:88vh;max-width:92vw;object-fit:contain}.image-lightbox-close{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow-hover);color:var(--ink);cursor:pointer;font-weight:700;min-height:38px;padding:0 14px;position:fixed;right:24px;top:24px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.image-lightbox-close:hover{border-color:#b8d6cc;color:var(--green);transform:translateY(-1px)}.confirm-modal-backdrop{align-items:center;background:rgba(23,32,38,.52);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:60}.confirm-modal{animation:toast-in .18s var(--ease-out);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 60px rgba(20,48,64,.22);display:grid;grid-gap:18px;gap:18px;max-width:440px;padding:22px;width:min(440px,100%)}.confirm-modal h2,.confirm-modal p{margin:0}.confirm-modal h2{font-size:20px}.confirm-modal p{color:var(--muted);line-height:1.6;margin-top:8px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.follow-up-center,.follow-up-layout{display:grid;grid-gap:16px;gap:16px}.follow-up-layout{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(320px,.45fr)}.calendar-panel,.follow-up-side,.follow-up-task-form,.task-list-panel{min-width:0}.follow-up-side{display:grid;grid-gap:16px;gap:16px}.calendar-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.calendar-actions,.calendar-picker{align-items:center;display:inline-flex;gap:8px}.calendar-picker select{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:38px;outline:0;padding:0 10px}.calendar-grid,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{color:var(--muted);font-size:13px;margin-bottom:8px;text-align:center}.calendar-weekdays .weekend{color:#9aa3ad}.calendar-grid{gap:4px}.calendar-day{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:7px;gap:7px;min-height:104px;padding:9px;place-content:start;text-align:left}.calendar-day.selected,.calendar-day:hover{border-color:#bfd3ff;background:#f7fbff}.calendar-day.selected{box-shadow:0 0 0 2px var(--blue)}.calendar-day.today .calendar-day-number{background:var(--green);border-radius:999px;color:#fff;display:inline-grid;height:26px;place-items:center;width:26px}.calendar-day.muted{background:#fafbfc;color:#a1abb4}.calendar-day.weekend{background:#f3f5f7}.calendar-day.weekend .calendar-day-number{color:#c2410c}.calendar-day.weekend.muted{background:#eef1f4}.calendar-day.weekend.selected,.calendar-day.weekend:hover{background:#edf4ff}.calendar-day-tasks{display:grid;grid-gap:4px;gap:4px;min-width:0}.calendar-day-more,.calendar-day-task{border-radius:6px;display:block;font-size:12px;line-height:1.35;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.calendar-day-task{background:#eef7f3;color:var(--green)}.calendar-day-task.overdue{background:#fff1f1;color:#b42318}.calendar-day-task.completed{background:#eef1f4;color:var(--muted);text-decoration:line-through}.calendar-day-more{background:#edf4ff;color:var(--blue);justify-self:start}.follow-up-task-form{display:grid;grid-gap:0;gap:0}.follow-up-task-form-body{display:grid;grid-template-rows:1fr;opacity:1;overflow:hidden;transition:grid-template-rows .22s ease,opacity .18s ease,padding-top .22s ease;padding-top:2px}.follow-up-task-form.collapsed .follow-up-task-form-body{grid-template-rows:0fr;opacity:0;padding-top:0}.follow-up-task-form-inner{display:grid;grid-gap:14px;gap:14px;min-height:0;overflow:hidden;transform:translateY(0);transition:transform .22s ease}.follow-up-task-form.collapsed .follow-up-task-form-inner{transform:translateY(-12px)}.follow-up-task-form label{display:grid;grid-gap:7px;gap:7px}.follow-up-task-form label span{color:var(--muted);font-size:14px}.follow-up-task-form input,.follow-up-task-form select,.follow-up-task-form textarea{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:0 12px;width:100%}.follow-up-task-form textarea{line-height:1.6;min-height:94px;padding:10px 12px;resize:vertical}.follow-up-task-list{display:grid;grid-gap:10px;gap:10px}.task-item{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:54px minmax(0,1fr) auto;padding:12px}.task-item.completed{background:#f9fafb;opacity:.7}.task-time{color:var(--blue);font-weight:700}.task-item a,.task-item span,.task-item strong{display:block}.task-item a{color:var(--ink);margin-top:4px;text-decoration:none}.task-item a:hover{color:var(--blue)}.task-item p,.task-item span{color:var(--muted);margin:4px 0 0}.task-item p{line-height:1.6}.task-actions{align-items:flex-start;display:inline-flex;gap:8px}.task-icon-action{flex:0 0 auto;height:38px;min-height:38px;padding:0;width:38px}.not-found-panel h1,.not-found-panel p{margin:0}.not-found-panel{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.danger-action:disabled{cursor:not-allowed;opacity:.64}.customer-detail{align-self:start;background:#f9fafb;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;min-height:320px;padding:16px}.detail-heading{border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;padding-bottom:14px}.detail-heading span{color:var(--green);font-size:13px}.detail-heading strong{font-size:20px;line-height:1.25}.customer-detail dt,.detail-heading small,.detail-notes span{color:var(--muted)}.customer-detail dl{display:grid;grid-gap:12px;gap:12px;margin:0}.customer-detail dt{font-size:13px;margin-bottom:4px}.customer-detail dd{margin:0;overflow-wrap:anywhere}.customer-detail a{color:var(--blue);text-decoration:none}.customer-detail a:hover{text-decoration:underline}.detail-notes{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:12px}.detail-notes span{font-size:13px}.detail-notes p{line-height:1.6;margin:0}.empty-state{color:var(--muted);display:grid;min-height:180px;place-items:center}.empty-state.compact{min-height:260px;text-align:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;gap:14px}.nav{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:0}.account-card{margin-top:0}.customer-layout,.topbar{align-items:stretch;grid-template-columns:1fr}.topbar{flex-direction:column}.topbar-link{justify-content:center}.chart-card-body,.dashboard-charts,.stats-grid{grid-template-columns:1fr}.donut-chart{justify-self:center}.customer-filter-bar,.customer-filter-bar.with-owner-filter,.customer-workspace,.list-tools{grid-template-columns:1fr}.export-date-range{align-items:stretch;flex-wrap:wrap}.export-date-range label{flex:1 1 180px}.export-date-range input{width:100%}.customer-pagination{align-items:stretch;flex-direction:column}.customer-pagination div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-pagination button{justify-content:center}.customer-detail{min-height:auto}.form-row,.option-manager-grid{grid-template-columns:1fr}.option-manager{max-width:none}.quick-follow-up{grid-template-columns:1fr}.detail-page{padding:18px}.detail-topbar{align-items:stretch;flex-direction:column}.detail-layout{grid-template-columns:1fr}.customer-edit-form .panel-heading{align-items:stretch;flex-direction:column}.customer-info-heading-actions{flex-wrap:wrap}.customer-info-heading-actions>button{justify-content:center}.customer-documents-heading,.document-selected-file,.document-timeline-card,.pdf-preview-modal header{align-items:stretch;flex-direction:column}.customer-documents-layout{grid-template-columns:1fr}.document-summary{min-width:0;text-align:left;width:100%}.document-selected-actions,.document-timeline-actions,.pdf-preview-actions{flex-wrap:wrap}.document-timeline-info{width:100%}.pdf-preview-backdrop{padding:10px}.pdf-preview-modal{height:95vh;width:100%}.account-editor-grid,.account-management,.customer-nature-config-list,.follow-up-layout,.permission-grid,.role-type-layout,.role-type-permissions{grid-template-columns:1fr}.customer-nature-create-form>div{align-items:stretch;flex-direction:column}.calendar-day{min-height:82px;padding:8px}.task-item{grid-template-columns:1fr}.task-actions{justify-content:flex-start}}.marketing-center,.marketing-hero{display:grid;grid-gap:16px;gap:16px}.marketing-hero{align-items:center;background:radial-gradient(circle at 92% 18%,rgba(36,107,254,.1),transparent 24%),linear-gradient(120deg,#ffffff,#fbfdfd 58%,#f5f9ff);grid-template-columns:54px minmax(0,1fr) auto;min-height:150px}.marketing-hero-icon{align-items:center;background:#eaf8f3;border:1px solid #c7eadf;border-radius:12px;color:var(--green);display:inline-flex;height:54px;justify-content:center;width:54px}.composer-section-heading h2,.composer-section-heading p,.marketing-channel-heading h2,.marketing-channel-heading p,.marketing-hero h2,.marketing-hero p{margin:0}.marketing-hero h2{font-size:clamp(21px,2vw,28px);margin-top:7px}.marketing-hero p{color:var(--muted);line-height:1.6;margin-top:7px}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.13em}.campaign-edit-action,.campaign-list-panel .panel-heading button,.composer-save,.composer-secondary-action,.confirm-modal-actions button,.marketing-primary-action{align-items:center;border:1px solid var(--line);border-radius:8px;box-shadow:var(--button-shadow);cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;min-height:40px;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.marketing-primary-action{background:var(--green);border-color:var(--green);box-shadow:var(--button-shadow-strong);color:#fff}.marketing-primary-action:hover:not(:disabled){background:#0b7657;border-color:#0b7657;transform:translateY(-1px)}.campaign-list-panel .panel-heading button:disabled,.composer-save:disabled,.composer-secondary-action:disabled,.marketing-primary-action:disabled{cursor:not-allowed;opacity:.56}.marketing-stats-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-provider-card,.marketing-stat-card{display:grid;grid-gap:9px;gap:9px;min-height:136px}.marketing-provider-card>span,.marketing-stat-card>span{align-items:center;color:var(--muted);display:flex;font-size:14px;gap:7px}.marketing-provider-card>span svg,.marketing-stat-card>span svg{color:var(--green)}.marketing-stat-card>strong{font-size:29px;line-height:1}.marketing-provider-card>strong{font-size:19px}.marketing-provider-card>small,.marketing-stat-card>small{color:var(--muted)}.marketing-provider-card{border-left:4px solid #f59e0b}.marketing-provider-card.configured{border-left-color:var(--green)}.marketing-overview-grid{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(310px,.34fr)}.campaign-list-panel .panel-heading{margin-bottom:18px}.campaign-list-panel .panel-heading button{background:#fff;color:var(--ink)}.campaign-list-panel .panel-heading button:hover:not(:disabled),.composer-save:hover:not(:disabled),.composer-secondary-action:hover:not(:disabled){border-color:#b8d6cc;box-shadow:var(--button-shadow-hover);color:var(--green);transform:translateY(-1px)}.campaign-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.campaign-list-item{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:13px;gap:13px;grid-template-columns:42px minmax(0,1fr) auto auto;min-height:94px;padding:14px}.campaign-list-item:last-child{border-bottom:0}.campaign-list-item:hover{background:#fbfcfd}.campaign-list-icon{align-items:center;background:#edf4ff;border-radius:9px;color:var(--blue);display:inline-flex;height:42px;justify-content:center;width:42px}.campaign-list-copy{min-width:0}.campaign-list-copy>div{align-items:center;display:flex;gap:9px}.campaign-list-copy p,.campaign-list-copy small,.campaign-list-copy strong{display:block;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-list-copy p{color:var(--ink);font-size:14px;margin-top:7px}.campaign-list-copy small{color:var(--muted);margin-top:6px}.campaign-department,.campaign-status{border-radius:999px;flex:0 0 auto;font-size:11px;font-weight:700;padding:3px 7px}.campaign-department{background:#f4f0ff;color:#6941c6}.campaign-status.draft{background:#eef1f4;color:#53606b}.campaign-status.sending{background:#edf4ff;color:var(--blue)}.campaign-status.sent{background:#eaf8f3;color:#087554}.campaign-status.partial{background:#fff7e6;color:#a15c07}.campaign-status.failed{background:#fff1f1;color:#b42318}.campaign-delivery-summary{border-left:1px solid var(--line);display:grid;grid-gap:3px;gap:3px;min-width:92px;padding-left:16px;text-align:right}.campaign-delivery-summary small{color:var(--muted);font-size:12px}.campaign-edit-action{background:#fff;color:var(--blue);min-height:36px;padding:0 10px}.campaign-edit-action:hover{border-color:#bfd3ff;box-shadow:var(--button-shadow-hover)}.marketing-empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;justify-content:center;min-height:260px;text-align:center}.marketing-empty-state>span{align-items:center;background:#edf4ff;border-radius:12px;color:var(--blue);display:inline-flex;height:52px;justify-content:center;margin-bottom:12px;width:52px}.marketing-empty-state strong{color:var(--ink)}.marketing-empty-state p{margin:7px 0 0}.marketing-empty-state.compact{min-height:190px}.marketing-channel-panel{display:grid;grid-gap:0;gap:0;scroll-margin-top:18px}.marketing-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.marketing-channel-shortcut{align-items:center;background:#fff;border:1px solid #cfd9e2;border-radius:7px;color:#34495c;cursor:pointer;display:inline-flex;font-weight:700;gap:7px;min-height:38px;padding:8px 13px}.marketing-channel-shortcut:hover{background:#f3f7fa;border-color:#aebdca}.marketing-channel-heading{align-items:center;display:flex;gap:12px;margin-bottom:16px}.marketing-channel-heading>span{align-items:center;background:#fff7e6;border-radius:10px;color:#b66a08;display:inline-flex;height:44px;justify-content:center;width:44px}.marketing-channel-heading>span.configured{background:#eaf8f3;color:var(--green)}.marketing-channel-heading h2{font-size:17px}.marketing-channel-heading p{color:var(--muted);font-size:13px;margin-top:4px}.channel-status-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:48px}.channel-status-row span{color:var(--muted);font-size:13px}.channel-status-row strong{font-size:13px;overflow-wrap:anywhere;text-align:right}.channel-status-row .is-success{color:var(--green)}.channel-status-row .is-pending{color:#b66a08}.channel-config-note{align-items:flex-start;background:#fffaf0;border:1px solid #f8ddaa;border-radius:8px;color:#88530e;display:flex;gap:9px;margin-top:16px;padding:11px}.channel-config-note svg{flex:0 0 auto;margin-top:2px}.channel-config-note p{font-size:12px;line-height:1.55;margin:0}.channel-config-note code{overflow-wrap:anywhere}.channel-config-note.is-info{background:#eef6ff;border-color:#cfe1f7;color:#315b83}.department-channel-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.department-channel-item{border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;min-height:92px;padding:12px}.department-channel-item:last-child{border-bottom:0}.department-channel-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.department-channel-copy small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-channel-copy em{color:#8b97a3;font-size:11px;font-style:normal}.department-channel-controls{align-items:center;display:flex;gap:8px;justify-content:space-between}.department-channel-controls>span{border-radius:999px;flex:0 0 auto;font-size:12px;font-weight:700;padding:4px 8px}.department-channel-controls>span.is-success{background:#eaf8f3;color:var(--green)}.department-channel-controls>span.is-pending{background:#fff7e6;color:#b66a08}.department-channel-actions{display:flex;gap:6px}.department-channel-actions button{align-items:center;background:#f5f8fb;border:1px solid #dce4eb;border-radius:6px;color:#405264;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;min-height:30px;padding:5px 8px}.department-channel-actions button:hover:not(:disabled){background:#eaf2fa;border-color:#b8cbdf}.department-channel-actions button.danger{color:#aa3e38}.department-channel-actions button:disabled{cursor:not-allowed;opacity:.5}.marketing-composer{padding-bottom:86px}.composer-toolbar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px 14px}.composer-back{align-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer;display:inline-flex;gap:7px;padding:7px}.composer-back:hover:not(:disabled){color:var(--green)}.composer-toolbar-copy{border-left:1px solid var(--line);display:grid;grid-gap:3px;gap:3px;min-width:0;padding-left:16px}.composer-toolbar-copy span{color:var(--muted);font-size:12px}.composer-toolbar-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-save,.composer-secondary-action{background:#fff;color:var(--ink)}.composer-steps{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;overflow:hidden;padding:0}.composer-steps li{border-right:1px solid var(--line);position:relative}.composer-steps li:last-child{border-right:0}.composer-steps button{align-items:center;background:#fff;border:0;color:var(--muted);display:flex;font-weight:700;gap:9px;justify-content:center;min-height:54px;padding:8px;width:100%}.composer-steps button>span{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:12px;height:25px;justify-content:center;width:25px}.composer-steps li.active button{background:#f4fbf8;color:var(--green)}.composer-steps li.active button>span{background:var(--green);border-color:var(--green);color:#fff}.composer-steps li.complete button{color:var(--ink);cursor:pointer}.composer-steps li.complete button>span{background:#eaf8f3;border-color:#c7eadf;color:var(--green)}.composer-section-heading{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.composer-section-heading h2{font-size:22px;margin-top:6px}.composer-section-heading p{color:var(--muted);font-size:14px;margin-top:6px}.compact-heading{align-items:flex-start}.recipient-counter{align-items:baseline;background:#f4fbf8;border:1px solid #c7eadf;border-radius:8px;color:var(--green);display:inline-flex;gap:3px;padding:10px 14px}.recipient-counter strong{font-size:22px}.recipient-counter span{font-size:13px}.department-selector{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.department-selector button{background:#f9fafb;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:grid;grid-gap:5px;gap:5px;min-height:78px;padding:11px 13px;text-align:left;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.department-selector button.active,.department-selector button:hover{background:#f4fbf8;border-color:#75b9a4}.department-selector button.active{box-shadow:0 0 0 2px rgba(15,138,101,.12)}.department-selector button>span{color:var(--green);font-size:13px;font-weight:800}.department-selector button>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-selector button>small.is-success{color:var(--green)}.department-selector button>small.is-pending{color:#b66a08}.department-missing-warning{align-items:center;background:#fff7e6;border:1px solid #f8ddaa;border-radius:8px;color:#88530e;display:flex;font-size:13px;gap:8px;grid-column:1/-1;padding:12px}.audience-filters{display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(240px,1fr) 190px 180px;margin-bottom:14px}.audience-filters select,.audience-search{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:42px}.audience-filters select{outline:0;padding:0 10px}.audience-search{align-items:center;color:var(--muted);display:flex;gap:8px;padding:0 12px}.audience-search input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.audience-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.audience-row,.audience-table-head{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(240px,1.2fr) minmax(180px,.8fr) minmax(130px,.55fr) minmax(100px,.35fr);min-height:64px;padding:10px 14px}.audience-table-head{background:#f7f9fb;color:var(--muted);font-size:12px;font-weight:700;min-height:42px}.audience-table-head label{align-items:center;display:flex;gap:11px}.audience-row{border-top:1px solid var(--line);cursor:pointer;position:relative;transition:background-color .14s ease}.audience-row.selected,.audience-row:hover{background:#f5fbf9}.audience-row.selected{box-shadow:inset 3px 0 var(--green)}.audience-row>span{min-width:0}.audience-person{display:grid;grid-gap:5px;gap:5px;padding-left:33px;position:relative}.audience-check{left:14px;position:absolute}.audience-classification small,.audience-person small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-classification,.audience-owner{display:grid;font-size:13px;grid-gap:5px;gap:5px}.audience-owner{color:var(--muted)}.audience-limit-note{color:var(--muted);font-size:12px;margin:10px 0 0;text-align:center}.edm-editor-layout{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(420px,.8fr) minmax(460px,1fr)}.edm-editor-form{display:grid;grid-gap:24px;gap:24px}.edm-form-section{border-top:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;padding-top:20px}.edm-form-section h3{font-size:15px;margin:0 0 2px}.edm-form-section label{display:grid;grid-gap:7px;gap:7px}.edm-form-section label>span:first-child{color:var(--muted);font-size:13px}.color-input,.edm-form-section input,.edm-form-section textarea{background:#f9fafb;border:1px solid var(--line);border-radius:8px;color:var(--ink);outline:0;width:100%}.edm-form-section input{min-height:42px;padding:0 11px}.edm-form-section textarea{line-height:1.65;padding:10px 11px;resize:vertical}.audience-filters select:focus,.audience-search:focus-within,.edm-form-section input:focus,.edm-form-section textarea:focus{border-color:#75b9a4;box-shadow:0 0 0 3px rgba(15,138,101,.1)}.edm-form-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-textarea{min-height:72px}.color-input{align-items:center;display:flex;min-height:42px;padding:5px 9px}.color-input input{border:0;cursor:pointer;height:29px;min-height:29px;padding:0;width:36px}.color-input em{color:var(--muted);font-size:13px;font-style:normal;margin-left:8px}.edm-preview-panel{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:16px}.edm-preview-heading{align-items:center;display:flex;justify-content:space-between}.edm-preview-heading>div:first-child{align-items:center;display:flex;gap:8px}.edm-preview-heading>div:first-child svg{color:var(--green)}.preview-mode-toggle{background:#f3f5f7;border-radius:7px;display:inline-flex;padding:3px}.preview-mode-toggle button{align-items:center;background:transparent;border:0;border-radius:5px;color:var(--muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:34px}.preview-mode-toggle button.active{background:#fff;box-shadow:var(--button-shadow);color:var(--green)}.inbox-preview{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:4px;gap:4px;padding:11px 13px}.inbox-preview small,.inbox-preview span{color:var(--muted);font-size:12px}.inbox-preview p{font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-preview-frame{align-items:flex-start;background:#e9edf1;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:center;min-height:640px;overflow:auto;padding:16px}.email-preview-frame iframe,.review-email-preview iframe{background:#fff;border:0;height:680px;width:100%}.email-preview-frame.mobile iframe{box-shadow:0 8px 28px rgba(23,32,38,.13);max-width:390px}.send-review-layout{align-items:start;display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(310px,.34fr)}.review-ready{align-items:center;background:#eaf8f3;border-radius:999px;color:var(--green);display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:7px 10px}.review-summary-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:.45fr .65fr 1fr;margin-bottom:16px}.review-summary-grid article{background:#f8fafc;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:5px;gap:5px;min-width:0;padding:12px}.review-summary-grid small,.review-summary-grid span{color:var(--muted);font-size:12px}.review-summary-grid small,.review-summary-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-email-preview{background:#e9edf1;border:1px solid var(--line);border-radius:8px;padding:14px}.send-review-side{display:grid;grid-gap:16px;gap:16px}.review-recipient-panel .panel-heading>span{color:var(--muted);font-size:13px}.review-recipient-list{border-top:1px solid var(--line)}.review-recipient-list>div{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;min-height:58px}.review-recipient-list>div>span{align-items:center;background:#edf4ff;border-radius:999px;color:var(--blue);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.review-recipient-list>div>div{display:grid;grid-gap:4px;gap:4px;min-width:0}.review-recipient-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-recipient-list>p{color:var(--muted);font-size:12px;margin:12px 0 0;text-align:center}.review-provider-panel{border-left:4px solid #f59e0b}.review-provider-panel.configured{border-left-color:var(--green)}.review-provider-panel>div{align-items:center;display:flex;gap:10px}.review-provider-panel>div>span{align-items:center;background:#f3f5f7;border-radius:8px;color:var(--green);display:inline-flex;height:40px;justify-content:center;width:40px}.review-provider-panel>div>div{display:grid;grid-gap:4px;gap:4px}.review-provider-panel small{color:var(--muted)}.review-provider-panel>p{align-items:flex-start;background:#f8fafc;border-radius:7px;color:var(--muted);display:flex;font-size:12px;gap:6px;line-height:1.5;margin:14px 0 0;padding:9px}.review-provider-panel>p svg{flex:0 0 auto;margin-top:1px}.composer-footer{align-items:center;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:8px;bottom:14px;box-shadow:0 12px 34px rgba(20,48,64,.14);display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;left:calc(248px + 28px);padding:11px 14px;position:fixed;right:28px;z-index:20}.sidebar-collapsed .composer-footer{left:calc(76px + 28px)}.composer-footer>span{color:var(--muted);font-size:13px;text-align:center}.composer-final-actions{align-items:center;display:flex;gap:9px}.send-confirm-icon{align-items:center;background:#eaf8f3;border-radius:10px;color:var(--green);display:inline-flex;height:44px;justify-content:center;width:44px}.confirm-modal-actions button{background:#fff;color:var(--ink)}.confirm-modal-actions .primary-action{background:var(--green);border-color:var(--green);color:#fff}@media (max-width:1120px){.marketing-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edm-editor-layout,.marketing-overview-grid,.send-review-layout{grid-template-columns:1fr}.edm-preview-panel{position:static}}@media (max-width:860px){.marketing-hero{align-items:start;grid-template-columns:46px minmax(0,1fr)}.marketing-hero-icon{height:46px;width:46px}.marketing-hero .marketing-primary-action{grid-column:1/-1}.marketing-stats-grid{grid-template-columns:1fr}.campaign-list-item{align-items:start;grid-template-columns:42px minmax(0,1fr)}.campaign-delivery-summary,.campaign-edit-action{grid-column:2;justify-self:start;text-align:left}.campaign-delivery-summary{border-left:0;padding-left:0}.composer-toolbar{grid-template-columns:1fr auto}.composer-toolbar-copy{border-left:0;grid-column:1/-1;grid-row:2;padding-left:0}.composer-steps button{flex-direction:column;font-size:12px;gap:5px;min-height:66px}.composer-section-heading{align-items:flex-start;flex-direction:column}.audience-filters,.department-selector,.edm-form-row,.review-summary-grid{grid-template-columns:1fr}.audience-table-head{display:none}.audience-row{align-items:start;grid-template-columns:1fr;padding-left:46px}.audience-check{left:15px;top:15px}.audience-person{padding-left:0}.email-preview-frame{min-height:520px;padding:8px}.email-preview-frame iframe,.review-email-preview iframe{height:590px}.composer-footer,.sidebar-collapsed .composer-footer{bottom:8px;grid-template-columns:1fr;left:8px;right:8px}.composer-footer>span{display:none}.composer-final-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.composer-footer>.composer-secondary-action,.composer-footer>.marketing-primary-action{width:100%}}.topbar{animation:workspace-enter var(--motion-base) var(--ease-out) backwards}.workspace>.account-management,.workspace>.customer-layout,.workspace>.dashboard-charts,.workspace>.detail-page,.workspace>.follow-up-center,.workspace>.forbidden-panel,.workspace>.marketing-center,.workspace>.stats-grid{animation:content-enter var(--motion-base) var(--ease-out) 35ms backwards}.login-panel{animation:modal-enter var(--motion-slow) var(--ease-out) backwards}@keyframes workspace-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes content-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.account-avatar,.campaign-list-icon,.document-timeline-dot,.marketing-provider-card>span svg,.marketing-stat-card>span svg,.nav-icon,.stat-card>svg,.timeline-dot{transition:transform var(--motion-base) var(--ease-out)}.nav a.active:before{animation:nav-indicator-enter var(--motion-base) var(--ease-out) both;transform-origin:center}@keyframes nav-indicator-enter{0%{opacity:0;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}.chart-card,.marketing-provider-card,.marketing-stat-card,.stat-card{transition:border-color var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.account-list-item,.audience-row,.calendar-day,.campaign-list-item,.chart-legend-row,.customer-row,.department-channel-item,.document-timeline-card,.note-image-item,.role-type-item,.task-item{transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-base) var(--ease-out)}.composer-steps button,.composer-steps button>span,.department-selector button,.preview-mode-toggle button{transition:background-color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-base) var(--ease-out)}.composer-steps li.active button>span{transform:scale(1.06)}.create-toggle svg,.customer-info-toggle svg,.follow-up-task-toggle svg,.role-type-toggle svg{transition:transform var(--motion-base) var(--ease-drawer)}.create-form-body,.create-form-inner,.customer-edit-form-body,.customer-edit-form-inner,.follow-up-task-form-body,.follow-up-task-form-inner,.role-type-panel-body,.role-type-panel-inner{transition-timing-function:var(--ease-drawer)}.donut-segment{transition-timing-function:var(--ease-out)}.confirm-modal-backdrop,.image-lightbox,.pdf-preview-backdrop{animation:scrim-enter var(--motion-fast) var(--ease-out) both}.confirm-modal,.image-lightbox img,.pdf-preview-modal{animation:modal-enter var(--motion-base) var(--ease-out) both;transform-origin:center}.confirm-modal{animation-duration:.22s}.save-toast{animation:toast-in var(--motion-base) var(--ease-out)}.note-image-item img{transition:transform var(--motion-base) var(--ease-out)}.audience-search,.export-date-range,.field,.list-select-filter,.password-field,.quick-follow-up-owner,.search-field{transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.audience-search:focus-within,.export-date-range:focus-within,.field:focus-within,.list-select-filter:focus-within,.password-field:focus-within,.quick-follow-up-owner:focus-within,.search-field:focus-within{background-color:#fff;border-color:var(--green);box-shadow:var(--button-ring)}.account-card button,.campaign-edit-action,.composer-save,.composer-secondary-action,.composer-steps button,.create-action,.customer-pagination button,.danger-action,.department-selector button,.export-date-range button,.marketing-primary-action,.panel-heading button,.preview-mode-toggle button,.primary-action,.secondary-action,.sidebar-toggle,.topbar-link{transform-origin:center}.account-card button:active:not(:disabled),.campaign-edit-action:active:not(:disabled),.composer-save:active:not(:disabled),.composer-secondary-action:active:not(:disabled),.composer-steps button:active:not(:disabled),.create-action:active:not(:disabled),.customer-pagination button:active:not(:disabled),.danger-action:active:not(:disabled),.department-selector button:active:not(:disabled),.export-date-range button:active:not(:disabled),.marketing-primary-action:active:not(:disabled),.panel-heading button:active:not(:disabled),.preview-mode-toggle button:active:not(:disabled),.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.shell:not(.sidebar-collapsed) .sidebar-toggle:active:not(:disabled),.topbar-link:active{transform:scale(.98)}.shell.sidebar-collapsed .sidebar-toggle:active:not(:disabled){transform:translate(-4px,52px) scale(.98)}.shell.sidebar-collapsed .account-card button:active:not(:disabled){transform:translateX(-5px) scale(.98)}@media (hover:hover) and (pointer:fine){.nav a:not(.active):hover{transform:translateX(2px)}.nav a:hover .nav-icon{transform:scale(1.07)}.chart-card:hover,.marketing-provider-card:hover,.marketing-stat-card:hover,.stat-card:hover{border-color:#cbd6df;transform:translateY(-2px)}.marketing-provider-card:hover>span svg,.marketing-stat-card:hover>span svg,.stat-card:hover>svg{transform:translateY(-1px) scale(1.06)}.account-list-item:hover,.department-channel-item:hover,.document-timeline-card:hover,.role-type-item:hover,.task-item:hover{transform:translateX(2px)}.account-list-item:hover .account-avatar,.campaign-list-item:hover .campaign-list-icon{transform:scale(1.05)}.chart-legend-row:hover{background:#fff;border-color:#dbe6eb;transform:translateX(2px)}.calendar-day:hover:not(.selected){transform:translateY(-1px)}.note-image-item:hover img{transform:scale(1.025)}}@media (max-width:860px){.system-watermark{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));padding:24px 18px}.system-watermark span{height:38px;width:38px}.system-watermark span:nth-child(n+16){display:none}.shell.sidebar-collapsed{grid-template-columns:1fr}.shell.sidebar-collapsed .sidebar,.sidebar{padding:14px}.sidebar-toggle{display:none}.shell.sidebar-collapsed .sidebar-top,.sidebar-top{display:block;margin-bottom:0}.brand{min-width:0;position:static;width:100%}.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label{display:block}.shell.sidebar-collapsed .account-copy,.shell.sidebar-collapsed .brand,.shell.sidebar-collapsed .brand-copy,.shell.sidebar-collapsed .nav-label{opacity:1;pointer-events:auto;transform:none}.nav,.shell.sidebar-collapsed .nav{display:flex;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;transform:none}.nav a,.shell.sidebar-collapsed .nav a{flex:1 0 92px}.shell.sidebar-collapsed .nav a{justify-content:flex-start;min-height:42px;padding:11px 12px}.shell.sidebar-collapsed .account-card{justify-content:space-between}.shell.sidebar-collapsed .account-copy{display:block}.shell.sidebar-collapsed .account-card button,.shell.sidebar-collapsed .account-card button:active:not(:disabled),.shell.sidebar-collapsed .account-card button:hover{transform:none}.workspace{padding:18px}.topbar h1{font-size:clamp(26px,8vw,32px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}.confirm-modal,.confirm-modal-backdrop,.image-lightbox,.image-lightbox img,.login-panel,.nav a.active:before,.pdf-preview-backdrop,.pdf-preview-modal,.save-toast,.spin,.topbar,.workspace>*{animation:none}}