:root{--shopee:#ee4d2d;--shopee-dark:#d73211;--teal:var(--shopee);--teal-soft:#fff0ed;--orange:var(--shopee);--navy:#fff;--navy-soft:#fff3f0;--canvas:#f6f6f6;--ink:#333;--muted:#777;--line:#e8e8e8;--shadow:0 4px 16px rgba(0,0,0,.07)}
body{border-top:4px solid var(--shopee)}
.sidebar{color:#555;background:#fff;border-right:1px solid var(--line);box-shadow:2px 0 9px rgba(0,0,0,.03)}
.brand{color:var(--shopee);margin-left:4px}.brand-mark{border-radius:5px;background:var(--shopee)}.brand strong{font-size:15px;letter-spacing:0}.brand small{color:#999}
.nav-item{color:#555;border-radius:3px}.nav-item span{color:#999}.nav-item:hover,.nav-item.active{color:var(--shopee);background:#fff3f0}.nav-item.active{box-shadow:inset 3px 0 var(--shopee)}.nav-item.active span{color:var(--shopee)}
.sidebar-foot{color:#555;border-top-color:#eee}.sidebar-foot small{color:#999}.environment-dot{background:var(--shopee);box-shadow:0 0 0 4px rgba(238,77,45,.12)}
.button{border-radius:3px}.button.primary{background:var(--shopee)}.button.primary:hover{background:var(--shopee-dark)}.button.white{color:var(--shopee);background:#fff}.eyebrow,.text-button{color:var(--shopee)}
.seller-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:26px 30px;color:#fff;background:linear-gradient(110deg,#ee4d2d,#ff7337);border-radius:4px;box-shadow:var(--shadow)}
.seller-banner>div{display:flex;align-items:center;gap:18px}.seller-banner .eyebrow{color:#ffe1da}.seller-banner h2{margin-bottom:7px;font-size:24px}.seller-banner p:last-child{max-width:690px;margin:0;color:#fff4f1;line-height:1.5}
.seller-bag{display:grid;place-items:center;flex:0 0 58px;height:58px;border:2px solid #fff;border-radius:10px;font-size:29px;font-weight:900}
.login-guide{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:28px;padding:17px 22px;border:1px solid var(--line);background:#fff}.login-guide>span{display:grid;place-items:center;flex:0 0 28px;height:28px;color:#fff;background:var(--shopee);border-radius:50%;font-weight:800}.login-guide p{margin:0}.login-guide strong,.login-guide small{display:block}.login-guide small{margin-top:3px;color:#999}.login-guide i{width:54px;height:1px;background:#ddd}
.compact-heading{margin:0 0 14px}.shop-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.seller-shop-card{padding:20px;border:1px solid var(--line);border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.035)}.seller-shop-head{display:flex;align-items:center;gap:11px}.seller-shop-head strong,.seller-shop-head small{display:block}.seller-shop-head small{margin-top:3px;color:#999;font-size:10px}
.seller-shop-avatar{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--shopee);border-radius:50%;font-weight:800}.browser-badge{margin-left:auto;padding:5px 7px;color:#a65b00;background:#fff5df;border-radius:2px;font-size:9px;font-weight:800}
.browser-badge.connected{color:#177245;background:#e9f8ef}.shop-browser-status.connected>span{color:#20a464}.shop-browser-status.connected strong{color:#177245}
.shop-browser-status{display:flex;gap:10px;margin:18px 0;padding:13px;color:#777;background:#fafafa;border:1px solid #eee}.shop-browser-status>span{color:#bbb}.shop-browser-status strong,.shop-browser-status small{display:block}.shop-browser-status strong{color:#555;font-size:12px}.shop-browser-status small{margin-top:4px;font-size:10px}.seller-shop-actions{display:flex;gap:8px}.seller-shop-actions .button{flex:1}
.browser-preview{display:grid;place-items:center;margin:18px 0;padding:22px;color:#666;background:#f7f7f7;border:1px dashed #ccc}.browser-preview span{font-size:30px}.browser-preview strong,.browser-preview small{display:block;margin-top:7px}.browser-preview small{font-size:11px}.dialog-steps{padding-left:22px;color:#555;font-size:13px;line-height:1.8}.privacy-note{padding:10px;color:#8b573f!important;background:#fff5ec}
.metric,.panel{border-radius:4px}.metric.danger,.metric.warning,.metric.success{border-top-color:var(--shopee)}.connection.online{color:#288c4f;background:#eaf8ef}
@media(max-width:1050px){.shop-card-grid{grid-template-columns:1fr 1fr}.seller-banner{align-items:flex-start}.login-guide{flex-wrap:wrap}.login-guide i{display:none}}
@media(max-width:760px){.shop-card-grid{grid-template-columns:1fr}.seller-banner{align-items:stretch;flex-direction:column}.seller-banner>div{align-items:flex-start}.seller-bag{display:none}.seller-banner .button{align-self:flex-start}}