:root{--ink:#172738;--muted:#7b8997;--line:#e8edf0;--teal:#0c9d91;--dark:#0d2030;--bg:#f7f9f9}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--dark);color:#d5e2e8;flex-direction:column;flex:none;width:252px;min-height:100vh;padding:29px 16px 18px;display:flex}.brand{color:#fff;letter-spacing:-1.9px;align-items:center;padding:0 16px;font-size:29px;font-weight:800;line-height:1;display:flex}.brand-period{color:#25d4bc}.brand-mark{background:#1bc3aa;border-radius:9px;justify-content:center;align-items:center;gap:3px;width:28px;height:28px;margin-right:12px;display:flex;transform:rotate(-8deg)}.brand-mark span{background:#083e41;border-radius:3px;width:3px;height:13px;display:block;transform:rotate(30deg)}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:10px}.workspace{background:#192e3e;border:1px solid #304556;border-radius:9px;align-items:center;gap:10px;margin:47px 5px 34px;padding:10px 11px;display:flex;position:relative}.workspace-avatar{color:#72ead4;background:#284b54;border-radius:7px;place-items:center;min-width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.workspace div:nth-child(2){flex:1;min-width:0}.workspace strong,.workspace small,.profile strong,.profile small{display:block}.workspace strong{color:#f4fcfc;font-size:13px}.workspace small,.profile small{color:#94a6b0;margin-top:3px;font-size:11px}.workspace select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.nav-label{letter-spacing:1.2px;color:#698293;margin-bottom:12px;padding-left:16px;font-size:10px;font-weight:750}.nav-label.secondary{margin-top:32px}.navigation{gap:4px;display:grid}.navigation button{color:#9cb1be;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.navigation button:hover,.navigation button.active{color:#eafff9;background:#20404b}.navigation button.active svg{color:#2bd6bc}.nav-count{color:#b5f6e9;background:#2e5861;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.pilot-indicator{letter-spacing:1px;color:#60cfb9;white-space:nowrap;background:#173a42;border:1px solid #25545a;border-radius:7px;padding:12px 14px;font-size:10px}.pilot-indicator i,.environment i{background:#2ddaaf;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #2ddaaf20}.profile{border-top:1px solid #294252;align-items:center;gap:10px;margin-top:20px;padding:20px 9px 2px;display:flex}.profile-avatar,.small-avatar{color:#21434a;background:#dce6e5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profile strong{color:#f2f8fa;font-size:12px}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);color:#8b9aa5;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 40px;font-size:12px;display:flex}.topbar span{color:#c5cfd4;margin:0 10px}.topbar strong{color:#2b414c}.top-right{color:#76909b;align-items:center;gap:23px;display:flex}.environment{background:#f3faf8;border:1px solid #d4e8e5;border-radius:20px;padding:7px 11px;font-size:11px;color:#41746c!important;margin:0!important}.environment i{width:6px;height:6px;margin-right:5px}.small-avatar{width:30px;height:30px}.content{max-width:1390px;margin:0 auto;padding:42px 43px 25px}.heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:#138d84;letter-spacing:1.5px;align-items:center;gap:15px;font-size:10px;font-weight:800;display:flex}.eyebrow span{background:#57c5b7;width:45px;height:1px}.heading h1{letter-spacing:-1.2px;margin:10px 0 8px;font-size:32px}.heading p{color:#81909c;margin:0;font-size:14px}.heading-actions{gap:10px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:750;display:inline-flex}.button.primary{color:#fff;background:#117f78;box-shadow:0 3px 8px #0c8e7d22}.button.primary:hover{background:#0b6c66}.button.light{color:#3e5865;background:#fff;border-color:#e0e8ea}.button.light:hover{border-color:#96beb9}.demo-banner{background:#e9f7f3;border:1px solid #cfebe4;border-radius:9px;align-items:center;gap:14px;margin-bottom:24px;padding:17px 20px;display:flex}.demo-icon{color:#078a77;background:#c8ede3;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.demo-banner div:nth-child(2){flex:1}.demo-banner strong,.demo-banner span{display:block}.demo-banner strong{color:#23564e;margin-bottom:4px;font-size:12px}.demo-banner span{color:#5b817b;font-size:11px}.demo-banner button,.latest button{color:#087d72;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 21px;box-shadow:0 2px 7px #12304105}.stat-icon{border-radius:8px;place-items:center;width:33px;height:33px;margin-bottom:19px;display:grid}.stat-icon.blue,.integration-icon.blue{color:#418bcc;background:#e8f2fb}.stat-icon.green,.integration-icon.green{color:#2baa73;background:#e3f6ed}.stat-icon.amber,.integration-icon.amber{color:#d49b31;background:#fff3dc}.stat-icon.purple{color:#9675cf;background:#f1edfb}.stat>span,.stat>strong,.stat>small{display:block}.stat>span{color:#81909a;font-size:11px;font-weight:650}.stat>strong{letter-spacing:-1px;margin:7px 0 4px;font-size:28px}.stat>small{color:#a0acb3;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 9px #12304105}.panel-heading{justify-content:space-between;align-items:center;padding:22px 23px 17px;display:flex}.panel-heading h2,.info-panel h2{letter-spacing:-.2px;margin:0 0 6px;font-size:15px}.panel-heading h2 span{color:#63817d;background:#eef3f3;border-radius:5px;margin-left:6px;padding:3px 7px;font-size:10px}.panel-heading p{color:#9aa9b1;margin:0;font-size:11px}.icon-button,.row-arrow{color:#91a1aa;background:0 0;border:0;padding:5px}.filters{gap:10px;padding:0 23px 18px;display:flex}.search{color:#98a8af;border:1px solid #e2e9eb;border-radius:7px;flex:1;align-items:center;gap:9px;min-width:130px;height:37px;padding:0 12px;display:flex}.search input{color:#273f4d;border:0;outline:0;width:100%;font-size:11px}.search input::placeholder{color:#a8b4ba}.filter-select{color:#7c929d;border:1px solid #e2e9eb;border-radius:7px;align-items:center;gap:6px;height:37px;padding:0 10px;display:flex}.filter-select select{appearance:none;color:#4d6570;cursor:pointer;background:0 0;border:0;outline:0;max-width:140px;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:970px}th{color:#9aa9b0;letter-spacing:1px;text-align:left;background:#f8fafb;border-top:1px solid #eef1f2;border-bottom:1px solid #eef1f2;padding:12px 14px;font-size:9px}td{white-space:nowrap;color:#536672;border-bottom:1px solid #eff2f3;padding:14px;font-size:11px}th:first-child,td:first-child{width:40px;padding-left:23px}td strong{color:#374d59;font-size:11px;font-weight:700}td small{color:#a1acb3;margin-top:5px;font-size:10px;display:block}tr:hover td{background:#fcfefd}tr.selected-row td{background:#f1faf7}input[type=checkbox]{accent-color:#0d9588;cursor:pointer;width:15px;height:15px}.order-link{color:#078f84;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.amount{color:#364f5b;font-weight:700}.store-tag{color:#677e87;align-items:center;gap:6px;display:inline-flex}.store-tag i{color:#42a75f;background:#e6f5e9;border-radius:4px;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;font-weight:900;display:grid}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:750;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{color:#2e9f75;background:#e9f7f0}.badge.warning{color:#ca903b;background:#fff3df}.badge.neutral{color:#7d929d;background:#eef3f5}.badge.muted{color:#929da3;background:#f2f3f4}.row-arrow{color:#9eafb7}.table-foot{color:#9aabb2;justify-content:space-between;padding:16px 23px;font-size:10px;display:flex}.empty{text-align:center;color:#90a1aa;padding:65px 20px;font-size:12px}.latest{border:1px solid var(--line);color:#0d9385;background:#fff;border-radius:9px;align-items:center;gap:14px;margin-top:17px;padding:16px 20px;display:flex}.latest>div{flex:1}.latest strong,.latest small{display:block}.latest strong{color:#334d57;font-size:12px}.latest small{color:#91a2a9;margin-top:5px;font-size:10px}.selection-bar{color:#fff;z-index:10;white-space:nowrap;background:#132d38;border-radius:9px;align-items:center;gap:22px;padding:11px 14px;font-size:11px;display:flex;position:fixed;bottom:23px;left:calc(50vw + 126px);transform:translate(-50%);box-shadow:0 13px 30px #0c263744}.selection-bar strong{align-items:center;gap:8px;display:flex}.selection-bar span{color:#9bb7bd}.selection-bar>button:not(.button){color:#b4d0d3;background:0 0;border:0;font-size:11px}.info-panel{padding:25px}.batch-entry{border-top:1px solid var(--line);padding:20px 0}.batch-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.batch-head strong,.batch-head small{display:block}.batch-head strong{font-size:13px}.batch-head small{color:#9aabb2;margin-top:5px;font-size:11px}details{color:#188c82;margin-top:15px;font-size:11px}summary{cursor:pointer}.result-row{border-bottom:1px solid var(--line);color:#4b636e;align-items:center;gap:20px;padding:10px 0;display:flex}.result-row span{min-width:150px}.result-row small{color:#a27133}.integration-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.integration-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:220px;padding:25px}.integration-icon{border-radius:9px;place-items:center;width:42px;height:42px;font-size:23px;font-weight:900;display:grid}.integration-card h2{margin:18px 0 8px;font-size:17px}.integration-card p{color:#85949d;min-height:38px;font-size:12px;line-height:1.6}.integration-card>span{color:#7b8b94;background:#f4f6f7;border-radius:5px;padding:7px 9px;font-size:10px;display:inline-block}.guide{color:#2c8176;background:#edf7f5;border:1px solid #d9ece8;border-radius:9px;align-items:flex-start;gap:13px;margin-top:22px;padding:20px;font-size:12px;display:flex}.guide strong{color:#2c5f5a}.guide p{color:#708f8a;margin:5px 0 0;line-height:1.5}.setting-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;font-size:12px;display:flex}.setting-row span{color:#9caab0;margin-left:auto}footer{text-align:center;color:#a8b5ba;padding:34px 0 10px;font-size:10px}.overlay{z-index:20;background:#091b27a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(460px,100vw);display:flex;box-shadow:-10px 0 40px #07192333}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:27px;display:flex}.drawer-header h2{margin:10px 0 4px;font-size:26px}.drawer-header p{color:#8b9ba3;margin:0;font-size:12px}.drawer-header button,.close,.toast button{color:#8b9da5;background:0 0;border:0}.drawer-body{flex:1;padding:25px 27px;overflow:auto}.drawer-summary{color:#81929b;background:#f5f8f8;border-radius:8px;justify-content:space-between;padding:18px;font-size:11px;display:flex}.drawer-summary strong{color:#314952;margin-top:7px;font-size:17px;display:block}.drawer-summary .badge{margin-top:7px;display:flex}.drawer-body h3{margin:31px 0 12px;font-size:12px}.detail-action{border:1px solid var(--line);color:#52938d;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:13px;display:flex}.detail-action div{flex:1;min-width:0}.detail-action strong,.detail-action small{display:block}.detail-action strong{color:#344b56;font-size:11px}.detail-action small{color:#92a2a9;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.drawer-body label{color:#556c76;margin-top:16px;font-size:11px;font-weight:700;display:block}.drawer-body label input{color:#334d58;border:1px solid #dce5e7;border-radius:6px;outline-color:#27ab9b;width:100%;margin-top:8px;padding:11px 12px;display:block}.drawer-body>p{color:#a0adb2;font-size:10px;line-height:1.5}.drawer-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;padding:18px 27px;display:flex}.overlay:has(.modal){justify-content:center;align-items:center}.modal{background:#fff;border-radius:12px;width:min(470px,100vw - 30px);padding:28px;position:relative;box-shadow:0 25px 65px #0819243d}.modal .close{position:absolute;top:23px;right:23px}.modal-icon{color:#0a9583;background:#e0f5ef;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.modal h2{margin:19px 0 8px;font-size:23px}.modal>p{color:#8798a0;font-size:12px;line-height:1.5}.modal>p strong{color:#37515a}.action-list{gap:8px;margin:23px 0;display:grid}.action-list label{color:#639a91;cursor:pointer;border:1px solid #e4eaeb;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.action-list label.chosen{background:#f6fcf9;border-color:#8fd8c8}.action-list input{margin-right:2px}.action-list span,.action-list strong,.action-list small{display:block}.action-list strong{color:#334d57;font-size:12px}.action-list small{color:#9cabb1;margin-top:5px;font-size:10px}.modal-warning{color:#6c8e8a;background:#f2f7f7;border-radius:6px;align-items:center;gap:9px;padding:11px;font-size:10px;display:flex}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast{z-index:30;color:#fff;background:#153a40;border-radius:8px;align-items:center;gap:10px;max-width:430px;padding:14px 16px;font-size:11px;line-height:1.4;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #102d373d}.toast button{color:#fff;margin-left:auto}@media (max-width:1050px){.sidebar{width:205px}.content{padding:30px 22px}.topbar{padding:0 22px}.stats{grid-template-columns:repeat(2,1fr)}.selection-bar{left:50%}}@media (max-width:740px){.sidebar{width:65px;padding:20px 8px}.brand{padding:0 9px;font-size:0}.brand-mark{margin:0}.workspace{justify-content:center;margin:36px 0 30px;padding:8px}.workspace div:nth-child(2),.workspace>svg,.nav-label,.navigation button:not(.active) .nav-count,.navigation button{font-size:0}.navigation button{justify-content:center;padding:12px}.navigation svg{flex:none}.nav-count,.pilot-indicator,.profile div:not(.profile-avatar){display:none}.profile{justify-content:center;padding:15px 0}.content{padding:25px 15px}.topbar{padding:0 17px;font-size:10px}.top-right{gap:10px}.environment{display:none}.heading{flex-direction:column;align-items:flex-start}.heading h1{font-size:28px}.demo-banner{align-items:flex-start}.demo-banner button{display:none}.stats{gap:8px}.stat{padding:14px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filter-select{flex:1}.integration-grid{grid-template-columns:1fr}.selection-bar{justify-content:space-between;gap:9px;width:calc(100vw - 82px)}.selection-bar span{display:none}}.auth-shell{background:#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(440px,100%);padding:32px}.auth-card h1{color:#2558df;margin-bottom:12px;font-size:36px}.auth-card form{gap:18px;margin:24px 0;display:grid}.auth-card label{gap:8px;display:grid}.auth-card input{border:1px solid #ccd4e0;border-radius:8px;width:100%;padding:12px}.auth-card small{color:#667085;margin-top:20px;display:block}.auth-card [role=alert]{color:#b42318}.shopify-panel{margin-bottom:18px}.shopify-panel h2 .panel-count{color:#63817d;background:#eef3f3;border-radius:5px;margin-left:6px;padding:3px 7px;font-size:10px}.panel-note{color:#9aa9b1;margin:0 0 14px;font-size:11px}.empty.compact{border-top:1px solid var(--line);padding:24px 10px}.connection-info{flex:1;min-width:0}.connection-info strong,.connection-info small{display:block}.connection-info small{color:#9aabb2;overflow-wrap:anywhere;margin-top:4px;font-size:10px}.connection-info .connection-error{color:#b9772c}.connect-form{border-top:1px solid var(--line);gap:10px;padding-top:18px;display:flex}.secondary-integrations{grid-template-columns:repeat(2,1fr)}@media (max-width:740px){.connect-form{flex-direction:column}.shopify-panel .setting-row{flex-wrap:wrap}.secondary-integrations{grid-template-columns:1fr}}.order-details h3{margin-top:26px}.detail-block{color:#4f6670;border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;gap:4px;padding:12px 13px;font-size:11px;display:flex}.detail-block small{color:#92a2a9;margin-top:4px;font-size:10px}.detail-block a{color:#078f84}.detail-items{border:1px solid var(--line);border-radius:8px}.detail-item{border-bottom:1px solid var(--line);color:#4f6670;align-items:center;gap:10px;padding:11px 13px;font-size:11px;display:flex}.detail-item:last-child{border-bottom:0}.detail-item div{flex:1;min-width:0}.detail-item small{color:#92a2a9;margin-top:3px;font-size:10px;display:block}.detail-totals{color:#6a7f88;flex-direction:column;gap:6px;padding:12px 13px;font-size:11px;display:flex}.detail-totals span{justify-content:space-between;display:flex}.detail-totals .total{color:#2f4852;border-top:1px solid var(--line);padding-top:8px;font-weight:700}