@import url('/static/helpdesk-v10.css?v=10');
:root{--h11-bg:#0b0c0f;--h11-panel:#121419;--h11-panel2:#171a20;--h11-line:#252932;--h11-text:#f5f6f7;--h11-muted:#8b929f;--h11-blue:#5b82ff;--h11-green:#43b587;--h11-amber:#d49a4a;--h11-red:#df6969}
.helpdesk-v10{background:var(--h11-bg)}
.helpdesk-v10 .h10-sidebar{width:242px;background:#0d0f13;border-color:var(--h11-line);padding:22px 15px 17px}
.helpdesk-v10 .h10-main{margin-inline-start:242px;padding:27px clamp(22px,4vw,52px) 64px}
.helpdesk-v10 .h10-mark{width:38px;height:38px;border-radius:10px}.helpdesk-v10 .h10-user{border-radius:12px;background:#11141a}.helpdesk-v10 .h10-nav a{border-radius:9px;padding:9px 10px}.helpdesk-v10 .h10-nav a.active{background:#171a20;box-shadow:inset -2px 0 0 var(--h11-blue)}
.helpdesk-v10 .h10-top{margin-bottom:20px}.helpdesk-v10 .h10-top h1{font-size:29px}.helpdesk-v10 .h10-create{border-radius:9px}
.helpdesk-v10 .h10-hero{min-height:188px;border-radius:18px;padding:28px 30px;grid-template-columns:1fr;background:linear-gradient(140deg,#11151c,#0f1116);box-shadow:none}.helpdesk-v10 .h10-hero h2{font-size:clamp(30px,3.8vw,48px)}.helpdesk-v10 .h10-radar{display:none}.helpdesk-v10 .h10-hero-links{margin-top:18px}
.helpdesk-v10 .h10-metrics{gap:9px}.helpdesk-v10 .h10-metrics article{border-radius:13px;min-height:82px;padding:14px 15px}.helpdesk-v10 .h10-metrics strong{font-size:25px}
.helpdesk-v10 .h10-queue,.helpdesk-v10 .h10-card,.helpdesk-v10 .h10-ticket-form,.helpdesk-v10 .h10-guidance{border-radius:16px;background:#111318;box-shadow:none}.helpdesk-v10 .h10-queue{padding:18px}.helpdesk-v10 .h10-row{padding:13px 2px;grid-template-columns:7px minmax(0,1fr) 100px auto 105px 18px}.helpdesk-v10 .h10-ticket-title strong{font-size:11px}.helpdesk-v10 .h10-queue-tools input{border-radius:8px}
.helpdesk-v10 .h10-form-layout,.helpdesk-v10 .h10-ticket-grid{grid-template-columns:minmax(0,1fr) 280px}.helpdesk-v10 .h10-ticket-form,.helpdesk-v10 .h10-guidance,.helpdesk-v10 .h10-card{padding:18px}.helpdesk-v10 .h10-ticket-form input,.helpdesk-v10 .h10-ticket-form textarea,.helpdesk-v10 .h10-ticket-form select,.helpdesk-v10 .h10-workflow-form select,.helpdesk-v10 .h10-comment-form textarea,.helpdesk-v10 .h10-team-table select{border-radius:8px}
.helpdesk-auth-v10{background:#0b0c0f}.helpdesk-auth-v10 .h10-auth{grid-template-columns:minmax(0,1fr) minmax(390px,.72fr)}.helpdesk-auth-v10 .h10-auth-visual{padding:35px clamp(28px,4vw,62px);background:radial-gradient(760px 500px at 18% 8%,rgba(78,109,190,.13),transparent 66%),#0b0c0f}.helpdesk-auth-v10 .h10-auth-copy{margin:72px 0 28px}.helpdesk-auth-v10 .h10-auth-copy h1{font-size:clamp(48px,5.8vw,78px)}.helpdesk-auth-v10 .h10-auth-console{border-radius:16px;background:#101217;box-shadow:none}.helpdesk-auth-v10 .h10-auth-formside{background:#f3f3f1}.helpdesk-auth-v10 .h10-login-form{background:#fff;border:1px solid #e5e5e2;border-radius:22px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.08)}
@media(max-width:1050px){.helpdesk-v10 .h10-sidebar{left:12px!important;right:12px!important;top:auto!important;bottom:10px!important;width:auto!important;height:68px!important;transform:none!important;border:1px solid #242832!important;border-radius:20px!important;padding:7px!important;background:rgba(13,15,19,.96)!important;backdrop-filter:blur(22px)!important;box-shadow:0 16px 50px rgba(0,0,0,.34)!important;display:block!important}.helpdesk-v10 .h10-sidebar>.h10-brand,.helpdesk-v10 .h10-user,.helpdesk-v10 .h10-label,.helpdesk-v10 .h10-side-fill,.helpdesk-v10 .h10-system,.helpdesk-v10 .h10-links,.helpdesk-v10 .h10-sidebar>form{display:none!important}.helpdesk-v10 .h10-nav{display:flex!important;justify-content:space-around;gap:4px;height:100%}.helpdesk-v10 .h10-nav a{flex:1!important;min-width:0!important;padding:5px 3px!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;font-size:8px!important;text-align:center;color:#7f8794!important}.helpdesk-v10 .h10-nav a.active{background:#1a1e26!important;color:#fff!important;box-shadow:none!important}.helpdesk-v10 .h10-nav svg{width:19px;height:19px}.helpdesk-v10 .h10-mobile{height:58px;position:sticky;top:0;padding:0 12px;background:rgba(11,12,15,.94);border-color:#232730}.helpdesk-v10 .h10-mobile button{display:none}.helpdesk-v10 .h10-main{margin-inline-start:0;padding:18px 14px 96px}.helpdesk-v10 .h10-top{margin-bottom:15px}.helpdesk-v10 .h10-hero{min-height:170px;padding:24px}.helpdesk-v10 .h10-hero h2{font-size:34px}.helpdesk-v10 .h10-metrics{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;-webkit-overflow-scrolling:touch}.helpdesk-v10 .h10-metrics::-webkit-scrollbar{display:none}.helpdesk-v10 .h10-metrics article{min-width:145px}.helpdesk-v10 .h10-form-layout,.helpdesk-v10 .h10-ticket-grid{grid-template-columns:1fr}.helpdesk-v10 .h10-guidance,.helpdesk-v10 .h10-ticket-side .sticky{position:static}.helpdesk-auth-v10 .h10-auth{grid-template-columns:1fr}.helpdesk-auth-v10 .h10-auth-visual{min-height:300px;padding:25px 20px 54px}.helpdesk-auth-v10 .h10-auth-copy{margin:40px 0 0}.helpdesk-auth-v10 .h10-auth-copy h1{font-size:44px}.helpdesk-auth-v10 .h10-auth-copy>small{font-size:12px}.helpdesk-auth-v10 .h10-auth-console,.helpdesk-auth-v10 .h10-auth-legal{display:none}.helpdesk-auth-v10 .h10-auth-formside{margin-top:-26px;position:relative;z-index:2;border-radius:28px 28px 0 0;padding:28px 15px 42px;display:block}.helpdesk-auth-v10 .h10-login-form{width:100%;max-width:520px;margin:0 auto;border:0;border-radius:0;padding:8px 4px;background:transparent;box-shadow:none}}
@media(max-width:720px){.helpdesk-v10 .h10-top{align-items:center}.helpdesk-v10 .h10-top h1{font-size:24px}.helpdesk-v10 .h10-top>div>span{font-size:10px;max-width:250px}.helpdesk-v10 .h10-create{min-height:36px;padding:0 11px}.helpdesk-v10 .h10-hero{min-height:152px;padding:21px 20px}.helpdesk-v10 .h10-hero p{margin-bottom:8px}.helpdesk-v10 .h10-hero h2{font-size:28px;line-height:1.12}.helpdesk-v10 .h10-hero-links{margin-top:15px}.helpdesk-v10 .h10-queue{padding:13px;border-radius:15px}.helpdesk-v10 .h10-queue-head{display:grid;gap:12px}.helpdesk-v10 .h10-queue-tools{width:100%}.helpdesk-v10 .h10-queue-tools input{width:100%;min-width:0}.helpdesk-v10 .h10-table{gap:9px}.helpdesk-v10 .h10-row{border:1px solid #232832!important;border-radius:13px;background:#0f1116;padding:11px 12px!important;grid-template-columns:7px 1fr auto!important;gap:10px}.helpdesk-v10 .h10-row:first-child{border-top:1px solid #232832!important}.helpdesk-v10 .h10-assignee,.helpdesk-v10 .h10-row time,.helpdesk-v10 .h10-row svg{display:none}.helpdesk-v10 .h10-ticket-title strong{font-size:11px}.helpdesk-v10 .h10-ticket-title small{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpdesk-v10 .h10-status{font-size:8px;padding:5px 7px}.helpdesk-v10 .h10-form-grid{grid-template-columns:1fr}.helpdesk-v10 .h10-submit-row{display:grid;gap:9px}.helpdesk-v10 .h10-meta{grid-template-columns:1fr 1fr}.helpdesk-v10 .h10-comment-form{grid-template-columns:1fr}.helpdesk-v10 .h10-team-intro{grid-template-columns:1fr;gap:12px}.helpdesk-v10 .h10-team-intro h2{font-size:30px}.helpdesk-v10 .h10-team-table article{grid-template-columns:1fr auto}.helpdesk-v10 .h10-team-table form{grid-column:1/-1}.helpdesk-v10 .h10-role.current{justify-self:end}.helpdesk-auth-v10 .h10-auth-visual{min-height:270px}.helpdesk-auth-v10 .h10-auth-copy{margin-top:36px}.helpdesk-auth-v10 .h10-auth-copy h1{font-size:38px;line-height:1.04}.helpdesk-auth-v10 .h10-login-form h2{font-size:29px}.helpdesk-auth-v10 .h10-login-form input{min-height:48px}.helpdesk-auth-v10 .h10-login-form button{min-height:50px}}
@media(max-width:390px){.helpdesk-v10 .h10-nav a{font-size:7px!important}.helpdesk-v10 .h10-nav svg{width:18px;height:18px}.helpdesk-v10 .h10-main{padding-inline:11px}.helpdesk-v10 .h10-hero h2{font-size:26px}.helpdesk-v10 .h10-meta{grid-template-columns:1fr}.helpdesk-auth-v10 .h10-auth-copy h1{font-size:35px}.helpdesk-auth-v10 .h10-auth-visual{padding-inline:17px}.helpdesk-auth-v10 .h10-auth-formside{padding-inline:12px}}
