:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#1f2933;background:#fff7ef;--green:#f57917;--muted:#7a8589;--line:#e6eae5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:11px;padding:12px 18px;background:var(--green);color:#fff;cursor:pointer;font-size:13px;font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:wait}.ghost{background:#faf0e6;color:#3b5650}.danger{color:#b94c44;background:#fcf0ed}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-.7px}h2{font-size:18px;margin-bottom:8px}p{color:var(--muted);line-height:1.7;font-size:13px}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:700;color:#83918b;margin-bottom:10px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.4px}.brand-icon{background:var(--green);color:white;border-radius:14px;display:grid;place-items:center;width:43px;height:43px;font-size:16px;letter-spacing:0}.login-page{min-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center;max-width:1280px;margin:auto;padding:70px}.login-intro h1{font-size:50px;line-height:1.4;margin:40px 0 16px}.login-intro .eyebrow{margin-top:65px}.intro-note{font-size:12px;color:#6e847b;display:flex;align-items:center;gap:9px;margin-top:55px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.login-card{background:white;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 20px 70px #9c481009}.login-card h2{font-size:26px;margin-top:16px}.login-card button{width:100%;margin-top:18px;display:flex;justify-content:space-between}label{font-size:12px;font-weight:600;color:#56645f;display:block;margin:17px 0 8px}input,select,textarea{width:100%;padding:12px;border:1px solid #dce3dd;background:#fcfdfa;color:#1f2933;border-radius:9px;outline:none;min-width:0;margin-top:8px}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #f5791712}.small{font-size:11px;margin:16px 0 0}.error{color:#b94c44;font-size:12px;min-height:1em;margin-top:14px}.sidebar{width:240px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.sidebar .brand{font-size:19px}.workspace-label{font-size:10px;letter-spacing:1px;margin:45px 14px 12px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;background:transparent;color:#7a8580;text-align:left;padding:14px 18px}nav button.active{color:var(--green);background:#fff0de}.sidebar-footer{font-size:11px;color:#6f8179;margin-top:auto;line-height:2}.sidebar-footer p{font-size:10px;margin:5px 0 0}main{margin-left:240px;padding:38px 42px;max-width:1700px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-header h1{margin:0;font-size:28px}.account{display:flex;align-items:center;gap:12px;font-size:12px}.badge{font-size:10px;color:#65776c;padding:5px 9px;background:#edf2ed;border-radius:20px;display:inline-block;white-space:nowrap}.badge.active{color:#147760;background:#e7f5eb}.badge.expired,.badge.revoked,.badge.disabled{color:#b35a45;background:#fcf0e9}.welcome-strip{display:flex;justify-content:space-between;align-items:center;background:#fff0e1;border-radius:18px;padding:24px 28px;margin-bottom:22px}.welcome-strip p{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.metric .label{color:#7d8983;font-size:11px}.metric strong{display:block;font-size:31px;font-weight:600;margin:12px 0 5px;letter-spacing:-1px}.metric .caption{font-size:10px;color:#9ca59f}.panel{padding:26px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:22px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-heading p{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.trend{height:160px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line);padding-top:10px}.trend-bar{flex:1;background:#ffd0a4;border-radius:4px 4px 0 0;min-height:3px}.trend-bar:last-child{background:#f57917}.chart-labels{display:flex;justify-content:space-between;color:#9ca59f;font-size:10px;margin-top:10px}.filters{display:flex;gap:12px;margin:22px 0}.filters input{flex:1}.filters select{width:150px}.filters button{margin-top:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#8e9a92;background:#f7f9f6;padding:13px 14px}td{padding:17px 14px;border-bottom:1px solid #edf0eb;vertical-align:middle}td small{display:block;font-size:10px;color:#95a098;margin-top:5px}td button{font-size:11px;padding:7px 9px;margin:2px}td .note{max-width:180px;white-space:normal;overflow-wrap:anywhere}.empty{padding:50px;color:#9ba79d;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;margin:0;accent-color:var(--green)}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:550px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;color:#1f2933}dialog::backdrop{background:#172e2560;backdrop-filter:blur(3px)}textarea{resize:vertical;min-height:140px;font:12px monospace}.dialog-actions{display:flex;gap:10px;margin-top:20px}#notice{padding:14px 18px;border:1px solid #cfe1d4;border-radius:12px;background:#eff8ee;font-size:13px;margin-bottom:20px}#notice.error{background:#fff1ed;border-color:#efcfc2}.login-page[hidden],#workspace[hidden],section[hidden],[hidden]{display:none!important}@media(max-width:1100px){main{padding:28px 22px}.sidebar{width:200px;padding:25px 14px}main{margin-left:200px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{padding:40px}.login-intro h1{font-size:38px}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:16px}.sidebar nav{display:flex;overflow:auto;margin-top:15px;gap:2px}.sidebar nav button{padding:9px;font-size:11px;white-space:nowrap}.workspace-label,.sidebar-footer{display:none}main{margin:0;padding:20px 12px}.page-header{align-items:flex-start;gap:15px}.page-header h1{font-size:23px}.account{gap:5px;flex-wrap:wrap;justify-content:flex-end}.welcome-strip{padding:18px;gap:15px;align-items:flex-start}.welcome-strip h2{font-size:15px}.split{grid-template-columns:1fr;gap:0}.panel{padding:18px}.section-heading{align-items:flex-start}.login-page{display:block;padding:30px 20px}.login-intro h1,.login-intro .eyebrow,.intro-note{display:none}.login-intro>p{margin:20px 0}.login-card{padding:25px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.form-grid{gap:0 10px}.metric{padding:15px}}

main.legal{margin:50px auto;max-width:850px;padding:20px}main.legal h2{margin-top:26px}
/* Cheng Lian branding shares the warm desktop palette. */
:root{--green:#ef781c;--line:#eee2d6;--muted:#948579}.brand-icon{object-fit:cover;background:white;box-shadow:0 5px 14px #e8801920}.login-page{background:radial-gradient(ellipse at 15% 30%,#ffe4c858,transparent 65%)}.badge.active{color:#bd6e21;background:#fff0dd}.status-dot{background:#f79936}.login-card{box-shadow:0 20px 70px #b8661610}.sidebar nav button.active{color:#d96e17;background:#fff0df}.trend-bar:last-child{background:#f57917}