:root{--navy:#0b1730;--navy2:#132848;--blue:#2f6fc4;--ink:#182840;--muted:#66758d;--line:#dce4ef;--bg:#f5f8fc;--teal:#2fbea9;--gold:#fcca69;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.55}a{color:#2666b2}a:hover{color:#174e95}.masthead{background:var(--navy);color:#fff}.navshell{max-width:1160px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand:hover{color:#fff}.brand-icon{width:38px;height:38px;border-radius:12px;background:var(--gold);color:var(--navy);font-size:26px;font-weight:900;display:grid;place-items:center}.brand strong{display:block;font-size:19px;line-height:1.1;letter-spacing:-.035em}.brand small{display:block;color:#b8c8dd;font-size:11px;letter-spacing:.015em;margin-top:3px}.navright{display:flex;align-items:center;gap:22px}.support-label{font-size:13px;color:#b8c8dd}.header-link{font-size:13px;color:#e6f1ff;text-decoration:none}.header-link:hover{color:#fff}.logout-form{margin:0}.link-button{border:0;background:none;cursor:pointer;font:inherit}.hero{background:linear-gradient(123deg,var(--navy) 2%,#142f55 75%,#24526c);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-100px;bottom:-170px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.02);pointer-events:none}.hero-inner{max-width:860px;margin:auto;padding:61px 24px 98px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:.13em;font-size:11px;font-weight:800;color:#3b779c}.hero .eyebrow{color:#bbd8f2}.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(47,190,169,.15)}h1,h2,h3,p{margin-top:0}.hero h1{margin:15px 0 14px;font-size:clamp(38px,6vw,59px);line-height:1.09;letter-spacing:-.055em;font-weight:800}.hero h1 span{color:#91daca}.hero p{font-size:17px;max-width:640px;color:#c6d8ea;line-height:1.65}.hero-meta{display:flex;flex-wrap:wrap;gap:13px 26px;margin-top:24px;color:#e7f1f7;font-size:12px;font-weight:600}.form-wrap{max-width:860px;margin:-48px auto 78px;padding:0 24px;position:relative;z-index:2}.notice-bar{background:#eaf5ff;border:1px solid #cee4f6;border-radius:15px;padding:18px 22px;display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.notice-icon{flex:none;width:24px;height:24px;border-radius:100%;display:grid;place-items:center;background:#2166aa;color:#fff;font-size:14px;font-weight:700}.notice-bar strong{font-size:14px}.notice-bar p{color:#536c85;font-size:13px;margin:4px 0 0}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:29px 32px 32px;box-shadow:0 4px 22px rgba(13,39,75,.035);margin-bottom:17px}.section-heading{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #e9eef5;padding-bottom:22px;margin-bottom:25px}.step{flex:none;display:grid;place-items:center;width:38px;height:38px;background:#e9f2ff;border-radius:11px;color:#2867af;font-size:13px;font-weight:800}.section-heading h2{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin:2px 0 5px}.section-heading p{color:var(--muted);font-size:13px;margin:0}.fields{display:grid;gap:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;font-weight:700;color:#34465d}.field em,.confirmation em{color:#ba4c3c;font-style:normal}.optional{font-weight:500;color:#8795a4;margin-left:3px}.field input,.field textarea,.field select{font-family:inherit;font-size:15px;color:var(--ink);width:100%;min-height:46px;border:1px solid #cdd8e5;border-radius:9px;background:#fff;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.field input::placeholder,.field textarea::placeholder{color:#98a6b6}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#3577c0;box-shadow:0 0 0 3px rgba(53,119,192,.13)}.field textarea{resize:vertical;min-height:74px}.field small{color:var(--muted);font-size:12px;line-height:1.5}.privacy-warning{background:#fffaed;border:1px solid #f0e0b6;padding:17px 19px;border-radius:12px;margin-bottom:19px}.privacy-warning strong{color:#765b20}.privacy-warning p{font-size:13px;color:#776945;margin:5px 0 0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-tile{position:relative;cursor:pointer;border:1.5px dashed #a8bfd7;border-radius:13px;background:#f9fbff;min-height:148px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.upload-tile:hover,.upload-tile:focus-within{background:#eef6ff;border-color:var(--blue)}.upload-icon{display:grid;place-items:center;border-radius:10px;background:#e5effc;color:var(--blue);width:35px;height:35px;font-size:23px;margin-bottom:7px}.upload-tile strong{font-size:14px}.upload-tile span:last-of-type{font-size:12px;color:var(--muted)}.upload-tile input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-selected,.muted-upload{color:var(--muted);font-size:12px;margin:12px 0 0}.fineprint{font-size:12px;color:#78879a;line-height:1.65;margin-top:13px}.confirmation{display:flex;gap:12px;align-items:flex-start;border-radius:12px;background:#f3f7fc;border:1px solid #e0e7f1;padding:17px;margin-top:22px;font-size:13px;font-weight:600;cursor:pointer}.confirmation input{accent-color:#2468b5;width:18px;height:18px;margin:0;flex:none}.primary-action{display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;background:var(--blue);color:#fff;border:0;border-radius:11px;padding:14px 25px;font:inherit;font-weight:800;font-size:15px;box-shadow:0 5px 14px rgba(37,101,174,.15);text-decoration:none;cursor:pointer;width:100%}.primary-action:hover{background:#205ba2;color:#fff}.primary-action span{font-size:19px}.submit-note{text-align:center;color:var(--muted);font-size:12px;margin:15px auto 0;max-width:590px}.site-footer{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:15px;padding:23px 24px 37px;color:#8592a4;font-size:12px;border-top:1px solid #e5ebf2}.honeypot{position:absolute!important;left:-10000px!important;height:1px;width:1px;overflow:hidden}.alert{padding:17px 20px;border-radius:13px;margin-bottom:18px}.alert-error{background:#fff2f1;border:1px solid #f4cfcd;color:#92433c}.alert p{margin:4px 0}.alert ul{margin-bottom:0}.success-shell{text-align:center;max-width:660px;min-height:62vh;margin:70px auto 75px;padding:30px 24px}.success-shell h1{font-size:clamp(30px,5vw,45px);letter-spacing:-.05em;margin:12px 0}.success-shell>p{color:var(--muted);font-size:17px}.success-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:#d4f5eb;color:#16836b;font-size:31px;font-weight:900;margin:0 auto 23px}.reference{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;margin-top:25px;color:var(--muted);font-size:12px}.reference strong{color:var(--navy);font-size:27px;letter-spacing:.02em}.success-actions{max-width:330px;margin:28px auto}.success-shell .muted{font-size:13px}.login-shell{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:45px 20px}.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 40px rgba(18,42,74,.07);padding:38px;width:100%;max-width:460px}.login-card h1{font-size:35px;letter-spacing:-.05em;margin:9px 0}.login-card p{color:var(--muted);font-size:14px}.login-card form{display:grid;gap:20px;margin-top:25px}.login-card .fineprint{margin-bottom:0}.admin-shell{max-width:1190px;padding:48px 24px 90px;margin:auto}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 27px}.admin-title h1{font-size:34px;letter-spacing:-.05em;margin:7px 0 4px}.admin-title p{color:var(--muted);margin:0;font-size:14px}.secondary-action{border:1px solid #c7d7e9;border-radius:10px;padding:10px 16px;text-decoration:none;background:#fff;font-weight:700;font-size:13px;white-space:nowrap}.filter-bar{display:flex;align-items:flex-end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:20px}.filter-bar .field:first-child{flex:2}.filter-bar .field:nth-child(2){flex:1}.filter-button{border:none;min-height:46px;padding:0 25px;background:var(--navy);color:#fff;border-radius:9px;cursor:pointer;font:inherit;font-weight:700}.data-panel{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 3px 16px rgba(13,39,75,.025)}.data-heading{display:flex;justify-content:space-between;padding:17px 21px;border-bottom:1px solid var(--line)}.data-heading span{font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;min-width:630px}th{font-size:11px;text-transform:uppercase;letter-spacing:.065em;background:#f8fafd;color:#74839b;padding:14px 20px}td{padding:16px 20px;border-top:1px solid #eaf0f6;vertical-align:middle;font-size:13px}td strong{font-size:13px}td a{text-decoration:none;font-weight:650}.subcell{display:block;font-size:11px;color:var(--muted);margin-top:3px}.tabular{font-variant-numeric:tabular-nums}.ticket-link{white-space:nowrap;font-weight:800}.status-pill{display:inline-flex;align-items:center;background:#eef4fb;color:#2d5c90;border-radius:100px;font-size:11px;font-weight:800;text-transform:capitalize;padding:5px 11px;white-space:nowrap}.status-pill.large{font-size:13px;padding:9px 15px}.status-text{text-transform:capitalize;color:#506177}.empty-row{text-align:center;color:var(--muted);padding:50px}.back-link{display:inline-block;margin-bottom:14px;text-decoration:none;font-size:13px;font-weight:700}.ticket-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:20px;align-items:start}.ticket-primary{display:grid;gap:20px}.info-block{padding:27px}.info-block h2{font-size:20px;letter-spacing:-.035em;margin:0 0 22px}.info-block h3{font-size:13px;margin:16px 0 5px}.info-block p{font-size:13px;color:#495e77}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px}.detail-grid dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8a97a7;font-weight:700}.detail-grid dd{margin:3px 0 0;font-size:14px;font-weight:600;word-break:break-word}.detail-grid dd small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.detail-grid.mini{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.sticky-panel{position:sticky;top:20px}.ticket-sidebar form{display:grid;gap:17px}.ticket-sidebar .primary-action{font-size:13px}.separator{border-bottom:1px solid var(--line);margin:6px 0}.timeline{border-left:1px solid #dae7f3;margin-left:6px}.timeline-item{display:flex;position:relative;margin-left:-7px;gap:18px;padding-bottom:24px}.timeline-dot{flex:none;width:13px;height:13px;border:3px solid #d7e8fc;background:#3176bb;border-radius:50%;margin-top:4px}.timeline-item>div{flex:1}.timeline-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px}.timeline-meta strong{text-transform:capitalize}.timeline-meta time{color:#8593a6;font-size:11px}.attachment-link{display:inline-block;text-decoration:none;padding:10px 12px;border-radius:8px;background:#eef6ff;font-weight:700}.muted{color:var(--muted)}
@media(max-width:730px){.navshell{padding:14px 17px}.support-label{display:none}.hero-inner{padding:41px 20px 88px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-meta{gap:7px 16px;font-size:11px}.form-wrap{padding:0 13px;margin-bottom:45px}.form-card{padding:20px 18px}.section-heading{gap:12px}.section-heading h2{font-size:19px}.section-heading p{font-size:12px}.two-col,.upload-grid,.ticket-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.fields{gap:17px}.site-footer{flex-direction:column;padding:23px 17px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .field{width:100%}.admin-shell{padding:26px 14px 70px}.admin-title{align-items:flex-start}.admin-title h1{font-size:30px}.secondary-action{font-size:11px;padding:9px}.info-block{padding:21px}.login-card{padding:27px 22px}.ticket-sidebar{order:-1}.sticky-panel{position:static}.notice-bar{padding:15px}.upload-tile{min-height:116px}.reference strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.attachment-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.danger-button{border:1px solid #e8b5ad;background:#fff7f6;color:#a84135;padding:10px 12px;border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.danger-button:hover{background:#ffe8e4}


/* Help Me 2026 dark theme: accessible contrast on public and technician screens.
   Keep the Apollos Development white logo on the owned CDN in the layout. */
:root {
  color-scheme: dark;
  --navy: #071325;
  --navy2: #122744;
  --blue: #438be8;
  --ink: #eef5ff;
  --muted: #aabbd0;
  --line: #30425f;
  --bg: #0a1426;
  --teal: #62d6bd;
  --gold: #fcca69;
}
body { color:var(--ink);background:radial-gradient(ellipse at 48% -20%,#162c4c 0%,#0a1426 57%,#080f1d 100%) fixed; }
a { color:#8dc5ff; }
a:hover { color:#b6dcff; }
a:focus-visible,button:focus-visible,.brand:focus-visible,.upload-tile:focus-within {
  outline:3px solid var(--gold);outline-offset:3px;
}
.masthead { background:#071120;border-bottom:1px solid #263b5d; }
.navshell { max-width:1190px; }
.brand { gap:17px;min-width:0; }
.brand-logo { display:block;width:min(200px,37vw);max-height:49px;object-fit:contain;object-position:left center;flex-shrink:0; }
.brand-name {display:block;border-left:1px solid #41516d;padding-left:16px;}
.brand-name strong { font-size:20px;letter-spacing:-.035em;color:#fff; }
.brand-name small { color:#b8c9dd;font-size:11px; }
.support-label {color:#adbed3;}
.header-link { color:#f1f6ff; }
.hero { background:linear-gradient(123deg,#0c203b 0%,#122c4b 65%,#113e50 100%);border-bottom:1px solid #2b4968; }
.hero p {color:#d0e2f3;}
.hero .eyebrow {color:#c5e1f8;}
.hero h1 span {color:#86e3cc;}
.hero-meta {color:#e0edf9;}
.eyebrow {color:#8ed3fa;}
.form-card,.login-card,.data-panel,.filter-bar {
  background:#132138;border-color:#304361;box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.notice-bar {background:#0e2d39;border-color:#336577;color:#e4f5fd;}
.notice-icon {background:#2d7cac;color:#fff;}
.notice-bar p {color:#bdd6e3;}
.section-heading {border-bottom-color:#304361;}
.section-heading p,.admin-title p {color:var(--muted);}
.step {background:#203e60;color:#b7dcff;}
.field label {color:#e0edff;}
.field em,.confirmation em {color:#ffb5a4;}
.optional {color:#bac8dc;}
.field input,.field textarea,.field select {
  background:#0b172b;border-color:#405370;color:#f2f7ff;color-scheme:dark;
}
.field input::placeholder,.field textarea::placeholder {color:#94a9c2;opacity:1;}
.field input:focus,.field textarea:focus,.field select:focus {
  border-color:#89c1ff;box-shadow:0 0 0 3px rgba(94,157,242,.22);
}
.field small,.fineprint,.submit-note,.upload-selected,.muted-upload {color:#b0c0d5;}
.privacy-warning {background:#322818;border-color:#7f6334;}
.privacy-warning strong {color:#ffdd98;}
.privacy-warning p {color:#f0d9a6;}
.upload-tile {background:#0c1c32;border-color:#587294;color:#edf5ff;}
.upload-tile:hover,.upload-tile:focus-within {background:#183252;border-color:#9fc9fc;}
.upload-icon {background:#234568;color:#b3dfff;}
.upload-tile span:last-of-type {color:#b6c8df;}
.confirmation {background:#10263d;border-color:#365373;color:#ebf5ff;}
.confirmation input {accent-color:#7eb7ff;}
.primary-action {background:#387ed7;color:#fff;box-shadow:0 7px 22px rgba(17,85,190,.25);}
.primary-action:hover {background:#5396ed;color:#fff;}
.site-footer {border-top-color:#293e5b;color:#b0c1d5;}
.alert-error {background:#37212a;border-color:#955165;color:#ffe4e5;}
.alert-error strong {color:#fff1ef;}
.success-shell>p,.login-card p,.info-block p {color:#b5c5d9;}
.success-icon {background:#153e37;color:#83f1ce;}
.reference {background:#132138;border-color:var(--line);color:#b3c5d8;}
.reference strong {color:#fff;}
.secondary-action {background:#1d3450;border-color:#4c6a8f;color:#e4f3ff;}
.secondary-action:hover {background:#25466a;color:#fff;}
.filter-button {background:#315d95;color:#fff;}
.filter-button:hover {background:#4379b8;}
.data-heading {border-bottom-color:var(--line);}
th {background:#172a43;color:#c2d3e8;}
td {border-top-color:#30415a;}
.subcell,.data-heading span {color:#b1c2d7;}
.status-pill {background:#1c3955;color:#c9e8ff;}
.status-text {color:#c3d5e9;}
.empty-row,.detail-grid dt,.timeline-meta time {color:#acc0d8;}
.detail-grid.mini {border-top-color:var(--line);}
.timeline {border-left-color:#3d5b78;}
.timeline-dot {border-color:#19324d;background:#6cbcff;}
.attachment-link {background:#1b3859;color:#bfe2ff;}
.attachment-link:hover {background:#284e76;}
.danger-button {background:#351e29;border-color:#844153;color:#ffc6c4;}
.danger-button:hover {background:#542734;color:#fff;}
.separator {border-color:var(--line);}
.muted {color:var(--muted);}
@media(max-width:730px){
  .navshell {gap:10px;flex-wrap:wrap;}
  .brand {gap:10px;}
  .brand-logo {width:min(145px,34vw);max-height:39px;}
  .brand-name {padding-left:10px;}
  .brand-name strong {font-size:18px;}
  .brand-name small {font-size:10px;}
  .navright {gap:12px;}
  .hero-inner {padding-top:48px;}
}
@media(max-width:380px){
  .brand-logo {width:117px;}
  .brand-name strong {font-size:17px;}
}