:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#24352f;background:#f5f7f6;font-synthesis:none;--ink:#24352f;--green:#21624b;--line:#e4e9e6;--muted:#7b8780}body{font-size:14px;line-height:1.5}a,button,input,select,summary{outline-offset:4px}button,.btn{background:var(--green);color:#fff;border-radius:7px;padding:10px 15px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid transparent;line-height:1.5;white-space:nowrap}button:hover,.btn:hover{filter:brightness(.96)}.secondary{background:#fff;color:#43564b;border:1px solid #dce3de}.workspace-nav{width:236px;background:#fff;color:#68786f;padding:28px 15px 20px;border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column;gap:0}.workspace-nav .brand{display:flex;align-items:center;font-size:24px;letter-spacing:-1.4px;padding:0 10px 24px;margin:0;color:#243a2d;font-weight:750;gap:0}.brand span{color:var(--green)}.brand i{font-size:10px;align-self:flex-start;font-style:normal;margin:7px 0 0 3px;letter-spacing:0}.brand .brand-icon{font-size:24px;background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;width:34px;height:34px;letter-spacing:-3px;padding-right:4px;margin-right:10px}.workspace-switch{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px;margin:0 7px 24px}.workspace-symbol,.avatar{width:33px;height:33px;background:#edf2ed;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b5b48;font-size:11px;font-weight:700;flex-shrink:0}.workspace-switch b{font-size:12px;color:#34463c}.workspace-switch small{display:block;font-size:10px;letter-spacing:0;color:#8a958e;padding:0;margin-top:2px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#9aa59e;font-weight:650;padding:0 14px;margin:18px 0 8px}.nav-label:first-child{margin-top:0}.workspace-nav .nav-item{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.5;padding:10px 12px;margin:2px 0;border-radius:7px;color:#68776f;white-space:nowrap}.nav-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.workspace-nav .nav-item:hover{background:#f4f7f4;color:var(--green)}.workspace-nav .nav-item.active{background:#eaf2eb;color:#285f43;font-weight:650}.nav-bottom{border:1px solid var(--line);border-radius:9px;padding:13px;margin:28px 7px 0;font-size:10px;background:#fafcf9}.nav-bottom b{font-size:11px;color:#52634f}.status-dot{display:inline-block;width:6px;height:6px;background:#c4a050;border-radius:50%;margin-right:6px}.nav-bottom p{margin:4px 0 10px;color:#929c93}.nav-bottom a{font-size:10px;color:var(--green);padding:0;margin:0}.main{margin-left:236px}.main header{height:70px;padding:0 36px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{color:#6f7e74;font-size:12px}.breadcrumb span{padding:0 13px;color:#b8c2ba}.header-right{display:flex;align-items:center;gap:22px}.environment{font-size:10px;color:#7e8b7d}.avatar{background:#e8eee5;border-radius:50%;width:30px;height:30px}.content{padding:30px 36px;max-width:1530px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#909e93;font-weight:650;margin-bottom:6px}h1{font-size:28px;font-weight:650;letter-spacing:-1px;color:#273c30;line-height:1.25}h2{font-size:14px;font-weight:650;letter-spacing:-.2px;margin:0;color:#304538}.muted,.v{font-size:11px;color:#8a958e;line-height:1.65}.page-heading .muted{margin:8px 0 0;font-size:12px}.demo-strip{background:#f5f1e7;border:1px solid #e9e2cd;border-radius:7px;padding:10px 13px;font-size:10px;color:#897953;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.demo-strip b{font-size:9px;letter-spacing:.8px;margin-right:10px}.demo-strip details{max-width:480px;min-width:115px}.demo-strip summary{cursor:pointer;white-space:nowrap;font-weight:600}.demo-strip p{line-height:1.8;margin:10px 0 0}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:22px}.toolbar label{display:flex;align-items:center;gap:12px;font-size:11px;color:#89968c;margin:0}.toolbar select{min-width:180px;width:auto;margin:0;padding:9px 32px 9px 12px;font-size:11px;border-color:#dfe5df;border-radius:7px}.toolbar button{font-size:11px;padding:8px 12px}.toolbar-note{margin-left:auto;font-size:10px;color:#95a095}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{border:1px solid var(--line);border-radius:10px;background:white;padding:18px 20px;transition:box-shadow .15s}.kpi:hover{box-shadow:0 4px 16px #23482a0d}.kpi-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a877d}.metric-symbol{font-size:18px;color:#9ca99b;font-weight:400}.kpi strong{font-size:29px;letter-spacing:-1px;font-weight:600;display:block;margin:12px 0 16px;line-height:1.1;white-space:nowrap}.kpi-foot{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:9px;color:#94a08e}.kpi-foot b{font-weight:550;color:#5e7861}.kpi-highlight{background:#eaf1e8;border-color:#dce7d7}.kpi-highlight strong{color:#2e5d39}.dashboard-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:20px;margin-bottom:20px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff;box-shadow:0 1px 2px #163d2202}.dashboard-grid>.panel{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.panel-heading .muted{margin:4px 0 0;font-size:10px}.text-link{font-size:10px;color:#6a806b;white-space:nowrap}.chart-legend{display:flex;gap:18px;font-size:9px;color:#8b998c;margin-bottom:25px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:2px}.legend-gmv{background:#aac3a2}.legend-profit{background:#2c674b}.chart-legend small{margin-left:auto;font-size:9px}.chart-row{display:grid;grid-template-columns:100px minmax(30px,1fr) 94px;gap:15px;align-items:center;margin-bottom:22px}.chart-label b{font-size:10px;font-weight:550;display:block;color:#526751}.chart-label span{font-size:9px;color:#a1aaa0}.chart-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#f0f3ee calc(25% - 1px),#f0f3ee 25%);padding:2px 0}.chart-bar{height:11px;border-radius:0 3px 3px 0}.chart-bar.gmv{background:#abc5a5;margin-bottom:5px}.chart-bar.profit{background:#326c4e;height:7px}.chart-value{text-align:right;font-size:10px}.chart-value b{display:block;font-weight:550;color:#526651}.chart-value span{font-size:9px;color:#94a28f}.chart-note{font-size:9px;color:#a0aa9f;border-top:1px solid #edf1eb;padding-top:12px}.small-icon{font-size:18px;color:#9daa96}.priority-item{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #edf0eb}.priority-item>span:last-child{margin-left:auto;color:#9eaa9b}.priority-number{height:36px;width:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.amber{background:#f9f0df;color:#ab8b46}.blue{background:#edf2f6;color:#69869b}.purple{background:#f1edf6;color:#8e7ba3}.priority-item b{font-size:11px;font-weight:550;display:block;color:#52624c}.priority-item small{display:block;font-size:9px;color:#a0a99b;margin-top:4px}.priority-bottom{font-size:9px;color:#9aa592;margin-top:20px}.lower-grid{grid-template-columns:1fr 1.25fr}.money-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:9px 0;gap:14px}.money-row b{font-weight:550}.money-row.expense{color:#8c9885;font-size:10px}.money-row.subtotal{border-top:1px dashed #e1e8dc;margin-top:3px;padding-top:12px}.money-row.total{background:#eef4ea;border-radius:6px;padding:12px;margin-top:9px;color:#45683d}.money-row.total b{font-size:15px}.panel>.v{font-size:9px;line-height:1.8;margin-bottom:0}.fulfillment{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 0 25px;border-bottom:1px solid #edf1e9}.fulfillment>div{border-right:1px solid #edf1e9;padding-left:15px}.fulfillment>div:first-child{padding-left:0}.fulfillment>div:last-child{border:0}.step{color:#adb9a2;font-size:9px;letter-spacing:1px}.fulfillment strong{display:block;font-size:29px;font-weight:550;line-height:1.8;color:#4a6641}.fulfillment strong.unavailable{color:#bdc6b8}.fulfillment b{font-size:10px;font-weight:550;display:block}.fulfillment small{font-size:9px;color:#9aa68e;display:block;margin-top:5px}.stock-summary{display:flex;align-items:center;gap:35px;padding:22px 0}.stock-summary small{font-size:9px;color:#99a28f;display:block}.stock-summary b{font-size:18px;font-weight:550;display:block;margin-top:4px}.stock-summary .btn{margin-left:auto;font-size:10px;padding:8px 10px}.integration-note{display:flex;align-items:center;gap:13px;border:1px solid #e8ede4;border-radius:7px;padding:14px;background:#fafcf8}.integration-mark{font-size:28px;color:#93a584}.integration-note b{font-size:10px;font-weight:550;color:#6b7e5e}.integration-note p{font-size:9px;color:#a0aa94;margin:4px 0 0;line-height:1.7}.integration-note>a{margin-left:auto;color:#8c9e7f}.store-performance{margin-top:0}table{font-size:11px}th{font-size:9px;font-weight:550;letter-spacing:.4px;background:#f9fbf7;color:#98a28f;padding:13px}td{padding:16px 13px;border-color:#eef1eb;color:#66755b}td b{font-weight:550}tr:hover td{background:#fcfdfb}.store-avatar{display:inline-flex;background:#f0f3eb;color:#859575;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;margin-right:10px;font-size:11px}.profit-text{color:#547449}.margin-pill{background:#f0f5e9;border-radius:5px;padding:4px 7px;color:#829963;font-size:10px}.workspace-footer{display:flex;justify-content:space-between;color:#acb3a5;font-size:9px;padding:10px 0 2px}.metrics{gap:16px;margin:22px 0}.metrics>div{border-color:var(--line);border-radius:10px}.metrics small{font-size:11px;color:#87967f}.metrics strong{color:#4d6742;font-size:25px;font-weight:550}.pill,.tag{font-size:9px;padding:5px 8px;border-radius:5px;background:#f0f4ea;color:#869777}.filterrow,.replyform{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filterrow input,.filterrow select{width:auto;flex:1;min-width:150px}.replyform input{flex:1;min-width:180px}.replyform select{width:auto}.chat-card{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:16px}.chat-card summary{cursor:pointer;font-size:12px;color:#5b7250}.chat-card p{font-size:12px;color:#7d8d72}.chat-card[open]{border-color:#b7c9ac;background:#fcfdfb}.chat-card[hidden]{display:none}input,select,textarea{font:inherit;color:#485e3d;border-color:#dfe7d8}label{font-size:11px;color:#7e8c73}.menu-toggle{display:none}.login{background:#f0f4ec;position:relative}.loginbox{border:1px solid #dde6d5;border-radius:14px;box-shadow:0 20px 70px #3c542610;padding:36px;width:min(450px,calc(100% - 32px))}.loginbox .brand{color:#3f5831;margin-bottom:24px}.loginbox h1{font-size:24px}.loginbox button{margin-top:10px}.loginbox p{font-size:12px;color:#8e9a81}pre{font:12px/1.8 ui-monospace,monospace!important;white-space:pre-wrap;overflow-wrap:anywhere}.panel>h2{margin-bottom:14px}.panel-heading h2{margin:0}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #3a7650}
@media(min-width:1500px){.content{padding-top:36px}.kpi strong{font-size:34px}.chart-row{margin-bottom:28px}}
@media(max-width:1180px){.workspace-nav{width:210px;padding-left:10px;padding-right:10px}.main{margin-left:210px}.content{padding:24px}.main header{padding:0 24px}.kpi{padding:15px}.kpi strong{font-size:24px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:16px}.lower-grid{grid-template-columns:1fr 1.2fr}.panel{padding:18px}.chart-row{grid-template-columns:85px 1fr 80px;gap:8px}.chart-value b{font-size:9px}.stock-summary{gap:20px}}
@media(max-width:960px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:110px 1fr 100px}.page-heading{align-items:flex-start}.demo-strip{display:block}.demo-strip details{margin-top:7px;max-width:none}.toolbar-note{font-size:9px}.priority-item{padding:14px 0}.page-heading .btn{font-size:10px}}
@media(max-width:700px){.workspace-nav{transform:translateX(-100%);width:236px;box-shadow:8px 0 25px #263e2415;transition:transform .2s;top:60px;height:calc(100vh - 60px)}body.nav-open .workspace-nav{transform:translateX(0)}.main{margin-left:0}.main header{height:60px;padding:0 16px;position:sticky;top:0;z-index:30}.main header>div:first-child{display:flex;align-items:center;gap:12px}.menu-toggle{display:inline-flex;font-size:16px;padding:4px 8px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}.header-right{gap:10px}.environment{font-size:9px}.content{padding:22px 16px}.page-heading{gap:10px}.page-heading .btn{padding:7px;font-size:9px}h1{font-size:24px}.page-heading .muted{font-size:11px;max-width:280px}.eyebrow{font-size:8px}.toolbar{flex-wrap:wrap;margin-bottom:16px}.toolbar-note{width:100%;margin-left:0}.kpi-grid{gap:10px}.kpi{padding:14px}.kpi strong{font-size:25px}.kpi-label{font-size:10px}.kpi-foot{font-size:8px}.metric-symbol{font-size:15px}.chart-row{grid-template-columns:85px 1fr 78px;gap:8px}.chart-label b{font-size:9px}.chart-value b{font-size:9px}.chart-value span{font-size:8px}.panel{padding:17px}.panel-heading h2{font-size:13px}.panel-heading .text-link{font-size:9px}.stock-summary{gap:20px}.fulfillment>div{padding-left:8px}.fulfillment b{font-size:9px}.fulfillment small{font-size:8px}.workspace-footer{font-size:8px;gap:15px}.demo-strip{font-size:9px}.metrics strong{font-size:20px}.metrics>div{padding:15px}}
@media print{.workspace-nav,.demo-strip,.toolbar,.menu-toggle{display:none!important}.main{margin:0}.dashboard-grid{display:block}.panel{break-inside:avoid}.content{padding:0}}
.workflow-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;background:#f5f8f1;border:1px solid #e4ebdb;border-radius:8px;margin:18px 0 24px;white-space:normal}.workflow-banner b{font-size:12px;color:#667d53}.workflow-banner p{font-size:11px;color:#9ba68c;max-width:650px;margin:6px 0 0}.review-journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.review-journey a{padding:18px;border:1px solid #e6ecdf;border-radius:8px;white-space:normal}.review-journey b{font-size:11px;display:block;color:#7d8e67}.review-journey span{display:block;font-size:10px;color:#a3ae95;margin-top:8px}.inbox-layout{display:grid;grid-template-columns:280px minmax(260px,1fr) 220px;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:580px}.conversation-list{border-right:1px solid var(--line);padding:20px 12px}.inbox-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 6px}.conversation-list>input{font-size:10px;background:#fafbf9}.conversation{display:flex;gap:10px;padding:15px 9px;border-radius:7px;margin:4px 0;border-bottom:1px solid #f0f3ec}.conversation.selected{background:#eef4e9;border-color:transparent}.conversation[hidden]{display:none}.customer-avatar{width:30px;height:30px;background:#e6eddf;color:#8a9b73;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;flex-shrink:0}.conversation>div{min-width:0;flex:1}.conversation-title{display:flex;gap:8px;align-items:center;justify-content:space-between}.conversation-title b{font-size:10px;color:#60754e;white-space:nowrap}.chat-status{font-size:8px;color:#9aab83;white-space:nowrap}.chat-status.open{color:#b7a05c}.conversation-preview{font-size:10px;color:#a1ac92;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:6px 0}.conversation small{font-size:8px;color:#b1b99f}.conversation-thread{display:flex;flex-direction:column;min-width:0}.thread-heading{padding:22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.thread-heading h2{font-size:13px}.thread-heading p{margin:4px 0 0}.messages{padding:25px;flex:1;background:#fafcf8;min-height:280px;max-height:470px;overflow:auto;display:flex;flex-direction:column;gap:18px}.message-day{text-align:center;font-size:9px;color:#b1bba2;margin-bottom:10px}.message{border:1px solid #e8eedf;border-radius:12px;padding:14px 17px;font-size:12px;max-width:88%;color:#748960;line-height:1.7;overflow-wrap:anywhere;background:white;align-self:flex-start}.message small{display:block;font-size:8px;color:#b0bca0;margin-top:6px}.message.outbound{align-self:flex-end;background:#edf5e6;border-color:#e0ecd5}.composer{padding:18px;border-top:1px solid var(--line)}.composer label{margin:0 0 8px}.composer textarea{width:100%;resize:vertical;border:1px solid #e2e9d9;border-radius:7px;padding:12px;font-size:11px}.composer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.composer small{font-size:8px;color:#acb79b}.composer button{font-size:10px}.customer-context{position:static;width:auto;height:auto;background:#fff;color:var(--ink);padding:22px 18px;border-left:1px solid var(--line)}.customer-context h2{font-size:12px;margin-bottom:24px}.context-field{margin:20px 0}.context-field small{display:block;font-size:9px;color:#b0b99f;padding:0;letter-spacing:0}.context-field b{font-size:11px;display:block;margin-top:5px;color:#7d8d68;font-weight:550}.customer-context select{font-size:10px}.customer-context button{font-size:10px;width:100%;margin-bottom:9px}.context-note{font-size:9px;color:#a9b495;line-height:1.8;border-top:1px solid #edf1e7;padding-top:20px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state{padding:50px 25px;color:#a5b18f}
@media(max-width:1250px){.inbox-layout{grid-template-columns:240px minmax(220px,1fr)}.customer-context{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);border-left:0}.customer-context h2{width:100%;margin-bottom:0}.context-field{margin:0}.customer-context form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-context button{width:auto;margin:0}.customer-context label{margin:0}.context-note{width:100%;margin:0;padding-top:10px}.review-journey{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.workflow-banner{display:block}.workflow-banner .btn{margin-top:14px}.review-journey{grid-template-columns:1fr 1fr}.inbox-layout{display:flex;flex-direction:column}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.inbox-list{max-height:220px;overflow:auto}.customer-context{display:flex}.messages{max-height:350px}.composer>div{align-items:flex-start;flex-direction:column}.review-journey a{padding:12px}}
.profit-detail{border:1px solid #e8ede2;border-radius:8px;margin:12px 0}.profit-detail summary{display:grid;grid-template-columns:1.4fr 1fr 1fr auto 12px;align-items:center;gap:16px;padding:18px;cursor:pointer;list-style:none}.profit-detail summary>div:first-child{display:flex;align-items:center}.profit-detail summary b{font-size:12px;font-weight:550}.profit-detail summary small{display:block;font-size:9px;color:#9da98e;margin-bottom:5px}.profit-detail[open]{background:#fcfdf9;border-color:#c9d8ba}.profit-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 22px 22px;border-top:1px solid #e8eee0}.profit-breakdown h3{font-size:11px;font-weight:550;color:#8b9c76;margin-top:20px}.review-journey>div{padding:18px;border:1px solid #e6ecdf;border-radius:8px;background:white}.review-journey>div b{font-size:11px;color:#7d8e67}.review-journey>div span{font-size:10px;color:#a3ae95}
@media(max-width:800px){.profit-detail summary{grid-template-columns:1fr 1fr;gap:15px;padding:15px}.profit-detail summary>div:first-child{grid-column:1/-1}.profit-detail summary>span:last-child{display:none}.profit-breakdown{grid-template-columns:1fr;gap:10px}}