.dash .sp-page{display:flex;flex-direction:column;max-width:1200px;width:100%}.dash .sp-page-header{opacity:0;transform:translateY(10px);animation:dash-fade-up .5s cubic-bezier(.2,.8,.2,1) .05s forwards}.dash .sp-eyebrow{width:34px;height:3px;background:var(--g500);border-radius:3px;margin-bottom:12px}.dash .sp-page-header h1{font-family:var(--f-display)!important;font-size:27px!important;font-weight:700!important;margin:0 0 6px;color:var(--ink);letter-spacing:-.2px}.dash .sp-page-header p{font-family:var(--f-body);font-size:13.6px;color:var(--slate);margin:0 0 22px;max-width:560px;line-height:1.55}.dash .sp-header-line{height:1px;background:var(--line);margin-bottom:26px}.dash .sp-back-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-body);font-size:13px;font-weight:600;color:var(--slate);margin-bottom:18px;cursor:pointer;background:none;border:none;padding:0;transition:color .15s ease}.dash .sp-back-link svg{width:15px;height:15px;transition:transform .18s ease}.dash .sp-back-link:hover{color:var(--g700)}.dash .sp-back-link:hover svg{transform:translateX(-3px)}.dash .sp-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9.5px 16px!important;border:none!important;border-radius:10px!important;background:linear-gradient(135deg,var(--g500),var(--g700))!important;color:#fff!important;font-family:var(--f-display)!important;font-weight:600!important;font-size:13.4px!important;cursor:pointer;box-shadow:0 8px 18px -8px rgba(14,107,78,.5);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;height:auto!important}.dash .sp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px -8px rgba(14,107,78,.55);filter:brightness(1.04)}.dash .sp-btn-primary svg{width:15px;height:15px}.dash .sp-btn-primary:disabled{opacity:1!important}.dash .sp-page .sp-start-btn{margin-bottom:34px;align-self:flex-start}.dash .sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px 90px;opacity:0;transform:translateY(10px);animation:dash-fade-up .5s cubic-bezier(.2,.8,.2,1) .15s forwards}.dash .sp-empty-ic-wrap{position:relative;width:74px;height:74px;margin-bottom:22px}.dash .sp-empty-ic-ring{position:absolute;inset:0;border-radius:50%;background:var(--g100);animation:sp-pulse-ring 2.6s ease-in-out infinite}@keyframes sp-pulse-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.18);opacity:.15}}.dash .sp-empty-ic{position:relative;width:74px;height:74px;border-radius:50%;background:var(--g50);display:flex;align-items:center;justify-content:center;color:var(--g600)}.dash .sp-empty-ic svg{width:30px;height:30px}.dash .sp-empty h3{font-family:var(--f-display)!important;font-size:17px!important;font-weight:700!important;margin:0 0 8px;color:var(--ink)}.dash .sp-empty p{font-family:var(--f-body);font-size:13.3px;color:var(--slate-soft);margin:0;max-width:340px;line-height:1.6}.dash .sp-ticket-list{display:flex;flex-direction:column;gap:12px}.dash .sp-ticket-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;width:100%;font-family:var(--f-body);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;opacity:0;transform:translateY(8px);animation:dash-fade-up .45s cubic-bezier(.2,.8,.2,1) forwards}.dash .sp-ticket-card:hover{border-color:#cfe0d8;box-shadow:var(--sh-md);transform:translateY(-2px)}.dash .sp-ticket-card.has-new-message{border-color:rgba(229,72,77,.42);background:#fffafa}.dash .sp-ticket-main{min-width:0;flex:1}.dash .sp-ticket-subject{font-family:var(--f-body);font-size:14.3px;font-weight:600;color:var(--ink);margin-bottom:4px;display:flex;align-items:center;gap:7px;min-width:0}.dash .sp-ticket-subject>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash .sp-new-message-badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;background:#e5484d;padding:4px 8px;color:#fff;font-family:var(--f-body);font-size:9.5px;font-weight:800;line-height:1;margin-bottom:6px}.dash .sp-ticket-card.has-new-message .sp-ticket-subject{color:#b4232a}.dash .sp-ticket-card.has-new-message .sp-ticket-snippet{color:#7a2a2e}.dash .sp-ticket-card.has-new-message:hover{border-color:rgba(229,72,77,.55);background:#fff5f5}.dash .sp-ticket-snippet{font-family:var(--f-body);font-size:12.8px;color:var(--slate-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.dash .sp-ticket-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.dash .sp-ticket-time{font-size:11.5px;color:var(--slate-soft)}.dash .sp-badge,.dash .sp-ticket-time{font-family:var(--f-body);white-space:nowrap}.dash .sp-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:700}.dash .sp-badge svg{width:10.5px;height:10.5px}.dash .sp-badge.terbuka{background:var(--blue-bg);color:var(--blue)}.dash .sp-badge.menunggu{background:var(--amber-bg);color:var(--amber)}.dash .sp-badge.selesai{background:var(--g100);color:var(--g700)}.dash .sp-badge.ditutup{background:var(--slate-bg);color:var(--slate)}@media (max-width:860px){.dash .sp-ticket-card{flex-direction:column}.dash .sp-ticket-side{align-items:flex-start;flex-direction:row}}.dash .sp-form-card{max-width:672px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 32px;box-shadow:var(--sh-sm);opacity:0;transform:translateY(10px);animation:dash-fade-up .5s cubic-bezier(.2,.8,.2,1) .1s forwards}.dash .sp-field{margin-bottom:20px;display:flex;flex-direction:column}.dash .sp-field>label{display:flex;align-items:center;justify-content:space-between;font-family:var(--f-body)!important;font-size:13.5px!important;font-weight:600!important;color:var(--ink)!important;margin-bottom:8px}.dash .sp-field>label .req{color:var(--danger);margin-left:2px}.dash .sp-counter{font-family:var(--f-body);font-size:11.5px;font-weight:500;color:var(--slate-soft);font-variant-numeric:tabular-nums;transition:color .2s ease}.dash .sp-counter.ok{color:var(--g600)}.dash .sp-field input[type=text],.dash .sp-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font-family:var(--f-body)!important;font-size:14px;color:var(--ink);background:#fbfdfc;outline:none;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dash .sp-field input[type=text]:hover,.dash .sp-field textarea:hover{border-color:#c9dad3}.dash .sp-field input[type=text]:focus,.dash .sp-field textarea:focus{border-color:var(--g500);background:#fff;box-shadow:0 0 0 4px rgba(23,166,115,.13)}.dash .sp-field textarea{min-height:140px;line-height:1.55}.dash .sp-field.invalid input,.dash .sp-field.invalid textarea{border-color:var(--danger)}.dash .sp-field.invalid input:focus,.dash .sp-field.invalid textarea:focus{box-shadow:0 0 0 4px rgba(224,86,63,.12)}.dash .sp-field-error{font-family:var(--f-body);font-size:11.5px;color:var(--danger);margin-top:6px;display:none}.dash .sp-field.invalid .sp-field-error{display:block}.dash .sp-btn-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px!important;border:none!important;border-radius:12px!important;font-family:var(--f-display)!important;font-weight:700!important;font-size:14px!important;cursor:not-allowed;background:#dce3e0!important;color:#9ba8a3!important;transition:all .25s cubic-bezier(.2,.8,.2,1);height:auto!important}.dash .sp-btn-submit svg{width:16px;height:16px}.dash .sp-btn-submit:disabled{opacity:1!important}.dash .sp-btn-submit:not(:disabled){cursor:pointer;background:linear-gradient(135deg,var(--g500),var(--g700))!important;color:#fff!important;box-shadow:0 10px 22px -8px rgba(14,107,78,.55)}.dash .sp-btn-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 26px -8px rgba(14,107,78,.6);filter:brightness(1.03)}.dash .sp-btn-submit:not(:disabled):active{transform:translateY(0) scale(.99)}.dash .sp-thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.dash .sp-thread-head h1{font-family:var(--f-display)!important;font-size:20px!important;font-weight:700!important;color:var(--ink);margin:0}.dash .sp-thread-page{min-height:calc(100vh - 78px)}.dash .sp-sync-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.72);color:var(--slate-soft);font-family:var(--f-body);font-size:11px}.dash .sp-sync-bar button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:0;border:0;background:transparent;color:var(--g700);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.dash .sp-sync-bar button:disabled{opacity:.65;cursor:wait}.dash .sp-sync-bar button svg{width:13px;height:13px}.dash .sp-sync-bar .is-spinning{display:inline-flex;animation:sp-sync-spin .75s linear infinite}@keyframes sp-sync-spin{to{transform:rotate(1turn)}}.dash .sp-msg-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.dash .sp-thread-page .sp-msg-list{flex:1;min-height:180px}.dash .sp-msg-bubble{max-width:80%;border-radius:16px;padding:12px 16px}.dash .sp-msg-bubble.user{background:linear-gradient(135deg,var(--g500),var(--g700));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.dash .sp-msg-bubble.admin{background:#fff;border:1px solid var(--line);color:var(--ink);align-self:flex-start;border-bottom-left-radius:4px}.dash .sp-msg-bubble p{font-family:var(--f-body);font-size:13.6px;white-space:pre-wrap;line-height:1.5;margin:0}.dash .sp-msg-meta{font-family:var(--f-body);font-size:11px;margin-top:5px}.dash .sp-msg-bubble.user .sp-msg-meta{color:rgba(255,255,255,.7)}.dash .sp-msg-bubble.admin .sp-msg-meta{color:var(--slate-soft)}.dash .sp-reply-box{display:flex;align-items:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:14px}.dash .sp-thread-page .sp-reply-box{position:sticky;z-index:2;bottom:0;margin-top:auto;padding:12px 0 2px;background:var(--mist)}.dash .sp-reply-box input[type=text]{flex:1;padding:11px 14px;border:1.5px solid var(--line);border-radius:11px;font-family:var(--f-body)!important;font-size:13.6px;color:var(--ink);background:#fbfdfc;outline:none;min-height:44px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.dash .sp-reply-box input[type=text]:focus{border-color:var(--g500);background:#fff;box-shadow:0 0 0 4px rgba(23,166,115,.13)}@media (max-width:640px){.dash .sp-sync-bar{align-items:flex-start;flex-direction:column}}.dash .sp-support-page{max-width:none}.dash .sp-support-page .sp-header-line{margin-bottom:16px}.dash .sp-support-workspace{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:16px;height:clamp(480px,68vh,620px);min-height:0}.dash .sp-conversation-pane,.dash .sp-inbox-pane{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--sh-sm)}.dash .sp-inbox-pane{display:flex;flex-direction:column}.dash .sp-inbox-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px 0 16px;border-bottom:1px solid var(--line);color:var(--slate);font-size:12px}.dash .sp-inbox-head span:first-letter{color:var(--ink);font-weight:700}.dash .sp-inbox-head button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:var(--g100);color:var(--g700);cursor:pointer}.dash .sp-inbox-head button:hover{background:#d7efe5}.dash .sp-inbox-head button svg{width:14px;height:14px}.dash .sp-inbox-scroll{flex:1;overflow-y:auto;padding:10px}.dash .sp-inbox-loading{padding:8px}.dash .sp-inbox-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;padding:24px;text-align:center;color:var(--slate-soft)}.dash .sp-inbox-empty .sp-empty-ic{width:46px;height:46px;margin-bottom:12px}.dash .sp-inbox-empty .sp-empty-ic svg{width:20px;height:20px}.dash .sp-inbox-empty strong{margin-bottom:5px;color:var(--ink);font-size:13px}.dash .sp-inbox-empty span{font-size:11px;line-height:1.5}.dash .sp-inbox-pane .sp-ticket-list{gap:4px}.dash .sp-inbox-pane .sp-ticket-card{align-items:center;padding:13px 12px;border:1px solid transparent;border-radius:10px;box-shadow:none}.dash .sp-inbox-pane .sp-ticket-card:hover{border-color:var(--line);background:var(--mist);box-shadow:none;transform:none}.dash .sp-inbox-pane .sp-ticket-card.active{border-color:#c8e8da;background:var(--g50)}.dash .sp-inbox-pane .sp-ticket-subject{overflow:hidden;margin-bottom:7px;color:var(--ink);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dash .sp-inbox-pane .sp-ticket-snippet{max-width:190px;font-size:10.5px}.dash .sp-inbox-pane .sp-badge{padding:4px 8px;font-size:9.5px}.dash .sp-conversation-pane{display:flex;min-height:0}.dash .sp-conversation-empty{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;padding:32px;text-align:center}.dash .sp-conversation-empty-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:14px;border-radius:14px;background:var(--g50);color:var(--g500)}.dash .sp-conversation-empty-icon svg{width:24px;height:24px}.dash .sp-conversation-empty h2{margin:0 0 6px;color:var(--ink);font-family:var(--f-display)!important;font-size:15px!important}.dash .sp-conversation-empty p{max-width:360px;margin:0;color:var(--slate-soft);font-size:12px;line-height:1.55}.dash .sp-conversation-pane .sp-new-thread-panel,.dash .sp-conversation-pane .sp-thread-panel{flex:1;max-width:none;min-height:0;padding:16px}.dash .sp-conversation-pane .sp-thread-panel{height:100%}.dash .sp-conversation-pane .sp-thread-head{flex-shrink:0;margin-bottom:10px;padding-bottom:10px}.dash .sp-conversation-pane .sp-panel-back{display:none}.dash .sp-conversation-pane .sp-msg-list{min-height:0;overflow-y:auto;padding:4px 2px 12px}.dash .sp-conversation-pane .sp-reply-box{flex-shrink:0;background:#fff}@media (max-width:860px){.dash .sp-support-workspace{display:block;height:auto;min-height:calc(100vh - 160px)}.dash .sp-support-workspace.has-selection .sp-inbox-pane,.dash .sp-support-workspace:not(.has-selection) .sp-conversation-pane{display:none}.dash .sp-conversation-pane,.dash .sp-inbox-pane{min-height:calc(100vh - 160px)}.dash .sp-conversation-pane .sp-thread-panel{height:calc(100vh - 160px)}.dash .sp-conversation-pane .sp-panel-back{display:inline-flex}.dash .sp-inbox-pane .sp-ticket-card{align-items:flex-start;flex-direction:row}.dash .sp-inbox-pane .sp-ticket-side{align-items:flex-end}}.dash .sp-page [class*=bg-info-100]{background:var(--blue-bg)!important;border:1px solid #cfdff6!important;border-radius:13px!important;padding:14px 16px!important}.dash .sp-page [class*=bg-danger-100]{background:var(--danger-bg)!important;border:1px solid #f4c6bb!important;border-radius:13px!important;padding:14px 16px!important;color:var(--danger)!important}