@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#263b4c;font-synthesis:none;--muted:#85919d;--border:#e8ecf0;--blue:#376b91;--navy:#192e43;background:#f7f8fa;font-family:DM Sans,Noto Sans JP,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #75a4c9}h1,h2,h3,h4,p{margin:0}button,select{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.97)}h3{letter-spacing:.01em;font-size:15px;font-weight:600}small{color:var(--muted);font-size:11px}.muted{color:var(--muted)}.logo{letter-spacing:-1px;flex:none;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:25px;font-weight:700;display:flex}.logo small{letter-spacing:1.65px;color:#9cabb8;margin-top:3px;font-size:7px;font-weight:500;display:block}.logo-light{font-weight:400}.logo-mark{color:#fff;background:#779cbb;border-radius:9px;place-items:center;width:32px;height:34px;padding-bottom:5px;font-size:35px;line-height:1;display:grid;position:relative}.logo-mark span{color:#dbe8ee;font-size:22px;position:absolute;top:-4px;right:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#e8eff4;z-index:20;flex-direction:column;width:238px;padding:32px 19px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.logo{margin:0 11px 33px}.shop-switch{background:#23394f;border:1px solid #35495d;border-radius:8px;align-items:center;gap:9px;margin-bottom:32px;padding:12px 9px;display:flex}.shop-avatar{color:#fff;background:#8da19a;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;font:18px Georgia;display:grid}.shop-switch>div:nth-child(2){flex:1;min-width:0}.shop-switch strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.shop-switch span{color:#9caebc;margin-top:5px;font-size:9px;display:block}.nav-label{letter-spacing:1.6px;color:#7e92a5;margin:0 14px 13px;font-size:9px}nav{flex-direction:column;gap:6px;display:flex}nav button{color:#a8b8c6;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:12px;padding:13px 14px;font-size:12px;display:flex}nav button.active{color:#eff6fa;background:#334b63}nav button svg{stroke-width:1.7px}nav button.active:before{content:"";background:#b3d0e5;width:3px;height:22px;position:absolute;left:0}nav button b{color:#d4e2ed;background:#445f76;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:50px}.pilot-card{background:linear-gradient(125deg,#2d475d,#243b51);border:1px solid #3a5368;border-radius:8px;padding:18px 14px 14px}.tiny-tag{letter-spacing:.8px;color:#6b8da7;background:#eef4f8;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-block}.pilot-card .tiny-tag{color:#b3c8d9;background:#3b5369;font-size:8px}.pilot-card h4{margin:12px 0 8px;font-size:12px;font-weight:500;line-height:1.9}.pilot-card p{color:#a9bccb;font-size:9px}.pilot-card a,.pilot-card button{color:#dbe8f3;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:0;font-size:10px;display:flex}.side-setting{color:#a7b8c7;background:0 0;align-items:center;gap:12px;padding:23px 12px;font-size:12px;display:flex}.profile{border-top:1px solid #30465b;align-items:center;gap:9px;margin:0 -19px;padding:18px;display:flex}.profile-avatar{color:#64717d;background:#dccfbf;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.profile strong{font-size:10px;font-weight:500}.profile small{color:#8ea3b5;margin-top:4px;font-size:9px;display:block}.profile button{color:#8fa4b5;background:0 0;margin-left:auto}.main{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:65px;padding:0 36px;font-size:10px;display:flex}.breadcrumb{color:#94a0ac;align-items:center;gap:15px;display:flex}.breadcrumb span{color:#4b5e70}.top-actions{color:#7f8d99;align-items:center;gap:8px;display:flex}.top-actions svg{color:#899cab;margin-left:13px}.status-dot{background:#6a9984;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.content{max-width:1536px;margin:0 auto;padding:23px 36px 0}.demo-notice{color:#66849c;align-items:center;gap:8px;margin-bottom:23px;font-size:10px;display:flex}.demo-notice button{color:#5b7c98;background:0 0;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.75px;color:#95a2ae;margin-bottom:9px;font-size:9px;font-weight:600}h1{letter-spacing:.025em;font-size:25px;font-weight:600;line-height:1.6}.page-heading p{color:#8a96a1;margin-top:7px;font-size:11px}.primary,.secondary,.danger{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.primary{color:#fff;background:var(--blue);box-shadow:0 2px 3px #243e4d0d}.secondary{color:#476982;background:#fff;border:1px solid #dce4eb}.danger{color:#b15449;background:#fbefed;border:1px solid #ebd9d5}.text-button{color:#5f7e97;background:0 0;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.wide{width:100%}.period-row{color:#6d7d8c;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;font-size:10px;display:flex}.period-row>div{align-items:center;gap:9px;display:flex}.period-date{color:#9aa4ae;border-left:1px solid #dce2e7;margin-left:9px;padding-left:15px}.segmented{background:#eef1f4;border:1px solid #e1e7ec;border-radius:6px;margin-left:4px;padding:3px;display:flex}.segmented button{color:#8b99a5;background:0 0;border-radius:4px;padding:5px 13px;font-size:10px}.segmented button.selected{color:#476c88;background:#fff;box-shadow:0 1px 3px #34475c12}.diagnosis-banner{background:linear-gradient(100deg,#edf4f8,#f1f6f8 60%,#f5f8f9);border:1px solid #d8e4eb;border-radius:8px;align-items:center;gap:16px;margin-bottom:21px;padding:20px 23px;display:flex}.diagnosis-icon{color:#628aa7;background:#e0ecf4;border-radius:50%;flex:none;place-items:center;width:45px;height:45px;display:grid}.card-eyebrow{color:#7791a4;letter-spacing:.9px;font-size:9px}.diagnosis-banner h2{color:#466279;margin:7px 0;font-size:13px;font-weight:500}.diagnosis-banner h2 strong{color:#315b7b;margin:0 3px;font-family:DM Sans,sans-serif;font-size:23px;font-weight:600}.diagnosis-banner p{color:#8a9ba8;font-size:10px}.outline-tag{white-space:nowrap;color:#7893a5;border:1px solid #cbdde8;border-radius:4px;align-self:flex-start;margin-top:2px;margin-left:auto;padding:5px 8px;font-size:9px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;padding:19px 20px 0;overflow:hidden}.metric-primary{background:#f1f6fa;border-color:#cfdee9}.metric-title{color:#738391;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-title>span{color:#8ba1b2;font-size:10px}.metric-value{letter-spacing:-1px;color:#2c465b;white-space:nowrap;margin-top:17px;font-family:DM Sans,Noto Sans JP,sans-serif;font-size:35px;font-weight:500;line-height:1.2}.metric-primary .metric-value{color:#386e96}.metric-value small{color:#879aaa;margin-left:8px;font-family:Noto Sans JP,sans-serif;font-size:14px}.metric>p{color:#98a3ad;margin-top:8px;margin-bottom:17px;font-size:9px}.metric-bottom{border-top:1px solid #e9edf1;min-height:40px;padding:12px 0}.metric-note{color:#8595a2;font-size:9px}.metric-link{color:#6789a3;background:0 0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.dashboard-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:23px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:21px 23px 17px;display:flex}.panel-heading h3{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.panel-heading p{color:#94a1ad;margin-top:6px;font-size:10px}.legend{color:#94a1ad;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.legend i{background:#5788ad;border-radius:50%;width:6px;height:6px}.trend-chart{padding:5px 23px 10px}.trend-chart svg{width:100%;max-height:200px;display:block}.trend-chart>small{color:#a2acb5;text-align:right;font-size:8px;display:block}.retention-strip{border-top:1px solid #edf0f3;margin:0 23px;padding:18px 0;display:flex}.retention-strip>div{border-right:1px solid var(--border);flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.retention-strip>div:last-child{border:0}.retention-strip span{color:#97a3ad;font-size:9px}.retention-strip strong{font-size:16px;font-weight:500}.retention-strip small{text-align:center;width:100%;font-size:8px}.insights-panel .panel-heading{padding-bottom:9px}.insights-panel .panel-heading h3 svg{color:#7c9ab3}.insights{padding:0 23px}.insight{border-bottom:1px solid #eef1f3;gap:13px;padding:16px 0;display:flex}.insight:last-child{border:0}.insight>span{color:#809db2;background:#f0f5f8;border-radius:5px;flex:none;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.insight h4{color:#49647a;font-size:11px;font-weight:500;line-height:1.7}.insight p{color:#91a0ac;margin-top:4px;font-size:10px;line-height:1.8}.insight-foot{color:#9aa9b5;background:#fcfdfe;border-top:1px solid #edf1f4;align-items:center;gap:5px;padding:10px 23px;font-size:8px;display:flex}.count{color:#7c91a3;background:#f0f4f7;border-radius:4px;margin-left:2px;padding:3px 7px;font-size:9px;display:inline-block}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#98a5b0;background:#fafbfc;border-top:1px solid #f0f2f4;border-bottom:1px solid #edf0f3;padding:11px 23px;font-size:9px;font-weight:400}td{color:#5d7182;border-bottom:1px solid #eef1f4;padding:15px 23px;font-size:11px}tbody tr:last-child td{border-bottom:0}td small{color:#98a5b0;margin-top:5px;font-size:9px;display:block}td strong{font-size:11px;font-weight:500}.customer{align-items:center;gap:10px;display:flex}.customer-avatar{color:#8b9a91;background:#edf0ec;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.avatar-1{color:#b29c8e;background:#f3eeeb}.avatar-2{color:#8e9eba;background:#edf0f5}.avatar-3{color:#b29aad;background:#f3edf2}.table-date{font-size:10px;font-weight:400}.priority{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;display:inline-flex}.priority i{background:currentColor;border-radius:50%;width:4px;height:4px}.priority.high{color:#c38966;background:#fbefe9}.priority.medium{color:#b29a64;background:#f6f2e7}.priority.low{color:#7f9d89;background:#edf4ef}.action-button{color:#698ba3;background:#fff;border:1px solid #dae4eb;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.observation-note{color:#95a3af;align-items:flex-start;gap:6px;margin-top:15px;font-size:9px;line-height:1.8;display:flex}.observation-note svg{flex:none;margin-top:2px}footer{border-top:1px solid var(--border);color:#a8b1bb;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:20px 0;font-size:9px;display:flex}footer>span:first-child{align-items:center;gap:5px;display:flex}.two-grid,.three-grid,.settings-grid{gap:20px;display:grid}.two-grid,.settings-grid{grid-template-columns:1fr 1fr}.three-grid{grid-template-columns:repeat(3,1fr);margin-bottom:24px}.breakdowns{gap:23px;padding:5px 23px 25px;display:grid}.breakdowns>div>div:first-child{justify-content:space-between;gap:15px;font-size:12px;display:flex}.breakdowns strong{font-weight:500}.breakdowns small{font-size:9px}.bar{background:#eff3f6;border-radius:5px;height:8px;margin:10px 0 5px;overflow:hidden}.bar i{background:#83a5bf;border-radius:5px;height:100%;display:block}.definitions{margin-top:22px;padding:25px}.definitions p{color:#8a99a6;margin-top:12px;font-size:11px;line-height:1.9}.tabs{align-items:center;gap:18px;display:flex}.tabs button{color:#94a0aa;background:0 0;padding:8px 0;font-size:11px}.tabs button.active{color:#487699;border-bottom:2px solid #6590ad}.search{color:#91a4b3;border:1px solid #e1e7eb;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;display:flex}.search input{color:#4b6374;background:0 0;border:0;outline:0;width:175px;font-size:10px}.empty-small{text-align:center;color:#95a4b0;padding:45px 25px;font-size:12px}.empty-small svg{margin-bottom:12px}.empty-small p{margin-top:10px;font-size:11px;line-height:1.8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:460px;padding:50px;display:flex}.empty-icon{color:#7d9eb7;background:#eff5f9;border-radius:22px;place-items:center;width:80px;height:80px;margin-bottom:10px;display:grid}.empty-state h2{font-size:22px;font-weight:500}.empty-state p{color:#899ba9;font-size:12px;line-height:1.9}.empty-state>small{align-items:center;gap:6px;margin-top:10px;display:flex}.import-intro{align-items:center;gap:20px;margin-bottom:22px;padding:28px;display:flex}.import-intro>svg{color:#769ab7}.import-intro p{color:#8b9da9;margin-top:8px;font-size:11px}.import-intro button{margin-left:auto}.contact-row{border-top:1px solid var(--border);align-items:center;gap:24px;padding:22px;display:flex}.contact-row>div{min-width:160px}.contact-row strong{font-size:12px}.contact-row small{margin-top:7px;display:block}.contact-row p{color:#8c9ca9;max-width:600px;font-size:11px;line-height:1.9}.contact-row>span{margin-left:auto}.settings-card{padding:26px}.settings-card>p{color:#8e9da8;margin-top:10px;margin-bottom:22px;font-size:11px;line-height:1.9}form{gap:16px;display:grid}label{color:#6e8292;gap:7px;font-size:11px;display:grid}input,select,textarea{color:#415b6e;background:#fff;border:1px solid #dce4eb;border-radius:5px;outline:none;max-width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#86a8c1;box-shadow:0 0 0 3px #86a8c114}input[type=checkbox]{accent-color:#487998;flex:none;width:14px;height:14px;padding:0}label small{font-size:10px;line-height:1.6}.setting-info{border-top:1px solid var(--border);gap:13px;padding:20px 0;display:flex}.setting-info svg{color:#82a1b8;flex:none}.setting-info strong{font-size:12px;font-weight:500}.setting-info p{color:#8d9daa;margin-top:7px;font-size:11px;line-height:1.8}.settings-card .danger{margin-top:17px}.audit-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:14px 0;font-size:10px;display:flex}.audit-row small{font-size:9px}.error{color:#b66a5e;background:#fff0ed;border:1px solid #f0d9d2;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;font-size:11px;line-height:1.8;display:flex}.error button{color:inherit;background:0 0}.warning{color:#a08851;background:#faf6e9;border-radius:5px;margin-top:12px;padding:10px;font-size:11px}.toast{color:#fff;z-index:100;background:#25485a;border-radius:7px;align-items:center;gap:10px;padding:15px 23px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #142d4120}.app-loading{color:#8b9da9;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;display:flex}.spinner{border:2px solid #dce8ef;border-top-color:#668da8;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin;display:inline-block}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop,.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#162b4260;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(720px,100%);max-height:92vh;padding:30px;overflow-y:auto;box-shadow:0 20px 80px #152a4430}.modal-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.modal-heading h2{font-size:21px;font-weight:500}.icon-button{color:#8fa0af;background:#f5f7f9;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.step-track{color:#b2bdc6;background:#f7f9fb;border-radius:6px;justify-content:center;align-items:center;gap:20px;margin-bottom:25px;padding:14px;font-size:11px;display:flex}.step-track .active{color:#5d85a2}.dropzone{text-align:center;cursor:pointer;background:#f9fbfd;border:1.5px dashed #bacddc;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:44px 20px;display:flex}.dropzone.dragging{background:#e7f1f7;border-color:#5e8baa}.dropzone svg{color:#7f9fb7;margin-bottom:7px}.dropzone h3{font-size:15px;font-weight:500}.dropzone p{color:#90a1ae;font-size:12px}.dropzone span{color:#a0afbc;font-size:10px}.dropzone input{background:#fff;width:100%;margin-top:10px;font-size:11px}.import-help{color:#8c9fac;gap:10px;padding:20px 0;font-size:11px;line-height:1.8;display:flex}.import-help svg{color:#819dae;flex:none}.file-summary{background:#f3f7f9;border-radius:6px;align-items:center;gap:12px;margin-bottom:23px;padding:14px;display:flex}.file-summary svg{color:#7296b0}.file-summary strong{font-size:12px;font-weight:500}.file-summary small{margin-top:4px;font-size:10px;display:block}.file-summary button{margin-left:auto}.mapping-grid{grid-template-columns:repeat(3,1fr);gap:18px 14px;display:grid}.mapping-grid select{width:100%;font-size:11px}.mapping-grid small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:9px;overflow:hidden}.assumption{color:#9d8a5c;background:#faf6eb;border-radius:6px;align-items:flex-start;gap:9px;margin-top:20px;padding:15px;line-height:1.7;display:flex}.assumption small{margin-top:5px;display:block}.asof-label{max-width:400px;margin-top:22px}.asof-label input{width:180px}.modal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:20px;display:flex}.modal-footer>span{color:#a0adb8;align-items:center;gap:5px;font-size:10px;display:flex}.processing{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:70px 0;display:flex}.processing p{color:#8b9fae;font-size:12px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{background:#fff;width:min(490px,100%);height:100%;padding:30px;overflow-y:auto;box-shadow:-10px 0 50px #162c4520}.drawer-customer{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 0;display:flex}.drawer-customer>.customer-avatar{width:44px;height:44px;font-size:17px}.drawer-customer h3{font-size:17px}.drawer-customer p{color:#93a2ad;margin-top:6px;font-size:10px}.drawer-customer>.priority{margin-left:auto}.customer-details{gap:16px;padding:10px 0;display:grid}.customer-details>div{justify-content:space-between;gap:15px;font-size:11px;display:flex}.customer-details dt{color:#91a1ae}.customer-details dd{color:#637d8f;margin:0}.reason{color:#7594aa;background:#eff5f9;border-radius:6px;align-items:flex-start;gap:10px;padding:15px;font-size:11px;line-height:1.8;display:flex}.reason svg{flex:none;margin-top:3px}.section-label{color:#708799;margin:25px 0 12px;font-size:11px;font-weight:500}.tone-options{gap:10px;margin-bottom:15px;display:flex}.tone-options button{color:#91a3b0;background:#fff;border:1px solid #e1e8ed;border-radius:5px;flex:1;padding:10px;font-size:11px}.tone-options button.active{color:#5c829e;background:#f0f6fa;border-color:#8aabc2}.generated-message{margin-top:25px}.generated-message>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.generated-message h4{font-size:12px;font-weight:500}.generated-message textarea{resize:vertical;background:#fcfdfe;width:100%;font-size:12px;line-height:1.9}.generated-message>p{color:#99a8b4;margin:10px 0 14px;font-size:10px}.sent-confirm{align-items:center;gap:8px;margin:20px 0 12px;font-size:11px;display:flex}.drawer-note{color:#9cabb6;align-items:flex-start;gap:7px;margin-top:25px;font-size:9px;line-height:1.8;display:flex}.drawer-note svg{flex:none}.welcome{color:#30475a;background:#f7f8f6;min-height:100vh;padding:0 6vw;overflow:hidden}.welcome>header{border-bottom:1px solid #e5e9e8;justify-content:space-between;align-items:center;height:105px;display:flex}.welcome>header>.text-button{border:1px solid #dce3e5;border-radius:5px;padding:10px 17px}.welcome-body{grid-template-columns:1.05fr 1fr;align-items:center;gap:6vw;max-width:1300px;min-height:calc(100vh - 185px);margin:0 auto;padding:65px 0;display:grid}.pill{letter-spacing:1.5px;color:#889b9d;border:1px solid #dce4e5;border-radius:20px;align-items:center;gap:8px;padding:9px 13px;font-size:9px;display:inline-flex}.welcome-copy h1{letter-spacing:.07em;margin:27px 0 20px;font-size:clamp(35px,3.9vw,59px);font-weight:500;line-height:1.65}.welcome-copy h1>span{color:#638a9a}.welcome-copy>p{color:#8c9da7;font-size:13px;line-height:2.4}.welcome-buttons{gap:12px;margin:30px 0 18px;display:flex}.welcome-buttons .primary{padding:15px 19px;font-size:12px}.welcome-copy>small{color:#9aabae;align-items:center;gap:7px;font-size:10px;display:flex}.welcome-copy>small svg:nth-of-type(2){margin-left:12px}.welcome-proof{border-top:1px solid #e2e7e6;gap:30px;margin-top:40px;padding-top:30px;display:flex}.welcome-proof div{flex-direction:column;gap:10px;display:flex}.welcome-proof strong{color:#b2c2c9;font-size:18px;font-weight:500}.welcome-proof span{color:#8a9ba3;font-size:10px}.welcome-visual{justify-content:center;align-items:center;min-height:530px;padding:40px 15px 50px;display:flex;position:relative}.sample-card{z-index:2;background:#ffffffec;border:1px solid #fff;border-radius:18px;width:370px;padding:33px;position:relative;transform:rotate(-3deg);box-shadow:0 20px 60px #5e79821a}.sample-card h3{margin:24px 0 20px;font-size:24px;font-weight:500;line-height:1.7}.sample-card .card-eyebrow{letter-spacing:1.8px;align-items:center;gap:8px;font-size:9px;display:flex}.sample-number{color:#5c8397;font-size:63px;font-weight:500;line-height:1}.sample-number>span:first-child{margin-left:6px;font-size:26px}.sample-number .sample-label{color:#a0adb6;letter-spacing:1px;margin-top:13px;font-size:10px;display:block}.sample-bars{border-bottom:1px solid #dbe6eb;align-items:flex-end;gap:15px;height:118px;margin-top:15px;display:flex}.sample-bars i{background:linear-gradient(#8faebb,#b9cdd2);border-radius:4px 4px 0 0;flex:1}.sample-bars i:last-child{background:#557e92}.sample-card>p{color:#9aabb4;margin-top:21px;font-size:10px}.sample-disclaimer{color:#b5c0c7;margin-top:12px;font-size:8px;display:block}.orbit{background:#e6edeb;border-radius:50%;width:480px;height:480px;position:absolute}.orbit-two{background:#dde7e4;width:370px;height:370px;transform:translate(65px,-15px)}.float-note{z-index:3;background:#fbfcfa;border:1px solid #fff;border-radius:10px;align-items:center;gap:13px;padding:19px 24px;display:flex;position:absolute;bottom:21px;right:-5px;transform:rotate(3deg);box-shadow:0 12px 40px #48667115}.float-note svg{color:#91a89c;box-sizing:content-box;background:#e9f0eb;border-radius:50%;padding:10px}.float-note span{color:#879a9c;font-size:11px;line-height:1.8}.float-note strong{color:#587585;font-weight:500}.welcome>footer{height:80px;margin:0}.auth-card{background:#fff;border:1px solid #e6ebee;border-radius:12px;justify-self:center;width:100%;max-width:460px;padding:30px;box-shadow:0 10px 50px #5c738509}.auth-card>h2{margin-top:20px;font-size:18px;font-weight:500}.auth-card>p{color:#8a9da9;margin:10px 0 23px;font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row input,.form-row select{width:100%}.checks{gap:16px;display:flex}.checks label{align-items:center;gap:6px;font-size:10px;display:flex}@media (width>=1600px){.content{padding-top:34px}.page-heading{margin-bottom:35px}.metric{padding-top:24px}.metric-value{font-size:40px}.trend-chart svg{max-height:230px}.insight{padding:22px 0}}@media (width<=1250px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.sidebar>.logo{margin-left:8px}.profile{margin:0 -14px;padding:15px}.main{width:calc(100% - 205px);margin-left:205px}.content{padding:22px 24px 0}.topbar{padding:0 24px}h1{font-size:21px}.metric{padding:17px 15px 0}.metric-value{font-size:29px}.metrics-grid{gap:12px}.dashboard-grid{gap:15px}.panel-heading{padding:18px}.insights{padding:0 18px}.diagnosis-banner{padding:17px}.diagnosis-banner h2{font-size:11px}.diagnosis-banner h2 strong{font-size:21px}.outline-tag{display:none}td,th{padding-left:17px;padding-right:17px}.period-row,.insight p{font-size:9px}.insight h4{font-size:10px}.insight{padding:14px 0}.insight-foot{font-size:7px}.retention-strip{margin:0 15px}.retention-strip strong{font-size:14px}.retention-strip span{font-size:8px}.welcome-body{gap:3vw}.welcome-visual{transform:scale(.9)}}@media (width<=1020px){.sidebar{width:185px}.main{width:calc(100% - 185px);margin-left:185px}.shop-switch{gap:6px;padding:10px 6px}.shop-switch strong{font-size:9px}.shop-switch span{font-size:8px}.sidebar nav button{padding:12px 9px;font-size:11px}.content{padding:20px 20px 0}.page-heading{align-items:flex-start}.page-heading>.primary{padding:10px 12px;font-size:10px}.page-heading h1{font-size:18px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.trend-chart svg{max-height:210px}.insight p{font-size:11px}.insight h4{font-size:12px}.diagnosis-banner h2{line-height:1.9}.period-date{margin-left:0;padding-left:8px;font-size:8px}.period-row>div{gap:6px}.period-row>div:last-child>.muted{display:none}.settings-grid,.two-grid{grid-template-columns:1fr}.panel-heading .search input{width:140px}.tabs{gap:12px}.tabs button{font-size:10px}.three-grid{grid-template-columns:1fr}.welcome{padding:0 5vw}.welcome-body{grid-template-columns:1fr 1fr;gap:25px}.welcome-copy h1{font-size:38px}.welcome-visual{transform-origin:50%;transform:scale(.8)}.welcome-proof{gap:18px}.welcome-buttons{flex-direction:column;align-items:flex-start}.welcome-visual .float-note{right:-45px}.welcome-copy>small{font-size:8px}.auth-card{padding:22px}}@media (width<=760px){.sidebar{flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;padding:13px 16px;position:sticky;top:0;overflow-x:auto}.sidebar>.logo{margin:0;font-size:20px}.sidebar .logo-mark{width:25px;height:28px;font-size:28px}.sidebar .logo small{display:none}.sidebar .logo-mark span{font-size:18px}.shop-switch,.nav-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:3px;margin-left:auto}.sidebar nav button{gap:0;padding:10px;font-size:0}.sidebar nav button b,.sidebar nav button.active:before{display:none}.main{width:100%;margin:0}.app-shell{display:block}.topbar{height:46px;padding:0 19px;font-size:8px}.top-actions{font-size:8px}.top-actions svg{display:none}.content{padding:17px 16px 0}.demo-notice{gap:5px;margin-bottom:23px;font-size:8px}.demo-notice button{gap:2px;font-size:8px}.demo-notice svg{flex:none;width:12px}.page-heading{margin-bottom:22px;display:block}.page-heading h1{font-size:20px;line-height:1.7}.page-heading p{font-size:10px}.page-heading>.primary{margin-top:16px}.eyebrow{font-size:8px}.period-row{flex-wrap:wrap;gap:8px;font-size:9px}.period-date{font-size:8px}.segmented button{padding:4px 10px}.diagnosis-banner{align-items:flex-start;gap:10px;padding:16px 13px}.diagnosis-icon{width:30px;height:30px}.diagnosis-icon svg{width:17px}.diagnosis-banner h2{font-size:12px}.diagnosis-banner p{font-size:9px;line-height:1.8}.metric-value{font-size:29px}.metric-title{font-size:10px}.metric>p,.metric-note{font-size:8px}.metric{padding:16px 13px 0}.metrics-grid{gap:10px}.metric-bottom{min-height:44px;line-height:1.5}.dashboard-grid{gap:15px}.panel-heading{padding:18px 15px}.panel-heading h3{font-size:12px}.panel-heading p{font-size:9px}.panel-heading .tiny-tag{font-size:7px}.trend-chart{padding:0 13px 10px}.insights{padding:0 16px}.insight h4{font-size:11px}.insight p{font-size:10px}.tabs{flex-wrap:wrap;gap:12px}.panel-heading:has(.tabs){display:block}.search{max-width:100%;margin-top:12px}.search input{width:100%!important}.empty-state{padding:35px 18px}.empty-state h2{font-size:19px}.empty-state p{font-size:11px}.empty-state small{font-size:9px}.import-intro{flex-wrap:wrap;gap:15px;padding:20px}.import-intro>div{flex:1}.import-intro h3{font-size:13px;line-height:1.8}.import-intro p{font-size:10px;line-height:1.8}.import-intro button{margin-left:0}.contact-row{flex-wrap:wrap;gap:10px}.contact-row>div{width:100%}.contact-row p{font-size:10px}.contact-row>span{margin-left:0}.settings-card{padding:20px}.modal-backdrop{padding:10px}.modal{max-height:96vh;padding:22px 17px}.modal-heading h2{font-size:18px}.step-track{gap:12px;padding:12px;font-size:9px}.mapping-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.mapping-grid select{padding:10px 7px;font-size:10px}.mapping-grid small{max-width:130px}.file-summary small{font-size:9px}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer>span{justify-content:center}.dropzone{padding:30px 13px}.dropzone h3{font-size:13px}.drawer{padding:24px 20px}.toast{width:max-content;max-width:90vw;padding:13px 17px;font-size:11px}.welcome{padding:0 6vw}.welcome>header{height:85px}.welcome-body{flex-direction:column;align-items:stretch;gap:30px;padding:50px 0;display:flex}.welcome-copy h1{margin-top:25px;font-size:40px}.welcome-copy>p{font-size:12px}.welcome-buttons{flex-direction:row;align-items:stretch;gap:10px}.welcome-buttons .primary{padding:13px;font-size:10px}.welcome-buttons .secondary{padding:13px 12px;font-size:10px}.welcome-copy>small{font-size:9px}.welcome-proof{justify-content:space-between;gap:10px;margin-top:30px;padding-top:24px}.welcome-proof span{font-size:9px}.welcome-visual{height:440px;min-height:440px;margin:0 -20px;transform:scale(.85)}.sample-card{width:340px;padding:28px}.orbit{width:420px;height:420px}.orbit-two{width:330px;height:330px}.float-note{padding:14px 20px;bottom:-22px!important;right:0!important}.welcome>footer{text-align:center;flex-direction:column;justify-content:center;height:auto;min-height:70px;padding:17px 0;font-size:8px;line-height:1.9}.auth-card{max-width:none;padding:24px}.welcome-body:has(.auth-card) .welcome-proof{display:none}.welcome-body:has(.auth-card) .welcome-copy h1{font-size:28px}.welcome-body:has(.auth-card) .welcome-copy>p{display:none}.welcome-body:has(.auth-card) .welcome-buttons{display:none}.welcome-body:has(.auth-card) .welcome-copy>small{display:none}footer{font-size:8px}.three-grid{gap:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}nav button.mobile-only{display:none}@media (width<=760px){nav button.mobile-only{display:flex}}