:root{--bg:#fbf9ff;--fg:#1e0b33;--muted:#5e5270;--line:#e4dcee;--accent:#3f1a6e;--accent-d:#2d1250;--gold:#c98f1e;--ok:#267d56;--bad:#ad2f46;--font:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--font-title:"Cormorant Garamond", Georgia, serif}@media (prefers-color-scheme:dark){:root{--bg:#171124;--fg:#edebf5;--muted:#b3a8c6;--line:#352a48;--accent:#b8acc9;--accent-d:#d4cbe2;--ok:#61d99f;--bad:#ec7985}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--font);margin:0}main{max-width:860px;margin:0 auto;padding:32px 16px}h1{margin:0 0 8px;font-size:1.6rem}.muted{color:var(--muted)}a{color:var(--accent)}table{border-collapse:collapse;width:100%;margin:16px 0}th,td{overflow-wrap:anywhere;text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{color:var(--muted);font-size:.9rem;font-weight:600}.ok{color:var(--ok)}.bad{color:var(--bad)}.card{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:16px}.login{max-width:420px}.form label{margin-bottom:14px;font-weight:600;display:block}.form input{width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);background:0 0;border-radius:10px;margin-top:6px;padding:10px 12px;display:block}.form input:focus{outline:2px solid var(--accent);outline-offset:1px}.form button{width:100%;font:inherit;color:#fff;background:var(--accent);cursor:pointer;box-shadow:0 3px 0 var(--accent-d);border:0;border-radius:12px;padding:12px;font-weight:700}.form button:hover:not(:disabled){background:var(--accent-d)}.form button:disabled{opacity:.6;cursor:default}.form select{width:100%;font:inherit;color:var(--fg);border:1px solid var(--line);background:0 0;border-radius:10px;margin-top:6px;padding:10px 12px;display:block}.form .check{align-items:flex-start;gap:8px;font-weight:400;display:flex}.form .check input{width:auto;accent-color:var(--accent);margin-top:4px}.form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.links a{color:var(--accent);font-weight:600}.muted a{font-weight:600}mark{color:inherit;background:#fbeec2;border-radius:3px;padding:0 2px}body:has(>main.login){background:linear-gradient(180deg, #3f1a6e 0, #3f1a6e 200px, #c98f1e 200px, #c98f1e 202px, var(--bg) 202px);min-height:100vh}main.login{border:1px solid var(--line);background:#fff;border-radius:22px;margin:36px auto 40px;padding:28px 28px 24px;box-shadow:0 18px 40px #1e0b331f}main.login:before{content:"";background:#fff url(/brand/bieu-tuong.svg?v=2026-10-sen) 50%/64px no-repeat;border-radius:50%;width:72px;height:72px;margin:-64px auto 8px;display:block;box-shadow:0 6px 18px #1e0b332e}main.login h1,main.login h2{font-family:var(--font-title);font-variant-numeric:lining-nums;font-feature-settings:"lnum";color:var(--accent);text-align:center;font-weight:600}main.login h1{font-size:2.125rem;line-height:1.15}main.login>p.muted:first-of-type{text-align:center}main.login .card{border-color:var(--line);background:#fff;border-radius:16px}@media (prefers-color-scheme:dark){main.login,main.login .card{background:#211a2d}main.login h1,main.login h2{color:#e8dcf8}}