:root{--teal:#005478;--cyan:#00adee;--lime:#99c13c;--ink:#17313d;--muted:#526873;--page:#f4f7f9;--panel:#fff;--soft:#e7f3f7;--line:#d5e0e5;--success:#287a4b;--warning:#9a6500;--danger:#b42332;--shadow:0 16px 44px rgba(0,84,120,.10)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.brand{font-family:Sora,Inter,"Segoe UI",sans-serif}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:.25rem 0 .75rem}h2{font-size:1.1rem}button,input,select,textarea{font:inherit}.app-header{min-height:76px;display:flex;align-items:center;gap:2rem;padding:.75rem max(1rem,calc((100% - 1180px)/2));background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand img{width:205px;max-height:48px;object-fit:contain;object-position:left center}.main-nav,.account-nav{display:flex;align-items:center;gap:1.15rem}.main-nav{margin-left:auto}.main-nav a,.account-nav a,.account-nav button{color:var(--ink);font-weight:500}.account-nav form{margin:0}.account-nav button{border:0;background:none;cursor:pointer}.nav-toggle{display:none}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 5rem;min-height:calc(100vh - 150px)}.app-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem max(1rem,calc((100% - 1180px)/2));color:var(--muted);border-top:1px solid var(--line);background:var(--panel);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.65rem;padding:.72rem 1rem;border:1px solid transparent;font-weight:600;cursor:pointer}.btn:hover{text-decoration:none}.btn-brand{background:var(--teal);color:#fff}.btn-brand:hover{background:#00425e}.btn-quiet{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-block{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:.76rem;font-weight:600}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:4rem 0}.hero h1 em{color:var(--teal);font-style:normal}.hero>div>p{max-width:620px;font-size:1.12rem;color:var(--muted)}.hero-actions,.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.5rem}.hero-panel{background:var(--teal);color:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.hero-panel-label{color:#bfe4ee;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.hero-panel ol{list-style:none;padding:0;margin:1rem 0 0;counter-reset:steps}.hero-panel li{display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem .7rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.18);counter-increment:steps}.hero-panel li:before{content:counter(steps);grid-row:1/3;color:var(--lime);font-family:Sora;font-size:1.4rem}.hero-panel li span{color:#d8edf2;font-size:.87rem}.feature-strip,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-strip article,.settings-grid article{background:var(--panel);border:1px solid var(--line);padding:1.4rem;border-radius:.8rem}.feature-strip article>span{color:var(--lime);font-weight:600}.feature-strip p,.settings-grid p,.page-heading p{color:var(--muted)}.page-heading,.ticket-title{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-heading h1,.ticket-title h1{font-size:2rem}.page-heading p,.ticket-title p{margin:0}.ticket-panel,.form-card,.reply-box,.side-card,.conversation{background:var(--panel);border:1px solid var(--line);border-radius:.85rem;overflow:hidden}.ticket-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 90px 32px;gap:1rem;align-items:center;padding:1.1rem 1.25rem;color:var(--ink);border-bottom:1px solid var(--line)}.ticket-row:last-child{border:0}.ticket-row:hover{background:#f9fbfc;text-decoration:none}.ticket-row small{display:block;color:var(--muted);margin-top:.25rem}.ticket-row.agent{grid-template-columns:minmax(0,1fr) 180px 90px 145px}.status{display:inline-flex;align-items:center;width:max-content;padding:.28rem .58rem;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--soft);color:var(--teal)}.status-pendingcustomer,.status-pendingthirdparty{background:#fff4d9;color:var(--warning)}.status-resolved,.status-closed{background:#e5f5eb;color:var(--success)}.priority{font-size:.83rem;color:var(--muted)}.priority-high,.priority-urgent{color:var(--danger);font-weight:600}.empty-state{text-align:center;padding:4rem 1rem}.form-card{max-width:760px;padding:2rem}.field{display:grid;gap:.4rem;margin-bottom:1.2rem}.field label,.reply-box>label{font-weight:600}.field input,.field select,.field textarea,.reply-box textarea,.side-card select{width:100%;border:1px solid #b9c8cf;border-radius:.55rem;background:#fff;color:var(--ink);padding:.72rem .8rem}.field input:focus,.field select:focus,.field textarea:focus,.reply-box textarea:focus{outline:3px solid rgba(0,173,238,.25);border-color:var(--teal)}.field small{color:var(--muted)}.field span,.reply-box span[data-valmsg-for]{color:var(--danger);font-size:.85rem}.validation-summary{color:var(--danger)}.notice{padding:.8rem 1rem;border-radius:.6rem;margin-bottom:1rem}.notice.success{background:#e5f5eb;color:var(--success)}.conversation{padding:0 1.5rem}.message{padding:1.4rem 0;border-bottom:1px solid var(--line)}.message:last-child{border:0}.message header{display:flex;justify-content:space-between;gap:1rem}.message header time,.message header span{color:var(--muted);font-size:.8rem}.message p{white-space:pre-wrap;margin:.75rem 0 0}.message.internal{background:#fff9e8;margin:0 -1.5rem;padding:1.4rem 1.5rem}.reply-box{padding:1.4rem;margin-top:1rem}.reply-box textarea{display:block;margin-top:.45rem}.composer-tabs{display:flex;justify-content:flex-end;margin-bottom:.6rem}.agent-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.side-card{padding:1.3rem;height:max-content}.side-card h2{margin-top:0}.side-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.5rem;font-size:.88rem}.side-card dt{color:var(--muted)}.side-card dd{text-align:right;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.metric-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:1rem 1.2rem}.metric-grid span{display:block;color:var(--muted);font-size:.82rem}.metric-grid strong{font-family:Sora;font-size:1.8rem;color:var(--teal)}.filter-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.filter-tabs a{background:var(--panel);border:1px solid var(--line);border-radius:.55rem;padding:.5rem .75rem;font-size:.85rem}.settings-grid article>span{font-size:.8rem;color:var(--teal);font-weight:600}
@media(max-width:820px){.app-header{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:.5rem;padding:.5rem}.main-nav{display:none;order:3;width:100%;margin:0;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.account-nav{margin-left:auto}.hero,.agent-ticket-layout{grid-template-columns:1fr}.feature-strip,.settings-grid{grid-template-columns:1fr 1fr}.ticket-row,.ticket-row.agent{grid-template-columns:minmax(0,1fr) auto}.ticket-row>*:nth-child(3),.ticket-row>*:nth-child(4){display:none}}
@media(max-width:540px){.brand img{width:150px}.account-nav>a:first-child{display:none}.app-main{padding-top:2rem}.hero{padding:1rem 0 3rem}.feature-strip,.settings-grid,.metric-grid{grid-template-columns:1fr}.page-heading,.ticket-title{flex-direction:column}.app-footer{flex-direction:column}.message header{flex-direction:column;gap:.2rem}}