:root{color-scheme:light;--bg:#f6f4fa;--panel:#fff;--ink:#303044;--muted:#737186;--line:#e6e0ec;--accent:#754b95;--soft:#eee5f5}:root[data-theme=dark]{color-scheme:dark;--bg:#181923;--panel:#20212e;--ink:#ece9f3;--muted:#b2abc1;--line:#373647;--accent:#d0b0ed;--soft:#383047}
body{font-family:'Leelawadee UI','Segoe UI',Tahoma,sans-serif!important;background:var(--bg)!important;color:var(--ink)!important;padding:40px 20px!important}.card{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 15px 55px #251d3510!important;padding:30px!important}h1{color:var(--ink)!important;font-weight:600!important}h1:before{content:'';background:url('/ui/brand.png') center/cover;display:block;width:58px;height:58px;border-radius:13px;margin-bottom:18px}h2{color:var(--ink)!important;border-top:1px solid var(--line);padding-top:18px}p,label,small,summary{color:var(--muted)!important}p{font-size:13px!important}input,select{border:1px solid var(--line)!important;background:var(--bg)!important;color:var(--ink)!important;font-size:14px!important;border-radius:7px!important;padding:11px!important}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}button,.button{background:var(--accent)!important;color:var(--panel)!important;font-size:13px!important;border-radius:7px!important}a{color:var(--accent)!important}.note,code{background:var(--soft)!important;color:var(--ink)!important}.error{background:#f5dfe4!important;color:#913d54!important}th,td{border-color:var(--line)!important;padding:12px 6px!important}.row{flex-wrap:wrap}@media(max-width:600px){body{padding:15px 10px!important}.card{padding:20px!important}table{font-size:11px!important}td button{padding:8px!important}}