:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#202d32;background:#f5f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:#c75111;text-decoration:none}button,.button{cursor:pointer;border:1px solid #dce4e7;border-radius:9px;background:white;padding:10px 16px;color:#25383b;font-weight:600}button:hover,.button:hover{background:#fff2e7}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb47e;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#d95c13;color:#e8f1ef;padding:36px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:24px;letter-spacing:2px;font-weight:750;margin:0 10px 54px}.brand-icon{background:#b5e4c8;color:#193b31;width:42px;height:44px;border-radius:12px;display:grid;place-items:center}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#ffe0c8;margin-top:4px}.nav-label{color:#ffdcc4;font-size:10px;letter-spacing:1.5px;margin:0 14px 15px}nav a,.connection-link{display:flex;gap:13px;align-items:center;padding:14px;color:#ffe9da;margin-bottom:7px;border-radius:9px;font-size:14px}nav a span{font-size:20px;width:23px}nav a.active,.connection-link.active{background:#ef7b31;color:#fff6ed}nav a:hover,.connection-link:hover{background:#c85112}.connection-link{margin-top:auto}.sidebar-foot{font-size:10px;border-top:1px solid #ed8b51;padding:20px 12px 0;color:#ffdcc4}main{margin-left:238px}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7ecef;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:12px;color:#73848b}.pill{font-size:11px;background:#eff4f4;color:#47625c;border:1px solid #dbe8e3;padding:7px 11px;border-radius:20px}.content{max-width:1530px;margin:auto;padding:35px 38px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#b65d29;margin:0 0 13px}h1{font-size:29px;letter-spacing:-.8px;margin:0 0 9px;font-weight:650}h2{font-size:16px;margin:0;font-weight:650}p{font-size:13px;color:#76858c;line-height:1.65}.page-heading p:last-child{margin:0}.primary{background:#ed6b1c;border-color:#ed6b1c;color:white;white-space:nowrap}.primary:hover{background:#c34c09}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 22px;font-size:11px;color:#7c8b92;gap:12px}.toolbar label{font-size:12px;color:#536b71}select{margin-left:10px;max-width:280px;padding:9px 34px 9px 12px;border:1px solid #dfe7e9;border-radius:8px;background:white;color:#31474d}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:white;border:1px solid #e3e9eb;border-radius:13px;padding:22px;min-height:148px;box-shadow:0 3px 6px #16333302}.metric .label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#687d82;gap:8px}.metric .icon{display:grid;place-items:center;color:#d5611a;background:#fff2e7;border-radius:8px;height:30px;width:30px;font-size:17px}.metric .value{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:15px 0 8px;overflow-wrap:anywhere}.metric .hint{font-size:11px;color:#8b999e}.metric.accent{background:#db6019;color:white;border-color:#db6019}.metric.accent .label,.metric.accent .hint{color:#ffe3cf}.metric.accent .icon{background:#ed8040;color:#fff2df}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading{margin:32px 0 17px}.section-heading a,.panel-heading a,.panel-heading span{font-size:11px}.panel{background:white;border:1px solid #e2e9ec;border-radius:13px;margin-bottom:23px;overflow:hidden}.panel-heading{padding:21px 23px;border-bottom:1px solid #edf1f2}.panel-heading span{color:#829299}input[type=search]{border:1px solid #dde7e9;border-radius:8px;padding:9px 12px;max-width:250px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;background:#fafcfc;color:#8a999e;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:15px 23px}td{padding:18px 23px;border-top:1px solid #edf1f2;color:#51666d}td:first-child{color:#8d471e;font-weight:600}.badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#fff0e3;color:#b4571e;font-size:10px}.badge.warn{background:#fff3df;color:#997527}.empty{padding:46px 25px;text-align:center;color:#8c9b9f;font-size:13px}.table-caption{padding:0 23px;font-size:12px}.wallet-note,.connection-panel{padding:24px}.mini-stats{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;color:#985626;margin-top:18px}.connection-actions{display:flex;gap:9px;flex-wrap:wrap}.connection-panel pre{white-space:pre-wrap;background:#f6f8f8;padding:20px;font-size:12px;overflow-wrap:anywhere}#notice{padding:14px 18px;border-radius:9px;background:#fff5e4;color:#8b692f;font-size:12px;line-height:1.6;margin-bottom:22px}footer{color:#9ba8ad;font-size:10px;margin:35px 0 5px}[hidden]{display:none!important}@media(min-width:1500px){.metric .value{font-size:34px}}@media(max-width:1050px){.sidebar{width:195px;padding:28px 13px}.brand{font-size:20px;margin-left:8px}main{margin-left:195px}.content{padding:28px 23px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:18px}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.metric .value{font-size:24px}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:16px;display:block}.brand{margin:0 0 18px;font-size:18px}.brand-icon{height:32px;width:32px}.brand small{font-size:8px}.nav-label,.sidebar-foot{display:none}nav{display:flex;gap:4px;overflow:auto}nav a{font-size:11px;padding:9px 7px;margin:0;gap:5px;white-space:nowrap}nav a span{font-size:16px;width:auto}.connection-link{position:absolute;top:17px;right:9px;font-size:11px}main{margin:0}.topbar{height:55px;padding:0 17px;font-size:10px}.content{padding:24px 16px}h1{font-size:24px}.page-heading{align-items:flex-start}.primary{padding:9px;font-size:11px}.toolbar{align-items:flex-start;flex-direction:column}.cards,.cards.three{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:14px;min-height:139px}.metric .label{font-size:11px}.metric .icon{display:none}.metric .value{font-size:22px}.metric .hint{font-size:10px}.panel-heading{padding:16px;flex-wrap:wrap}.section-heading a{font-size:10px}.section-heading h2{font-size:14px}.wallet-note{padding:18px}.panel-heading input{max-width:100%;width:100%}}
@media(max-width:650px){.cards.three{grid-template-columns:minmax(0,1fr)}.cards.three .metric{min-height:125px}.cards.three .metric .value{font-size:27px;overflow-wrap:normal}.cards.three .metric .icon{display:grid}}
.login-body{min-height:100vh;display:grid;place-items:center;background:#d95c13;padding:24px}.login-card{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:38px}.login-brand{font-size:24px;letter-spacing:3px;font-weight:750;color:#ed6b1c;margin-bottom:36px}.login-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px}.login-card label{display:block;font-size:12px;margin:18px 0 8px}.login-card input{width:100%;border:1px solid #dce4e7;border-radius:8px;padding:12px}.login-card button{width:100%;margin-top:23px}.login-help{margin-top:26px;font-size:11px}#login-error{color:#a43636}.user-tools{display:flex;align-items:center;gap:12px}.user-tools button{padding:6px 10px;font-size:11px}
@media(max-width:650px){.topbar>.user-tools{width:100%;justify-content:space-between}.topbar>span:first-child{display:none}#current-user{display:none}.user-tools .pill{font-size:10px}}

.brand{flex-direction:column;align-items:flex-start;gap:8px;letter-spacing:normal}.brand img{display:block;max-width:100%;height:auto}.brand-caption{font-size:9px;letter-spacing:1.6px;font-weight:500;color:#ffe9da}.login-brand{background:#ed6b1c;padding:22px;border-radius:12px;color:white;margin-bottom:26px}.login-brand img{display:block}.login-brand small{color:#fff0e4;font-size:8px;letter-spacing:1.1px;margin-top:12px}.login-body{background:#fff2e7}.login-card{box-shadow:0 10px 50px #b95b1714;border:1px solid #f3d7c0}.pill{background:#fff5ec;color:#a24e1a;border-color:#f2d8c3}@media(max-width:650px){.brand{gap:4px;margin-bottom:18px}.brand img{width:105px}.brand-caption{font-size:7px}.connection-link{color:#fff3e6}.login-card{padding:25px}}

.connection-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.connection-intro p{max-width:720px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}.connection-card{background:white;border:1px solid #e2e9ec;border-radius:13px;padding:22px}.connection-card.active{border-color:#ed6b1c;box-shadow:0 0 0 3px #ed6b1c18}.connection-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.connection-card-heading code{display:block;color:#94a0a4;font-size:10px;margin-top:6px}.connection-card-actions,.connection-footer>div{display:flex;gap:9px;flex-wrap:wrap}.connection-verified{font-size:11px}.connection-workspace{overflow:hidden}.connection-workspace .panel-heading p{margin:5px 0 0}.connection-progress{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 22px;gap:8px;background:#fafcfc;border-bottom:1px solid #edf1f2}.step{font-size:11px;color:#8a999e}.step.done{color:#21855b;font-weight:700}.connection-workspace iframe{display:block;width:100%;height:min(68vh,760px);border:0;background:#262626}.connection-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px}.connection-footer p{margin:0;color:#4d6268}.connection-footer .primary:disabled{background:#b9c2c5;border-color:#b9c2c5}.connection-workspace .panel-heading>span{font-variant-numeric:tabular-nums;font-weight:700;color:#b45a20}
@media(max-width:1050px){.connection-grid{grid-template-columns:1fr}}@media(max-width:650px){.connection-intro,.connection-footer{flex-direction:column;align-items:stretch}.connection-progress{grid-template-columns:1fr}.connection-workspace iframe{height:60vh}}

.kanban-panel{overflow:visible}.kanban-panel>.panel-heading p{margin:4px 0 0}.kanban-board{display:grid;gap:14px;padding:18px;overflow-x:auto;align-items:start}.kanban-board.three-columns{grid-template-columns:repeat(3,minmax(255px,1fr))}.kanban-board.four-columns{grid-template-columns:repeat(4,minmax(235px,1fr))}.kanban-column{background:#f6f8f8;border:1px solid #e3eaec;border-radius:11px;min-height:260px}.kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #e1e8ea}.kanban-column h3{font-size:12px;margin:0}.kanban-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:20px;background:#fff0e3;color:#ad541d;font-size:11px;font-weight:700}.kanban-list{display:grid;gap:10px;padding:10px}.kanban-card{background:white;border:1px solid #e1e8ea;border-radius:9px;padding:13px;box-shadow:0 2px 5px #16333308}.kanban-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:11px}.kanban-card-top strong{font-size:12px;color:#934817}.kanban-card-top .badge{max-width:145px;white-space:normal;text-align:right}.kanban-date,.kanban-sale,.kanban-amount{display:block;margin-top:7px}.kanban-date,.kanban-sale{font-size:10px;color:#819095}.kanban-amount{font-size:13px}.kanban-empty{padding:48px 8px;text-align:center;color:#9aa6aa;font-size:11px}.kanban-unclassified{padding:0 20px 17px}.kanban-unclassified p{margin:0;padding:10px 13px;background:#fff6e8;color:#84652c;border-radius:8px;font-size:11px}@media(max-width:900px){.kanban-board.three-columns,.kanban-board.four-columns{grid-template-columns:repeat(4,minmax(245px,1fr))}.kanban-board.three-columns{grid-template-columns:repeat(3,minmax(245px,1fr))}}

.status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.tracking-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.status-counter{text-align:left;background:white;border:1px solid #e1e8ea;border-radius:12px;padding:17px 18px;transition:border-color .15s,box-shadow .15s,transform .15s}.status-counter:hover{background:white;border-color:#ed8a4d;transform:translateY(-1px)}.status-counter.active{border-color:#ed6b1c;box-shadow:0 0 0 3px #ed6b1c17}.status-counter-label{display:block;color:#73868c;font-size:11px;margin-bottom:9px}.status-counter-value{display:block;color:#26383d;font-size:25px;line-height:1}.status-counter.active .status-counter-label,.status-counter.active .status-counter-value{color:#bd5718}.dashboard-block{margin-bottom:30px}.dashboard-block .section-heading{margin:0 0 16px}.dashboard-block .section-heading .eyebrow{margin:0 0 6px}.atom-cards .metric{min-height:166px;border-radius:16px;box-shadow:0 10px 30px #243b4610}.commerce-cards .metric:first-child{background:#26383d;border-color:#26383d;color:white}.commerce-cards .metric:first-child .label,.commerce-cards .metric:first-child .hint{color:#d8e2e4}.commerce-cards .metric:first-child .icon{background:#ffffff1c;color:white}.dashboard-note{margin:-12px 2px 26px;font-size:11px}@media(max-width:950px){.status-summary,.tracking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.status-summary,.tracking-summary{grid-template-columns:1fr 1fr}.status-counter{padding:14px}.status-counter-value{font-size:21px}}
.selection-bar{position:sticky;top:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#26383d;color:white;border-radius:13px;padding:15px 18px;margin-bottom:18px;box-shadow:0 12px 30px #15282f25}.selection-bar strong{display:block;font-size:13px}.selection-bar span{display:block;color:#bfd0d4;font-size:10px;margin-top:4px}.selection-actions{display:flex;gap:9px}.selection-actions button:not(.primary){background:#ffffff12;border-color:#ffffff2b;color:white}.order-selector{display:grid;place-items:center;width:22px;height:22px;cursor:pointer}.order-selector input{position:absolute;opacity:0;pointer-events:none}.order-selector span{width:17px;height:17px;border:1.5px solid #bdc9cc;border-radius:5px;background:white;display:block}.order-selector input:checked+span{background:#ed6b1c;border-color:#ed6b1c;box-shadow:inset 0 0 0 4px white}.order-selector input:focus-visible+span{outline:3px solid #ffb47e;outline-offset:2px}#orders-table th:first-child,#orders-table td:first-child{width:50px;padding-right:4px}@media(max-width:650px){.selection-bar{align-items:stretch;flex-direction:column}.selection-actions{display:grid;grid-template-columns:1fr 1fr}.selection-actions button{padding:9px 7px;font-size:10px}}
.sync-state.pending{background:#eef2f3;color:#62777d}.sync-state.selected{background:#fff0e3;color:#b4571e;font-weight:700}#orders-table tbody tr.selected-order td{background:#fffaf5}#orders-table tbody tr.selected-order td:first-child{box-shadow:inset 3px 0 #ed6b1c}

/* Platform identity and integration catalog */
.matrix-wordmark{display:block;font-size:28px;line-height:1.2;letter-spacing:-.7px;color:inherit;font-weight:800}
.login-brand .matrix-wordmark{font-size:34px}
.integration-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
.integration-card{padding:22px}.integration-card h2{margin:0 0 14px}.integration-card p{line-height:1.6}
@media(max-width:900px){.integration-catalog{grid-template-columns:1fr}}
