:root{--red:#e31b23;--orange:#ff6a00;--black:#0e0e10;--panel:#17171a;--panel2:#202024;--text:#f6f6f6;--muted:#a7a7ad;--line:#323238;--success:#23c16b;--warning:#ffb020;--danger:#ff4d5a;--info:#ff7a1a;--bg:#111114}*{box-sizing:border-box}html{font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(227,27,35,.16),transparent 28%),radial-gradient(circle at 95% 8%,rgba(255,106,0,.11),transparent 28%),var(--bg);min-height:100vh}.topbar{min-height:74px;background:rgba(10,10,12,.94);border-bottom:1px solid #2a2a2f;display:flex;align-items:center;gap:24px;padding:12px 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;min-width:250px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--red),var(--orange));font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.nav{display:flex;gap:8px;align-items:center;flex:1}.nav a,.userbox a{color:#d9d9dc;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px}.nav a:hover,.nav a.active{background:#25252a;color:#fff}.nav a.cta{background:linear-gradient(135deg,var(--red),var(--orange));font-weight:700}.userbox{display:flex;gap:10px;align-items:center;font-size:13px}.userbox small{color:var(--orange);text-transform:uppercase}.userbox a{padding:7px 9px;background:#222226}.container{width:min(1220px,calc(100% - 32px));margin:28px auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-head h1{font-size:28px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.card{background:linear-gradient(180deg,#1b1b1f,#161619);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.16)}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;right:-28px;top:-32px;background:linear-gradient(135deg,rgba(227,27,35,.35),rgba(255,106,0,.18))}.stat small{color:var(--muted)}.stat strong{display:block;font-size:26px;margin-top:8px}.stat .sub{font-size:12px;color:#c9c9ce;margin-top:7px}.two-col{grid-template-columns:1.35fr .65fr}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{font-size:18px;margin:0}.section-title a{color:var(--orange);text-decoration:none;font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #2b2b30;font-size:13px;vertical-align:middle}th{color:#a8a8ae;background:#17171b;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:0}tr:hover td{background:#1c1c20}.money{font-weight:700;color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.badge.success{background:rgba(35,193,107,.12);color:#6fe3a4;border-color:rgba(35,193,107,.25)}.badge.warning{background:rgba(255,176,32,.12);color:#ffc35c;border-color:rgba(255,176,32,.25)}.badge.danger{background:rgba(255,77,90,.12);color:#ff8a93;border-color:rgba(255,77,90,.25)}.badge.info{background:rgba(255,106,0,.12);color:#ff9a52;border-color:rgba(255,106,0,.25)}.badge.muted{background:#25252a;color:#bdbdc3}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:40px;border-radius:11px;padding:9px 14px;border:1px solid #3a3a40;background:#242429;color:#fff;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn-primary{border:0;background:linear-gradient(135deg,var(--red),var(--orange))}.btn-danger{background:rgba(227,27,35,.15);border-color:rgba(227,27,35,.35);color:#ff8d92}.btn-success{background:rgba(35,193,107,.13);border-color:rgba(35,193,107,.32);color:#76e6a9}.btn-orange{background:rgba(255,106,0,.14);border-color:rgba(255,106,0,.34);color:#ff9c58}.form-card{max-width:1000px;margin:auto}.form-section{padding:4px 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.form-section:last-of-type{border:0}.form-section h3{margin:0 0 16px;font-size:16px;color:#fff}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:700;margin:0 0 7px}.required:after{content:" *";color:#ff6c73}.field input,.field select,.field textarea{width:100%;background:#111114;border:1px solid #35353b;color:#fff;border-radius:11px;padding:12px 13px;outline:none;font:inherit}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.1)}.hint{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;border:1px solid}.alert.success{background:rgba(35,193,107,.11);border-color:rgba(35,193,107,.3);color:#8ce9b4}.alert.danger{background:rgba(255,77,90,.11);border-color:rgba(255,77,90,.3);color:#ff9da4}.alert.warning{background:rgba(255,176,32,.11);border-color:rgba(255,176,32,.3);color:#ffd078}.alert.info{background:rgba(255,106,0,.11);border-color:rgba(255,106,0,.3);color:#ffad74}.filters{display:grid;grid-template-columns:1.8fr repeat(4,1fr) auto;gap:10px;margin-bottom:15px}.filters input,.filters select{background:#151519;border:1px solid var(--line);color:white;border-radius:10px;padding:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kv{display:grid;grid-template-columns:145px 1fr;gap:8px 14px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:#fff;font-weight:600;word-break:break-word}.amount-box{border:1px solid rgba(255,106,0,.35);background:linear-gradient(135deg,rgba(227,27,35,.08),rgba(255,106,0,.08));border-radius:15px;padding:18px}.amount-box small{color:var(--muted)}.amount-box strong{display:block;font-size:30px;margin-top:5px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:6px;top:7px;bottom:7px;width:2px;background:#333339}.log{position:relative;margin-bottom:18px}.log:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:-22px;top:5px;background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 0 0 4px #1a1a1e}.log strong{display:block;font-size:13px}.log small{color:var(--muted)}.log p{margin:5px 0 0;font-size:12px;color:#d2d2d5}.chart-row{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center;margin:11px 0;font-size:12px}.bar{height:10px;background:#29292f;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--orange))}.login-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center}.login-card{width:min(420px,100%);padding:30px}.login-logo{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),var(--orange));font-weight:900;font-size:28px;margin-bottom:18px}.login-card h1{margin:0 0 6px}.login-card p{color:var(--muted);margin:0 0 22px}.login-card .field{margin-bottom:14px}.login-card .btn{width:100%;margin-top:6px}.footer{text-align:center;color:#68686e;font-size:11px;padding:25px}.empty{padding:35px;text-align:center;color:var(--muted)}.note-box{padding:12px;border-left:3px solid var(--orange);background:#202024;border-radius:8px;color:#d9d9dc;font-size:13px;line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap}.file-link{color:#ff9c58;text-decoration:none}.separator{height:1px;background:var(--line);margin:18px 0}@media(max-width:950px){.topbar{flex-wrap:wrap}.brand{min-width:auto}.nav{order:3;width:100%;overflow:auto}.userbox{margin-left:auto}.stats{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:560px){.container{width:min(100% - 20px,1220px);margin:18px auto}.topbar{padding:10px 12px}.brand strong{font-size:13px}.brand small{display:none}.userbox span,.userbox small{display:none}.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr}.kv{grid-template-columns:110px 1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}

.password-card{max-width:560px;margin:0 auto}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:76px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#29292f;color:#ddd;border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer}.password-toggle:hover{background:#35353b;color:#fff}.userbox a.active{background:#25252a;color:#fff}

/* Admin password reset */
.btn-sm{min-height:34px;padding:7px 10px;font-size:12px}.users-table{min-width:900px}.reset-user-summary{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);background:#131316;border-radius:14px;margin-bottom:16px}.reset-user-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--red),var(--orange));font-size:19px;font-weight:900}.reset-user-summary strong,.reset-user-summary span{display:block}.reset-user-summary span{color:var(--muted);font-size:12px;margin-top:4px}.reset-user-summary .reset-user-inactive{color:#ff9da4}.reset-warning{font-size:13px}