.info-table{flex-direction:column;display:flex}.info-row{border-bottom:1px solid var(--border);padding:16px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{width:200px;color:var(--fg-muted);font-size:14px;font-weight:500}.info-value{color:var(--fg);flex:1;font-size:14px;font-weight:500}.info-value-header{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:12px;font-weight:600}.info-row:first-child .info-label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}html[data-theme=dark] .card,html[data-theme=dark] .metric-card{background:#1e293b;border-color:#334155}html[data-theme=dark] .metric-title{color:#e2e8f0}html[data-theme=dark] .metric-value{color:#f8fafc}html[data-theme=dark] .metric-value.value-blue{color:#60a5fa}html[data-theme=dark] .metric-value.value-green{color:#4ade80}html[data-theme=dark] .metric-subtitle{color:#94a3b8}html[data-theme=dark] .card-title,html[data-theme=dark] .status-text{color:#f8fafc}.modal-content{background:#1e293b;border:1px solid #334155;border-radius:16px;max-width:480px;padding:32px}.modal-header{text-align:center;border-bottom:none;margin-bottom:24px;padding:0}.modal-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.modal-subtitle{color:#94a3b8;font-size:15px;line-height:1.5}.form-label-modal{color:#f8fafc;margin-bottom:8px;font-weight:600;display:block}.dropdown-select{color:#f8fafc;appearance:none;background:#334155 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right 16px center/20px no-repeat;border:1px solid #475569;border-radius:8px;width:100%;padding:12px 16px;font-size:16px}.dropdown-option-preview{background:#334155;border:1px solid #475569;border-radius:12px;margin-top:20px;padding:20px}.preview-amount{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.preview-description{color:#cbd5e1;font-size:14px;line-height:1.5}.modal-actions{background:0 0;border-top:none;gap:16px;margin-top:32px;padding:0;display:flex}.btn-modal{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-modal-secondary{color:#f8fafc;background:#334155}.btn-modal-secondary:hover{background:#475569}.btn-modal-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-modal-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}
.page-header-content{margin-bottom:24px}.page-title-large{color:var(--fg);margin-bottom:4px;font-size:24px;font-weight:700}.page-subtitle{color:var(--fg-muted);font-size:14px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.metric-title{color:var(--fg-muted);margin-bottom:8px;font-size:14px;font-weight:600}.metric-value{color:var(--fg);font-size:32px;font-weight:700;line-height:1.2}.value-blue{color:#3b82f6}.value-green{color:#10b981}.value-orange{color:#f59e0b}.value-green-text{color:#10b981;font-size:24px}html[data-theme=dark] .value-blue{color:#93c5fd!important}html[data-theme=dark] .value-green{color:#34d399!important}html[data-theme=dark] .value-orange{color:#fbbf24!important}html[data-theme=dark] .value-green-text{color:#34d399!important}.main-card{border:1px solid var(--border);background:#fff;border-radius:8px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--fg);font-size:16px;font-weight:600}.card-actions{align-items:center;gap:16px;display:flex}.btn-refresh{border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.btn-refresh:hover{background:var(--muted-bg);color:var(--fg)}.btn-link-reset{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:none}.btn-link-reset:hover{text-decoration:underline}.filters-section{background:#fff;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--fg-muted);font-size:13px;font-weight:600}.form-select,.form-input{background:var(--input-bg);border:1px solid var(--border);color:var(--input-fg);border-radius:4px;width:100%;height:40px;padding:8px 12px;font-size:14px}.form-select:focus,.form-input:focus{border-color:#3b82f6;outline:none}.summary-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--fg-muted);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 24px;font-size:13px;display:flex}.summary-right{gap:24px;display:flex}.summary-bar strong{color:var(--fg);font-weight:600}.action-bar{background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.export-buttons{gap:8px;display:flex}.btn-export{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.btn-export:hover{background:#059669}.show-entries{color:var(--fg-muted);align-items:center;gap:8px;font-size:13px;display:flex}.form-select-sm{background:var(--input-bg);border:1px solid var(--border);color:var(--input-fg);border-radius:4px;padding:4px 8px}.table{border-collapse:collapse;width:100%}.table th{color:var(--fg-muted);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:16px 24px;font-size:11px;font-weight:700}.sort-icon{opacity:.5;margin-left:4px;font-size:10px}.table td{border-bottom:1px solid var(--border);color:var(--fg);padding:16px 24px;font-size:13px}.table tr:hover td{background:var(--muted-bg)}.badge{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.badge-success{color:#065f46;background:#d1fae5}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#b91c1c;background:#fee2e2}.badge-neutral{color:#475569;background:#f1f5f9}.pagination-footer{border-top:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.page-info{color:var(--fg-muted);font-size:13px}.pagination-controls{align-items:center;gap:4px;display:flex}.btn-page{border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;background:#fff;border-radius:4px;min-width:32px;padding:6px 12px;font-size:13px;transition:all .2s}.btn-page:hover:not(:disabled){background:var(--muted-bg);color:var(--fg)}.btn-page.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-page:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{color:var(--fg-muted);padding:6px}.date-range-picker{width:100%;position:relative}.picker-trigger{border:1px solid var(--border);background:var(--input-bg);height:40px;color:var(--input-fg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.picker-trigger:hover{border-color:var(--fg-muted)}.picker-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.trigger-text{align-items:center;gap:8px;display:flex}.calendar-icon{color:var(--fg-muted)}.picker-popover{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:8px;width:max-content;margin-top:8px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.presets-sidebar{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;gap:2px;width:160px;padding:8px;display:flex}.preset-item{color:var(--fg-muted);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .15s}.preset-item:hover{background:var(--muted-bg);color:var(--fg)}.preset-item.active{color:#fff;background:#3b82f6;font-weight:500}.calendar-container{padding:16px}.rdp{--rdp-cell-size:36px;--rdp-accent-color:#93c5fd;--rdp-accent-background-color:#93c5fd33;--rdp-selected-border:2px solid #93c5fd;--rdp-range_start-color:#1e293b;--rdp-range_start-date-background-color:#93c5fd;--rdp-range_end-color:#1e293b;--rdp-range_end-date-background-color:#93c5fd;--rdp-range_middle-background-color:#93c5fd33;--rdp-today-color:#93c5fd;margin:0}.rdp-nav button,.rdp-nav_button,.rdp-button_previous,.rdp-button_next,.rdp-chevron{color:#93c5fd!important;fill:#93c5fd!important}.rdp svg,.rdp-nav svg{fill:#93c5fd!important;color:#93c5fd!important}.rdp-day_selected:not([disabled]),.rdp-day_selected:focus:not([disabled]),.rdp-day_selected:active:not([disabled]),.rdp-day_selected:hover:not([disabled]){background-color:var(--rdp-accent-color);color:#1e293b;font-weight:600}.rdp-day_today{color:#3b82f6;font-weight:700}.custom-dropdown{width:100%;position:relative}.dropdown-trigger{border:1px solid var(--border);background:var(--input-bg);color:var(--input-fg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.dropdown-trigger:hover{border-color:var(--fg-muted)}.dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.dropdown-menu{border:1px solid var(--border);z-index:1000;background:#fff;border-radius:8px;width:240px;max-height:300px;margin-top:4px;padding:6px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.dropdown-item{cursor:pointer;color:var(--fg-muted);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--muted-bg);color:var(--fg)}.dropdown-item.selected{color:var(--fg);background:#3b82f61a}.check-icon{color:#3b82f6;flex-shrink:0}.rdp-day_range_middle,.rdp-range_middle{font-weight:500;color:#1e293b!important;background-color:#93c5fd4d!important}.rdp-day_range_middle:hover,.rdp-range_middle:hover{background-color:#93c5fd66!important}.rdp-range_middle{background:#93c5fd4d!important}.rdp-range_start{background:linear-gradient(90deg,#0000 50%,#93c5fd4d 50%)!important}.rdp-range_end{background:linear-gradient(270deg,#0000 50%,#93c5fd4d 50%)!important}.rdp-range_start.rdp-range_end{background:0 0!important}.rdp-day_range_start,.rdp-day_range_end,.rdp-day_selected{font-weight:600;color:#1e293b!important;opacity:1!important;background-color:#93c5fd!important}.rdp-range_start .rdp-day_button,.rdp-range_end .rdp-day_button,.rdp-selected .rdp-day_button{color:#1e293b!important;box-shadow:none!important;background-color:#93c5fd!important;border:2px solid #93c5fd!important;outline:none!important}.rdp-range_middle .rdp-day_button{color:#1e293b!important;background-color:#0000!important;border:none!important}.rdp-day_button:focus,.rdp-day_button:focus-visible,.rdp-selected .rdp-day_button:focus,.rdp-range_start .rdp-day_button:focus,.rdp-range_end .rdp-day_button:focus{box-shadow:none!important;border-color:#93c5fd!important;outline:none!important}.call-logs-modal .modal-content{border:1px solid var(--border);background:#fff;width:90%;max-width:900px}.close-modal{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:28px;line-height:1;transition:all .2s;display:flex}.close-modal:hover{color:var(--fg);background:var(--muted-bg)}.modal-header{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;padding:24px 24px 16px;display:flex;position:relative}.close-modal-corner{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:16px;right:16px}.close-modal-corner:hover{color:var(--fg);background:var(--muted-bg)}#modal-meta{color:var(--fg-muted);align-items:center;gap:12px;margin-top:8px;font-size:14px;display:flex}#modal-meta span{align-items:center;gap:6px;display:flex}.copy-feedback{color:#10b981;align-items:center;gap:4px;font-size:12px;font-weight:600;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .metric-card{background:#1e293b;border-color:#334155}html[data-theme=dark] .metric-title{color:#cbd5e1}html[data-theme=dark] .metric-value{color:#fff}html[data-theme=dark] .main-card{background:#1e293b;border-color:#334155}html[data-theme=dark] .card-header{border-bottom-color:#334155}html[data-theme=dark] .card-title{color:#fff}html[data-theme=dark] .btn-refresh{color:#cbd5e1;border-color:#475569}html[data-theme=dark] .btn-refresh:hover{color:#fff;background:#334155}html[data-theme=dark] .filters-section{background:#1e293b}html[data-theme=dark] .filter-group label{color:#cbd5e1}html[data-theme=dark] .form-select,html[data-theme=dark] .form-input{color:#fff;background:#334155;border-color:#475569}html[data-theme=dark] .summary-bar{color:#cbd5e1;background:#0f172a;border-color:#334155}html[data-theme=dark] .summary-bar strong{color:#fff}html[data-theme=dark] .action-bar{background:#1e293b}html[data-theme=dark] .show-entries{color:#cbd5e1}html[data-theme=dark] .table th{color:#94a3b8;background:#1e293b;border-bottom-color:#334155}html[data-theme=dark] .table td{color:#fff;border-bottom-color:#334155}html[data-theme=dark] .table tr:hover td{background:#334155}html[data-theme=dark] .badge-success{color:#34d399;background:#064e3b}html[data-theme=dark] .badge-warning{color:#fbbf24;background:#78350f}html[data-theme=dark] .badge-danger{color:#f87171;background:#7f1d1d}html[data-theme=dark] .badge-neutral{color:#cbd5e1;background:#334155}html[data-theme=dark] .pagination-footer{background:#1e293b;border-top-color:#334155}html[data-theme=dark] .btn-page{color:#cbd5e1;background:#1e293b;border-color:#334155}html[data-theme=dark] .btn-page:hover:not(:disabled):not(.active){color:#fff;background:#334155}html[data-theme=dark] .btn-page.active{color:#fff;background:#3b82f6;border-color:#3b82f6}html[data-theme=dark] .btn-page:disabled{color:#475569;background:#0f172a}html[data-theme=dark] .picker-popover{background:#1e293b;border-color:#334155}html[data-theme=dark] .presets-sidebar{background:#0000001a;border-right-color:#334155}html[data-theme=dark] .preset-item{color:#cbd5e1}html[data-theme=dark] .preset-item:hover{color:#fff;background:#ffffff0d}html[data-theme=dark] .rdp-caption_label,html[data-theme=dark] .rdp-head_cell,html[data-theme=dark] .rdp-day{color:#e2e8f0}html[data-theme=dark] .rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:#334155}html[data-theme=dark] .rdp-nav_button,html[data-theme=dark] .rdp-nav button,html[data-theme=dark] .rdp-button_previous,html[data-theme=dark] .rdp-button_next,html[data-theme=dark] .rdp-chevron{color:#93c5fd!important;fill:#93c5fd!important}html[data-theme=dark] .rdp svg,html[data-theme=dark] .rdp-nav svg{fill:#93c5fd!important;color:#93c5fd!important}html[data-theme=dark] .rdp-day_range_middle,html[data-theme=dark] .rdp-range_middle{color:#e2e8f0!important;background-color:#93c5fd33!important}html[data-theme=dark] .rdp-day_range_middle:hover,html[data-theme=dark] .rdp-range_middle:hover{background-color:#93c5fd4d!important}html[data-theme=dark] .rdp-range_middle{background:#93c5fd33!important}html[data-theme=dark] .rdp-range_start{background:linear-gradient(90deg,#0000 50%,#93c5fd33 50%)!important}html[data-theme=dark] .rdp-range_end{background:linear-gradient(270deg,#0000 50%,#93c5fd33 50%)!important}html[data-theme=dark] .rdp-range_start.rdp-range_end{background:0 0!important}html[data-theme=dark] .rdp-day_range_start,html[data-theme=dark] .rdp-day_range_end,html[data-theme=dark] .rdp-day_selected{color:#1e293b!important;background-color:#93c5fd!important}html[data-theme=dark] .rdp-range_start .rdp-day_button,html[data-theme=dark] .rdp-range_end .rdp-day_button,html[data-theme=dark] .rdp-selected .rdp-day_button{color:#1e293b!important;box-shadow:none!important;background-color:#93c5fd!important;border:2px solid #93c5fd!important;outline:none!important}html[data-theme=dark] .rdp-range_middle .rdp-day_button{color:#e2e8f0!important;background-color:#0000!important;border:none!important}html[data-theme=dark] .dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px #0003}html[data-theme=dark] .dropdown-item{color:#cbd5e1}html[data-theme=dark] .dropdown-item:hover{color:#fff;background:#334155}html[data-theme=dark] .dropdown-item.selected{color:#fff;background:#3b82f61a}html[data-theme=dark] .close-modal-corner:hover{background:#334155}html[data-theme=dark] .call-logs-modal .modal-content{background:#1e293b;border-color:#334155}
*{box-sizing:border-box;margin:0;padding:0}:root{--ai-primary:linear-gradient(135deg,#00f5ff,#06f);--ai-secondary:linear-gradient(135deg,#ff0080,#ff6b00);--ai-accent:#00f5ff;--ai-glow:#00f5ff4d;--glass-blur:blur(15px);--glass-bg:#ffffff14;--glass-border-color:#ffffff26;--transition-smooth:all .3s cubic-bezier(.25,.46,.45,.94);--container-max-width:1200px;--header-height:64px;--radius-lg:12px;--text-sm:14px;--font-medium:500;--bg:#f8fafc;--fg:#1f2937;--fg-muted:#6b7280;--fg-subtle:#94a3b8;--border:#e2e8f0;--border-soft:#f3f4f6;--card-bg:#fff;--muted-bg:#f8fafc;--focus:#667eea;--input-bg:#fff;--input-fg:#2d3748;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 15px #0000001a}html{background:var(--bg);color:var(--fg)}body{background:inherit;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body:before{content:"";background:inherit;z-index:-1;position:fixed;inset:0}.hidden{display:none!important}html[data-theme=dark]{--bg:#0f172a;--fg:#f8fafc;--fg-muted:#cbd5e1;--fg-subtle:#94a3b8;--card-bg:#1e293b;--muted-bg:#1f2937;--border:#334155;--border-soft:#2b3a51;--input-bg:#374151;--input-fg:#f1f5f9}.app-wrapper{min-height:100vh;display:flex}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);z-index:1000;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px}.sidebar-logo-link{justify-content:center;align-items:center;gap:12px;text-decoration:none;display:flex}.sidebar-logo{border-radius:8px;width:36px;height:36px}.sidebar-brand-title{background:var(--ai-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:800}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.sidebar-nav-item{color:var(--fg-muted);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--muted-bg);color:var(--fg)}.sidebar-nav-item.active{color:var(--ai-accent);border-left:3px solid var(--ai-accent);background:linear-gradient(135deg,#00f5ff1a,#0066ff1a);padding-left:13px}html[data-theme=light] .sidebar-nav-item.active,:root:not([data-theme=dark]) .sidebar-nav-item.active{color:#667dea;background:#667dea1a;border-left:3px solid #667dea}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.sidebar-user-info{background:var(--muted-bg);border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex;position:relative}.sidebar-collapse-btn{color:#fff;cursor:pointer;background:#667dea;border:1px solid #667dea;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:#7c8ff0;border-color:#7c8ff0}.sidebar-collapse-btn svg{color:#fff;width:14px;height:14px}.sidebar-user-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.sidebar-actions{gap:8px;display:flex}.sidebar-theme-toggle,.sidebar-logout{border:1px solid var(--border);background:var(--card-bg);color:var(--fg-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-theme-toggle:hover,.sidebar-logout:hover{background:var(--muted-bg);border-color:var(--ai-accent);color:var(--fg)}.sidebar-theme-toggle svg,.sidebar-logout svg{width:16px;height:16px}.sidebar-logout{background:var(--bad);border-color:var(--bad);color:#fff}.sidebar-logout:hover{background:#dc2626;border-color:#dc2626}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-header{padding:24px 12px}.sidebar.collapsed .sidebar-logo-link{justify-content:center}.sidebar.collapsed .sidebar-nav{padding:20px 8px}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-user-info{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-actions{flex-direction:column;gap:4px}.sidebar.collapsed .sidebar-logout{justify-content:center;width:100%;padding:8px}.sidebar.collapsed .collapse-icon{display:none}.sidebar.collapsed .expand-icon{display:block!important}.sidebar.collapsed .sidebar-brand-title,.sidebar.collapsed .sidebar-nav-item span,.sidebar.collapsed .sidebar-user-name,.sidebar.collapsed .sidebar-theme-toggle span,.sidebar.collapsed .sidebar-logout span{display:none}.mobile-menu-toggle{z-index:1001;background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:none;position:fixed;top:16px;left:16px}.mobile-menu-toggle:hover{background:var(--muted-bg);border-color:var(--ai-accent)}.mobile-menu-toggle svg{width:24px;height:24px;color:var(--fg)}.main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;transition:margin-left .3s;display:flex}body.sidebar-collapsed .main-wrapper{margin-left:70px!important}.app-wrapper:has(.sidebar.collapsed) .main-wrapper{margin-left:70px!important}.main-content{flex:1;width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:32px}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.sidebar-collapse-btn{display:none}.main-wrapper,.sidebar.collapsed~.main-wrapper{margin-left:0}.mobile-menu-toggle{display:flex}.main-content{padding:20px 16px}.sidebar-brand-title{font-size:1.2rem}.sidebar-nav{padding:16px 8px}.sidebar-nav-item{padding:10px 14px}.sidebar-user-name{font-size:13px}.sidebar-actions{flex-direction:column}.sidebar-theme-toggle,.sidebar-logout{width:100%}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:220px}.main-wrapper{margin-left:220px}body.sidebar-collapsed .main-wrapper{margin-left:70px!important}.app-wrapper:has(.sidebar.collapsed) .main-wrapper{margin-left:70px!important}.sidebar-brand-title{font-size:1.2rem}.sidebar-nav-item{padding:10px 12px;font-size:14px}}.main-layout{padding-top:32px;padding-bottom:32px;max-width:var(--container-max-width);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--fg);font-size:18px;font-weight:600}.card-content,.card .card-body{padding:24px}.btn{appearance:none;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .2s;position:relative}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #7c5cff40}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98);box-shadow:0 3px 10px #7c5cff40}.btn-secondary{background:var(--card-bg);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--muted-bg)}.btn-secondary:active{background:var(--border);transform:scale(.98)}.btn-danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-weight:600}.btn-danger:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-danger:active{background:#fecaca;transform:translateY(0)scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-link,button.btn-link{color:#4f46e5;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:none}.btn-link:hover{text-decoration:underline}html[data-theme=dark] .btn-link,html[data-theme=dark] button.btn-link{color:#667dea}.copy-btn{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:inline-flex;position:relative}.copy-btn:hover{color:#667dea;background:var(--muted-bg)}.copy-btn:active{transform:scale(.95)}.copy-btn svg{pointer-events:none;display:block}.copy-btn[title]:hover:after{content:attr(title);background:var(--fg);color:var(--card-bg);white-space:nowrap;opacity:1;pointer-events:none;z-index:1000;border-radius:4px;padding:4px 8px;font-size:12px;animation:.2s tooltipFadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(-8px)}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.dashboard-page .metrics-grid{grid-template-columns:repeat(3,1fr)}.call-logs-page .metrics-grid{grid-template-columns:repeat(4,1fr)}.metric-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.metric-title{color:#cbd5e1;margin-bottom:8px;font-size:16px;font-weight:500}html:not([data-theme=dark]) .metric-title{color:#374151}.metric-value{margin-bottom:4px;font-size:32px;font-weight:700}.metric-subtitle{color:var(--fg-muted);margin-bottom:16px;font-size:14px}.metric-value.value-primary{color:#3b82f6}.metric-value.value-success{color:var(--ok)}.metric-value.value-warning{color:var(--warn)}.value-blue{color:#4f46e5!important}.value-green{color:#10b981!important}.value-red{color:#ef4444!important}html[data-theme=dark] .value-blue{color:#93c5fd!important}html[data-theme=dark] .value-green{color:#34d399!important}html[data-theme=dark] .value-red{color:#fca5a5!important}.progress-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}html[data-theme=dark] .progress-bar{background:#334155}.progress-fill{background:var(--ok);border-radius:4px;height:100%;transition:width .3s}.progress-fill.is-yellow{background:var(--warn)}.progress-fill.is-red{background:var(--bad)}.progress-text{color:var(--fg-muted);font-size:12px}.status-badge,.badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge,.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-error{color:#991b1b;background:#fee2e2}.badge-info{color:#3730a3;background:#e0e7ff}.badge-default{color:#374151;background:#f3f4f6}html[data-theme=dark] .badge-success{color:#a7f3d0;background:#14532d}html[data-theme=dark] .badge-warning{color:#fde68a;background:#78350f}html[data-theme=dark] .badge-error{color:#fecaca;background:#7f1d1d}html[data-theme=dark] .badge-info{color:#c7d2fe;background:#312e81}html[data-theme=dark] .badge-default{color:#e2e8f0;background:#374151}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.nav-card{background:var(--card-bg);border:2px solid var(--border);border-radius:12px;padding:24px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.nav-card:before{content:"";background:linear-gradient(90deg,#0000,#667eea1a,#0000);width:100%;transition:left .5s;position:absolute;inset:0 auto 0 -100%}.nav-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 4px 15px #667eea1a}.nav-card:hover:before{left:100%}.nav-icon{margin-bottom:12px;font-size:32px;display:block}.nav-title{color:var(--fg);margin-bottom:8px;font-size:18px;font-weight:600}.nav-description{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.4}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.integration-item{align-items:center;display:flex}.status-dot{background:var(--ok);border-radius:50%;width:12px;height:12px;margin-right:12px}.integration-info h4{color:var(--fg);margin-bottom:4px;font-weight:500}.integration-info p{color:var(--fg-muted);margin:0;font-size:12px}.btn-update{color:#4f46e5;cursor:pointer;text-align:left;background:0 0;border:none;margin-top:8px;padding:0;font-size:14px;text-decoration:underline}html[data-theme=dark] .btn-update{color:#818cf8}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:24px;padding:16px 20px;font-size:14px;transition:opacity .5s,transform .5s,margin .5s,padding .5s;overflow:hidden}.alert.is-hiding{opacity:0;border-width:0;margin-block:0;padding-block:0;transform:translateY(-20px)}.alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fed7aa}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}html[data-theme=dark] .alert-success{color:#d1fae5;background:#065f46;border-color:#34d399}html[data-theme=dark] .alert-info{color:#dbeafe;background:#0b2b5a;border-color:#60a5fa}html[data-theme=dark] .alert-warning{color:#fde68a;background:#5a3b0b;border-color:#fbbf24}html[data-theme=dark] .alert-error{color:#fee2e2;background:#5f1a1a;border-color:#fca5a5}.activation-banner{border-radius:10px;margin-bottom:20px;padding:18px 24px}.activation-banner strong{margin-bottom:6px;font-weight:600;display:block}.activation-banner p{margin:0;line-height:1.5}.activation-banner .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.activation-banner .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.activation-banner .btn-primary:disabled{opacity:.6;cursor:not-allowed}html[data-theme=dark] .activation-banner .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;display:inline-block}html[data-theme=dark] .loading-spinner{border-color:#93c5fd #334155 #334155}.loading-state{text-align:center;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state p{color:var(--fg-muted);margin-top:16px;font-size:14px}.card-loading{justify-content:center;align-items:center;padding:40px 20px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--muted-bg);text-align:left;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--border-soft);color:var(--fg);padding:16px;font-size:14px}.table tbody tr:hover{background:var(--muted-bg)}.table td:nth-child(5),.table th:nth-child(5){padding-right:8px}.table td:nth-child(7),.table td:nth-child(8),.table th:nth-child(7),.table th:nth-child(8){text-align:center}.page-header{margin-bottom:32px}.page-title{color:var(--fg);margin-bottom:8px;font-size:28px;font-weight:800}.page-subtitle{color:var(--fg-muted);font-size:16px}.call-logs-page .btn-csv-export,.call-logs-page .btn-pdf-export{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .15s,background-color .15s;box-shadow:0 2px 10px #10b98140}.usage-page .btn-csv-export:hover,.usage-page .btn-pdf-export:hover{background-color:#059669;transform:translateY(-1px)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.filter-group{flex-direction:column;display:flex}.control{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--input-fg);transition:var(--transition-smooth);border-radius:8px;padding:10px 14px;font-size:14px}.control:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 3px #818cf840}input[type=search]::-webkit-search-cancel-button{appearance:none;cursor:pointer;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-size:16px 16px;width:16px;height:16px}input[type=search]::-webkit-search-cancel-button:hover{opacity:1}html[data-theme=dark] input[type=search]::-webkit-search-cancel-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23cbd5e1'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")}.date-input-container{margin-top:8px;position:relative}.calendar-icon{width:16px;height:16px;color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.table-wrap.scrollable{overflow-x:auto}.table.fixed-layout{table-layout:fixed;min-width:900px}.results-summary{font-size:var(--text-sm);color:var(--fg-muted);border:1px solid var(--border);background:#f0f5ff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 24px;display:flex}.results-summary span{color:var(--fg);font-weight:600}html[data-theme=dark] .results-summary{color:var(--fg);background-color:#162032;border:1px solid #334155}html[data-theme=dark] .results-summary span{color:var(--fg)}.dataTables_wrapper .top{justify-content:flex-start;margin-top:4px;margin-bottom:4px;display:flex}.dataTables_wrapper .dt-buttons{gap:12px;width:100%;margin-bottom:12px;justify-content:flex-start!important;display:flex!important}.dataTables_wrapper .dataTables_length{white-space:nowrap!important;align-items:center!important;gap:8px!important;display:flex!important}.dataTables_wrapper .dataTables_length label{white-space:nowrap!important;align-items:center!important;gap:8px!important;margin:0!important;display:flex!important}.pagination{justify-content:flex-end;align-items:center;gap:8px;padding:24px;display:flex}.pagination button{border:1px solid var(--border);color:#374151;cursor:pointer;min-width:36px;height:36px;transition:var(--transition-smooth);background:#fff;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500}.pagination button:hover{background:var(--muted-bg)}.pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.pagination-ellipsis{min-width:36px;height:36px;color:var(--fg-subtle);justify-content:center;align-items:center;display:flex}html[data-theme=dark] .pagination button{color:var(--fg);background-color:#1e293b;border-color:#334155}html[data-theme=dark] .pagination button:hover{background-color:#243045}html[data-theme=dark] .pagination button.active{color:#fff;background-color:#3b82f6;border-color:#2563eb}.mobile-menu-btn{display:none}.mobile-menu{top:var(--header-height);width:280px;height:calc(100vh - var(--header-height));z-index:99;background:var(--card-bg);padding:20px;transition:transform .3s;display:none;position:fixed;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0000001a}.mobile-menu.show{transform:translate(0)}.mobile-menu-backdrop{top:var(--header-height);z-index:98;background:#00000080;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-menu-backdrop.show{display:block}.mobile-menu-content{flex-direction:column;gap:20px;display:flex}.mobile-user-section{border-bottom:1px solid var(--border);padding-bottom:20px}.mobile-user-info{color:var(--fg);margin-bottom:10px;font-size:16px;font-weight:500}.mobile-theme-section{border-bottom:1px solid var(--border);padding:20px 0}.mobile-theme-title,.theme-label{color:var(--fg-muted);font-size:14px}.theme-toggle{align-items:center;gap:10px;display:flex}.toggle-switch{width:54px;height:30px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;transition:var(--transition-smooth);border:1px solid var(--border);background-color:#cbd5e1;border-radius:9999px;position:absolute;inset:0}.toggle-slider:before{content:"";width:22px;height:22px;transition:var(--transition-smooth);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:4px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:before{cursor:not-allowed}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.status-dot.active{background-color:#10b981;animation:2s infinite pulse-green}.status-dot.paused{background-color:#6b7280}.status-dot.suspended{background-color:#ef4444;animation:2s infinite pulse-red}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 6px #ef444400}}.status-text{font-size:14px;font-weight:500}.status-text.active{color:#10b981}.status-text.paused{color:#6b7280}.status-text.suspended{color:#ef4444}.mobile-logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;margin-top:auto;padding:12px 20px;font-size:16px;font-weight:500}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.modal{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;animation:.3s modalFadeIn;display:none;position:fixed;inset:0}.modal.show{justify-content:center;align-items:center;padding:20px;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-100px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content{background:var(--card-bg);color:var(--fg);border:1px solid var(--border);border-radius:20px;width:100%;max-width:500px;padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;box-shadow:0 25px 50px #0006}.modal-header{text-align:center;margin-bottom:32px}.modal-title{color:#667eea;margin-bottom:8px;font-size:28px;font-weight:800}.modal-subtitle{color:var(--fg-muted);font-size:16px;font-weight:500}.form-group-modal{margin-bottom:32px}.form-label-modal{color:#374151;margin-bottom:12px;font-size:16px;font-weight:600;display:block}html[data-theme=dark] .form-label-modal{color:var(--fg)}.dropdown-container{position:relative}.dropdown-select{border:2px solid var(--border);background:var(--input-bg);width:100%;color:var(--input-fg);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px 16px;border-radius:12px;padding:16px 40px 16px 20px;font-size:16px;font-weight:500}html[data-theme=dark] .dropdown-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dropdown-select:focus{border-color:#667eea;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea1a}.dropdown-option-preview{border:1px solid var(--border);transition:var(--transition-smooth);background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;margin-top:12px;padding:16px 20px;display:none}html[data-theme=dark] .dropdown-option-preview{background:linear-gradient(135deg,#1e293b,#334155)}.preview-amount{color:#667eea;margin-bottom:4px;font-size:24px;font-weight:700}.preview-description{color:#64748b;font-size:14px}html[data-theme=dark] .preview-description{color:#9ca3af}.modal-actions{gap:16px;margin-top:32px;display:flex}.btn-modal{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:12px;flex:1;padding:16px 24px;font-size:16px;font-weight:700;position:relative;overflow:hidden}.btn-modal-primary{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.btn-modal-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s;position:absolute;inset:0 0 0 -100%}.btn-modal-primary:hover:before{left:0}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-modal-primary:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.btn-modal-secondary{color:#374151;border:2px solid var(--border);background:#f3f4f6}html[data-theme=dark] .btn-modal-secondary{color:#d1d5db;background:#374151}.btn-modal-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}html[data-theme=dark] .btn-modal-secondary:hover{background:#4b5563}.modal-content .btn-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:2.5rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:20px}.modal-content .btn-close:hover{color:var(--fg)}.modal-body{color:#374151;white-space:pre-wrap;max-height:60vh;line-height:1.6;overflow-y:auto}html[data-theme=dark] .modal-body{color:var(--fg)}.transcription-text{color:var(--fg-muted);white-space:pre-wrap;font-size:15px;line-height:1.7}#transcriptionModal .modal-content{max-width:900px}#transcriptionModal .modal-body{flex-direction:column;gap:0;max-height:70vh;display:flex}#transcriptionModal .modal-header{margin-bottom:12px}.transcription-section{margin:0}.transcription-section:last-child{margin-bottom:0}.section-header{border-bottom:1px solid var(--border);align-items:center;margin-bottom:2px;padding-bottom:2px;display:flex}.section-title{color:var(--fg);margin:0;font-size:21px;font-weight:600}.transcription-section .transcription-text{margin:0;line-height:1.7}#transcriptionModal .modal-body p{margin:0}.auth-body{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;overflow-x:hidden}.auth-body .theme-toggle{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:fixed;top:20px;right:20px}.auth-body .theme-icon{width:20px;height:20px;stroke:var(--fg)}.auth-body .login-container{width:100%;max-width:420px;animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-body .logo-section{text-align:center;margin-bottom:30px}.auth-body .brand-logo{width:200px;height:auto;margin-inline:auto;display:block}.auth-body .login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a}.auth-body .login-card .card-title{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:28px;font-weight:800}.auth-body .form-group{margin-bottom:20px}.auth-body label{color:var(--fg);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.auth-body label .required{color:#ef4444}.auth-body input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--input-fg);transition:var(--transition-smooth);border-radius:10px;padding:12px 15px;font-size:15px}.auth-body input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-body .welcome-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:24px;padding:16px 20px;font-size:15px;font-weight:600}.auth-body .password-input-container{position:relative}.auth-body .password-input-container input{padding-right:45px}.auth-body .password-toggle{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-body .password-toggle .eye-icon{width:20px;height:20px;stroke:var(--fg-muted)}.auth-body .remember-group{justify-content:flex-end;align-items:center;margin-bottom:25px;font-size:14px;display:flex}.auth-body .forgot-password{color:#667eea;font-weight:500;text-decoration:none}.auth-body .submit-btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.auth-body .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.auth-body .submit-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%);background:linear-gradient(135deg,#667eea,#764ba2);transform:none}.auth-body .submit-btn:disabled:hover{transform:none;box-shadow:0 4px 15px #667eea4d}.auth-body .loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.8s linear infinite spin;display:none}.auth-body .submit-btn.loading-state .btn-text{display:none}.auth-body .submit-btn.loading-state .loading{display:block}.auth-body .signup-link{text-align:center;margin-top:25px;font-size:14px}.auth-body .signup-link a{color:#667eea;font-weight:600;text-decoration:none}html[data-theme=dark] .auth-body .signup-link{color:var(--fg-muted)}.auth-body .dark-mode-logo,.auth-body[data-theme=dark] .light-mode-logo{display:none}.auth-body[data-theme=dark] .dark-mode-logo{display:block}#alert-container{z-index:1000;width:320px;position:fixed;top:80px;right:20px}#alert-container .alert{color:#fff;border-radius:10px;margin-bottom:10px;padding:12px 16px;font-size:14px;animation:.3s slideInRight;box-shadow:0 10px 40px #0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#alert-container .alert-success{background:#10b981}#alert-container .alert-error{background:#ef4444}#alert-container .alert-info{background:#3b82f6}.page.settings-page{padding:32px 0 64px}.page .container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.tabs{border-bottom:1px solid var(--border);gap:12px;margin:6px 0 18px;display:flex}.tab-link{color:var(--fg-muted);opacity:.9;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 4px;font-weight:600;text-decoration:none;display:inline-block}.tab-link:hover{opacity:1}.tab-link.active{color:#a78bfa;opacity:1;border-bottom-color:#a78bfa}.page.settings-page{font-size:16px}.page.settings-page .page-header h1{font-size:32px;line-height:1.2}.page.settings-page .tabs .tab-link{font-size:18px}.page.settings-page .card-header h2,.page.settings-page .card-header h3{font-size:18px;font-weight:700}html[data-theme=dark] .page.settings-page .page-header h1,html[data-theme=dark] .page.settings-page .card-header h2,html[data-theme=dark] .page.settings-page .card-header h3{color:var(--fg);opacity:1}.form-grid{grid-template-columns:1fr 1fr;gap:14px 20px;padding:16px 18px 22px;display:grid}.form-row{flex-direction:column;gap:6px;display:flex}.form-row--full{grid-column:1/-1}.form-row label{color:var(--fg-subtle);font-size:14px}.form-row input[type=text],.form-row input[type=email],.form-row input[type=password]{border:1px solid var(--border);background:var(--card-bg);height:42px;color:var(--fg);border-radius:10px;outline:none;padding:10px 12px;font-size:16px;transition:box-shadow .15s,border-color .15s}.form-row input:focus{border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff33}input[disabled]{opacity:.75;cursor:not-allowed}.help-text{color:var(--fg-muted);margin-top:6px;font-size:13px}.form-actions{grid-column:1/-1;justify-content:flex-start;gap:10px;margin-top:4px;display:flex}#acctThresholdEdit .form-actions{margin-top:1rem}#acctThresholdCard .form-row>label{color:var(--fg,#0f172a);opacity:1;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:16px;padding:16px 18px 22px;display:grid}.payment-method,.settings-page .pm-row{border:1px solid var(--border);background:var(--card-bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.payment-method .payment-icon,.settings-page .pm-brand{object-fit:contain;border-radius:6px;flex:none;width:40px;height:26px;display:block}.payment-method .card-info,.settings-page .pm-text{flex-direction:column;min-width:0;display:flex}.payment-method .card-number,.settings-page .pm-number{color:var(--fg);font-weight:700;line-height:1.4}.payment-method .card-details,.settings-page .pm-meta{color:var(--fg-muted);font-size:13px;line-height:1.5}.pm-label{text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pm-label-default{color:var(--ok);background:#10b9811a}.pm-label-backup{color:#3b82f6;background:#3b82f61a}html[data-theme=dark] .pm-label-default{color:#34d399;background:#10b98126}html[data-theme=dark] .pm-label-backup{color:#60a5fa;background:#3b82f626}.cq-empty{border:1px dashed var(--border);background:var(--card-bg);border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.cq-empty__icon{opacity:.9;font-size:18px}.cq-empty__title{font-weight:700}.cq-empty__msg{color:var(--fg-muted);margin-top:2px;font-size:14px}.cq-empty__cta{margin-top:8px}.stripe-form{width:100%;max-width:420px}.stripe-label{color:var(--foreground);margin-bottom:8px;font-weight:600;display:block}#stripe-card-container{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:10px 12px}html[data-theme=dark] #stripe-card-container{background:#ffffff05;border-color:#ffffff14}#stripe-card-container.StripeElement--focus,#stripe-card-container:focus-within{border-color:var(--ring);outline:none;box-shadow:0 0 0 4px #6366f126}.stripe-wrap{width:100%;max-width:420px}#stripe-card-container{border:1px solid var(--border);border-radius:8px;padding:10px 12px}#card-errors.form-hint{margin-top:8px}html[data-theme=dark] .help-text,html[data-theme=dark] .card-description,html[data-theme=dark] .muted,html[data-theme=dark] .subtext,html[data-theme=dark] small{color:var(--fg-muted);opacity:.95}html[data-theme=dark] .cq-empty{background:#1e293b;border-color:#334155}html[data-theme=dark] .cq-empty__title{color:var(--fg);opacity:1}html[data-theme=dark] .cq-empty__msg{color:var(--fg-muted);opacity:.95}html[data-theme=dark] .cq-empty__icon{color:var(--fg-muted);opacity:.9}@media (max-width:768px){.header-right{display:none}.header .mobile-menu-btn,.mobile-menu{display:block}.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card{padding:20px}.card-header{padding:16px 20px}.card-content,.card .card-body{padding:20px}.table{font-size:13px}.table th,.table td{padding:12px 8px}.modal-content{padding:30px 20px}.integration-grid,.nav-grid{grid-template-columns:1fr;gap:16px}.nav-card{padding:20px}.nav-icon{font-size:28px}.form-grid,.settings-page #profile .form-grid,.grid-2,.settings-page .grid-2{grid-template-columns:1fr}}@media (max-width:480px){.brand-title{font-size:18px}.metric-value{font-size:28px}.table-container{margin:0 -20px;padding:0 20px}}.cq-empty--ants{border:2px dashed var(--border);border-image-slice:1;border-image-width:2;animation:8s linear infinite cq-ants;position:relative}@keyframes cq-ants{0%{border-image-source:repeating-linear-gradient(90deg,var(--border)0 8px,transparent 8px 16px)}to{border-image-source:repeating-linear-gradient(90deg,transparent 0 8px,var(--border)8px 16px)}}.threshold-fields .money-field{position:relative}.threshold-fields .money-prefix{color:var(--fg-subtle);pointer-events:none;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.threshold-fields .money-input{-moz-appearance:textfield;padding-left:28px}.threshold-fields .money-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.threshold-fields .money-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.threshold-fields .control[disabled]{opacity:.6;pointer-events:none;background:var(--input-bg)}@media (min-width:992px){#thresholdCard{max-width:440px}}.grid-span-2{grid-column:1/-1}#alert-host.alert,#status-alert.alert{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;transition:max-height .32s,opacity .32s,margin-bottom .32s,transform .32s;overflow:hidden;transform:translateY(-6px)}#alert-host.alert.alert--visible,#status-alert.alert.alert--visible{opacity:1;pointer-events:auto;max-height:120px;margin-bottom:12px;transform:translateY(0)}#alert-host.alert.alert--hiding,#status-alert.alert.alert--hiding{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){#alert-host.alert,#status-alert.alert{transition:opacity .16s}}.invoice-table{border-collapse:collapse;width:100%;font-size:14px}.invoice-table thead{background:var(--muted-bg);border-bottom:2px solid var(--border)}.invoice-table th{text-align:left;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.invoice-table td{border-bottom:1px solid var(--border-soft);color:var(--fg);padding:16px}.invoice-table tbody tr{transition:background-color .2s}.invoice-table tbody tr:hover{background-color:var(--muted-bg)}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table a{color:var(--focus);font-weight:500;text-decoration:none}.invoice-table a:hover{text-decoration:underline}.status-paid,.status-open,.status-draft{text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-paid{color:var(--ok);background:#10b9811a}.status-open{color:var(--warn);background:#f59e0b1a}.status-draft{color:var(--fg-muted);background:#6b72801a}html[data-theme=dark] .invoice-table thead,html[data-theme=dark] .invoice-table tbody tr:hover{background:#ffffff08}.invoice-wrapper{flex-direction:column;gap:16px;display:flex}.invoice-pagination{border-top:1px solid var(--border-soft);justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.pagination-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:var(--transition-smooth);border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.pagination-btn:hover:not(:disabled){background:var(--muted-bg);border-color:var(--focus);color:var(--focus)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--fg-muted);text-align:center;min-width:120px;font-size:14px;font-weight:500}html[data-theme=dark] .pagination-btn{background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#ffffff1a}.modal-grid{grid-template-columns:320px 1fr;gap:24px;height:100%;min-height:400px;display:grid}.modal-col-left{flex-direction:column;display:flex}.summary-box{background:var(--input-bg);border:1px solid var(--border);color:var(--fg);border-radius:12px;flex:1;margin-top:12px;padding:20px;font-size:14px;line-height:1.6}.modal-col-right{flex-direction:column;min-width:0;display:flex}.transcription-box{background:var(--input-bg);border:1px solid var(--border);max-height:500px;color:var(--fg);border-radius:12px;flex:1;margin-top:12px;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7;overflow-y:auto}.section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);font-size:14px;font-weight:600}#transcriptionSummary{color:var(--fg);font-weight:500}#modal-meta{color:var(--fg-muted);justify-content:center;gap:24px;margin-top:8px;font-size:14px;display:flex}#modal-meta span{align-items:center;gap:8px;font-weight:500;display:inline-flex}@media (max-width:768px){.modal-grid{grid-template-columns:1fr;height:auto}.transcription-box{max-height:300px}}html[data-theme=dark] .summary-box,html[data-theme=dark] .transcription-box{background:#0f172a;border-color:#334155}.auth-body{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{width:100%;max-width:440px;margin:0 auto;animation:.5s ease-out fadeIn}.login-container.signup-wide{max-width:680px}.logo-section{text-align:center;margin-bottom:32px}.brand-logo{width:auto;height:60px;margin:0 auto}.light-mode-logo{display:block}.dark-mode-logo,html[data-theme=dark] .light-mode-logo{display:none}html[data-theme=dark] .dark-mode-logo{display:block}.login-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;padding:40px}.welcome-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #667eea40}.form-group{margin-bottom:20px}.form-group label{color:var(--fg);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:2px solid var(--border);background:var(--input-bg);width:100%;color:var(--input-fg);border-radius:10px;padding:12px 16px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.required{color:var(--bad);margin-left:2px}.password-input-container{position:relative}.password-toggle{cursor:pointer;color:var(--fg-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--fg)}.remember-group{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.forgot-password{color:#667eea;font-size:14px;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea40}.submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-link{text-align:center;color:var(--fg-muted);margin-top:24px;font-size:14px}.signup-link a{color:#667eea;font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.auth-body .login-container.signup-wide{max-width:520px!important}.signup-bubble{color:#fff;text-align:center;white-space:normal;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #ffffff3d;border-radius:14px;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:700;line-height:1.25;display:flex;box-shadow:0 6px 20px #10b98140}.signup-container{width:100%;max-width:680px;margin:auto}.name-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.name-grid{grid-template-columns:1fr}}.login-card select,.login-card .form-select{appearance:none;border:2px solid var(--border);background-color:var(--input-bg);width:100%;height:48px;color:var(--input-fg);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-radius:10px;padding:0 40px 0 14px;font-size:15px;line-height:48px;transition:border-color .2s,box-shadow .2s}html[data-theme=dark] .login-card select,html[data-theme=dark] .login-card .form-select{background-color:var(--input-bg);color:var(--input-fg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-color:#4b5563}.login-card select:focus,.login-card .form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1f}.password-strength{gap:6px;margin-top:8px;display:flex}.password-strength .strength-bar{background-color:var(--border);border-radius:6px;flex:1;height:6px;transition:background-color .2s}html[data-theme=dark] .password-strength .strength-bar{background-color:#4a5568}.password-requirements{color:#374151;margin-top:8px;padding-left:5px;font-size:12px;list-style:none}html[data-theme=dark] .password-requirements{color:#e5e7eb}.password-requirements li{align-items:center;margin-bottom:4px;list-style:none;transition:all .2s;display:flex}.password-requirements li:before{content:"•";color:var(--warn);margin-right:8px}.password-requirements li.valid:before{content:"✓";color:var(--ok)}.password-requirements li.invalid:before{content:"✕";color:var(--bad)}.checkbox-group{align-items:flex-start;gap:10px;margin:10px 0;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#667eea;border:2px solid var(--border);background:0 0;border-radius:4px;width:18px;min-width:18px;height:18px;margin-top:2px}html[data-theme=dark] .checkbox-group input[type=checkbox]{border-color:#4a5568}.checkbox-group label{color:var(--fg);margin:0;font-size:14px;font-weight:400;line-height:1.4}html[data-theme=dark] .checkbox-group label{color:var(--fg)}.checkbox-group input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #667eea40}.checkbox-group label a{color:#667eea;font-weight:600;text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.threshold-info{opacity:.8;color:var(--fg-muted);margin-top:6px;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.launch-pad{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;max-width:600px;margin:0 auto;padding:32px}.launch-pad-header h2{color:var(--fg);text-align:center;margin:0 0 24px;font-size:22px;font-weight:600}.launch-pad-steps{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.launch-step{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.launch-step.complete{background:#10b9810d;border-color:#10b981}html[data-theme=dark] .launch-step.complete{background:#10b9811a}.launch-step.locked{opacity:.6}.step-indicator{background:var(--border);width:36px;height:36px;color:var(--fg-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.launch-step.complete .step-indicator{color:#fff;background:#10b981}.step-content{flex:1;min-width:0}.step-label{color:var(--fg);font-size:15px;font-weight:500;display:block}.step-link{color:#667eea;margin-top:4px;font-size:13px;text-decoration:none;display:inline-block}.step-link:hover{text-decoration:underline}.step-hint{color:var(--fg-muted);margin-top:4px;font-size:12px;display:block}.step-status{color:var(--fg-muted);flex-shrink:0;font-size:13px;font-weight:500}.launch-step.complete .step-status{color:#10b981}.launch-pad-footer{text-align:center;border-top:1px solid var(--border);padding-top:20px}.btn-activate{padding:14px 28px;font-size:16px;font-weight:600}.btn-activate:disabled{opacity:.5;cursor:not-allowed}.activate-hint{color:var(--fg-muted);margin:12px 0 0;font-size:13px}.activation-success{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.success-content{background:var(--card-bg);text-align:center;border-radius:20px;max-width:400px;margin:20px;padding:48px}.success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:36px;display:flex}.success-content h2{color:var(--fg);margin:0 0 8px;font-size:24px}.success-content p{color:var(--fg-muted);margin:0;font-size:15px}.status-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-dot.active{background:#10b981}.status-dot.paused{background:#f59e0b}.status-dot.suspended{background:#ef4444}.setup-instructions-accordion{border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.accordion-header{background:var(--bg);cursor:pointer;width:100%;color:var(--fg);border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.accordion-header:hover{background:var(--border)}.accordion-header.open{border-bottom:1px solid var(--border)}.accordion-icon{color:var(--fg-muted);font-size:20px;font-weight:400}.accordion-content{background:var(--card-bg);padding:20px}.instruction-step{gap:16px;margin-bottom:20px;display:flex}.instruction-step:last-of-type{margin-bottom:0}.instruction-step .step-number{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}.instruction-step .step-content h4{color:var(--fg);margin:0 0 8px;font-size:14px;font-weight:600}.instruction-step .step-content ul{color:var(--fg-muted);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.instruction-step .step-content li{margin-bottom:4px}.instruction-step .step-content strong{color:var(--fg);font-weight:500}.instruction-tip{color:var(--fg-muted);background:#667eea14;border-radius:8px;margin:20px 0 0;padding:12px 16px;font-size:13px;line-height:1.5}.instruction-tip strong{color:#667eea}.copy-feedback{color:#10b981;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:600;animation:.2s fadeIn;display:flex}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead{background:var(--muted-bg);z-index:1;position:sticky;top:0}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-muted);border-bottom:2px solid var(--border);white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.data-table tbody tr{transition:background .15s}.data-table tbody tr:nth-child(2n){background:var(--muted-bg)}.data-table tbody tr:hover{background:var(--hover-bg,#6366f114)}.data-table tbody td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 16px;font-size:14px}.data-table tbody tr:last-child td{border-bottom:none}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}html[data-theme=dark] .data-table tbody tr:nth-child(2n){background:#1e293b80}html[data-theme=dark] .data-table tbody tr:hover{background:#6366f11f}html[data-theme=dark] .data-table thead{background:#0f172acc}