@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#edf4ff;--muted:#a0b0c7;--accent:#6ee7bf;--line:#293951;--surface:#142137}
body{font-family:'Noto Sans Thai',Tahoma,sans-serif!important;background:#0b1424!important;color:var(--ink);line-height:1.7}
*{box-sizing:border-box}a{color:var(--accent)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #6ee7bf!important;outline-offset:3px}
.sidebar{background:#101d30!important;border-right:1px solid var(--line)!important;width:252px!important}.sidebar-brand{padding:28px 22px!important}.sidebar-nav{padding:20px 12px!important}.sidebar-nav a{border-radius:10px;margin-bottom:7px;padding:13px 14px!important;border-left:0!important}.sidebar-nav a.active{background:#203e3e!important;color:#90f2cf!important}.main{margin-left:252px;padding:36px!important;max-width:1800px}.page-title{font-size:1.8rem!important;margin-bottom:28px!important}
.s-card,.stat-card,.g-card,.chart-card{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:0 8px 25px #00000012;border-radius:18px!important}.s-card{padding:24px!important}.s-card-value{font-size:1.9rem!important}.s-card-label,.stat-info h4,.f-label,.form-label{color:var(--muted)!important}.section-label{color:var(--muted)!important;font-size:.9rem!important}.tbl-wrap th{background:#1a2a42!important;color:#b8c9dd!important}.tbl-wrap td{padding:15px 14px!important;border-color:var(--line)!important}.tbl-wrap tr:hover td{background:#1b2d45!important}
.top-nav{background:#101d30ed!important}.main-wrap{padding-top:34px!important}.g-card-head{padding:21px 24px!important}.g-card-body{padding:24px!important}.f-input,.f-select,.form-control{background:#0d192b!important;border-color:#34455d!important}.f-input,.f-select{min-height:48px}.btn-green{background:#6ee7bf!important;color:#0a3027!important}.tab-btn.active{background:#24463f!important;color:#9bf5d6!important}
.welcome-banner{padding:30px 34px;border:1px solid #355a5d;border-radius:22px;background:radial-gradient(ellipse at right top,#245450,transparent 65%),#14283a;margin-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.welcome-banner h1{font-size:clamp(1.5rem,3vw,2.3rem);margin:5px 0 10px;color:#fff}.welcome-banner p{color:#b9cddd;margin:0}.welcome-banner a,.support-link{display:inline-block;background:#6ee7bf;color:#123b31!important;padding:12px 20px;border-radius:11px;text-decoration:none;font-weight:600;white-space:nowrap}.eyebrow{font-size:.73rem;letter-spacing:2px;font-weight:700;color:#83e3c3}
.member-search{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:22px;padding:22px;background:#142137;border:1px solid var(--line);border-radius:16px}.member-search label{display:grid;gap:7px;flex:1;min-width:180px;color:var(--muted)}.member-search input,.member-search select{padding:12px;border:1px solid #34455d;background:#0d192b;color:#fff;border-radius:9px}.member-search button{background:#6ee7bf;border:0;padding:12px 23px;border-radius:9px;color:#133b32}.member-pagination{display:flex;gap:20px;margin:22px 0;align-items:center}
.support-page{margin:0}.support-nav{padding:22px max(5vw,20px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.support-nav nav{display:flex;gap:20px}.support-nav a{text-decoration:none}.brand{font-weight:700;font-size:1.25rem;color:#fff}.support-wrap{max-width:1320px;margin:auto;padding:48px 24px}.support-wrap h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:8px 0}.support-wrap h2{font-size:1.25rem;margin:8px 0 18px}.muted{color:var(--muted)}.support-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:24px;align-items:start;margin-top:30px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;margin:20px 0;min-width:0}.support-grid .panel{margin:0}.panel label{display:block;margin:16px 0 6px}.panel input,.panel select,.panel textarea{width:100%;border:1px solid #394b64;background:#0d192b;color:#edf4ff;padding:12px;border-radius:10px}.panel textarea{resize:vertical}.panel button{background:#6ee7bf;color:#12382e;border:0;border-radius:10px;padding:12px 20px;cursor:pointer;font-weight:600;margin-top:12px}.filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.filter-row input{flex:1;min-width:160px}.filter-row select{width:auto;max-width:100%}.filter-row button{margin:0}.ticket-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.ticket-row h3{font-size:1rem;margin:5px 0;overflow-wrap:anywhere}.pill{display:inline-block;padding:5px 12px;background:#24453f;color:#9cf1d2;border-radius:24px;white-space:nowrap;font-size:.8rem}.empty-state{padding:50px 10px;text-align:center}.notice{padding:18px;background:#463921;color:#ffdd9e;border:1px solid #695739;border-radius:12px;margin:20px 0}.message{padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;background:#0e1b2d}.message.staff{background:#193832;border-color:#31594e}.message small{color:#9cb3c2;margin-left:12px}.message p{white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}.welcome-banner{align-items:flex-start;flex-direction:column}.main{padding:24px!important}.support-nav{flex-wrap:wrap}}@media(max-width:768px){.main{margin-left:0;padding:70px 16px 24px!important}.support-wrap{padding:28px 16px}.panel{padding:20px}.welcome-banner{padding:24px}.support-nav nav{font-size:.85rem}.ticket-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}