:root{font-family:Segoe UI,Arial,sans-serif;color:#2b1b16;background:#fff8f3}*{box-sizing:border-box}body{margin:0}header{background:#1b0d12;color:white;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:23px}small{display:block;margin-top:7px;color:#f6d9b3}main{max-width:1100px;margin:auto;padding:22px}section,article{background:white;border:1px solid #ead8cc;border-radius:14px;padding:22px;margin-bottom:18px}article{background:#fffcfa}h1{font-size:26px}h2{font-size:21px}p{line-height:1.65}label{display:block;margin:14px 0}input,select,textarea{display:block;padding:13px;border:1px solid #d4baaa;border-radius:8px;width:100%;font:inherit;margin-top:7px}textarea{min-height:190px;line-height:1.6}button{border:0;background:#b83d00;color:white;border-radius:8px;padding:13px 18px;font:inherit;cursor:pointer;margin:5px 4px 5px 0}button:disabled{opacity:.5}nav{display:flex;flex-wrap:wrap;margin-bottom:20px}nav button{background:#fff0e4;color:#783013}.post-image{max-width:320px;width:100%;border-radius:10px;display:block;margin:12px auto}.badge{font-size:13px;color:#b83d00}#notice{white-space:pre-wrap}footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.article-choice{display:flex;align-items:center;gap:12px}.article-choice input{width:22px}a{color:#b83d00}pre{white-space:pre-wrap;word-break:break-word}.intro{background:#fff0e4}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px}header{padding:16px;align-items:flex-start}header button{font-size:12px;padding:10px}section,article{padding:16px}h1{font-size:23px}}

header{flex-wrap:wrap}.header-actions{display:flex;flex-wrap:wrap;gap:6px}#teaching-understanding{white-space:pre-wrap}#teaching-answer{background:#fff8f3}
#quick-teach{position:fixed;right:16px;bottom:18px;z-index:20;box-shadow:0 3px 14px #1b0d1240;font-weight:700}body{padding-bottom:72px}

.market-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.market-controls input,.market-controls select{flex:1;min-width:180px}.market-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #ead8cc;border-radius:10px;margin:16px 0}.market-table{border-collapse:collapse;min-width:1500px;width:max-content;max-width:3200px}.market-table th,.market-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ead8cc;border-right:1px solid #ead8cc;padding:12px;min-width:150px;max-width:280px;overflow-wrap:anywhere}.market-table th{background:#fff0e4}.market-table button{font-size:13px;white-space:nowrap}.market-table td:last-child{min-width:200px}#market{min-width:0}#market input[type=checkbox]{width:24px}#market details{border:1px solid #ead8cc;padding:14px;border-radius:10px;margin:16px 0}#market summary{font-weight:600;cursor:pointer}

.login-card{max-width:510px;margin:36px auto;padding:32px;box-shadow:0 8px 36px #1b0d1212}.login-brand{background:#b83d00;color:white;width:52px;height:52px;display:grid;place-items:center;font-size:32px;font-weight:700;border-radius:14px}.login-card h1{font-size:25px}.login-card button{width:100%}.login-card details{margin-top:24px;padding-top:16px;border-top:1px solid #ead8cc}@media(max-width:600px){.login-card{padding:24px;margin:16px auto}}

.update-dialog{width:min(94vw,560px);max-height:85vh;overflow:auto;border:1px solid #ead8cc;border-radius:16px;padding:24px;color:#2b1b16}.update-dialog::backdrop{background:#1b0d1280}

.shopee-hub{border-bottom:1px solid #ead8cc;padding-bottom:24px;margin-bottom:28px}.shopee-hub details{border:1px solid #ead8cc;border-radius:12px;padding:16px;margin:12px 0}.shopee-hub summary{cursor:pointer;font-weight:600}.shopee-hub input[type=checkbox]{width:24px}.shopee-hub td{white-space:pre-line}.shopee-hub .market-table{min-width:1200px;width:100%}
.shopee-intake{padding:18px;margin:18px 0;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.shopee-intake form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;align-items:end}.shopee-intake label{display:grid;gap:6px;min-width:0}.shopee-intake textarea{width:100%;resize:vertical}.shopee-intake input,.shopee-intake select{width:100%;min-width:0}.shopee-intake form button{align-self:end}.shopee-intake .intake-result{margin:12px 0;padding:16px;border:1px solid #e5e7eb;border-radius:10px}.shopee-intake pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}
.shopee-intake[hidden]{display:none}.sale-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sale-subnav button{background:#fff;color:#41464f;border:1px solid #dce0e5}.sale-subnav button[aria-current="page"]{background:#bc4209;color:#fff;border-color:#bc4209}.shopee-intake .market-table{min-width:1050px}.shopee-intake .market-table td{font-variant-numeric:tabular-nums}
.sale-old-choice{display:flex!important;align-items:center;gap:8px;margin:10px 0;max-width:330px}.sale-old-choice input[type=checkbox],.market-controls .sale-old-choice input[type=checkbox]{width:22px;min-width:22px;flex:none}.sale-old-choice span{line-height:1.4}.market-controls>label:not(.sale-old-choice){display:grid;gap:4px;min-width:180px}.market-controls>label select{min-width:180px}

#notifications article{border-left:4px solid #b83d00}#notifications input[type=checkbox],#facebook-scan input[type=checkbox]{width:24px}#notifications pre,#facebook-scan pre{font:inherit;line-height:1.65}#facebook-scan a{display:block;margin:12px 0}#facebook-scan{min-width:0}

/* Logo brand: dark navigation, warm surfaces, readable orange actions. */
:root{--sanh-action:#b83d00;--sanh-gold:#f3bb52;--sanh-canvas:#fff8f3;--sanh-ink:#2b1b16;--sanh-border:#ead8cc}
button:hover{background:#783013;color:white}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b83d00;outline-offset:3px}nav button:hover{background:#783013;color:white}.login-brand{background:white;width:72px;height:82px;border-radius:10px}.login-brand img{width:100%;height:100%;object-fit:contain}.brand-header{display:flex;align-items:center;gap:12px}.brand-header img{width:44px;height:50px;object-fit:contain;border-radius:6px;background:white}input[type=checkbox]{accent-color:#b83d00}button,nav button,a{touch-action:manipulation}nav button{min-height:44px}#notice:empty{display:none}

@media(max-width:600px){#workspace>nav{display:grid;grid-template-rows:repeat(2,minmax(44px,auto));grid-auto-flow:column;grid-auto-columns:168px;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:10px;scroll-snap-type:x proximity}#workspace>nav button{margin:0;scroll-snap-align:start;white-space:normal;text-align:left;font-size:14px}#workspace>.intro p{font-size:14px}header strong{font-size:21px}.header-actions{width:100%}.header-actions button{flex:1}#notifications article{padding:16px}#notifications pre{overflow-wrap:anywhere}section{scroll-margin-top:12px}}