:root{color-scheme:dark;font-family:Inter,system-ui,Arial,sans-serif;background:#06121c;color:#edf7f8}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:80px;border-bottom:1px solid #203748;display:flex;align-items:center;gap:18px;padding:0 max(24px,calc((100vw - 1000px)/2))}header strong{font-size:27px;white-space:nowrap}header strong span{color:#16cf9f}header small{letter-spacing:2px;color:#81a9ba;font-size:10px}main{max-width:700px;margin:48px auto;padding:0 22px 90px}.top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.5px;color:#2fcbad;border-bottom:1px solid #25404e;padding-bottom:18px}h1{font-size:34px;margin:32px 0 8px}p{color:#9db7c5;line-height:1.6}form{margin-top:26px}label{display:block;color:#a9c5d1;font-size:13px;margin:16px 0}input,select,textarea{display:block;width:100%;background:#0d2231;border:1px solid #315163;color:#fff;border-radius:9px;padding:13px 15px;margin-top:8px;font:inherit}button{border:0;border-radius:8px;background:#19ae97;color:#021b20;font-weight:750;padding:13px 19px;cursor:pointer;margin-top:12px}.danger{background:#59303b;color:#ffb6c0}button:hover{filter:brightness(1.12)}a{color:#48ddc3}article{background:#0c2130;border:1px solid #254758;border-radius:12px;padding:22px;margin:20px 0}.alert,.ok{padding:15px;border-radius:8px;margin-top:20px;background:#48252b;color:#ffbdc2}.ok{background:#133d34;color:#8ff4c9}.secret{background:#102b38;border:1px solid #2c736b;padding:20px;border-radius:9px;font:700 19px monospace;overflow-wrap:anywhere;letter-spacing:2px}.muted{font-size:12px}footer{position:fixed;bottom:0;left:0;right:0;padding:14px;text-align:center;background:#06121c;border-top:1px solid #25404e;color:#7197a7;font-size:11px}@media(max-width:550px){.top{flex-direction:column}header{padding:16px}h1{font-size:27px}}

/* TradeCPO B2B Commerce UI V1.4 */
body.commerce{background:#06141c;color:#e8f4f8;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;margin:0}body.commerce .commerce-header{max-width:none;padding:18px clamp(18px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#071923;border-bottom:1px solid #1b3d47;flex-wrap:wrap}body.commerce .brand{text-decoration:none;display:flex;align-items:center;gap:17px;color:#f5ffff}body.commerce .brand strong{font-size:25px}body.commerce .brand strong span{color:#21d8bc}body.commerce .brand small{letter-spacing:.19em;color:#8caeba;font-size:10px}body.commerce .commerce-nav{display:flex;flex-wrap:wrap;gap:8px}body.commerce .commerce-nav a{color:#b6d5df;text-decoration:none;font-size:13px;padding:10px 14px;border:1px solid #23434e;border-radius:8px}body.commerce .commerce-nav a:hover{background:#12323b;color:#31e5c5}body.commerce .commerce-main{max-width:1320px;margin:auto;padding:42px clamp(18px,4vw,56px);min-height:70vh}body.commerce .eyebrow{color:#24d9bd;letter-spacing:.18em;font-size:11px;font-weight:700}body.commerce .hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0 26px;border-bottom:1px solid #21404b}body.commerce .hero h2{font-size:clamp(27px,3vw,43px);margin:12px 0}body.commerce .hero p{color:#a1bec9}body.commerce .live-tag{white-space:nowrap;color:#31dec4;border:1px solid #237b74;padding:9px 12px;border-radius:20px;font-size:10px;letter-spacing:.08em}body.commerce .quicklinks{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 32px}body.commerce .quicklinks a{padding:13px 18px;border:1px solid #29525b;border-radius:10px;color:#29dfc5;text-decoration:none;background:#0d2631;font-weight:600}body.commerce h2{font-size:23px;margin-top:32px}body.commerce article{background:#0e2733;border:1px solid #21434e;border-radius:13px;padding:22px;margin:15px 0;box-shadow:0 8px 24px #0002}body.commerce .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}body.commerce .metric{padding:26px;background:#0e2733;border:1px solid #28505b;border-radius:14px;display:flex;flex-direction:column;gap:16px}body.commerce .metric small{color:#95b5c0;letter-spacing:.12em}body.commerce .metric b{font-size:38px;color:#e6ffff}body.commerce input,body.commerce select,body.commerce textarea{background:#061922;color:#f2ffff;border:1px solid #39606b;border-radius:8px;padding:12px;max-width:100%;box-sizing:border-box}body.commerce button{background:#16bfa7;color:#061b22;border:0;border-radius:8px;padding:12px 17px;font-weight:750;cursor:pointer}body.commerce label{color:#b4d3dc}body.commerce a{color:#2ce3c8}body.commerce footer{border-top:1px solid #23434e;color:#779daa;text-align:center;padding:25px;font-size:12px}body.commerce .bottomnav{display:flex;gap:18px;border-top:1px solid #23434e;margin-top:35px;padding-top:20px}@media(max-width:740px){body.commerce .metrics{grid-template-columns:1fr}body.commerce .hero{align-items:flex-start;flex-direction:column}body.commerce .commerce-nav a{font-size:12px;padding:8px}}