@keyframes supportSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite supportSpin}.support-list-page,.support-detail-page{flex-direction:column;gap:1.25rem;width:100%;max-width:1100px;display:flex}.support-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.support-header__title{color:var(--dash-text,#0f172a);letter-spacing:-.015em;margin-bottom:.2rem;font-size:1.35rem;font-weight:700}.support-header__subtitle{color:var(--dash-muted,#475569);margin-bottom:0;font-size:.8125rem}.support-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.support-search-form{align-items:center;width:100%;max-width:360px;display:flex;position:relative}.support-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.75rem}.support-search-input{border:1px solid var(--dash-border,#e2e8f0f2);background:var(--dash-surface-solid,#fff);width:100%;height:38px;color:var(--dash-text,#0f172a);border-radius:10px;outline:none;padding:0 2rem 0 2.25rem;font-size:.8125rem;transition:border-color .2s,box-shadow .2s}.support-search-input:focus{border-color:var(--dash-teal,#2dd4bf);box-shadow:0 0 0 3px #2dd4bf26}.support-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:.65rem}.support-search-clear:hover{color:var(--dash-text,#0f172a)}.support-table-container{background:var(--dash-surface-solid,#fff);border:1px solid var(--dash-border,#e2e8f0f2);border-radius:var(--dash-radius,18px);box-shadow:var(--dash-shadow-sm,0 10px 28px #0f172a0f);overflow:hidden}.support-table{border-collapse:collapse;width:100%;font-size:.8125rem}.support-table thead{border-bottom:1px solid var(--dash-border,#e2e8f0f2);background:#f8fafc}.support-table th{text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.support-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9e6;padding:.85rem 1rem}.support-table__row{cursor:pointer;transition:background-color .15s}.support-table__row:hover{background-color:#f0fdfa80}.support-table__row--unread{background-color:#2dd4bf0d}.support-table__row--unread:hover{background-color:#2dd4bf17}.support-ticket-id{font-family:var(--font-geist-mono,monospace);background:var(--dash-mint-light,#f0fdfa);color:var(--dash-accent,#064e3b);white-space:nowrap;border:1px solid #2dd4bf4d;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.support-flag-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.support-subject-link{color:var(--dash-text,#0f172a);font-size:.84rem;line-height:1.35;text-decoration:none;transition:color .15s}.support-subject-link:hover{color:var(--dash-emerald,#059669)}.support-unread-pill{color:var(--dash-accent,#064e3b);background:#2dd4bf2e;border:1px solid #2dd4bf66;border-radius:999px;align-items:center;gap:.35rem;padding:.1rem .45rem;font-size:.65rem;font-weight:700;display:inline-flex}.support-unread-dot{background:#059669;border-radius:50%;width:6px;height:6px}.support-category-text{color:#64748b;text-transform:capitalize;margin-top:2px;font-size:.72rem}.support-date-text{color:#64748b;white-space:nowrap;font-size:.75rem}.support-status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.support-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.support-status-badge--waiting{color:#d97706;background:#f59e0b1a;border-color:#f59e0b40}.support-status-dot--waiting{background:#f59e0b}.support-status-badge--in-progress{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e940}.support-status-dot--in-progress{background:#0ea5e9}.support-status-badge--resolved{color:#059669;background:#10b9811a;border-color:#10b98140}.support-status-dot--resolved{background:#10b981}.support-status-badge--closed{color:#475569;background:#64748b1a;border-color:#64748b40}.support-status-dot--closed{background:#94a3b8}.support-priority-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:4px;align-items:center;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-flex}.support-priority-badge--low{color:#059669;background:#10b9811a;border-color:#10b98133}.support-priority-badge--medium{color:#2563eb;background:#3b82f61a;border-color:#3b82f633}.support-priority-badge--high{color:#dc2626;background:#ef44441a;border-color:#ef444433}.support-action-dropdown-wrap{display:inline-block;position:relative}.support-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,color .15s;display:inline-flex}.support-action-btn:hover{color:var(--dash-text,#0f172a);background:#f1f5f9}.support-action-menu{z-index:50;border:1px solid var(--dash-border,#e2e8f0f2);background:#fff;border-radius:10px;flex-direction:column;min-width:155px;padding:.35rem 0;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0f172a1a}.support-action-item{color:var(--dash-text,#0f172a);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.55rem;width:100%;padding:.5rem .85rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}.support-action-item:hover{background:#f8fafc}.support-action-item--resolve{color:#059669}.support-action-item--resolve:hover{background:#10b98114}.support-pagination{border-top:1px solid var(--dash-border,#e2e8f0f2);background:#fbfcfd;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.support-pagination__info{color:#64748b;font-size:.75rem}.support-loading-state,.support-empty-state,.support-detail-loading,.support-detail-notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.support-loading-state__text,.support-detail-loading__text{color:var(--dash-muted,#475569);margin-top:.75rem;margin-bottom:0;font-size:.8125rem}.support-empty-state__icon{background:var(--dash-mint-light,#f0fdfa);width:46px;height:46px;color:var(--dash-accent,#064e3b);border-radius:14px;justify-content:center;align-items:center;margin-bottom:.85rem;display:flex}.support-empty-state__title,.support-detail-notfound__title{color:var(--dash-text,#0f172a);margin-bottom:.25rem;font-weight:700;font-size:1rem!important}.support-empty-state__desc,.support-detail-notfound__desc{color:var(--dash-muted,#475569);max-width:380px;margin-bottom:.5rem;font-size:.8125rem!important}.support-detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.support-back-link{color:#64748b;align-items:center;gap:.45rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.support-back-link:hover{color:var(--dash-text,#0f172a)}.support-btn--resolve{color:#059669!important;border-color:#10b9814d!important}.support-btn--resolve:hover{background:#10b98114!important}.support-tabs-bar{border-bottom:1px solid var(--dash-border,#e2e8f0f2);align-items:center;gap:.25rem;display:flex}.support-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.65rem 1rem;font-size:.8125rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.support-tab-btn:hover{color:var(--dash-text,#0f172a)}.support-tab-btn.active{color:var(--dash-accent,#064e3b);border-bottom-color:var(--dash-accent,#064e3b)}.support-tab-badge{font-family:var(--font-geist-mono,monospace);color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;padding:.1rem .45rem;font-size:.65rem;font-weight:700;display:inline-flex}.support-tab-badge.active{background:var(--dash-mint-light,#f0fdfa);color:var(--dash-accent,#064e3b)}.support-card{background:var(--dash-surface-solid,#fff);border:1px solid var(--dash-border,#e2e8f0f2);border-radius:var(--dash-radius,18px);box-shadow:var(--dash-shadow-sm,0 10px 28px #0f172a0f);padding:1.35rem 1.5rem}.support-meta-header{border-bottom:1px solid #f1f5f9e6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding-bottom:1rem;display:flex}.support-category-pill{color:#475569;text-transform:capitalize;background:#f1f5f9;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.support-timestamps-box{text-align:right;font-size:.72rem;line-height:1.35}.support-overview-content{padding-top:.85rem}.support-overview-subject{color:var(--dash-text,#0f172a);margin-bottom:.45rem;line-height:1.35;font-size:.95rem!important;font-weight:600!important}.support-overview-description{color:#475569;white-space:pre-wrap;line-height:1.55;font-size:.78rem!important}.support-convo-box{background:var(--dash-surface-solid,#fff);border:1px solid var(--dash-border,#e2e8f0f2);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:1.05rem 1.35rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #0f172a08}.support-convo-box:hover{border-color:var(--dash-teal,#2dd4bf);box-shadow:0 4px 20px #2dd4bf1a}.support-convo-box__left{align-items:center;gap:.95rem;display:flex}.support-convo-box__icon{background:var(--dash-mint-light,#f0fdfa);width:44px;height:44px;color:var(--dash-accent,#064e3b);border:1px solid #2dd4bf59;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-convo-box__text{flex-direction:column;gap:.15rem;display:flex}.support-convo-box__title{color:var(--dash-text,#0f172a);letter-spacing:-.01em;margin-bottom:0!important;font-size:.925rem!important;font-weight:700!important}.support-convo-box__subtitle{color:var(--dash-muted,#475569);margin-bottom:0!important;font-size:.78rem!important}.support-convo-box__btn{color:var(--dash-accent,#064e3b);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2dd4bf73;border-radius:10px;align-items:center;gap:.45rem;padding:.52rem 1.1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.support-convo-box__btn:hover{background:var(--dash-mint-light,#f0fdfa);border-color:var(--dash-emerald,#059669);color:var(--dash-accent-hover,#047857);transform:translate(2px)}@media (max-width:576px){.support-convo-box{flex-direction:column;align-items:flex-start;gap:.85rem}.support-convo-box__btn{justify-content:center;width:100%}}.support-screenshots-section{border-top:1px solid #f1f5f9e6;margin-top:1.25rem;padding-top:1.15rem}.support-screenshots-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.support-screenshots-grid{flex-wrap:wrap;gap:.75rem;display:flex}.support-screenshot-thumb{border:1px solid var(--dash-border,#e2e8f0f2);cursor:pointer;background:#000;border-radius:12px;width:140px;height:90px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000000a}.support-screenshot-thumb:hover{border-color:var(--dash-teal,#2dd4bf);transform:scale(1.02)}.support-screenshot-thumb__img{object-fit:cover;width:100%;height:100%}.support-screenshot-thumb__overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.support-screenshot-thumb:hover .support-screenshot-thumb__overlay{opacity:1}.support-messages-panel{overflow:hidden;padding:0!important}.support-messages-header{border-bottom:1px solid var(--dash-border,#e2e8f0f2);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.35rem;display:flex}.support-messages-icon{background:var(--dash-mint-light,#f0fdfa);width:24px;height:24px;color:var(--dash-accent,#064e3b);border-radius:6px;justify-content:center;align-items:center;display:flex}.support-messages-title{color:var(--dash-text,#0f172a);margin-bottom:0;font-size:.8125rem;font-weight:600}.support-messages-count{font-family:var(--font-geist-mono,monospace);background:var(--dash-mint-light,#f0fdfa);color:var(--dash-accent,#064e3b);border:1px solid #2dd4bf4d;border-radius:999px;padding:.12rem .45rem;font-size:.65rem;font-weight:700}.support-last-reply-text{color:#64748b;font-size:.72rem}.support-messages-stream{max-height:520px;padding:1.35rem;overflow-y:auto}.support-messages-empty{border:1px dashed var(--dash-border,#e2e8f0f2);text-align:left;background:#fbfcfd;border-radius:14px;justify-content:center;align-items:center;gap:.85rem;padding:2.5rem 1rem;display:flex}.support-messages-empty__icon{background:var(--dash-mint-light,#f0fdfa);width:38px;height:38px;color:var(--dash-accent,#064e3b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-message-row{gap:.75rem;max-width:85%;display:flex}.support-message-row--admin{align-self:flex-start;margin-right:auto}.support-message-row--customer{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.support-message-row--editing{width:100%;max-width:100%}.support-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:flex}.support-avatar--admin{background:#334155;box-shadow:0 4px 10px #33415526}.support-avatar--customer{background:linear-gradient(135deg,#2dd4bf 0%,#059669 55%,#064e3b 100%);box-shadow:0 4px 12px #064e3b38}.support-bubble{border-radius:16px;padding:.85rem 1rem;font-size:.825rem;line-height:1.5;box-shadow:0 2px 6px #0f172a08}.support-bubble--admin{border:1px solid var(--dash-border,#e2e8f0f2);color:var(--dash-text,#0f172a);background:#fff;border-top-left-radius:4px;box-shadow:0 2px 8px #0f172a0a}.support-bubble--customer{background:var(--dash-mint-light,#f0fdfa);color:var(--dash-text,#0f172a);border:1px solid #2dd4bf59;border-top-right-radius:4px;box-shadow:0 2px 8px #064e3b0a}.support-bubble--editing{border:2px solid var(--dash-teal,#2dd4bf);background:#fff;width:100%}.support-bubble-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.support-agent-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.support-bubble-time{color:#94a3b8;font-size:.68rem}.support-bubble-actions{align-items:center;gap:.25rem;display:flex}.support-bubble-act-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:color .15s,background-color .15s;display:flex}.support-bubble-act-btn:hover{color:var(--dash-text,#0f172a);background:#f1f5f9}.support-bubble-act-btn--delete:hover{color:#dc2626;background:#ef444414}.support-bubble-body{white-space:pre-wrap;color:var(--dash-text,#0f172a)}.support-bubble-attachments{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.support-bubble-thumb{border:1px solid var(--dash-border,#e2e8f0f2);cursor:pointer;background:#000;border-radius:8px;width:90px;height:60px;position:relative;overflow:hidden}.support-bubble-thumb__img{object-fit:cover;width:100%;height:100%}.support-bubble-thumb__overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.support-bubble-thumb:hover .support-bubble-thumb__overlay{opacity:1}.support-resolved-banner{color:#059669;text-align:center;background:#10b98114;border-top:1px solid #10b98133;justify-content:center;align-items:center;gap:.65rem;padding:1rem 1.35rem;font-size:.8125rem;font-weight:500;display:flex}.support-reply-box{border-top:1px solid var(--dash-border,#e2e8f0f2);background:#fff;padding:1.35rem 1.5rem}.support-reply-title{color:var(--dash-text,#0f172a);font-size:.8125rem;font-weight:600}.support-reply-form{flex-direction:column;gap:.85rem;display:flex}.support-reply-textarea{border:1px solid var(--dash-border,#e2e8f0f2);width:100%;color:var(--dash-text,#0f172a);resize:vertical;border-radius:12px;outline:none;min-height:90px;padding:.85rem 1rem;font-size:.825rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.support-reply-textarea:focus{border-color:var(--dash-teal,#2dd4bf);box-shadow:0 0 0 3px #2dd4bf26}.support-reply-actions{justify-content:flex-end;padding-top:.25rem;display:flex}.support-dropzone-container{flex-direction:column;gap:.5rem;display:flex}.support-dropzone{border:1px dashed var(--dash-border,#e2e8f0f2);background:#fbfcfd;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding:.65rem .85rem;transition:border-color .15s,background-color .15s;display:flex}.support-dropzone--drag-over{border-color:var(--dash-teal,#2dd4bf);background:var(--dash-mint-light,#f0fdfa)}.support-dropzone--disabled{opacity:.6;pointer-events:none}.support-dropzone__btn{border:1px solid var(--dash-border,#e2e8f0f2);color:var(--dash-text,#0f172a);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.support-dropzone__btn:hover{border-color:var(--dash-teal,#2dd4bf);color:var(--dash-accent,#064e3b)}.support-dropzone__btn.disabled{opacity:.6;cursor:not-allowed}.support-dropzone__hint{color:#94a3b8;font-size:.72rem}.support-dropzone__count-badge{background:var(--dash-mint-light,#f0fdfa);color:var(--dash-accent,#064e3b);border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.support-dropzone__thumbnails{border:1px solid var(--dash-border,#e2e8f0f2);background:#f8fafc;border-radius:10px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.support-dropzone__thumb{border:1px solid var(--dash-border,#e2e8f0f2);background:#000;border-radius:8px;width:70px;height:48px;position:relative;overflow:hidden}.support-dropzone__thumb-img{object-fit:cover;width:100%;height:100%}.support-dropzone__thumb-remove{color:#fff;cursor:pointer;background:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .15s;display:flex;position:absolute;top:3px;right:3px}.support-dropzone__thumb-remove:hover{background:#dc2626}.support-dialog__backdrop{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.support-dialog__panel{border-radius:var(--dash-radius,18px);border:1px solid var(--dash-border,#e2e8f0f2);background:#fff;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 60px #0f172a33}.support-dialog__header{border-bottom:1px solid var(--dash-border,#e2e8f0f2);justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem .85rem;display:flex}.support-dialog__icon-wrap{background:var(--dash-mint-light,#f0fdfa);width:28px;height:28px;color:var(--dash-accent,#064e3b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.support-dialog__title{color:var(--dash-text,#0f172a);letter-spacing:-.01em;margin-bottom:.15rem;display:block;font-size:.975rem!important;font-weight:700!important}.support-dialog__desc{color:var(--dash-muted,#475569);margin-bottom:0;line-height:1.35;font-size:.72rem!important}.support-dialog__close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex}.support-dialog__close-btn:hover{color:var(--dash-text,#0f172a);background:#f1f5f9}.support-dialog__form{flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex}.support-dialog__field{flex-direction:column;gap:.35rem;display:flex}.support-dialog__label{color:var(--dash-text,#0f172a);font-size:.78rem;font-weight:600}.support-dialog__input,.support-dialog__select,.support-dialog__textarea{border:1px solid var(--dash-border,#e2e8f0f2);width:100%;color:var(--dash-text,#0f172a);background:#fff;border-radius:10px;outline:none;padding:.6rem .75rem;font-size:.8125rem;transition:border-color .2s,box-shadow .2s}.support-dialog__input:focus,.support-dialog__select:focus,.support-dialog__textarea:focus{border-color:var(--dash-teal,#2dd4bf);box-shadow:0 0 0 3px #2dd4bf26}.support-dialog__input.is-invalid,.support-dialog__textarea.is-invalid{border-color:#ef4444}.support-dialog__error{color:#ef4444;font-size:.72rem}.support-dialog__footer{justify-content:flex-end;align-items:center;gap:.65rem;padding-top:.5rem;display:flex}.image-lightbox-modal__backdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-lightbox-modal__container{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.image-lightbox-modal__header{align-items:center;gap:.5rem;display:flex;position:absolute;top:-42px;right:0}.image-lightbox-modal__btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background-color .15s;display:flex}.image-lightbox-modal__btn:hover{background:#ffffff4d}.image-lightbox-modal__img-wrapper{background:#000;border:1px solid #ffffff26;border-radius:14px;overflow:hidden;box-shadow:0 25px 60px #00000080}.image-lightbox-modal__img{object-fit:contain;max-width:85vw;max-height:80vh;display:block}.btn-dashboard-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2dd4bf 0%,#059669 55%,#064e3b 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.8125rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #064e3b33}.btn-dashboard-primary:hover{opacity:.95;color:#fff;transform:translateY(-1px)}.btn-dashboard-secondary{color:var(--dash-text,#0f172a);border:1px solid var(--dash-border,#e2e8f0f2);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-dashboard-secondary:hover{color:var(--dash-text,#0f172a);background:#f8fafc;border-color:#cbd5e1}.btn-dashboard-secondary:disabled,.btn-dashboard-primary:disabled{opacity:.6;pointer-events:none}
.dashboard-layout{--dash-sidebar-w:248px;--dash-bg:#f8fafc;--dash-surface:#ffffffe0;--dash-surface-solid:#fff;--dash-border:#e2e8f0f2;--dash-text:#0f172a;--dash-muted:#475569;--dash-accent:#064e3b;--dash-accent-hover:#047857;--dash-emerald:#059669;--dash-teal:#2dd4bf;--dash-mint:#ccfbf1;--dash-mint-light:#f0fdfa;--dash-shadow:0 20px 50px #0f172a14;--dash-shadow-sm:0 10px 28px #0f172a0f;--dash-radius:18px;--dash-radius-sm:12px;background:var(--dash-bg);min-height:100vh;color:var(--dash-text);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}.dashboard-shell{min-height:100%}.dashboard-layout--loading .dashboard-main__bg{inset:0}.dashboard-sidebar{z-index:100;width:var(--dash-sidebar-w);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:100dvh;color:var(--dash-text);border-right:1px solid var(--dash-border);background:#ffffffd1;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:12px 0 40px #0f172a0a}.dashboard-sidebar__bg{pointer-events:none;position:absolute;inset:0}.dashboard-sidebar__mesh{background:linear-gradient(#94a3b80d 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#94a3b80d 1px,#0000 1px) 0 0/40px 40px,radial-gradient(70% 55% at 0 0,#2dd4bf24,#0000 62%);position:absolute;inset:0}.dashboard-sidebar__inner{z-index:1;flex-direction:column;height:100%;padding:1.15rem .9rem;display:flex;position:relative;overflow:hidden}.dashboard-sidebar__brand{border-bottom:1px solid var(--dash-border);flex-shrink:0;justify-content:flex-start;align-items:center;margin-bottom:.5rem;padding:0 .25rem 1rem;display:flex}.dashboard-sidebar__logo-link{line-height:0;display:inline-flex}.dashboard-sidebar__logo-link .brand-logo__img{width:auto;max-width:178px;height:46px}.dashboard-sidebar__logo{background:var(--dash-accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:700;display:flex}.dashboard-sidebar__brand-text{color:#fff;font-size:.8125rem;font-weight:600;line-height:1.25}.dashboard-sidebar__brand-sub{opacity:.55;font-size:.625rem;font-weight:400}.dashboard-sidebar__profile{background:var(--dash-mint-light);border-radius:var(--dash-radius-sm);border:1px solid #2dd4bf47;flex-shrink:0;align-items:center;gap:.55rem;margin-bottom:.85rem;padding:.65rem .7rem;display:flex}.dashboard-sidebar__avatar{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#059669 55%,#064e3b 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 6px 16px #064e3b38}.dashboard-sidebar__profile-name{color:var(--dash-text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.75rem;font-weight:600;line-height:1.25;overflow:hidden}.dashboard-sidebar__profile-email{color:var(--dash-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.625rem;overflow:hidden}.dashboard-sidebar__nav{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.dashboard-sidebar__nav-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:.35rem .55rem;font-size:.625rem;font-weight:700}.dashboard-sidebar__link{color:var(--dash-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.55rem;width:100%;padding:.55rem .7rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;display:flex}.dashboard-sidebar__link svg{opacity:.85;flex-shrink:0;width:16px;height:16px;line-height:0}.dashboard-sidebar__link:hover{background:var(--dash-mint-light);color:var(--dash-accent)}.dashboard-sidebar__link.active{background:var(--dash-mint-light);color:var(--dash-accent);box-shadow:inset 0 0 0 1px #2dd4bf59}.dashboard-sidebar__footer{border-top:1px solid var(--dash-border);flex-direction:column;flex-shrink:0;gap:.25rem;margin-top:auto;padding-top:.85rem;display:flex}.dashboard-sidebar__link--muted{color:var(--dash-muted);font-size:.75rem;font-weight:500}.dashboard-sidebar__link--danger{color:#b42318}.dashboard-sidebar__link--danger:hover{color:#b42318;background:#fef2f2}.dashboard-main{margin-left:var(--dash-sidebar-w);height:100dvh;padding:1.5rem 1.85rem 2.25rem;position:relative;overflow:hidden auto}.dashboard-main__bg{inset:0 0 0 var(--dash-sidebar-w);pointer-events:none;z-index:0;position:fixed}.dashboard-main__mesh{background:linear-gradient(#94a3b812 1px,#0000 1px) 0 0/52px 52px,linear-gradient(90deg,#94a3b812 1px,#0000 1px) 0 0/52px 52px,radial-gradient(65% 55% at 10% 0,#2dd4bf1f,#0000 60%),radial-gradient(50% 45% at 90% 20%,#ccfbf173,#0000 65%);position:absolute;inset:0}.dashboard-main__orb{filter:blur(90px);border-radius:50%;position:absolute}.dashboard-main__orb--1{background:#2dd4bf2e;width:360px;height:360px;top:8%;right:6%}.dashboard-main__orb--2{background:#f0fdfabf;width:280px;height:280px;bottom:12%;left:12%}.dashboard-main .dashboard-shell{z-index:1;width:100%;position:relative}.dashboard-page{width:100%}.dashboard-page--subscription{max-width:none}.dashboard-page-header{margin-bottom:1.15rem}.dashboard-page-header h1{color:var(--dash-text);letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.65rem!important;font-weight:800!important}.dashboard-page-header p{color:var(--dash-muted);margin:0;line-height:1.55;font-size:.875rem!important}.dashboard-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:.85rem;padding:1.15rem 1.25rem}.dashboard-card__title{color:var(--dash-text);margin:0 0 .85rem;font-size:1.1rem!important;font-weight:600!important}.integration-steps{flex-direction:column;display:flex}.integration-step{align-items:baseline;gap:.65rem;padding:.65rem 0;display:flex}.integration-step:not(:last-child){border-bottom:1px solid #e2e8f0e6}.integration-step__number{background:var(--dash-mint-light);width:24px;height:24px;color:var(--dash-accent);border:1px solid #2dd4bf4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.6875rem;font-weight:600;display:flex}.integration-step__title{color:var(--dash-text);margin:0 0 .2rem;font-weight:600;font-size:1rem!important}.integration-step__body{color:var(--dash-muted);margin:0;line-height:1.45;font-size:.75rem!important}.integration-step__body code,.dashboard-inline-code{background:var(--dash-mint-light);color:var(--dash-accent);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,Consolas,monospace;font-size:.625rem}.integration-step__body a{color:var(--dash-accent);font-weight:500;text-decoration:none}.integration-step__body a:hover{text-decoration:underline}.api-key-card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.65rem;display:flex}.api-key-card__head .dashboard-card__title{margin-bottom:.15rem}.api-key-card__hint{color:var(--dash-muted);margin:0;line-height:1.35;font-size:.6875rem!important}.api-key-row{align-items:stretch;gap:.65rem;display:flex}.dashboard-btn-copy{color:#fff;cursor:pointer;text-transform:capitalize;background:linear-gradient(135deg,#064e3b 0%,#047857 55%,#064e3b 100%);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:0;min-width:2.85rem;padding:10px;font-size:.6875rem;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 22px #064e3b38}.dashboard-btn-copy:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #064e3b47}.dashboard-btn-copy:disabled{opacity:.5;cursor:not-allowed}.dashboard-btn-copy svg{width:15px;height:15px}.api-key-box{word-break:break-all;background:var(--dash-mint-light);border-radius:var(--dash-radius-sm);color:var(--dash-text);border:1px solid #2dd4bf47;flex:1;padding:.65rem .8rem;font-family:ui-monospace,Consolas,monospace;font-size:.6875rem;line-height:1.5}.dashboard-stats{border-top:1px solid var(--dash-border);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.65rem;padding-top:.65rem;display:flex}.dashboard-stat{color:var(--dash-muted);font-size:.6875rem}.dashboard-stat strong{color:var(--dash-text);font-weight:600}.domain-form{margin-bottom:1rem}.domain-form__row{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.domain-form__field{flex:12rem;min-width:0}.domain-form__label{color:var(--dash-muted);margin-bottom:.35rem;font-size:.6875rem;font-weight:600;display:block}.domain-form__input{box-sizing:border-box;border:1px solid var(--dash-border);border-radius:var(--dash-radius-sm);background:var(--dash-surface-solid);width:100%;color:var(--dash-text);outline:none;padding:.55rem .75rem;font-size:.75rem;transition:border-color .2s,box-shadow .2s;display:block}.domain-form__input:focus{border-color:var(--dash-accent-hover);box-shadow:0 0 0 3px #2dd4bf2e}.domain-form__input--error{border-color:#e53e3e}.domain-form__input--error:focus{box-shadow:0 0 0 2px #e53e3e26}.domain-form__submit{white-space:nowrap;flex:none;margin-bottom:0}.domain-form__error{color:#b42318;margin:.5rem 0 0;line-height:1.4;font-size:.6875rem!important}.domain-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.domain-item{background:var(--dash-mint-light);border-radius:var(--dash-radius-sm);border:1px solid #2dd4bf38;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.domain-item__name{color:var(--dash-text);font-family:ui-monospace,Consolas,monospace;font-size:.6875rem;font-weight:500}.domain-item__remove{color:#b42318;cursor:pointer;background:#fff;border:1px solid #f0d4d4;border-radius:5px;padding:.2rem .5rem;font-size:.625rem;font-weight:500}.domain-item__remove:hover{background:#fef8f8}.dashboard-empty,.dashboard-loading{color:var(--dash-muted);text-align:center;padding:1.25rem .5rem;font-size:.6875rem}.dashboard-loading{text-align:left;padding:.5rem 0}.dashboard-layout .btn-primary{color:#fff!important;background:linear-gradient(135deg,#064e3b 0%,#047857 55%,#064e3b 100%)!important;border:none!important;border-radius:999px!important;height:2.15rem!important;min-height:2.15rem!important;padding:0 1rem!important;font-size:.75rem!important;font-weight:700!important;transform:none!important;box-shadow:0 8px 22px #064e3b38!important}.dashboard-layout .btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 10px 28px #064e3b47!important}.dashboard-layout .floating-label{font-size:.6875rem!important}.dashboard-layout .input-container input{padding:.55rem .65rem!important;font-size:.75rem!important}.dashboard-layout .error-text{font-size:.625rem!important}.dashboard-layout .alert{padding:.5rem .65rem!important;font-size:.6875rem!important}.subscription-plan-card__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.65rem;display:flex}.subscription-plan-card__badge{text-transform:uppercase;letter-spacing:.06em;background:var(--dash-mint-light);color:var(--dash-accent);border:1px solid #2dd4bf59;border-radius:999px;margin-bottom:.35rem;padding:.2rem .55rem;font-size:.625rem;font-weight:700;display:inline-block}.subscription-plan-card__title{color:var(--dash-text);margin:0;font-weight:600;font-size:1.125rem!important}.subscription-plan-card__price{color:var(--dash-text);white-space:nowrap;font-size:.875rem;font-weight:600}.subscription-plan-card__desc{color:var(--dash-muted);margin:0 0 .75rem;line-height:1.45;font-size:.75rem!important}.subscription-features{color:var(--dash-muted);margin:0 0 1rem;padding:0;font-size:.75rem;list-style:none}.subscription-features li{padding:.25rem 0 .25rem 1rem;position:relative}.subscription-features li:before{content:"•";color:var(--dash-accent);position:absolute;left:0}.subscription-loads__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}.subscription-loads__reset{color:var(--dash-muted);font-size:.6875rem}.subscription-progress{background:#ecfdf5;border-radius:99px;height:6px;margin-bottom:.65rem;overflow:hidden}.subscription-progress__bar{background:linear-gradient(90deg, var(--dash-accent), var(--dash-emerald));border-radius:99px;height:100%;transition:width .3s}.subscription-loads__count{color:var(--dash-text);font-size:.8125rem!important}.subscription-loads__remaining{color:var(--dash-muted);margin-top:.35rem;font-size:.6875rem!important}.subscription-loads__remaining--warn{color:#b42318}.subscription-dl{gap:.65rem;display:grid}.subscription-dl dt{text-transform:uppercase;letter-spacing:.04em;color:var(--dash-muted);margin-bottom:.1rem;font-size:.625rem}.subscription-dl dd{color:var(--dash-text);word-break:break-word;margin:0;font-size:.8125rem}.subscription-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:.75rem;display:grid}.subscription-grid__main{flex-direction:column;gap:.75rem;min-width:0;display:flex}.subscription-grid__main .dashboard-card{margin-bottom:0}.subscription-grid__side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.subscription-grid__side .dashboard-card{margin-bottom:0}.subscription-loads-card .subscription-loads__stats{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-top:.35rem;display:flex}.subscription-summary-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.subscription-summary-list li{border-bottom:1px solid var(--dash-border);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.55rem;font-size:.75rem;display:flex}.subscription-summary-list li:last-child{border-bottom:none;padding-bottom:0}.subscription-summary-list li span{color:var(--dash-muted)}.subscription-summary-list li strong{color:var(--dash-text);text-align:right;font-weight:600}.dashboard-page--integration .integration-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:.75rem;display:grid}.dashboard-page--integration .integration-grid .dashboard-card{margin-bottom:0}@media (max-width:900px){.subscription-grid,.dashboard-page--integration .integration-grid{grid-template-columns:1fr}}@media (max-width:991px){.dashboard-sidebar{width:100%;height:auto;inset:0 0 auto;overflow:visible;box-shadow:0 8px 28px #0f172a0f}.dashboard-main__bg{inset:88px 0 0}.dashboard-sidebar__inner{padding:.75rem .85rem}.dashboard-sidebar__brand{margin-bottom:.5rem;padding-bottom:.5rem}.dashboard-sidebar__profile{display:none}.dashboard-sidebar__nav{scrollbar-width:none;flex-direction:row;gap:.35rem;overflow-x:auto}.dashboard-sidebar__nav::-webkit-scrollbar{display:none}.dashboard-sidebar__nav-label,.dashboard-sidebar__footer{display:none}.dashboard-sidebar__link{white-space:nowrap;padding:.4rem .6rem}.dashboard-main{height:auto;min-height:calc(100dvh - 88px);max-height:none;margin-top:88px;margin-left:0;padding:1rem}.api-key-row{gap:.5rem}.dashboard-btn-copy{border-radius:10px;width:2.55rem;min-width:2.55rem}}.two-factor-card__head{align-items:flex-start;gap:.85rem;display:flex}.two-factor-card__icon{background:var(--dash-mint-light);width:40px;height:40px;color:var(--dash-accent);border:1px solid #2dd4bf47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.two-factor-card__copy{color:var(--dash-muted);margin:.35rem 0 0;line-height:1.5;font-size:.8125rem!important}.two-factor-card__row{border:1px solid var(--dash-border);background:#f8fafccc;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.two-factor-card__status-label{letter-spacing:.04em;text-transform:uppercase;color:var(--dash-muted);margin:0;font-weight:700;font-size:.6875rem!important}.two-factor-card__status{margin:.15rem 0 0;font-weight:700;font-size:.95rem!important}.two-factor-card__status.is-on{color:var(--dash-emerald)}.two-factor-card__status.is-off{color:#dc2626}.two-factor-card__hint{color:var(--dash-muted);margin:.9rem 0 0;line-height:1.5;font-size:.8rem!important}.two-factor-switch{cursor:pointer;background:0 0;border:none;align-items:center;gap:.55rem;padding:0;display:inline-flex}.two-factor-switch:disabled{opacity:.6;cursor:not-allowed}.two-factor-switch__thumb{background:#cbd5e1;border-radius:999px;width:44px;height:26px;transition:background-color .18s;position:relative}.two-factor-switch__thumb:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0f172a2e}.two-factor-switch.is-on .two-factor-switch__thumb{background:var(--dash-emerald)}.two-factor-switch.is-on .two-factor-switch__thumb:after{transform:translate(18px)}.two-factor-switch__label{color:var(--dash-muted);font-weight:700;font-size:.75rem!important}.two-factor-switch.is-on .two-factor-switch__label{color:var(--dash-emerald)}.two-factor-otp-panel.confirm-dialog__panel{width:min(92vw,420px);padding:0 0 .35rem}.two-factor-otp-panel .two-factor-otp-header{justify-content:space-between;align-items:center;gap:.75rem;padding:1.15rem 1.1rem .2rem 1.25rem;display:flex}.two-factor-otp-heading{align-items:center;gap:.7rem;min-width:0;display:flex}.two-factor-otp-heading__icon{background:var(--dash-mint-light,#f0fdfa);width:34px;height:34px;color:var(--dash-accent,#064e3b);border:1px solid #2dd4bf47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.two-factor-otp-panel .confirm-dialog__title{color:var(--dash-text,#0f172a);font-weight:700;font-size:1.05rem!important}.two-factor-otp-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.two-factor-otp-close:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.two-factor-otp-close:disabled{opacity:.55;cursor:not-allowed}.two-factor-otp-body{padding:.35rem 1.35rem 1.3rem}.two-factor-otp-copy{color:#64748b;margin:0;line-height:1.55;font-size:.84rem!important}.two-factor-otp-email{color:#064e3b;letter-spacing:.01em;background:#f0fdfa;border-radius:999px;margin:.55rem 0 0;padding:.22rem .55rem;font-weight:650;display:inline-block;font-size:.78rem!important}.two-factor-otp-inputs{justify-content:space-between;gap:.4rem;margin:1.15rem 0 0;display:flex}.two-factor-otp-input{text-align:center;width:2.55rem;max-width:3rem;height:3.05rem;color:var(--dash-text);background:#f8fafc;border:1.5px solid #94a3b8;border-radius:12px;outline:none;flex:1 1 0;font-size:1.15rem;font-weight:700;transition:border-color .16s,box-shadow .16s,background-color .16s}.two-factor-otp-input:focus,.two-factor-otp-input.is-filled{background:#fff;border-color:#064e3b;box-shadow:0 0 0 3px #064e3b1f}.two-factor-otp-input.is-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.two-factor-otp-error{color:#dc2626;text-align:center;margin:.7rem 0 0;font-size:.78rem}.two-factor-otp-submit{color:#fff;cursor:pointer;background:#064e3b;border:none;border-radius:12px;width:100%;margin-top:1.25rem;padding:.72rem 1rem;font-size:.84rem;font-weight:650;display:block}.two-factor-otp-submit:hover:not(:disabled){background:#047857}.two-factor-otp-submit:disabled{opacity:.65;cursor:not-allowed}.two-factor-otp-resend{text-align:center;color:#64748b;margin:.85rem 0 0;font-size:.78rem!important}.two-factor-otp-resend button{color:#064e3b;cursor:pointer;background:0 0;border:none;padding:0;font-weight:650}.two-factor-otp-resend button:hover:not(:disabled){text-decoration:underline}.two-factor-otp-resend button:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}