#admin-panel.admin-console{padding:0;overflow:hidden;text-align:left}#admin-panel [hidden]{display:none!important}.admin-shell{display:grid;grid-template-columns:180px minmax(0,1fr)}.admin-sidebar{padding:26px 15px;background:var(--bg);border-right:1px solid var(--line)}.admin-brand{font-size:22px;font-weight:700;letter-spacing:2px}.admin-brand small{display:block;font-size:10px;letter-spacing:1.8px;color:var(--cyan);margin-top:3px}.admin-sidebar nav{display:grid;gap:8px;margin:30px 0}.admin-nav{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer}.admin-nav.active{background:#53e9f514;border-color:#53e9f540;color:var(--cyan)}.admin-nav span{padding:0 6px;border-radius:4px;font-size:12px;background:var(--surface)}.admin-content{padding:26px;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.admin-top h2{font-size:26px;margin:5px 0}.admin-top>p{text-align:right}.admin-order-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.admin-order-stats>div{padding:15px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.admin-order-stats>div:first-child{border-top:2px solid var(--cyan)}.admin-order-stats small{font-size:12px;color:var(--muted)}.admin-order-stats b{display:block;font-size:28px;font-variant-numeric:tabular-nums;margin-top:5px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.admin-toolbar input{flex:1;min-width:170px!important}.admin-order-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-order-filters button{font:inherit;font-size:12px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer}.admin-order-filters button.active{color:var(--cyan);border-color:#53e9f555;background:#53e9f510}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.admin-orders-table{width:100%;border-collapse:collapse;font-size:13px;min-width:540px;text-align:left}.admin-orders-table th{color:var(--muted);font-weight:500;font-size:12px;background:var(--bg);padding:12px}.admin-orders-table td{padding:16px 12px;border-top:1px solid var(--line);vertical-align:middle}.admin-orders-table td:first-child{max-width:240px;overflow-wrap:anywhere}.admin-orders-table small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.admin-orders-table tbody tr:hover{background:#aa91ff08}.admin-orders-table button{font-size:12px;white-space:nowrap}.admin-status{display:inline-block;font-size:11px;border-radius:6px;padding:5px 8px;background:#30263a;color:#e3cefa;white-space:nowrap}.admin-status[data-status=pending]{background:#392f1c;color:#ffe0a3}.admin-status[data-status=approved]{background:#173337;color:#9cecf2}.admin-status[data-status=rejected]{background:#361e2d;color:#ffadda}.admin-alert{color:var(--pink)!important}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:var(--muted)}.admin-system-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.admin-system-row .hint{margin:6px 0}.admin-system-row button{flex:none}#admin-member-editor{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:10px}#admin-member-editor summary{cursor:pointer;color:var(--cyan)}#admin-member-editor .admin-divider{display:none}#admin-member-editor #admin-edit-heading{font-size:17px;margin-top:20px}#admin-order-detail{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(900px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:24px}#admin-order-detail::backdrop{background:#050510b8;backdrop-filter:blur(5px)}.admin-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.admin-detail-head h3{font-size:19px;margin:5px 0;overflow-wrap:anywhere}.admin-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px}.admin-slip{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;min-height:210px}.admin-slip img{display:block;max-width:100%;max-height:470px;object-fit:contain;border-radius:6px}.admin-detail-info dl{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;margin:0 0 20px;font-size:13px}.admin-detail-info dt{color:var(--muted)}.admin-detail-info dd{margin:0;overflow-wrap:anywhere}.admin-confirm{display:flex;align-items:start;gap:10px;background:var(--bg);padding:14px;border-radius:8px;font-size:13px;margin:18px 0}.admin-confirm input{margin-top:4px;accent-color:var(--cyan)}.admin-detail-actions{display:flex;flex-wrap:wrap;gap:9px}.admin-detail-actions .primary{flex:none}.admin-danger{color:var(--pink)!important}.admin-detail-note{font-size:12px;color:var(--muted);padding:12px;border-left:2px solid var(--violet);background:var(--bg)}#admin-detail-state{font-size:13px;color:var(--muted)}.admin-empty{text-align:center;padding:32px!important;color:var(--muted)}.admin-row-id{font-family:monospace}.admin-content .members-table{min-width:700px}.admin-content .admin-summary{gap:12px}.admin-content .admin-summary b{font-size:23px}.admin-toolbar button,.admin-detail-actions button,.admin-nav,.admin-order-filters button{transition:background .16s,border-color .16s}.admin-nav:hover,.admin-order-filters button:hover{border-color:var(--cyan)}
@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.admin-sidebar nav{display:flex;flex-wrap:wrap;margin:0;gap:4px}.admin-sidebar>p{display:none}.admin-brand{font-size:18px}.admin-brand small{font-size:9px}.admin-nav{padding:9px;font-size:13px}.admin-content{padding:20px}}@media(max-width:600px){.admin-top{align-items:start;flex-direction:column;gap:0;margin-bottom:16px}.admin-top>p{text-align:left;font-size:11px}.admin-top h2{font-size:23px}.admin-order-stats{gap:7px}.admin-order-stats>div{padding:10px}.admin-order-stats small{font-size:11px}.admin-order-stats b{font-size:24px}.admin-content{padding:15px}.admin-orders-table{min-width:0}.admin-orders-table thead{display:none}.admin-orders-table tbody{display:block}.admin-orders-table tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;gap:8px;border-top:1px solid var(--line)}.admin-orders-table tr:first-child{border-top:0}.admin-orders-table td{display:block;border:0;padding:4px 0;max-width:none!important}.admin-orders-table td:first-child{grid-column:1/-1}.admin-orders-table td:nth-child(3){text-align:right}.admin-orders-table td:last-child{text-align:right}.admin-orders-table td[colspan]{grid-column:1/-1}.admin-detail-grid{grid-template-columns:1fr;gap:18px}#admin-order-detail{padding:18px}.admin-detail-head{align-items:start}.admin-detail-head .secondary{padding:8px;white-space:nowrap}.admin-slip img{max-height:340px}.admin-detail-info dl{grid-template-columns:95px minmax(0,1fr)}.admin-system-row{flex-direction:column;align-items:start}.admin-content .admin-summary{grid-template-columns:1fr 1fr}.admin-order-filters button{min-height:40px}}@media(prefers-reduced-motion:reduce){.admin-console *{scroll-behavior:auto!important;transition:none!important}}

/* HXPPY_UNIFIED_ADMIN_START */
/* HXPPY unified admin theme — applies to orders, members and system. */
#admin-panel.admin-console{
 --bg:#0c0f19;--surface:#141925;--line:#30394b;--text:#f2f5fc;--muted:#aab6ca;
 --cyan:#53e9f5;--pink:#ff84b8;--violet:#b7a6fa;
 font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;
 color:var(--text);background:var(--surface);border-color:var(--line);text-align:left;
}
#admin-panel *,#admin-order-detail *{box-sizing:border-box}
#admin-panel button,#admin-panel input,#admin-panel select,#admin-panel summary,#admin-order-detail button{font-family:inherit}
#admin-panel .admin-content{padding:28px}
#admin-panel .admin-top{margin-bottom:24px;gap:18px}
#admin-panel .admin-top h2{font-size:26px;line-height:1.5;font-weight:700;letter-spacing:0;margin:6px 0}
#admin-panel .admin-top>div>.hint{font-size:11px;letter-spacing:1.3px;color:var(--cyan)}
#admin-panel .hint,#admin-panel .subtitle,#member-status,#manual-admin-state,#admin-discord-state,#admin-queue-state{color:var(--muted);font-size:13px;line-height:1.8}
#admin-panel .subtitle{margin:0 0 20px}
#admin-panel .admin-sidebar{background:var(--bg);border-color:var(--line)}
#admin-panel .admin-brand{font-weight:700;letter-spacing:1px}
#admin-panel .admin-nav{color:var(--muted);font-size:14px;min-height:44px;border-radius:10px}
#admin-panel .admin-nav.active{color:var(--cyan);background:#53e9f510;border-color:#53e9f540}
#admin-panel .admin-nav:hover{background:#53e9f509;border-color:#53e9f550}
#admin-panel .admin-order-stats,#admin-panel .admin-summary{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
 border:0;padding:0;margin:0 0 24px;
}
#admin-panel .admin-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
#admin-panel .admin-order-stats>div,#admin-panel .admin-summary>div{
 min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;
}
#admin-panel .admin-order-stats>div:first-child,#admin-panel .admin-summary>div:first-child{border-top:2px solid var(--cyan);padding-top:17px}
#admin-panel .admin-order-stats small,#admin-panel .admin-summary small{display:block;font-size:12px;line-height:1.7;color:var(--muted)}
#admin-panel .admin-order-stats b,#admin-panel .admin-summary b{display:block;color:var(--text);font-size:28px;line-height:1.4;font-weight:650;font-variant-numeric:tabular-nums;margin-top:9px}
#admin-panel .admin-toolbar,#admin-panel #member-filter{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:0 0 16px}
#admin-panel input:not([type=checkbox]),#admin-panel select{
 font-size:14px;line-height:1.5;min-height:46px;padding:11px 13px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:10px;min-width:0;
}
#admin-panel input::placeholder{color:#96a3b9;opacity:1}
#admin-panel select{color-scheme:dark}
#admin-panel #admin-order-query,#admin-panel #member-query{flex:1;min-width:180px!important}
#admin-panel .secondary,#admin-panel .admin-order-filters button,#admin-order-detail .secondary{
 display:inline-flex;justify-content:center;align-items:center;min-height:44px;
 border:1px solid #46526a;border-radius:10px;background:var(--bg);color:var(--text);
 font-size:13px;font-weight:500;line-height:1.5;padding:10px 15px;box-shadow:none;text-decoration:none;
 transition:background .16s,border-color .16s,color .16s;
}
#admin-panel .secondary:hover:not(:disabled),#admin-panel .admin-order-filters button:hover,#admin-order-detail .secondary:hover:not(:disabled){background:#1d2b3b;border-color:#53e9f577;color:var(--cyan)}
#admin-panel button:disabled{opacity:.4;cursor:not-allowed}
#admin-panel .primary,#admin-order-detail .primary{background:var(--cyan);color:#10232a;border:1px solid var(--cyan);border-radius:10px;min-height:44px;font-size:14px;padding:11px 17px;font-weight:650;box-shadow:none}
#admin-panel .primary:hover:not(:disabled),#admin-order-detail .primary:hover:not(:disabled){background:#8df0f8;border-color:#8df0f8}
#admin-panel .admin-order-filters{gap:8px;margin-bottom:14px}
#admin-panel .admin-order-filters button{min-height:38px;font-size:12px;padding:8px 12px;border-color:var(--line);color:var(--muted)}
#admin-panel .admin-order-filters button.active{color:var(--cyan);background:#53e9f512;border-color:#53e9f555}
#admin-panel #manual-admin-state,#admin-panel #member-status{margin:12px 0 16px}
#admin-panel .admin-table-wrap,#admin-panel .members-scroll{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow-x:auto;margin:0}
#admin-panel .admin-orders-table,#admin-panel .members-table{margin:0;width:100%;font-size:13px;line-height:1.65;color:var(--text)}
#admin-panel .admin-orders-table th,#admin-panel .members-table th{background:#101622;color:var(--muted);font-size:12px;font-weight:500;padding:14px 15px;border-color:var(--line)}
#admin-panel .admin-orders-table td,#admin-panel .members-table td{padding:16px 15px;border-color:var(--line)}
#admin-panel .admin-orders-table td>b,#admin-panel .members-table td>b{font-size:14px;font-weight:600;color:var(--text)}
#admin-panel .admin-orders-table small,#admin-panel .members-table small{font-size:11px;line-height:1.7;color:var(--muted)}
#admin-panel .admin-orders-table tbody tr:hover,#admin-panel .members-table tbody tr:hover{background:#53e9f507}
#admin-panel .admin-status{padding:5px 8px;border-radius:6px;font-size:11px}
#admin-panel .admin-status[data-status=pending]{background:#3a301b;color:#f4d997}
#admin-panel .admin-status[data-status=approved]{background:#163338;color:#8ee9ef}
#admin-panel .admin-status[data-status=rejected]{background:#361f30;color:#ffa7d0}
#admin-panel .admin-alert{color:var(--pink)!important}
#admin-panel .admin-pagination,#admin-panel .members-scroll+.account-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:var(--muted)}
#admin-panel .admin-empty{padding:40px 16px!important;color:var(--muted);font-size:13px}
#admin-panel #admin-member-editor{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:20px}
#admin-panel #admin-member-editor summary{font-size:14px;font-weight:600;color:var(--cyan);line-height:1.7}
#admin-panel #admin-edit-heading{font-size:18px}
#admin-panel #admin-system>h3{font-size:18px;font-weight:650;margin:0 0 8px;color:var(--text)}
#admin-panel #admin-system>.hint{margin:0 0 20px}
#admin-panel .admin-system-row{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:20px;gap:20px;margin:12px 0;align-items:center}
#admin-panel .admin-system-row>div{min-width:0}
#admin-panel .admin-system-row b{font-size:14px;font-weight:600;color:var(--text)}
#admin-panel .admin-system-row p{margin:7px 0 0;font-size:12px;line-height:1.8}
#admin-panel .admin-system-row code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#53e9f50a;border:1px solid #53e9f52b;color:var(--cyan);font-size:12px;padding:8px 12px;border-radius:8px;margin-top:12px}
#admin-panel #admin-discord-state:empty{display:none}
#admin-panel #admin-discord-state:not(:empty){background:var(--bg);border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:10px;padding:14px 16px;margin:12px 0}
#admin-panel #admin-system>.hint:last-child{margin-top:18px}
#admin-panel #admin-order-detail{font-family:inherit;background:var(--surface);color:var(--text);border-color:var(--line);border-radius:16px}
#admin-panel .admin-detail-head{border-color:var(--line)}
#admin-panel .admin-slip,#admin-panel .admin-confirm,#admin-panel .admin-detail-note{background:var(--bg);border-color:var(--line);border-radius:10px}
#admin-panel .admin-detail-head h3{font-size:20px;line-height:1.6}
#admin-panel .admin-detail-info dl{font-size:13px;line-height:1.75}
#admin-panel .admin-detail-info dt{color:var(--muted)}
#admin-panel .admin-detail-info dd{color:var(--text)}
#admin-panel button:focus-visible,#admin-panel input:focus-visible,#admin-panel select:focus-visible,#admin-panel summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:1000px){#admin-panel .admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#admin-panel .admin-content{padding:22px}#admin-panel .admin-sidebar{padding:18px 22px}}
@media(max-width:600px){
 #admin-panel .admin-content{padding:16px}#admin-panel .admin-sidebar{padding:16px}
 #admin-panel .admin-top h2{font-size:23px}#admin-panel .admin-top{margin-bottom:20px}
 #admin-panel .admin-order-stats{gap:8px}#admin-panel .admin-summary{gap:8px}
 #admin-panel .admin-order-stats>div,#admin-panel .admin-summary>div{padding:12px;border-radius:10px}
 #admin-panel .admin-order-stats>div:first-child,#admin-panel .admin-summary>div:first-child{padding-top:11px}
 #admin-panel .admin-order-stats small,#admin-panel .admin-summary small{font-size:11px}
 #admin-panel .admin-order-stats b,#admin-panel .admin-summary b{font-size:24px}
 #admin-panel .admin-toolbar,#admin-panel #member-filter{gap:8px}
 #admin-panel input:not([type=checkbox]),#admin-panel select{font-size:16px}
 #admin-panel .admin-toolbar input,#admin-panel #member-filter input{flex-basis:100%}
 #admin-panel .admin-system-row{padding:16px;align-items:stretch;gap:14px}
 #admin-panel .admin-system-row .secondary{align-self:flex-start}
 #admin-panel .admin-orders-table td{padding:4px 0}
 #admin-panel .members-scroll{margin-inline:0}
 #admin-panel .admin-pagination .secondary{padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){#admin-panel *{transition:none!important;scroll-behavior:auto!important}}
/* HXPPY_UNIFIED_ADMIN_END */