:root{color:#18201b;background:#f5f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}button,.navButton{align-items:center;display:inline-flex;gap:8px;justify-content:center}button{border:0;cursor:pointer}button svg{flex:0 0 auto}button:disabled{cursor:not-allowed;opacity:.58}button[aria-busy=true]:disabled{cursor:wait;opacity:.74}input{background:#fff;border:1px solid #d9d6ca;border-radius:6px;color:#18201b;min-height:40px;padding:0 12px;width:100%}label{color:#4f574f;display:grid;font-size:13px;gap:7px}.appShell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#1d2a22;color:#f9faf4;display:flex;flex-direction:column;gap:8px;padding:18px 14px}.brandBlock{align-items:center;display:flex;gap:12px;margin-bottom:14px}.brandBlock strong,.brandBlock span{display:block}.brandBlock span{color:#b9c4b7;font-size:12px;margin-top:2px}.brandMark{align-items:center;background:#d4f1dd;border-radius:8px;color:#1d2a22;display:flex;font-weight:800;height:38px;justify-content:center;width:38px}.navButton{background:transparent;border-radius:7px;color:#dfe8db;justify-content:flex-start;min-height:40px;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.navButton svg{flex:0 0 auto}.navButton:hover,.navButton.active{background:#2f4436;color:#fff}.navLabel{color:#97a594;font-size:11px;letter-spacing:.08em;margin:14px 10px 2px;text-transform:uppercase}.warehouseNav{display:grid;gap:5px;min-height:0;overflow:auto}.sidebarSkeleton{display:grid;gap:5px}.logoutButton{margin-top:auto}.workspace{min-width:0;padding:26px}.pageHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.pageHeader h1{font-size:28px;line-height:1.1;margin:0}.pageHeader p{color:#6e756c;margin:6px 0 0}.headerActions,.connectionForm{align-items:end;display:flex;gap:10px}.primaryButton,.secondaryButton{border-radius:7px;min-height:40px;padding:0 14px;white-space:nowrap}.primaryButton{background:#227447;color:#fff}.secondaryButton{background:#fff;border:1px solid #d9d6ca;color:#243027}.smallButton{min-height:34px;padding:0 10px}.settingsLayout,.warehousePage{display:grid;gap:18px}.settingsPanel{background:#fff;border:1px solid #dedbd0;border-radius:8px;padding:18px}.settingsPanel h2{font-size:18px;margin:0 0 14px}.panelHeader{align-items:center;display:flex;gap:10px;justify-content:space-between}.panelHeader h2{margin-bottom:0}.connectionForm{grid-template-columns:1fr 1fr auto}.connectionForm label{min-width:220px}.connectionList{display:grid;gap:8px}.connectionRow{align-items:center;border-bottom:1px solid #efede5;color:#18201b;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto auto minmax(190px,.5fr);padding:12px 0}.connectionRow:last-child{border-bottom:0}.connectionIdentity strong,.connectionIdentity small,.connectionSync span,.connectionSync strong{display:block}.connectionIdentity small,.connectionSync span{color:#747b72;font-size:12px;margin-top:3px}.connectionSync{text-align:right}.connectionSync strong{font-size:13px;margin-top:3px}.statusBadge{align-items:center;background:#f1efe6;border-radius:999px;color:#5f675d;display:inline-flex;font-size:13px;gap:6px;min-height:30px;padding:0 10px;white-space:nowrap}.statusBadge.active{background:#e5f4eb;color:#1f6b43}.warehouseList{display:grid;gap:8px}.orderLinkList{display:grid;gap:8px;margin-top:14px}.warehouseRow{align-items:center;border-bottom:1px solid #efede5;color:#18201b;display:grid;gap:12px;grid-template-columns:18px 1fr;padding:10px 0}.warehouseRow input{height:18px;min-height:auto;width:18px}.warehouseToggleCell{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.warehouseRow strong,.warehouseRow small{display:block}.warehouseRow small{color:#747b72;margin-top:3px}.orderLinkRow{align-items:center;border-bottom:1px solid #efede5;color:#18201b;display:grid;gap:12px;grid-template-columns:18px minmax(0,1fr) auto;padding:10px 0}.orderLinkRow input{height:18px;min-height:auto;width:18px}.orderLinkRow strong,.orderLinkRow small{display:block}.orderLinkRow small{color:#747b72;margin-top:3px}.summaryStrip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.tableToolbar{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.inlineToggle{align-items:center;display:inline-flex;gap:8px}.inlineToggle input{height:18px;min-height:auto;width:18px}.metric{background:#fff;border:1px solid #dedbd0;border-radius:8px;padding:14px 16px}.metric span{color:#657064;display:block;font-size:13px}.metric strong{display:block;font-size:24px;margin-top:4px}.metric .skeleton+.skeleton{margin-top:8px}.tableWrap{background:#fff;border:1px solid #dedbd0;border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:1120px;width:100%}.ordersTable{min-width:980px}.nestedTableWrap{margin-top:14px}.nestedTableWrap table{min-width:920px}th,td{border-bottom:1px solid #ece9dd;font-size:13px;padding:11px 12px;text-align:left;vertical-align:top}th{background:#f1efe6;color:#525a51;font-weight:700;position:sticky;top:0;white-space:nowrap;z-index:1}.readyRow{background:#fff7cc}.shortRow{background:#ffe1e1}.selectedRow{outline:2px solid #227447;outline-offset:-2px}.loginScreen{align-items:center;background:#1d2a22;display:flex;justify-content:center;min-height:100vh;padding:24px}.loginPanel{background:#f8f7f0;border-radius:8px;display:grid;gap:14px;max-width:380px;padding:24px;width:100%}.loginBrand{margin-bottom:4px}.loginBrand span{color:#647064}.emptyState{align-items:center;color:#687065;display:grid;gap:8px;justify-items:center;padding:46px 20px;text-align:center}.emptyState h1,.emptyState h2{color:#253027;margin:0}.emptyState.compact{padding:20px}.skeleton{background:linear-gradient(90deg,#eeece4 25%,#f8f7f0 40%,#eeece4 65%);background-size:220% 100%;border-radius:6px;display:block;min-height:1px;overflow:hidden;pointer-events:none;animation:skeletonShimmer 1.35s ease-in-out infinite}.loadingIcon{animation:loaderSpin .85s linear infinite}.warehouseSpinner{color:#227447}.sidebarSkeleton .skeleton{background:linear-gradient(90deg,#2f4436 25%,#3d5646 40%,#2f4436 65%);background-size:220% 100%}.connectionIdentity .skeleton+.skeleton,.connectionSync .skeleton+.skeleton,.skeletonRow .skeleton+.skeleton,.pageHeaderSkeleton .skeleton+.skeleton{margin-top:7px}.statusSkeleton{border-radius:999px}.tableSkeletonRow{background:#fff}@keyframes skeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes loaderSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.skeleton,.loadingIcon{animation:none}}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{min-height:auto}.workspace{padding:18px}.pageHeader,.headerActions,.connectionForm{align-items:stretch;flex-direction:column}.summaryStrip{grid-template-columns:1fr}.connectionRow{align-items:start;grid-template-columns:1fr}.connectionSync{text-align:left}}