:root{font-family:'DM Sans',sans-serif;color:#19221f;background:#f4f6f3;font-synthesis:none;text-rendering:optimizeLegibility;--green:#285c49;--light:#e5efe9;--line:#e1e8e2;--muted:#68756f;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% -10%,#e6efe6 0,transparent 34rem),#f5f7f4}.top{height:72px;padding:0 max(5vw,24px);background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:2;backdrop-filter:blur(14px)}.brand{font:800 19px Manrope;color:#192b23;text-decoration:none;letter-spacing:-.7px}.brand span{font:700 9px 'DM Sans';letter-spacing:1.3px;color:var(--green);background:var(--light);padding:5px 7px;border-radius:20px;vertical-align:middle;margin-left:4px}nav{display:flex;align-items:center;gap:20px}nav a,.link{color:#46534d;text-decoration:none;font-size:13px;font-weight:600}nav a:hover,nav .link:hover{color:var(--green)}.user{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.link{border:0;background:none;cursor:pointer}.wrap{max-width:1100px;padding:42px 24px 80px;margin:0 auto;min-height:calc(100vh - 125px)}.hero{padding:34px 38px;margin-bottom:28px;background:linear-gradient(130deg,#fefefc,#eaf2ec);border:1px solid #e3ebe3;border-radius:24px;box-shadow:0 12px 34px #1b3a2810}.hero h1{font:800 clamp(30px,5vw,48px) Manrope;letter-spacing:-1.8px;line-height:1.08;margin:7px 0 12px}.hero p:not(.eyebrow){color:#67736d;max-width:650px;line-height:1.65;margin:0 0 20px}.eyebrow{color:var(--green);font-weight:700;font-size:10px;letter-spacing:1.8px;margin:0}.narrow{max-width:600px;margin:50px auto;text-align:center}.narrow p{margin-left:auto!important;margin-right:auto!important}.clerk-box{min-height:380px;display:flex;justify-content:center}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 7px 24px #1b3a2808;margin-bottom:18px}.card h2{font:700 20px Manrope;letter-spacing:-.4px;margin:10px 0}.card h3{font:700 17px Manrope}.prose{line-height:1.7;color:#45524b}.prose h1,.prose h2{font-family:Manrope;color:#1b2922}.prose a{color:var(--green)}h2{font:700 23px Manrope;letter-spacing:-.7px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}.ticket{display:block;color:inherit;text-decoration:none}.ticket h2 a{color:#19221f;text-decoration:none}.ticket:hover{border-color:#b6cdbd;transform:translateY(-1px)}.ticket p,.muted{color:var(--muted);font-size:13px;line-height:1.6}.ticket-top,.ticket-bottom,.row,.inline,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.pill{display:inline-block;border-radius:30px;background:#edf3ef;color:#426351;padding:6px 10px;font-size:11px;font-weight:700;text-transform:capitalize}.form{display:grid;gap:17px;max-width:780px}.form label,.card label{display:grid;gap:7px;font-weight:600;font-size:13px;color:#3d4943}.form input,.form select,.form textarea,.card input,.card select,.card textarea{font:inherit;color:#26342d;background:#fcfdfb;border:1px solid #dce5de;border-radius:9px;padding:11px 12px;width:100%;outline:none}.form input:focus,.form select:focus,.form textarea:focus,.card input:focus,.card select:focus,.card textarea:focus{border-color:#7da28a;box-shadow:0 0 0 3px #dcebe0}.form textarea,.card textarea{resize:vertical;line-height:1.55}.form input[type=file]{padding:9px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font:700 13px 'DM Sans';cursor:pointer}.primary{color:#fff;background:var(--green)}.primary:hover{background:#1d4937}.secondary{color:#345343;background:#eaf1ec}.secondary:hover{background:#dce9df}.danger{color:#fff;background:#a13f3f}.danger:hover{background:#843131}.button{margin-right:8px}.check{display:flex!important;align-items:center}.check input{width:auto!important}.empty{padding:28px;border:1px dashed #cbd8ce;border-radius:14px;color:var(--muted);grid-column:1/-1}.alert{padding:14px 17px;border-radius:10px;margin-bottom:18px;background:#eaf1ec;color:#345343;font-size:13px}.alert.error{background:#fae9e7;color:#8b3934}.attachment{display:block;max-width:100%;max-height:540px;object-fit:contain;border-radius:12px;margin:12px 0;background:#f3f5f3}.report{border-top:1px solid var(--line);padding:12px 0}.report h3{margin:6px 0}.report small{color:var(--muted)}.danger-zone{border-color:#efd9d6}.row{border-top:1px solid var(--line);padding:13px 0;align-items:center}footer{height:53px;text-align:center;color:#78837d;font-size:11px}footer a{color:inherit}.inline input{max-width:340px}.actions{justify-content:flex-start}@media(max-width:760px){.top{height:auto;min-height:64px;padding:14px 18px;align-items:flex-start}.top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.top nav a,.link{font-size:11px}.user{display:none}.wrap{padding:25px 16px 52px}.hero{padding:25px 22px}.row{align-items:flex-start;flex-direction:column}.row form{width:100%}}@media(prefers-reduced-motion:no-preference){.ticket{transition:transform .16s,border-color .16s}}
body.tablet{background:#101815;color:#e7eee9}body.tablet .top{background:#14221b;border-color:#304239}body.tablet .brand,body.tablet nav a,body.tablet .link{color:#e5eee8}body.tablet .wrap{max-width:1600px;padding:24px 28px 50px}.tablet-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tablet-head h1{font:800 clamp(28px,4vw,44px) Manrope;margin:7px 0}.tablet-head .eyebrow{color:#9ec9aa}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metrics>div{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px solid #304239;background:#17231d;border-radius:14px}.metrics b{font:800 28px Manrope}.metrics span,.list-head span{font-size:12px;color:#a9b8af}.red{color:#ff8880}.yellow{color:#f2ca72}.blue{color:#87b9ed}.green{color:#8bd0a0}.split{display:grid;grid-template-columns:minmax(330px,40%) 1fr;gap:14px;height:calc(100vh - 270px);min-height:500px}.ticket-list,.ticket-detail{background:#17221c;border:1px solid #304239;border-radius:16px;overflow:auto}.list-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;background:#1a2921;padding:13px 17px;border-bottom:1px solid #304239}.list-head h2{font-size:16px;margin:0;color:#f0f5f1}.ticket-row{min-height:68px;padding:11px 13px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;color:#e7eee9;text-decoration:none;border-bottom:1px solid #2a3a31}.ticket-row:hover,.ticket-row.selected{background:#24372c}.ticket-row>div{min-width:0}.ticket-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ticket-row small{display:block;color:#9eaea4;margin-top:5px;font-size:10px}.ticket-row em{grid-column:2/-1;color:#a5b7ac;font-style:normal;text-transform:capitalize;font-size:10px}.row-count{color:#bdcfbf;font-size:11px}.priority-dot{width:9px;height:9px;border-radius:50%;background:#64776a}.priority-dot.critical{background:#ff736b;box-shadow:0 0 12px #ff736b70}.priority-dot.major{background:#f0bd5d}.priority-dot.minor{background:#78b7e6}.ticket-detail{padding:24px 28px}.ticket-detail h2{color:#f2f6f3;font:800 clamp(24px,3vw,36px) Manrope;margin:13px 0}.ticket-detail h3{color:#dce7df}.detail-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a9b8af;font-size:12px}.detail-copy{color:#c7d3cb;line-height:1.7;white-space:normal}.tablet .pill{background:#294235;color:#c8e1cf}.admin-note{display:grid;gap:12px;border-top:1px solid #304239;padding-top:17px;margin-top:18px}.tablet .admin-note label{display:grid;gap:7px;color:#d2ded6;font-size:12px;font-weight:600}.tablet .admin-note input,.tablet .admin-note textarea{background:#111a15;border-color:#3b5043;color:#edf2ee}.tablet .check{display:flex!important;align-items:center}.tablet .check input{width:auto}.action-dock{position:sticky;bottom:-24px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px -28px -24px;padding:14px 20px;background:#101815f5;border-top:1px solid #304239;backdrop-filter:blur(12px)}.action-dock>span{width:100%;color:#9eafa4;font-size:10px;text-transform:uppercase;letter-spacing:1px}.touch-button{min-height:46px;padding:10px 14px;border:1px solid #3b5043;border-radius:9px;color:#dce7df;background:#1a2921;font:700 12px 'DM Sans';cursor:pointer}.touch-button:hover,.touch-button.active{background:#2e5740;border-color:#60916d;color:#fff}.image-viewer{position:fixed;inset:3vh 3vw;max-width:94vw;max-height:94vh;width:94vw;height:94vh;padding:54px 24px 24px;background:#101815;border:1px solid #506458;border-radius:14px;overflow:auto}.image-viewer::backdrop{background:#000d}.image-viewer img{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain;transform-origin:center center;touch-action:pan-x pan-y}.image-viewer button{position:fixed;z-index:1;width:44px;height:44px;border:1px solid #53675a;border-radius:10px;background:#203329;color:#fff;font-size:23px;cursor:pointer}.viewer-close{top:5vh;right:5vw}.zoom-in{top:5vh;right:calc(5vw + 100px)}.zoom-out{top:5vh;right:calc(5vw + 50px)}.preview-link{display:inline-block}.preview-link img{cursor:zoom-in}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.filters label{display:grid;gap:6px;min-width:180px;flex:1}.filters input,.filters select{font:inherit;border:1px solid #dce5de;border-radius:9px;padding:10px 12px;background:#fcfdfb}@media(max-width:900px){.split{grid-template-columns:1fr;height:auto}.ticket-list{max-height:35vh}.ticket-detail{min-height:56vh}.metrics{grid-template-columns:repeat(2,1fr)}body.tablet .wrap{padding:18px 14px 40px}.tablet-head{align-items:flex-start}.action-dock{position:static;margin:18px -28px -24px}}@media(max-width:520px){.metrics span{font-size:10px}.metrics>div{padding:12px}.tablet-head{flex-direction:column}.detail-meta{align-items:flex-start;flex-direction:column}.filters{display:grid}.filters label{min-width:0}}.form label:has(input[type=file]){padding:15px;border:1px dashed #9bb5a1;border-radius:12px;background:#f7faf7}.form label:has(input[type=file]).drag-over{border-color:#285c49;background:#e9f3eb}.form [data-upload-state]{font-weight:400;color:#64736a}
@font-face{font-family:Sen;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/sen-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sen;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/sen-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Sen,sans-serif;color:#FDFAF6;background:#0A0A0A;color-scheme:dark;font-synthesis:none;--green:#A32D29;--light:#2A2928;--line:rgba(253,250,246,.2);--muted:rgba(253,250,246,.7);--white:#151414;--surface-0:#0A0A0A;--surface-1:#151414;--surface-2:#1F1F1E;--surface-3:#2A2928;--text:#FDFAF6;--red:#A32D29;--axis-green:#29A352;--axis-blue:#2966A3}
body{color:var(--text);background:var(--surface-0)}
.top{background:rgba(21,20,20,.92);border-color:var(--line)}
.brand,nav a,.link{color:var(--text)}
.brand span{color:var(--text);background:var(--surface-3)}
nav a:hover,nav .link:hover{color:var(--axis-green)}
.hero{background:linear-gradient(135deg,var(--surface-1),var(--surface-2));border-color:var(--line);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.hero h1,.card h2,.card h3,h2,.prose h1,.prose h2{font-family:Sen,sans-serif;color:var(--text)}
.hero p:not(.eyebrow),.prose,.ticket p,.muted{color:var(--muted)}
.eyebrow{color:var(--axis-green)}
.card{background:var(--surface-1);border-color:var(--line);box-shadow:0 7px 24px rgba(0,0,0,.2)}
.prose a{color:var(--axis-blue)}
.ticket h2 a{color:var(--text)}
.ticket:hover{border-color:var(--axis-green);background:var(--surface-2)}
.ticket-bottom,.row{border-color:var(--line)}
.pill{background:var(--surface-3);color:var(--text)}
.form label,.card label{color:var(--text)}
.form input,.form select,.form textarea,.card input,.card select,.card textarea,.filters input,.filters select{color:var(--text);background:var(--surface-2);border-color:var(--line)}
.form input:focus,.form select:focus,.form textarea:focus,.card input:focus,.card select:focus,.card textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(163,45,41,.3)}
.primary,.danger{color:var(--text);background:var(--red)}
.primary:hover,.danger:hover{background:#842521}
.secondary{color:var(--text);background:var(--surface-3);border:1px solid var(--line)}
.secondary:hover{background:var(--surface-2)}
.empty{border-color:var(--line);color:var(--muted)}
.alert{background:rgba(41,163,82,.2);color:#FDFAF6}
.alert.error{background:rgba(163,45,41,.3);color:#FDFAF6}
.attachment{background:var(--surface-2)}
.report{border-color:var(--line)}
.report small,footer{color:var(--muted)}
.danger-zone{border-color:rgba(163,45,41,.6)}
.form label:has(input[type=file]){border-color:var(--line);background:var(--surface-2)}
.form label:has(input[type=file]).drag-over{border-color:var(--axis-green);background:rgba(41,163,82,.15)}
.form [data-upload-state]{color:var(--muted)}
body.tablet{background:var(--surface-0);color:var(--text)}
body.tablet .top{background:rgba(21,20,20,.95);border-color:var(--line)}
body.tablet .brand,body.tablet nav a,body.tablet .link{color:var(--text)}
.tablet-head .eyebrow{color:var(--axis-green)}
.metrics>div{border-color:var(--line);background:var(--surface-1)}
.metrics span,.list-head span{color:var(--muted)}
.red{color:#A32D29}.yellow{color:#FDFAF6}.blue{color:#2966A3}.green{color:#29A352}
.ticket-list,.ticket-detail{background:var(--surface-1);border-color:var(--line)}
.list-head{background:var(--surface-2);border-color:var(--line)}
.list-head h2,.ticket-row,.ticket-detail h2{color:var(--text)}
.ticket-row{border-color:var(--line)}
.ticket-row:hover,.ticket-row.selected{background:var(--surface-3)}
.ticket-row small,.ticket-row em,.detail-meta,.detail-copy,.ticket-detail h3,.row-count{color:var(--muted)}
.priority-dot.critical{background:var(--red);box-shadow:0 0 12px rgba(163,45,41,.45)}
.priority-dot.major{background:var(--axis-green)}
.priority-dot.minor{background:var(--axis-blue)}
.tablet .pill{background:var(--surface-3);color:var(--text)}
.admin-note{border-color:var(--line)}
.tablet .admin-note label{color:var(--text)}
.tablet .admin-note input,.tablet .admin-note textarea{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.action-dock{background:rgba(10,10,10,.96);border-color:var(--line)}
.action-dock>span{color:var(--muted)}
.touch-button{border-color:var(--line);color:var(--text);background:var(--surface-2);font:700 12px Sen,sans-serif}
.touch-button:hover,.touch-button.active{background:rgba(163,45,41,.3);border-color:var(--red);color:var(--text)}
.image-viewer{background:var(--surface-0);border-color:var(--line)}
.image-viewer button{border-color:var(--line);background:var(--surface-2);color:var(--text)}
body{font-family:Sen,sans-serif;font-size:16px}
.brand,.tablet-head h1,.metrics b,.ticket-detail h2,.primary,.secondary,.danger{font-family:Sen,sans-serif}
.ticket-detail h2{font:800 clamp(24px,3vw,36px) Sen,sans-serif}
.tablet-head h1{font:800 clamp(28px,4vw,44px) Sen,sans-serif}

.hero.narrow{width:min(100%,440px);max-width:440px;margin:30px auto;padding:24px 22px}
.clerk-box{width:100%;min-height:0;margin:14px auto 0;align-items:stretch}
.clerk-box>.cl-rootBox{width:100%;max-width:340px;margin:0 auto}
.clerk-box .cl-cardBox,.clerk-box .cl-card{width:100%;max-width:100%}
.clerk-box .cl-card{box-shadow:none}
@media(max-width:520px){.hero.narrow{width:100%;max-width:100%;margin:20px auto;padding:22px 16px}.clerk-box>.cl-rootBox{max-width:100%}}