:root{
  --brand-red:#2563eb;
  --brand-red-dark:#1d4ed8;
  --brand-orange:#3b82f6;
  --brand-gold:#60a5fa;
  --brand-ink:#0b1f3a;
  --brand-cream:#f4f7fc;
  --brand-soft:#eaf2ff;
  color:#17233a;
  background:var(--brand-cream);
}
body{background:linear-gradient(135deg,#f8faff 0%,#f1f6fd 55%,#f7faff 100%);color:#17233a}
aside{background:linear-gradient(180deg,#0b1f3a 0%,#102f59 58%,#08182e 100%);color:#eef5ff;box-shadow:8px 0 28px #173a6b1a}
.brand{align-items:center;gap:8px;margin-bottom:38px}
.brand img{width:36px;height:36px;flex:0 0 36px;object-fit:contain;border-radius:10px;background:#09182b;box-shadow:0 5px 14px #0006,0 0 0 1px #6ea8ff55}
.brand strong{flex:1;max-width:none;color:#f5f9ff;font-size:16px;line-height:1;letter-spacing:0;white-space:nowrap}
nav a{color:#b9cce5;transition:background .16s,color .16s,transform .16s}
nav a:hover{color:#fff;background:#ffffff12;transform:translateX(2px)}
nav a.active{background:linear-gradient(90deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 7px 18px #06152f55}
.safe{background:#153a68;border:1px solid #78adff33;color:#eaf3ff}.safe small{color:#aac7e8}
header p,.panel p,.stats span,.shopPanel p,.shopSummary span,.shopIdentity span,.shopMeta{color:#69778c}
button{background:linear-gradient(135deg,var(--brand-red),var(--brand-orange));box-shadow:0 5px 13px #1d4ed81c}
button:hover:not(:disabled){filter:brightness(.97)}
button.secondary{background:#fff;color:#294a78;border-color:#d5e0ef;box-shadow:none}
.shipButton{background:linear-gradient(135deg,#173f80,#2563eb)}
input,select{border-color:#d9e2ef}
input:focus,select:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px #3b82f618}
.panel,.stats article,.toolbar,.shopPanel,.shopSummary,.shopCard,.aftersaleFilters,.resultPanel{box-shadow:0 5px 20px #1e4d8c10}
.shop,.status{background:#eaf2ff;color:#2563c8}
.moreProducts,.message.ok{color:#2563c8}
.batchBar{border-color:#dce6f3;box-shadow:0 12px 34px #173c7021}
#toast{background:#12345f}
.filterGrid label:focus-within{border-color:var(--brand-orange);box-shadow:0 0 0 3px #3b82f614}
.statusNav button:hover{background:#edf4ff}
.statusNav button.active{background:#eaf2ff;color:#1d5fd1;border-color:#b9d3fa}
.statusNav button.urgentNav.active{background:#d93625;border-color:#d93625}
.refundBarActions .secondary,.singleRefund,.queryOutboundLogistics,.queryLogistics{background:#f7faff;color:#1d5fd1;border-color:#b8d2f5}
.singleRefund:hover,.queryOutboundLogistics:hover,.queryLogistics:hover{background:#eaf2ff}
.outboundLogisticsState.transit,.orderLogisticsState.transit{color:#2563c8}
.copyWaybill.copied{color:#2563c8}
.logisticsState{background:#eaf2ff;color:#255eb4}.logisticsState.signed{background:#e8f7ef;color:#078b52}
.logisticsTrace:first-child:before{background:var(--brand-orange)}
.renameShop,.decodeRecipient{background:#f7faff;color:#1d5fd1;border-color:#b8d2f5}
dialog{box-shadow:0 22px 70px #102b5150}dialog::backdrop{background:#08182e88}
.loginPage{min-height:100vh;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 12%,#cfe2ff 0,#f1f6fd 34%,#e8eef8 100%)}
.loginPage main{width:100%;max-width:480px;margin:0;padding:24px}
.loginPanel{max-width:none;margin:0;padding:34px;text-align:center;border:1px solid #d7e3f2;box-shadow:0 22px 60px #173c702b}
.loginLogo{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 18px;border-radius:24px;background:#09182b;box-shadow:0 12px 28px #102d5540}
.loginPanel h1{font-size:25px}.loginPanel form{text-align:left}.loginPanel form button{width:100%}
@media(max-width:1000px){.brand strong{max-width:none}}