*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg,#F4F5F6);color:var(--text,#182C3C);font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin:0 auto}.hero{min-height:500px;background-size:cover;background-position:center;position:relative;color:#fff}.hero-inner{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:24px 0 86px}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{height:34px;width:auto;display:block}.topbar-actions{display:flex;align-items:center;gap:16px}.powered-by{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 15px}.powered-by span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.56)}.powered-by img{height:26px;width:auto}.nav-link{font-size:14px;font-weight:600;color:#fff}.hero-copy{margin-top:62px;max-width:720px}.hero-copy h1,.page h1,.support-footer h2,.hub-callout h2,.request-section h2{font-family:"Bai Jamjuree","Segoe UI",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em}.hero-copy h1{font-size:clamp(42px,5vw,58px);line-height:1.02;margin:12px 0 18px;max-width:700px}.hero-copy p{font-size:19px;color:rgba(255,255,255,.75);max-width:580px;margin:0 0 28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}.accent{color:var(--accent,#FFFF00)}.muted-light{color:rgba(255,255,255,.48)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px)}.button-small{padding:8px 14px;font-size:13px}.button-accent{background:var(--accent,#FFFF00);color:var(--primary,#182C3C)}.button-primary{background:var(--primary,#182C3C);color:#fff}.button-secondary{background:#fff;border:1px solid #d8dde1;color:var(--primary,#182C3C)}.button-light{background:#fff;color:var(--primary,#182C3C)}.button-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}.hub-callout{margin-top:-32px;position:relative;z-index:2;background:var(--primary,#182C3C);color:#fff;border-radius:9px;padding:26px 32px;box-shadow:0 18px 48px -22px rgba(24,44,60,.65);display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden}.hub-callout:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent,#FFFF00)}.hub-callout h2{font-size:24px;margin:0 0 5px}.hub-callout p{margin:0;color:rgba(255,255,255,.67);max-width:700px}.request-section{padding:64px 0 72px}.section-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-heading h2{font-size:30px;margin:0}.text-link{font-size:14px;font-weight:700}.request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.request-card{background:#fff;border:1px solid #E1E5E8;border-radius:9px;padding:22px;display:flex;gap:16px;align-items:flex-start;min-height:112px;box-shadow:0 1px 3px rgba(24,44,60,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -24px rgba(24,44,60,.45);border-color:var(--primary,#182C3C)}.request-card-pending{opacity:.78}.request-icon{width:48px;height:48px;border-radius:8px;background:#EEF1F3;display:grid;place-items:center;flex:0 0 auto;font-weight:800;font-size:20px}.request-icon img{max-width:30px;max-height:30px}.request-card strong{display:block;font-family:"Bai Jamjuree","Segoe UI",sans-serif;font-size:16px;line-height:1.25}.request-card small{display:block;color:var(--muted,#70706C);font-size:14px;margin-top:5px}.support-footer{background:var(--primary,#182C3C);color:#fff}.footer-inner{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:46px 0 50px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(420px,1.4fr);gap:70px}.support-footer h2{font-size:25px;line-height:1.1;margin:0}.support-email{display:inline-block;margin-top:16px;font-size:17px;font-weight:700}.support-email:hover{color:var(--accent,#FFFF00)}.phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 34px}.phone-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:9px;font-size:14px}.phone-row span{color:rgba(255,255,255,.67)}.inner-header{background:var(--primary,#182C3C);color:#fff;padding:14px 0}.inner-header .topbar{min-height:54px}.page{padding:52px 0 72px;min-height:520px}.narrow{max-width:900px}.page-heading h1{font-size:36px;line-height:1.05;margin:0 0 9px}.page-heading p{margin:0;color:var(--muted,#70706C)}.ticket-list,.form-card,.ticket-detail,.conversation,.empty-state{background:#fff;border:1px solid #E1E5E8;border-radius:9px;box-shadow:0 1px 3px rgba(24,44,60,.05)}.ticket-row{padding:18px 20px;display:grid;grid-template-columns:1fr auto 100px;gap:18px;align-items:center;border-bottom:1px solid #E8EBED}.ticket-row:last-child{border-bottom:0}.ticket-row:hover{background:#fafbfb}.ticket-main strong{display:block}.ticket-main small{display:block;color:var(--muted,#70706C);margin-top:2px}.ticket-date{text-align:right;color:var(--muted,#70706C);font-size:13px}.pill{display:inline-flex;align-items:center;white-space:nowrap;background:#EEF1F3;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.form-card{padding:28px}.form-card label,.reply-box label{display:block;font-weight:700;margin-bottom:20px}.form-card input,.form-card select,.form-card textarea,.reply-box textarea{display:block;width:100%;margin-top:7px;border:1px solid #CAD1D6;border-radius:7px;padding:11px 12px;color:#172a39;background:#fff}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.reply-box textarea:focus{outline:3px solid rgba(24,44,60,.12);border-color:var(--primary,#182C3C)}.field-hint{font-weight:400;color:var(--muted,#70706C);font-size:13px}.form-actions{display:flex;gap:10px}.back-link{display:inline-block;font-weight:700;font-size:14px;margin-bottom:24px}.alert{border-radius:8px;padding:13px 15px;margin-bottom:18px}.alert-error{background:#fff0f0;border:1px solid #e7baba;color:#7d2424}.alert-success{background:#eef8f0;border:1px solid #bdd8c3;color:#285d34}.ticket-detail{padding:26px}.ticket-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ticket-detail h1{font-size:30px;line-height:1.15;margin:0}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid #E8EBED}.meta-grid span{display:block;color:var(--muted,#70706C);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.meta-grid strong{display:block;margin-top:3px}.original-request{margin-top:24px;background:#F7F8F9;border-radius:8px;padding:20px}.original-request h2,.conversation h2{font-size:18px;margin:0 0 10px}.original-request p,.message p{white-space:pre-wrap;margin:0}.conversation{margin-top:22px;padding:26px}.message{padding:18px 0;border-top:1px solid #E8EBED}.message-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.message-head time{font-size:12px;color:var(--muted,#70706C)}.reply-box{border-top:1px solid #E8EBED;padding-top:22px;margin-top:10px}.empty-state{text-align:center;padding:60px 28px}.empty-state h1,.empty-state h2{margin:5px 0 10px}.empty-state p{color:var(--muted,#70706C);margin:0 auto 22px;max-width:520px}.muted{color:var(--muted,#70706C)}
@media(max-width:860px){.request-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}.phone-grid{grid-template-columns:1fr}.powered-by{display:none}.ticket-row{grid-template-columns:1fr auto}.ticket-date{display:none}}
@media(max-width:600px){.shell,.hero-inner,.footer-inner{width:min(100% - 30px,1160px)}.hero{min-height:480px}.hero-copy{margin-top:52px}.request-grid{grid-template-columns:1fr}.hub-callout{flex-direction:column;align-items:flex-start}.page-heading,.section-heading{align-items:flex-start;flex-direction:column}.topbar-actions{gap:8px}.nav-link{display:none}.footer-inner{gap:38px}.ticket-row{grid-template-columns:1fr}.ticket-row .pill{justify-self:start}.meta-grid{grid-template-columns:1fr}}
.section-inline{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-inline h2{margin:0}.attachment-panel{margin-top:22px}.attachment-list{margin:14px 0;border-top:1px solid #E8EBED}.attachment-list a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #E8EBED}.attachment-list small{color:var(--muted,#70706C)}.attachment-upload{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.attachment-upload input[type=file]{max-width:100%}
.request-icon svg{width:27px;height:27px;fill:none;stroke:var(--primary,#182C3C);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand img{max-width:220px;object-fit:contain}

.activity-kind{display:inline-block;margin-left:8px;color:var(--muted,#70706C);font-size:12px;font-weight:600}