*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f4f3ef;--bg2:#fff;--bg3:#ebe9e4;--tx:#1a1a1a;--tx2:#555;--tx3:#999;--tx4:#ccc;--bd:#ddd;--ac:#2c5fad;--ac2:#1e4a8a;--dn:#c0392b;--sc:#27ae60;--wn:#d4a017;--sh:0 2px 8px rgba(0,0,0,.04);--r:12px}[data-theme=dark]{--bg:#0f0f0f;--bg2:#1a1a1a;--bg3:#252525;--tx:#ddd;--tx2:#999;--tx3:#666;--tx4:#444;--bd:#2a2a2a;--sh:0 2px 8px rgba(0,0,0,.2)}body,#root{font-family:Sarabun,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;font-size:13px}input[type=text],input[type=number],input[type=url],input[type=password],input[type=date],input[type=search],select,textarea{width:100%;padding:9px 12px;border:1.5px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--tx);outline:none;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:var(--ac)}.b{padding:8px 16px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .12s;font-size:12px;display:inline-flex;align-items:center;gap:5px}.b:active{transform:scale(.97)}.b:disabled{opacity:.4;cursor:not-allowed}.bp{background:var(--ac);color:#fff}.bp:hover:not(:disabled){background:var(--ac2)}.bd{background:var(--dn);color:#fff}.bg{background:0 0;color:var(--tx2);border:1.5px solid var(--bd)}.bg:hover{background:var(--bg3)}.bs{background:var(--sc);color:#fff}.bw{background:var(--wn);color:#fff}.c{background:var(--bg2);border-radius:var(--r);border:1px solid var(--bd);padding:16px;box-shadow:var(--sh)}.f{margin-bottom:11px}.f label{display:block;font-size:11px;color:var(--tx2);margin-bottom:3px;font-weight:600}.badge{padding:2px 9px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.br{background:#fde8e8;color:#c0392b}.by{background:#fef3cd;color:#b7791f}.bgr{background:#def7ec;color:#27ae60}.bbl{background:#e1effe;color:#1e429f}.bgray{background:#eee;color:#666}.bpu{background:#ede9fe;color:#5b21b6}[data-theme=dark] .br{background:#3b1515;color:#f09595}[data-theme=dark] .by{background:#3b2e0a;color:#fac775}[data-theme=dark] .bgr{background:#0a3b1a;color:#97c459}[data-theme=dark] .bbl{background:#0a1e3b;color:#85b7eb}[data-theme=dark] .bgray{background:#333;color:#aaa}[data-theme=dark] .bpu{background:#1e0a3b;color:#c4b5fd}.rw{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd);gap:9px}.rw:last-child{border-bottom:none}.av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0;overflow:hidden;background:var(--bg3)}.av img{width:100%;height:100%;object-fit:cover}.nb{padding:7px 13px;border:none;border-radius:10px;cursor:pointer;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;background:0 0;color:var(--tx3);transition:all .12s}.nb:hover{background:var(--bg3);color:var(--tx2)}.nb.on{background:var(--ac);color:#fff}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--tx);color:var(--bg);padding:10px 20px;border-radius:12px;font-size:12px;font-weight:600;z-index:2000;animation:ti .25s;box-shadow:0 6px 24px #0003;display:flex;align-items:center;gap:6px}@keyframes ti{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.md{background:var(--bg2);border-radius:16px;padding:20px;max-width:95vw;max-height:88vh;overflow:auto;box-shadow:0 16px 48px #0003}.sr{position:relative}.sr svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--tx4)}.sr input{padding-left:34px}.mt{background:var(--bg2);border-radius:var(--r);padding:14px 16px;border:1px solid var(--bd);box-shadow:var(--sh)}.g2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mono{font-family:Outfit,monospace;font-size:11px;font-weight:500}.dd{position:relative}.dd-list{position:absolute;top:100%;left:0;right:0;background:var(--bg2);border:1.5px solid var(--bd);border-radius:10px;max-height:220px;overflow:auto;z-index:50;box-shadow:0 8px 24px #0000001f;margin-top:2px}.dd-item{padding:9px 12px;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bd)}.dd-item:last-child{border-bottom:none}.dd-item:hover{background:var(--bg3)}.cfm-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;padding:10px}.cfm-box{background:var(--bg2);border-radius:14px;padding:24px;width:360px;max-width:95vw;text-align:center;box-shadow:0 16px 48px #00000040}.grp{border:1px solid var(--bd);border-radius:var(--r);margin-bottom:8px;overflow:hidden}.grp-head{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:9px;background:var(--bg2)}.grp-head:hover{background:var(--bg3)}.grp-body{padding:0 14px 10px;background:var(--bg2);border-top:1px solid var(--bd)}.grp-step{padding:6px 0;border-bottom:1px dashed var(--bd);font-size:11px;display:flex;align-items:center;gap:8px}.grp-step:last-child{border-bottom:none}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-size:cover;background-position:center;position:relative}.login-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.login-card{position:relative;z-index:1}@media(max-width:640px){.g4{grid-template-columns:1fr 1fr}.g3,.g2{grid-template-columns:1fr}.hm{display:none!important}.nb{padding:7px 5px;font-size:10px}.nb span{display:none}}