:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172036;--muted:#667085;--line:#dfe4ea;--surface:#fff;--surface-soft:#f5f7fb;--navy:#182a52;--blue:#3659d9;--blue-dark:#2947b8;--mint:#c8f2e4;--coral:#ff8066;--danger:#b42318;--shadow:0 24px 70px #192a511a;background:var(--surface-soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:radial-gradient(circle at 15% 10%, #c8f2e47a, transparent 25rem), var(--surface-soft);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border-bottom:1px solid #dfe4eacc}.header-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);min-height:74px;margin:0 auto;display:flex}.brand{color:var(--navy);align-items:center;gap:.75rem;font-size:1.05rem;text-decoration:none;display:inline-flex}.brand-mark{background:var(--navy);color:#fff;border-radius:.7rem .7rem .7rem .2rem;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.health-badge{color:var(--muted);align-items:center;gap:.5rem;font-size:.82rem;font-weight:650;display:inline-flex}.health-dot{background:#98a2b3;border-radius:50%;width:.55rem;height:.55rem}.health-connected .health-dot{background:#12b76a;box-shadow:0 0 0 4px #12b76a1f}.health-unavailable .health-dot{background:var(--danger)}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:clamp(2.5rem,7vw,6.5rem) 0}.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(32rem,1.12fr);align-items:center;gap:clamp(2rem,7vw,6.5rem);display:grid}.hero-copy h1,.lookup-hero h1,.ticket-detail-header h1,.email-gate h1{max-width:12ch;color:var(--navy);letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.98}.eyebrow,.ticket-kicker{color:var(--blue);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .75rem;font-size:.76rem;font-weight:800}.lede,.lookup-hero>p,.email-gate>p,.ticket-description{max-width:40rem;color:var(--muted);font-size:1.05rem;line-height:1.75}.lookup-cta{border:1px solid var(--line);max-width:25rem;color:var(--navy);background:#ffffffad;border-radius:.85rem;justify-content:space-between;margin-top:2.25rem;padding:1rem 1.15rem;font-weight:750;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.lookup-cta:hover{border-color:var(--blue);transform:translateY(-2px)}.form-card,.email-gate,.conversation-card,.reply-card,.ticket-detail-header,.ticket-list,.empty-state{background:var(--surface);box-shadow:var(--shadow);border:1px solid #dfe4eae6;border-radius:1.35rem}.form-card{gap:1.2rem;padding:clamp(1.35rem,4vw,2.5rem);display:grid}.form-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.form-heading h2,.section-heading h2,.reply-card h2,.success-card h2,.empty-state h2{color:var(--navy);letter-spacing:-.025em;margin:0;font-size:1.6rem}.required-note,.section-heading>span{color:var(--muted);font-size:.75rem}label{color:#344054;gap:.45rem;font-size:.84rem;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd6df;border-radius:.7rem;outline:none;font-size:.96rem;font-weight:450;transition:border-color .14s,box-shadow .14s}input,select{min-height:3rem;padding:0 .85rem}textarea{resize:vertical;padding:.8rem .85rem;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3659d91f}.two-column-fields,.subject-priority-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.subject-priority-grid{grid-template-columns:minmax(0,1fr) 9rem;align-items:start}.button{cursor:pointer;border:1px solid #0000;border-radius:.72rem;justify-content:center;align-items:center;min-height:3rem;padding:.72rem 1rem;font-weight:750;text-decoration:none;transition:background .14s,transform .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.62}.button-primary{background:var(--blue);color:#fff}.button-primary:hover:not(:disabled){background:var(--blue-dark)}.button-secondary{border-color:var(--line);color:var(--navy);background:#fff}.alert{border-radius:.65rem;margin:0;padding:.8rem .9rem;font-size:.88rem;line-height:1.5}.alert-error{color:var(--danger);background:#fff1ef}.alert-success{color:#067647;background:#ecfdf3}.field-error{color:var(--danger);font-size:.75rem;font-weight:550}.success-card{place-content:center;justify-items:start;min-height:31rem}.success-card>p:not(.eyebrow){color:var(--muted);margin:0}.success-icon{background:var(--mint);color:#067647;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:900;display:grid}.ticket-number-display{color:var(--navy);letter-spacing:.04em;margin:.5rem 0;font-size:clamp(2rem,6vw,3.2rem)}.lookup-page,.detail-page{padding-top:2rem}.back-link{color:var(--muted);margin-bottom:3rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-block}.back-link:hover{color:var(--blue)}.lookup-hero{max-width:52rem;margin-bottom:3rem}.lookup-hero h1,.email-gate h1{max-width:none;font-size:clamp(2.35rem,5vw,4.4rem)}.lookup-form{margin-top:2rem}.lookup-input-row{grid-template-columns:minmax(0,1fr) auto;gap:.7rem;display:grid}.ticket-list{overflow:hidden;box-shadow:0 18px 50px #192a5112}.ticket-list-header,.ticket-row{grid-template-columns:minmax(15rem,2fr) 1fr .8fr 1.2fr auto;align-items:center;gap:1rem;display:grid}.ticket-list-header{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#f9fafb;padding:.8rem 1.25rem;font-size:.72rem;font-weight:800}.ticket-row{border-bottom:1px solid var(--line);padding:1.2rem 1.25rem}.ticket-row:last-child{border-bottom:0}.ticket-summary{gap:.35rem;display:grid}.ticket-summary .ticket-kicker{margin:0;font-size:.68rem}.ticket-summary strong{color:var(--navy)}.ticket-row time{color:var(--muted);font-size:.82rem}.status-pill,.priority-pill{border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:750;display:inline-flex}.status-open{color:#067647;background:#ecfdf3}.status-in-progress,.status-waiting-for-customer{color:#b54708;background:#fffaeb}.status-resolved,.status-closed,.priority-low{color:#475467;background:#f2f4f7}.priority-medium{color:#3538cd;background:#eef4ff}.priority-high{color:#c01048;background:#fff1f3}.row-link{color:var(--blue);font-size:.84rem;font-weight:750;text-decoration:none}.empty-state,.loading-panel{text-align:center;padding:4rem 1.5rem}.empty-state>span{color:var(--line);font-size:4rem}.empty-state p,.loading-panel{color:var(--muted)}.empty-state .button{margin-top:1rem}.email-gate{max-width:40rem;margin:1rem auto;padding:clamp(1.5rem,5vw,3.5rem)}.email-gate form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem;margin-top:1.8rem;display:grid}.email-gate .alert{margin-top:1rem}.ticket-detail-header{grid-template-columns:minmax(0,1fr) auto;gap:3rem;margin-bottom:2rem;padding:clamp(1.5rem,5vw,3rem);display:grid;box-shadow:0 18px 50px #192a5112}.ticket-detail-header h1{max-width:16ch;font-size:clamp(2rem,4vw,3.6rem)}.ticket-facts{align-content:start;gap:1rem;min-width:13rem;margin:0;display:grid}.ticket-facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:.75rem;display:flex}.ticket-facts dt{color:var(--muted);font-size:.78rem}.ticket-facts dd{text-align:right;margin:0;font-size:.84rem;font-weight:750}.conversation-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.5rem;display:grid}.conversation-card,.reply-card{padding:clamp(1.25rem,4vw,2rem);box-shadow:0 18px 50px #192a5112}.conversation-thread{gap:1rem;margin-top:2rem;display:grid}.message-bubble{border-radius:1rem;max-width:82%;padding:1rem 1.15rem}.message-customer{background:var(--navy);color:#fff;border-bottom-right-radius:.25rem;margin-left:auto}.message-admin{color:var(--ink);background:#eef2ff;border-bottom-left-radius:.25rem;margin-right:auto}.message-meta{justify-content:space-between;gap:1rem;font-size:.72rem;display:flex}.message-meta time{opacity:.7}.message-bubble p{white-space:pre-wrap;margin:.6rem 0 0;line-height:1.55}.conversation-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:.8rem;margin-top:2rem;padding:2.5rem 1rem}.reply-card{gap:1rem;display:grid;position:sticky;top:1.5rem}.reply-card h2{margin-top:-.6rem}@media (max-width:900px){.hero-grid,.conversation-layout{grid-template-columns:1fr}.hero-copy h1{max-width:14ch}.conversation-layout{flex-direction:column;display:flex}.conversation-card,.reply-card{width:100%}.reply-card{position:static}.ticket-list-header{display:none}.ticket-row{grid-template-columns:1fr auto auto}.ticket-summary,.ticket-row time{grid-column:1/-1}.row-link{justify-self:end}}@media (max-width:620px){.header-inner,.page-shell{width:min(100% - 1.25rem,1180px)}.health-badge{font-size:0}.health-dot{width:.7rem;height:.7rem}.page-shell{padding-top:2.25rem}.hero-grid{gap:2.5rem}.hero-copy h1{font-size:clamp(2.55rem,14vw,4rem)}.two-column-fields,.subject-priority-grid,.lookup-input-row,.email-gate form,.ticket-detail-header{grid-template-columns:1fr}.form-heading{align-items:flex-start}.required-note{text-align:right;max-width:5rem}.lookup-input-row .button,.email-gate .button{width:100%}.ticket-row{grid-template-columns:1fr 1fr}.ticket-row time,.row-link{grid-column:1/-1;justify-self:start}.ticket-detail-header{gap:1.5rem}.ticket-facts{min-width:0}.message-bubble{max-width:94%}.message-meta{gap:.2rem;display:grid}}.admin-header{background:var(--navy);color:#fff;border-bottom:1px solid #27395f}.admin-header-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1320px,100% - 2rem);min-height:72px;margin:0 auto;display:flex}.brand-admin{color:#fff}.brand-admin .brand-mark{color:var(--navy);background:#fff}.admin-badge{color:#dbe4ff;letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:999px;padding:.2rem .45rem;font-size:.65rem;font-weight:750}.admin-header nav{align-items:center;gap:1.25rem;display:flex}.admin-header nav a,.admin-header nav button{color:#dbe4ff;cursor:pointer;background:0 0;border:0;font-size:.85rem;font-weight:650;text-decoration:none}.admin-header nav button{padding:0}.admin-login-page{background:#fff;grid-template-columns:minmax(0,1.05fr) minmax(28rem,.95fr);min-height:100vh;display:grid}.admin-login-brand{background:linear-gradient(145deg, #182a52f0, #243e77f7), var(--navy);color:#fff;align-items:center;padding:clamp(3rem,8vw,8rem);display:grid;position:relative;overflow:hidden}.admin-login-brand:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-13rem;right:-10rem;box-shadow:0 0 0 5rem #ffffff08,0 0 0 10rem #ffffff05}.admin-login-brand>div{z-index:1;max-width:42rem;position:relative}.brand-mark-large{width:3.5rem;height:3.5rem;color:var(--navy);background:#fff;margin-bottom:3.5rem;font-size:1.4rem}.admin-login-brand .eyebrow{color:var(--mint)}.admin-login-brand h1{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(3rem,6vw,5.5rem);line-height:.98}.admin-login-brand p:last-child{color:#dbe4ff;max-width:38rem;line-height:1.75}.admin-login-panel{background:radial-gradient(circle at 80% 20%,#c8f2e48c,#0000 17rem),#f8f9fc;place-items:center;padding:clamp(2rem,6vw,6rem);display:grid}.admin-login-card{width:min(28rem,100%)}.admin-login-card h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:2.2rem}.admin-login-intro{color:var(--muted);margin-bottom:2rem}.admin-login-card form{gap:1rem;margin-top:1.2rem;display:grid}.admin-login-card>a{color:var(--muted);margin-top:2rem;font-size:.85rem;text-decoration:none;display:inline-block}.alert-warning{color:#b54708;background:#fffaeb}.admin-shell{width:min(1320px,100% - 2rem);margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0}.admin-page-heading,.admin-detail-heading{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.admin-page-heading h1,.admin-detail-heading h1,.admin-fatal-state h1{color:var(--navy);letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1}.admin-page-heading p:last-child,.admin-detail-heading p:last-child{color:var(--muted);margin-bottom:0}.live-indicator{color:#067647;align-items:center;gap:.55rem;font-size:.8rem;font-weight:750;display:inline-flex}.live-indicator span{background:#12b76a;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 5px #12b76a1f}.admin-alert{margin-bottom:1.25rem}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;margin-bottom:1.5rem;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:9rem;padding:1.25rem;display:flex;box-shadow:0 10px 30px #192a510d}.stat-card span{max-width:11rem;color:var(--muted);font-size:.8rem;font-weight:700}.stat-card strong{color:var(--navy);font-size:2.5rem;line-height:1}.stat-total{border-top:4px solid var(--navy)}.stat-open{border-top:4px solid #12b76a}.stat-progress{border-top:4px solid #f79009}.stat-waiting{border-top:4px solid var(--coral)}.stat-resolved{border-top:4px solid var(--blue)}.stat-skeleton{background:linear-gradient(90deg,#f3f4f6,#fff,#f3f4f6) 0 0/200% 100%;animation:1.2s linear infinite skeleton}@keyframes skeleton{to{background-position:-200% 0}}.admin-ticket-panel,.admin-conversation-panel,.admin-control-panel,.admin-fatal-state{border:1px solid var(--line);background:#fff;border-radius:1.1rem;box-shadow:0 18px 50px #192a5112}.admin-ticket-panel{overflow:hidden}.admin-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem;display:flex}.admin-panel-heading h2,.admin-conversation-heading h2,.control-panel-heading h2{color:var(--navy);letter-spacing:-.03em;margin:0;font-size:1.45rem}.admin-panel-heading>span,.admin-conversation-heading>span{color:var(--muted);font-size:.76rem}.admin-filters{border-bottom:1px solid var(--line);background:#fbfcfe;grid-template-columns:minmax(14rem,1.6fr) repeat(3,minmax(9rem,1fr)) auto;align-items:end;gap:.8rem;padding:1.25rem 1.5rem;display:grid}.filter-actions{gap:.5rem;display:flex}.button-ghost{color:var(--muted);background:0 0}.admin-table-wrap{overflow-x:auto}.admin-ticket-table{border-collapse:collapse;width:100%;font-size:.84rem}.admin-ticket-table th{color:var(--muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;background:#f9fafb;padding:.75rem 1rem;font-size:.68rem}.admin-ticket-table td{border-top:1px solid var(--line);color:#344054;white-space:nowrap;padding:1rem}.admin-ticket-table td:first-child{min-width:15rem}.admin-ticket-table td:first-child strong{max-width:24rem;color:var(--navy);text-overflow:ellipsis;display:block;overflow:hidden}.admin-ticket-table .ticket-kicker{margin-bottom:.3rem;font-size:.64rem}.admin-ticket-table time,.muted-cell{color:var(--muted)}.agent-actions{flex-wrap:wrap;gap:.5rem;display:flex}.agent-actions button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:.45rem;padding:.4rem .6rem;font-weight:650}.table-action{color:var(--blue);font-weight:750;text-decoration:none}.admin-empty-state{color:var(--muted);text-align:center;padding:4rem 1.5rem}.admin-empty-state strong{color:var(--navy)}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.8rem;display:flex}.pagination button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:.5rem;padding:.45rem .75rem}.pagination button:disabled{cursor:not-allowed;opacity:.45}.admin-detail-shell{padding-top:2rem}.admin-detail-shell .back-link{margin-bottom:2rem}.admin-detail-heading h1{max-width:18ch;font-size:clamp(2.2rem,4vw,3.8rem)}.danger-button{color:var(--danger);cursor:pointer;background:#fff6f5;border:1px solid #fecdca;border-radius:.65rem;padding:.7rem .9rem;font-weight:700}.admin-detail-grid{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.5rem;display:grid}.admin-conversation-panel,.admin-control-panel{padding:clamp(1.25rem,4vw,2rem)}.admin-description{background:#f8f9fc;border-radius:.8rem;padding:1.25rem}.admin-description>p:nth-child(2){white-space:pre-wrap;margin:0;line-height:1.65}.admin-description time{color:var(--muted);margin-top:1rem;font-size:.75rem;display:block}.admin-conversation-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:2rem;display:flex}.admin-reply-form{border-top:1px solid var(--line);gap:1rem;margin-top:2rem;padding-top:1.5rem;display:grid}.admin-control-panel{position:sticky;top:1.5rem}.admin-control-panel form{border-bottom:1px solid var(--line);gap:.8rem;padding:1.25rem 0;display:grid}.admin-control-panel .button{min-height:2.7rem}.admin-control-facts{gap:.8rem;margin:1.25rem 0 0;display:grid}.admin-control-facts div{justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.admin-control-facts dt{color:var(--muted)}.admin-control-facts dd{color:var(--navy);text-align:right;margin:0;font-weight:700}.admin-fatal-state{max-width:38rem;margin:3rem auto;padding:2.5rem}.admin-fatal-state h1{font-size:2.4rem}.admin-fatal-state .alert{margin:1.5rem 0}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b1223b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirmation-modal{background:#fff;border-radius:1rem;width:min(30rem,100%);padding:2rem;box-shadow:0 30px 90px #0000004d}.modal-warning{width:2.8rem;height:2.8rem;color:var(--danger);background:#fee4e2;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.confirmation-modal h2{color:var(--navy);margin:1.2rem 0 .6rem}.confirmation-modal p{color:var(--muted);line-height:1.6}.modal-actions{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.5rem;display:grid}.button-danger{background:var(--danger);color:#fff}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-search-field{grid-column:1/-1}.filter-actions{align-self:end}}@media (max-width:850px){.admin-login-page{grid-template-columns:1fr}.admin-login-brand{min-height:48vh;padding:3rem 1.5rem}.brand-mark-large{margin-bottom:2rem}.admin-login-brand h1{font-size:clamp(2.7rem,10vw,4.5rem)}.admin-login-panel{padding:4rem 1.5rem}.admin-detail-grid{grid-template-columns:1fr}.admin-control-panel{position:static}}@media (max-width:620px){.admin-header-inner,.admin-shell{width:min(100% - 1.25rem,1320px)}.admin-header nav a,.admin-badge{display:none}.admin-page-heading,.admin-detail-heading{display:grid}.live-indicator,.danger-button{justify-self:start}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:7.5rem}.stat-card strong{font-size:2rem}.admin-filters{grid-template-columns:1fr}.admin-search-field{grid-column:auto}.filter-actions .button{flex:1}.pagination{justify-content:space-between;gap:.5rem}.modal-actions{grid-template-columns:1fr}}