*{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-section{margin:4px 0 22px;padding-top:4px}.form-section-heading{border-bottom:1px solid #E8EBED;margin-bottom:20px;padding-bottom:12px}.form-section-heading h2{font-family:"Bai Jamjuree","Segoe UI",sans-serif;font-size:19px;margin:0 0 4px}.form-section-heading p{margin:0;color:var(--muted,#70706C);font-size:14px}.form-grid{display:grid;gap:18px}.travel-grid{grid-template-columns:1.2fr 1.2fr .8fr .8fr}.form-grid label{margin-bottom:18px}.required-mark{color:#b42828}.form-card input[type=date]{min-height:47px}.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}
@media (max-width:900px){.travel-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.travel-grid{grid-template-columns:1fr}}
/* Structured request forms */
.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.onboard-user-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.offboard-user-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{max-width:760px}.subsection-heading{margin-top:10px}.input-help{display:block;font-size:12px;font-weight:400;color:var(--muted,#70706C);margin-top:4px}.toggle-label{max-width:360px}.toggle-control{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:500}.toggle-control input[type=checkbox]{width:auto;margin:0}.toggle-control span{font-size:14px}
@media(max-width:1000px){.onboard-user-grid,.four-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offboard-user-grid,.three-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.two-col-grid,.three-col-grid,.four-col-grid,.onboard-user-grid,.offboard-user-grid{grid-template-columns:1fr}}
/* Admin portal */
.admin-body{background:#F4F5F6;color:#182C3C}.admin-topbar{background:#182C3C;color:#fff;border-bottom:4px solid #FFFF00}.admin-topbar-inner{width:min(1380px,calc(100% - 40px));min-height:70px;margin:0 auto;display:flex;align-items:center;gap:28px}.admin-brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.admin-brand strong{font-family:"Bai Jamjuree","Segoe UI",sans-serif;font-size:20px;letter-spacing:.04em}.admin-brand span{font-size:13px;color:rgba(255,255,255,.66)}.admin-nav{display:flex;gap:18px;align-items:center;flex:1}.admin-nav a{font-size:13px;font-weight:700;color:rgba(255,255,255,.82)}.admin-nav a:hover{color:#FFFF00}.admin-user{font-size:12px;color:rgba(255,255,255,.66)}.admin-shell{width:min(1380px,calc(100% - 40px));margin:0 auto;padding:42px 0 80px}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}.admin-page-head h1{font-family:"Bai Jamjuree","Segoe UI",sans-serif;text-transform:uppercase;font-size:36px;line-height:1;margin:6px 0 9px}.admin-page-head p{margin:0;color:#70706C;max-width:760px}.admin-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#66737C}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.admin-stat{background:#fff;border:1px solid #E1E5E8;border-radius:9px;padding:20px}.admin-stat strong{font-size:30px;display:block;font-family:"Bai Jamjuree","Segoe UI",sans-serif}.admin-stat span{font-size:13px;color:#70706C}.admin-card{background:#fff;border:1px solid #E1E5E8;border-radius:9px;box-shadow:0 1px 3px rgba(24,44,60,.05);margin-bottom:20px}.admin-card-head{padding:20px 22px;border-bottom:1px solid #E8EBED;display:flex;align-items:center;justify-content:space-between;gap:22px}.admin-card-head h2{font-family:"Bai Jamjuree","Segoe UI",sans-serif;font-size:20px;margin:0 0 4px}.admin-card-head p{margin:0;color:#70706C;font-size:13px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#70706C;padding:12px 16px;background:#F8F9FA;border-bottom:1px solid #E8EBED}.admin-table td{padding:15px 16px;border-bottom:1px solid #EEF0F2;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#70706C;margin-top:2px}.admin-actions{text-align:right;white-space:nowrap}.admin-status{display:inline-block;border-radius:999px;padding:5px 9px;font-weight:700;font-size:11px}.admin-status.is-on{background:#EAF6ED;color:#2E6740}.admin-status.is-off{background:#F1F2F3;color:#687077}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-inline-form{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end;padding:20px 22px}.admin-inline-form label,.admin-form-grid label{font-size:12px;font-weight:700}.admin-inline-form input,.admin-inline-form select,.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #CAD1D6;border-radius:7px;padding:10px 11px;background:#fff;color:#182C3C}.admin-form-grid textarea{resize:vertical}.admin-mini-list{padding:0 22px 18px}.admin-mini-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #EEF0F2;font-size:13px}.admin-mini-row:last-child{border-bottom:0}.admin-mini-row strong,.admin-mini-row small{display:block}.admin-mini-row small{color:#70706C;margin-top:2px}.admin-form-card{padding-bottom:22px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}.admin-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-form-grid label small{display:block;font-weight:400;color:#70706C;margin-top:5px}.admin-span-2{grid-column:span 2}.admin-switch{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.admin-switch input{width:auto}.admin-switch-field{align-self:end;min-height:42px;padding-bottom:8px}.admin-readonly-panel{margin:0 22px;padding:13px 15px;border-radius:7px;background:#F5F7F8;border:1px solid #E1E5E8;font-size:13px;color:#53616B}.admin-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px}.admin-check-card{display:flex;gap:10px;align-items:flex-start;border:1px solid #DDE2E5;border-radius:8px;padding:14px;cursor:pointer}.admin-check-card input{margin-top:4px}.admin-check-card strong,.admin-check-card small{display:block}.admin-check-card small{color:#70706C;margin-top:3px;font-weight:400}.admin-savebar{position:sticky;bottom:12px;z-index:4;background:#182C3C;color:#fff;border-radius:9px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 15px 40px -15px rgba(24,44,60,.55)}.admin-savebar strong{font-size:13px}.admin-code{white-space:pre-wrap;font-size:11px;color:#53616B}.admin-error-card{background:#fff;border:1px solid #E1E5E8;border-radius:9px;max-width:720px;padding:34px;margin:40px auto}.admin-error-card h1{font-family:"Bai Jamjuree","Segoe UI",sans-serif;text-transform:uppercase;margin:7px 0 10px}.admin-error-card p{color:#70706C}.admin-error-card .form-actions{margin-top:24px}
@media(max-width:1050px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2{grid-template-columns:1fr}.admin-form-grid-4{grid-template-columns:repeat(2,1fr)}.admin-check-grid{grid-template-columns:repeat(2,1fr)}.admin-nav{display:none}}
@media(max-width:650px){.admin-topbar-inner,.admin-shell{width:min(100% - 26px,1380px)}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-stat-grid,.admin-form-grid,.admin-form-grid-4,.admin-check-grid{grid-template-columns:1fr}.admin-span-2{grid-column:span 1}.admin-inline-form{grid-template-columns:1fr}.admin-user{display:none}.admin-savebar{position:static;align-items:flex-start;flex-direction:column}}
.admin-request-routing-list{display:grid;gap:14px;padding:22px}.admin-request-routing-card{border:1px solid #DDE2E5;border-radius:9px;background:#FBFCFC;overflow:hidden}.admin-request-routing-title{display:flex;gap:11px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid #E5E9EB;cursor:pointer}.admin-request-routing-title input{margin-top:4px}.admin-request-routing-title strong,.admin-request-routing-title small{display:block}.admin-request-routing-title small{color:#70706C;margin-top:3px;font-weight:400}.admin-request-routing-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:15px 16px}.admin-request-routing-fields label{font-size:12px;font-weight:700}.admin-request-routing-fields input,.admin-request-routing-fields select{display:block;width:100%;margin-top:6px;border:1px solid #CAD1D6;border-radius:7px;padding:9px 10px;background:#fff;color:#182C3C}.admin-request-routing-fields small{display:block;color:#70706C;font-weight:400;margin-top:5px}@media(max-width:1050px){.admin-request-routing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.admin-request-routing-fields{grid-template-columns:1fr}}
/* Jira provider phase 1 */
.jira-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jira-field-wide{grid-column:1/-1}.jira-phase-note{margin:10px 0 20px;padding:12px 14px;border:1px solid #DDE2E5;border-radius:7px;background:#F7F8F9;color:var(--muted,#70706C);font-size:13px}.jira-phase-note strong{color:var(--text,#182C3C)}.ticket-summary-list{margin:22px 0 26px;padding:0;border-top:1px solid #E8EBED}.ticket-summary-list div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #E8EBED}.ticket-summary-list dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#70706C)}.ticket-summary-list dd{margin:0;font-weight:700}@media(max-width:700px){.jira-form-grid{grid-template-columns:1fr}.jira-field-wide{grid-column:auto}.ticket-summary-list div{grid-template-columns:1fr;gap:3px}}
.provider-tag{display:inline-flex;align-items:center;margin-right:7px;padding:2px 7px;border-radius:999px;background:#EEF1F3;color:var(--text,#182C3C);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.provider-jira{background:#EAF2FF}.provider-autotask{background:#EEF6EE}