.toast-container{position:fixed;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:.75rem;box-shadow:0 20px 27px #0000001a,0 4px 6px -4px #0000001a;animation:slideInRight .3s ease-out;pointer-events:auto;border-left:4px solid}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;color:var(--text-light);cursor:pointer;transition:all .15s ease}.toast-close:hover{background:var(--bg-default);color:var(--text-primary)}.toast-success{border-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-color:var(--info)}.toast-info .toast-icon{color:var(--info)}@media (max-width: 480px){.toast-container{top:auto;bottom:1rem;left:1rem;right:1rem;max-width:none}.toast{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}[data-theme=dark] .toast{background:var(--bg-card);box-shadow:0 20px 27px #0006,0 4px 6px -4px #0000004d}[data-theme=dark] .toast-close:hover{background:var(--bg-elevated)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-default);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-logo{position:relative}.logo-icon-anim{width:72px;height:72px;background:var(--primary-gradient);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #7928ca4d;animation:pulse-logo 2s ease-in-out infinite}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 8px 32px #7928ca4d}50%{transform:scale(1.05);box-shadow:0 12px 40px #7928ca66}}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}[data-theme=dark] .logo-icon-anim{box-shadow:0 8px 32px #9333ea66,var(--shadow-glow)}@keyframes pulse-logo-dark{0%,to{transform:scale(1);box-shadow:0 8px 32px #9333ea66}50%{transform:scale(1.05);box-shadow:0 12px 40px #9333ea80,0 0 30px #f472b633}}[data-theme=dark] .logo-icon-anim{animation:pulse-logo-dark 2s ease-in-out infinite}.sidebar{position:fixed;top:0;left:0;width:274px;height:100vh;background:var(--bg-sidebar);padding:1.5rem 1rem;display:flex;flex-direction:column;z-index:100;overflow-y:auto;transition:transform .3s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-header{padding:0 .5rem;display:flex;align-items:center;justify-content:space-between}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:.5rem;color:#ffffffb3;cursor:pointer;transition:all .15s ease}.sidebar-close-btn:hover{background:#fff3;color:#fff}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:42px;height:42px;background:linear-gradient(310deg,#7928ca,#ff0080);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7928ca66}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.025em}.logo-subtitle{font-size:.75rem;color:#fff9;font-weight:500}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);margin:1.5rem 0}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#fffc;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:#fff;color:var(--text-primary);box-shadow:0 20px 27px #000000e6}.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#ffffff26;transition:all .15s ease}.nav-item.active .nav-icon,.nav-icon.active{background:linear-gradient(310deg,#7928ca,#ff0080);color:#fff;box-shadow:0 4px 7px -1px #cb0c9f66,0 2px 4px -1px #cb0c9f33}.nav-label{flex:1}.sidebar-section{padding:0 .5rem}.section-title{display:block;font-size:.6875rem;font-weight:600;color:#fff9!important;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.5rem}.sidebar .sidebar-section{background:transparent}.sidebar .sidebar-section .nav-item{color:#fffc}.sidebar .sidebar-section .nav-item:hover{color:#fff;background:#ffffff1f;box-shadow:0 20px 27px #000000e6}.sidebar .sidebar-section .nav-icon{background:#ffffff26;color:inherit}.sidebar-nav.compact{gap:.125rem}.sidebar-nav.compact .nav-item{padding:.5rem .75rem;font-size:.8125rem}.sidebar-nav.compact .nav-icon{width:26px;height:26px}.sidebar-spacer{flex:1;min-height:1rem}.upgrade-card{margin:1rem .5rem;padding:1.25rem;background:linear-gradient(310deg,#7928ca4d,#ff00804d);border-radius:1rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.upgrade-icon{width:40px;height:40px;margin:0 auto .75rem;background:linear-gradient(310deg,#7928ca,#ff0080);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.upgrade-card h4{color:#fff;font-size:.875rem;margin-bottom:.5rem}.upgrade-card p{font-size:.75rem;color:#ffffffb3;margin-bottom:1rem;line-height:1.4}.btn-upgrade{width:100%;padding:.625rem 1rem;background:#fff;color:var(--text-primary);border:none;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.sidebar-footer{border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;margin-top:.5rem}.footer-item{color:#fff9}.footer-item:hover{color:#ffffffe6;background:#ffffff1a}.logout-btn{color:#ea0606b3}.logout-btn:hover{color:var(--danger);background:#ea06061a}@media (max-width: 1200px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 32px #0000004d}.sidebar-close-btn{display:flex}}@media (max-width: 480px){.sidebar{width:100%;max-width:300px}.logo-title{font-size:.9375rem}.logo-subtitle{font-size:.6875rem}.logo-icon{width:36px;height:36px}.logo-icon svg{width:20px;height:20px}.nav-item{padding:.625rem .875rem;font-size:.8125rem}.nav-icon{width:28px;height:28px}.upgrade-card{padding:1rem;margin:.75rem .25rem}.upgrade-card h4{font-size:.8125rem}.upgrade-card p{font-size:.6875rem}}[data-theme=dark] .sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color)}[data-theme=dark] .sidebar::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] .sidebar-close-btn{background:#ffffff14}[data-theme=dark] .sidebar-close-btn:hover{background:#ffffff26}[data-theme=dark] .logo-icon{box-shadow:0 4px 15px #9333ea66,var(--shadow-glow)}[data-theme=dark] .sidebar-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}[data-theme=dark] .nav-item.active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] .nav-item:hover:not(.active){background:#ffffff0d}[data-theme=dark] .nav-icon{background:#ffffff26}[data-theme=dark] .sidebar .sidebar-section .nav-item{color:#fffc}[data-theme=dark] .sidebar .sidebar-section .nav-item:hover{color:#fff;background:#ffffff1f;box-shadow:0 20px 27px #000000e6}[data-theme=dark] .sidebar .sidebar-section .nav-icon{background:#ffffff14}[data-theme=dark] .nav-item.active .nav-icon,[data-theme=dark] .nav-icon.active{background:var(--primary-gradient);box-shadow:0 4px 10px -2px #9333ea80,0 0 15px -3px #f472b64d}[data-theme=dark] .upgrade-card{background:linear-gradient(310deg,#9333ea40,#f472b640);border:1px solid rgba(147,51,234,.3)}[data-theme=dark] .upgrade-icon{background:var(--primary-gradient);box-shadow:var(--shadow-glow)}[data-theme=dark] .btn-upgrade{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .btn-upgrade:hover{box-shadow:0 8px 25px #0006,var(--shadow-glow)}[data-theme=dark] .sidebar-footer{border-color:#ffffff1a}[data-theme=dark] .sidebar.open{box-shadow:4px 0 40px #00000080}.layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:274px;display:flex;flex-direction:column;transition:margin-left .3s ease}.page-content{flex:1;padding:1.5rem;animation:fadeIn .4s ease-out}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.header{display:flex;align-items:center;justify-content:flex-end;padding:1rem 1.5rem;background:transparent;gap:1rem}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:none;border-radius:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:fixed;top:1rem;left:1rem;z-index:99;box-shadow:0 2px 8px #0000001a}.mobile-menu-btn:hover{background:var(--primary-gradient);color:#fff}.mobile-menu-btn:active{transform:scale(.95)}.header-right{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;align-items:center;gap:.5rem}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;position:relative}.header-btn:hover{background:var(--bg-card);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--bg-default)}.user-menu{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:background .15s ease}.user-menu:hover{background:var(--bg-card)}.menu-chevron{color:var(--text-light);transition:transform .2s ease}.menu-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-soft-xl);min-width:200px;padding:.5rem;z-index:100;animation:fadeIn .2s ease}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:var(--bg-default);color:var(--text-primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:#ea06061a}.dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.notifications-container{position:relative}.header-btn.active{background:var(--bg-default);color:var(--primary)}.header-btn{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);border-radius:9px;font-size:.6875rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ea06064d}.notifications-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-soft-xl);width:380px;z-index:100;animation:fadeIn .2s ease;overflow:hidden}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.notifications-header h4{font-size:.9375rem;font-weight:600;margin:0}.notifications-actions{display:flex;align-items:center;gap:.25rem}.notifications-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.notifications-action-btn:hover{background:var(--bg-default);color:var(--primary)}.notifications-action-btn.danger:hover{background:#ea06061a;color:var(--danger)}.notifications-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.notifications-close:hover{background:var(--bg-default);color:var(--text-primary)}.notifications-list{max-height:400px;overflow-y:auto}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.5rem;color:var(--text-light);gap:.75rem}.notifications-empty p{font-size:.875rem;margin:0}.notifications-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-item{display:flex;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:var(--bg-default)}.notification-item.unread{background:#7928ca08}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.notification-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-default);border-radius:.5rem;flex-shrink:0}.notification-icon.success{background:#82d6161a;color:var(--success)}.notification-icon.error{background:#ea06061a;color:var(--danger)}.notification-icon.warning{background:#fbcf3326;color:#d97706}.notification-icon.info{background:#22d3ee1a;color:#0ea5e9}.notification-content{flex:1;min-width:0}.notification-message{font-size:.8125rem;color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word}.notification-item.unread .notification-message{font-weight:500}.notification-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.notification-text{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:.6875rem;color:var(--text-light);margin-top:.375rem;display:block}.notification-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.25rem;color:var(--text-light);cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0;margin-left:auto}.notification-item:hover .notification-remove{opacity:1}.notification-remove:hover{background:#ea06061a;color:var(--danger)}.balance-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#82d6161a;border-radius:.5rem;cursor:pointer;transition:all .15s ease}.balance-indicator:hover{background:#82d61626}.balance-label{font-size:.75rem;color:var(--text-secondary)}.balance-value{font-size:.875rem;font-weight:600;color:var(--success)}.user-avatar{width:36px;height:36px;border-radius:.5rem;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.user-role{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 1200px){.main-content{margin-left:0}.mobile-menu-btn{display:flex}.sidebar-overlay{display:block}}@media (max-width: 768px){.header{padding:.75rem 1rem;flex-wrap:wrap}.header-right{gap:.5rem}.balance-indicator{padding:.375rem .5rem}.balance-label{display:none}.balance-value{font-size:.8125rem}.menu-chevron{display:none}.user-menu{padding:.25rem}.page-content{padding:1rem}.notifications-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:1rem 1rem 0 0;margin-top:0}.notifications-list{max-height:calc(70vh - 60px)}.user-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:1rem 1rem 0 0;margin-top:0}}@media (max-width: 480px){.header{padding:.625rem .75rem}.mobile-menu-btn{width:40px;height:40px}.header-btn{width:36px;height:36px}.user-avatar{width:32px;height:32px;font-size:.75rem}.page-content{padding:.75rem}}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-overlay:has(.detail-modal-fullview){align-items:center;padding:0}.modal:not(.detail-modal-fullview){max-width:100%;max-height:90vh;border-radius:1rem 1rem 0 0;animation:slideUp .3s ease}.modal-body{padding:1rem;max-height:calc(90vh - 120px);overflow-y:auto}.modal-header{padding:1rem}.modal-footer{padding:.75rem 1rem;flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:120px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .mobile-menu-btn{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .header-btn:hover{background:var(--bg-elevated)}[data-theme=dark] .header-btn.active{background:var(--bg-elevated);color:var(--primary)}[data-theme=dark] .notification-badge{border-color:var(--bg-default)}[data-theme=dark] .user-menu:hover{background:var(--bg-elevated)}[data-theme=dark] .user-dropdown{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-soft-xl)}[data-theme=dark] .dropdown-item:hover{background:var(--bg-elevated)}[data-theme=dark] .dropdown-item.danger:hover{background:#ff525226}[data-theme=dark] .dropdown-divider{background:var(--border-color)}[data-theme=dark] .notifications-dropdown{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .notifications-header{border-color:var(--border-color)}[data-theme=dark] .notifications-action-btn:hover{background:var(--bg-elevated)}[data-theme=dark] .notifications-action-btn.danger:hover{background:#ff525226}[data-theme=dark] .notifications-close:hover{background:var(--bg-elevated)}[data-theme=dark] .notifications-spinner{border-color:var(--border-color);border-top-color:var(--primary)}[data-theme=dark] .notification-item:hover{background:var(--bg-elevated)}[data-theme=dark] .notification-item.unread{background:#9333ea14}[data-theme=dark] .notification-icon{background:var(--bg-elevated)}[data-theme=dark] .notification-icon.success{background:#69f0ae26}[data-theme=dark] .notification-icon.error{background:#ff525226}[data-theme=dark] .notification-icon.warning{background:#ffd54f26}[data-theme=dark] .notification-icon.info{background:#4dd0e126}[data-theme=dark] .notification-message{color:var(--text-primary)}[data-theme=dark] .notification-remove:hover{background:#ff525226}[data-theme=dark] .balance-indicator{background:#69f0ae1f}[data-theme=dark] .balance-indicator:hover{background:#69f0ae2e}[data-theme=dark] .sidebar-overlay.visible{background:#000000b3}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-actions{display:flex;justify-content:flex-end}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-soft);animation:fadeIn .5s ease-out backwards}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.stat-period{color:var(--text-light);font-weight:400;margin-left:.25rem}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.chart-card{padding:0}.chart-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.chart-card .card-header h4{font-size:1rem;margin-bottom:.125rem}.chart-card .card-header p{font-size:.75rem;color:var(--text-light)}.chart-card .card-body{padding:1.25rem}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.primary{background:#7928ca}.legend-dot.info{background:#17c1e8}.pie-chart-body{display:flex;flex-direction:column;align-items:center}.pie-legend{width:100%;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.pie-legend-item{display:flex;align-items:center;gap:.5rem}.pie-legend-dot{width:10px;height:10px;border-radius:3px}.pie-legend-label{flex:1;font-size:.875rem;color:var(--text-secondary)}.pie-legend-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.requests-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.requests-card .card-header h4{font-size:1rem;margin-bottom:.125rem}.requests-card .card-header p{font-size:.75rem;color:var(--text-light)}.requests-card .card-body{padding:0}.request-type{display:flex;align-items:center;gap:.75rem}.type-icon{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.type-icon.primary{background:#7928ca1a}.type-icon.info{background:#17c1e81a}.duration-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-default);border-radius:.375rem;font-size:.75rem;color:var(--text-secondary)}.time-cell{color:var(--text-light)}.table-action{background:transparent;border:none;padding:.375rem;border-radius:.375rem;color:var(--text-light);cursor:pointer;transition:all .15s ease}.table-action:hover{background:var(--bg-default);color:var(--text-primary)}.monthly-card .card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.monthly-card .card-header h4{font-size:1rem;margin-bottom:.125rem}.monthly-card .card-header p{font-size:.75rem;color:var(--text-light)}.monthly-card .card-body{padding:1.25rem}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.charts-grid,.bottom-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.25rem}}[data-theme=dark] .stat-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .stat-icon{box-shadow:var(--shadow-glow)}[data-theme=dark] .chart-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .chart-card .card-header{border-color:var(--border-color)}[data-theme=dark] .type-icon.primary{background:#9333ea26}[data-theme=dark] .type-icon.info{background:#4dd0e126}[data-theme=dark] .duration-badge,[data-theme=dark] .table-action:hover{background:var(--bg-elevated)}[data-theme=dark] .requests-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .requests-card .card-header{border-color:var(--border-color)}[data-theme=dark] .monthly-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .monthly-card .card-header{border-color:var(--border-color)}.api-keys-page{display:flex;flex-direction:column;gap:1.5rem}.empty-keys{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-keys .empty-icon{color:var(--text-light);margin-bottom:1rem}.empty-keys h4{font-size:1.125rem;margin-bottom:.5rem}.empty-keys p{color:var(--text-secondary);margin-bottom:1.5rem}.new-key-display{text-align:center}.new-key-display .success-icon{color:var(--success);margin-bottom:1rem}.new-key-message{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.new-key-value{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-default);border-radius:.75rem;margin-bottom:1rem}.new-key-value code{flex:1;font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--success);word-break:break-all}.new-key-value .btn.copied{background:#82d6161a;border-color:var(--success);color:var(--success)}.security-notice{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#7928ca0d,#ff00800d);border:1px solid rgba(121,40,202,.2);border-radius:var(--border-radius)}.notice-icon{width:48px;height:48px;background:var(--primary-gradient);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.notice-content h4{font-size:.9375rem;margin-bottom:.375rem;color:var(--text-primary)}.notice-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.keys-container .card{overflow:hidden}.keys-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.keys-title{display:flex;align-items:center;gap:.75rem}.keys-title h4{font-size:1rem;margin:0}.keys-count{padding:.25rem .75rem;background:var(--bg-default);border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.keys-list{display:flex;flex-direction:column}.key-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--border-color);transition:background .15s ease}.key-item:last-child{border-bottom:none}.key-item:hover{background:#cb0c9f05}.key-item.inactive{opacity:.6}.key-main{flex:1;display:flex;flex-direction:column;gap:1rem}.key-info{display:flex;flex-direction:column;gap:.5rem}.key-name-row{display:flex;align-items:center;gap:.5rem}.key-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--success);box-shadow:0 0 8px #82d61680}.status-dot.inactive{background:var(--text-light)}.key-value-container{display:flex;align-items:center;gap:.75rem}.key-value{padding:.625rem 1rem;background:var(--bg-default);border-radius:.5rem;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:.8125rem;color:var(--text-secondary);letter-spacing:.025em}.key-actions{display:flex;gap:.25rem}.key-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.key-action-btn:hover{background:var(--bg-default);color:var(--text-primary);border-color:var(--text-light)}.key-action-btn.copied{background:#82d6161a;border-color:var(--success);color:var(--success)}.key-masked-hint{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--warning, #f59e0b);opacity:.7}.key-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-light)}.meta-item.requests{gap:.25rem}.requests-count{font-weight:700;color:var(--primary)}.key-controls{display:flex;align-items:center;gap:.5rem}.code-example{background:#1a1a2e;border-radius:.75rem;overflow:hidden}.code-header span{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase}.copy-code-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .15s ease}.copy-code-btn:hover{color:#fff;background:#ffffff1a}.code-content{padding:1rem;margin:0;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:.8125rem;color:#a6e3a1;line-height:1.6;overflow-x:auto}.modal{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft-2xl);animation:slideIn .3s ease}.key-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.type-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .15s ease;text-align:left}.type-option:hover{border-color:var(--text-light)}.type-option.active{border-color:var(--primary);background:#cb0c9f0d}.type-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.type-icon.live{background:var(--success-gradient)}.type-icon.test{background:var(--warning-gradient)}.type-info{display:flex;flex-direction:column}.type-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.type-desc{font-size:.75rem;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checkbox-label span{font-size:.875rem;color:var(--text-primary);font-weight:500}.checkbox-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;margin-left:2rem;line-height:1.5}.checkbox-label.identification{background:linear-gradient(135deg,#11998e1a,#38ef7d1a);padding:.75rem;border-radius:.5rem;border:1px solid rgba(17,153,142,.2)}.checkbox-label.identification svg{color:#11998e}.checkbox-label.identification.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-color)}.checkbox-label.identification.disabled svg{color:var(--text-secondary)}.checkbox-desc.warning{color:#f59e0b}.checkbox-desc .link{color:var(--primary);text-decoration:none;font-weight:500}.checkbox-desc .link:hover{text-decoration:underline}.identification-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#11998e26,#38ef7d26);border:1px solid rgba(17,153,142,.3);border-radius:1rem;font-size:.7rem;font-weight:500;color:#11998e;margin-left:.5rem}.identification-badge svg{flex-shrink:0}.info-box{display:flex;gap:.75rem;padding:1rem;background:#fbcf331a;border:1px solid rgba(251,207,51,.3);border-radius:.5rem;margin-top:1rem}.info-box p{font-size:.8125rem;color:#92400e;line-height:1.5}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.key-item{flex-direction:column;gap:1rem}.key-value{font-size:.75rem;padding:.5rem .75rem}.key-meta{gap:1rem}.key-type-selector{grid-template-columns:1fr}}[data-theme=dark] .security-notice{background:linear-gradient(135deg,#9333ea14,#f472b614);border-color:#9333ea4d}[data-theme=dark] .notice-icon{box-shadow:var(--shadow-glow)}[data-theme=dark] .keys-container .card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .keys-header{border-color:var(--border-color)}[data-theme=dark] .keys-count{background:var(--bg-elevated)}[data-theme=dark] .key-item{border-color:var(--border-color)}[data-theme=dark] .key-item:hover{background:#9333ea0d}[data-theme=dark] .key-value{background:var(--bg-elevated)}[data-theme=dark] .key-action-btn{border-color:var(--border-color)}[data-theme=dark] .key-action-btn:hover,[data-theme=dark] .new-key-value{background:var(--bg-elevated)}[data-theme=dark] .type-option{border-color:var(--border-color)}[data-theme=dark] .type-option:hover{border-color:var(--text-light)}[data-theme=dark] .type-option.active{border-color:var(--primary);background:#9333ea1a}[data-theme=dark] .info-box p{color:var(--warning)}[data-theme=dark] .checkbox-label.identification{background:linear-gradient(135deg,#11998e26,#38ef7d26);border-color:#11998e4d}.voiceprints-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h2{font-size:1.5rem;margin-bottom:.25rem}.page-header p{font-size:.875rem;color:var(--text-secondary)}.info-notice{display:flex;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#06b6d414,#3b82f614);border:1px solid rgba(6,182,212,.25);border-radius:var(--border-radius)}.info-notice .notice-icon{width:48px;height:48px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.info-notice .notice-content h4{font-size:.9375rem;margin-bottom:.375rem;color:var(--text-primary)}.info-notice .notice-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.voiceprints-container .card{overflow:hidden}.voiceprints-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.voiceprints-title{display:flex;align-items:center;gap:.75rem}.voiceprints-title h4{font-size:1rem;margin:0}.voiceprints-count{padding:.25rem .75rem;background:var(--bg-default);border-radius:1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.empty-voiceprints{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-voiceprints .empty-icon{color:var(--text-light);margin-bottom:1rem}.empty-voiceprints h4{font-size:1.125rem;margin-bottom:.5rem}.empty-voiceprints p{color:var(--text-secondary);margin-bottom:1.5rem}.voiceprints-list{display:flex;flex-direction:column}.voiceprint-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--border-color);transition:background .15s ease}.voiceprint-item:last-child{border-bottom:none}.voiceprint-item:hover{background:#06b6d405}.voiceprint-main{flex:1;display:flex;gap:1rem;align-items:flex-start}.voiceprint-avatar{width:48px;height:48px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.voiceprint-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.voiceprint-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.voiceprint-description{font-size:.8125rem;color:var(--text-secondary);margin:0}.voiceprint-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.25rem}.voiceprint-meta .meta-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-light)}.voiceprint-controls{display:flex;align-items:center;gap:.5rem}.btn-outline.danger{color:var(--danger);border-color:#ea06064d}.btn-outline.danger:hover{background:#ea06061a;border-color:var(--danger)}.usage-tips{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-soft)}.usage-tips h4{font-size:.9375rem;margin-bottom:1rem}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tips-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.tips-list .tip-icon{color:var(--success);flex-shrink:0;margin-top:.125rem}.tips-list .tip-icon.warning{color:#d97706}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{width:100%;max-width:520px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft-2xl);animation:slideIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header h3{font-size:1.125rem}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;border-radius:.5rem;transition:all .15s ease}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-default);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-default);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);transition:all .15s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a}.file-upload-zone{border:2px dashed var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .15s ease}.file-upload-zone:hover{border-color:var(--primary);background:#06b6d405}.file-upload-zone.has-file{border-style:solid;border-color:var(--success);background:#82d6160d}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-light)}.upload-prompt svg{color:var(--text-secondary)}.upload-prompt span{font-size:.875rem;color:var(--text-secondary)}.upload-prompt small{font-size:.75rem;color:var(--text-light)}.selected-file{display:flex;align-items:center;gap:1rem;padding:.5rem;text-align:left}.selected-file svg{color:var(--success);flex-shrink:0}.selected-file .file-info{flex:1;display:flex;flex-direction:column}.selected-file .file-name{font-size:.875rem;font-weight:500;color:var(--text-primary);word-break:break-all}.selected-file .file-size{font-size:.75rem;color:var(--text-secondary)}.selected-file .remove-file{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ea06061a;border:none;border-radius:50%;color:var(--danger);cursor:pointer;font-size:1rem;transition:all .15s ease}.selected-file .remove-file:hover{background:#ea060633}.info-box{display:flex;gap:.75rem;padding:1rem;background:#fbcf331a;border:1px solid rgba(251,207,51,.3);border-radius:.5rem;margin-top:.5rem}.info-box svg{color:#d97706;flex-shrink:0;margin-top:.125rem}.info-box p{font-size:.8125rem;color:#92400e;line-height:1.5;margin:0 0 .5rem}.info-box ul{margin:0;padding-left:1rem;font-size:.75rem;color:#92400e}.info-box ul li{margin-bottom:.25rem}.info-box ul li:last-child{margin-bottom:0}.header-buttons{display:flex;gap:.75rem}.modal.modal-large{max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal.modal-large .modal-body{overflow-y:auto;flex:1}.info-box.info-primary{background:#06b6d41a;border-color:#06b6d44d}.info-box.info-primary svg{color:var(--primary)}.info-box.info-primary p{color:var(--text-primary)}.info-box.info-success{background:#82d6161a;border-color:#82d6164d}.info-box.info-success svg{color:var(--success)}.info-box.info-success p{color:var(--text-primary)}.speakers-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.speaker-card{background:var(--bg-default);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem;transition:all .15s ease}.speaker-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a}.speaker-card-header{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.speaker-avatar{width:48px;height:48px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.speaker-info h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.speaker-meta{display:flex;gap:1rem;flex-wrap:wrap}.speaker-meta span{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary)}.speaker-text-preview{font-size:.8125rem;color:var(--text-secondary);font-style:italic;line-height:1.5;margin:0 0 1rem;padding:.75rem;background:var(--bg-card);border-radius:.5rem;border-left:3px solid var(--primary)}.speaker-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-buttons{width:100%;flex-direction:column}.header-buttons .btn{width:100%;justify-content:center}.voiceprint-item{flex-direction:column;gap:1rem}.voiceprint-main{flex-direction:column;align-items:center;text-align:center}.voiceprint-meta{justify-content:center}.voiceprint-controls{width:100%;justify-content:center}.speaker-card-actions{flex-direction:column}.speaker-card-actions .btn{width:100%;justify-content:center}}[data-theme=dark] .info-notice{background:linear-gradient(135deg,#06b6d41a,#3b82f61a);border-color:#06b6d44d}[data-theme=dark] .voiceprints-container .card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .voiceprints-header{border-color:var(--border-color)}[data-theme=dark] .voiceprints-count{background:var(--bg-elevated)}[data-theme=dark] .voiceprint-item{border-color:var(--border-color)}[data-theme=dark] .voiceprint-item:hover{background:#06b6d40d}[data-theme=dark] .usage-tips{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .modal{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .modal-close:hover,[data-theme=dark] .modal-footer{background:var(--bg-elevated)}[data-theme=dark] .file-upload-zone{border-color:var(--border-color)}[data-theme=dark] .file-upload-zone:hover{background:#06b6d40d}[data-theme=dark] .file-upload-zone.has-file{background:#69f0ae14;border-color:var(--success)}[data-theme=dark] .info-box{background:#ffd54f14;border-color:#ffd54f40}[data-theme=dark] .info-box p,[data-theme=dark] .info-box ul{color:var(--warning)}[data-theme=dark] .info-box.info-primary{background:#06b6d41a;border-color:#06b6d44d}[data-theme=dark] .info-box.info-success{background:#69f0ae1a;border-color:#69f0ae4d}[data-theme=dark] .speaker-card{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .speaker-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d426}[data-theme=dark] .speaker-text-preview{background:var(--bg-card)}.billing-page{display:flex;flex-direction:column;gap:2rem}.balance-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.balance-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:1.75rem;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.balance-card.main{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.balance-card.main:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(121,40,202,.3) 0%,transparent 70%);pointer-events:none}.balance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.balance-icon{width:48px;height:48px;background:#ffffff1a;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.balance-card.main .balance-icon{background:linear-gradient(310deg,#7928ca,#ff0080)}.balance-icon.info{background:var(--info-gradient);color:#fff}.balance-label{font-size:.875rem;opacity:.8}.balance-amount{display:flex;align-items:baseline;gap:.25rem;margin-bottom:1rem}.balance-amount .currency{font-size:1.5rem;font-weight:600;opacity:.7}.balance-amount .value{font-size:2.5rem;font-weight:700;letter-spacing:-.025em}.balance-amount.small .value{font-size:1.75rem}.balance-footer{margin-bottom:1.5rem}.balance-estimate{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;opacity:.7}.top-up-btn{width:100%;position:relative;z-index:1}.balance-card.usage .balance-amount{color:var(--text-primary)}.usage-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.usage-row{display:flex;justify-content:space-between;font-size:.8125rem}.usage-row span:first-child{color:var(--text-secondary)}.usage-row span:last-child{font-weight:600;color:var(--text-primary)}.usage-progress{display:flex;flex-direction:column;gap:.5rem}.progress-label{font-size:.75rem;color:var(--text-light);text-align:right}.pricing-section{margin-top:1rem}.section-header{margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;margin-bottom:.25rem}.section-header p{color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.pricing-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-soft);position:relative;border:1px solid var(--border-color);transition:all .3s ease}.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-xl);border-color:var(--primary-light)}.pricing-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.pricing-icon.transcription{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pricing-icon.analysis{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.pricing-icon.voiceprint-create{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.pricing-icon.voiceprint{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.pricing-name{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.pricing-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.pricing-rate{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem}.rate-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.rate-unit{font-size:.9375rem;color:var(--text-light)}.pricing-note{font-size:.8125rem;color:var(--text-light);padding:.75rem;background:var(--bg-default);border-radius:.5rem}.transactions-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.transactions-header h4{font-size:1rem;margin-bottom:.125rem}.transactions-header p{font-size:.75rem;color:var(--text-light)}.transactions-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background .15s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#cb0c9f05}.tx-icon{width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.tx-icon.success{background:#82d6161a;color:var(--success)}.tx-icon.usage{background:#cb0c9f1a;color:var(--primary)}.transaction-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.tx-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.tx-desc{font-size:.75rem;color:var(--text-light)}.transaction-meta{text-align:right;display:flex;flex-direction:column;gap:.125rem}.tx-amount{font-size:.9375rem;font-weight:700}.tx-amount.positive{color:var(--success)}.tx-amount.negative{color:var(--text-primary)}.tx-date{font-size:.75rem;color:var(--text-light)}.invoices-list{display:flex;flex-direction:column}.invoice-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.invoice-item:last-child{border-bottom:none}.invoice-icon{width:40px;height:40px;background:var(--bg-default);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.invoice-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.invoice-id{font-size:.875rem;font-weight:600;color:var(--text-primary)}.invoice-date{font-size:.75rem;color:var(--text-light)}.invoice-amount{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-right:1rem}.invoice-download{width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.invoice-download:hover{background:var(--bg-default);color:var(--primary);border-color:var(--primary)}.topup-modal{max-width:520px}.topup-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem}.amount-btn{padding:.875rem;background:var(--bg-default);border:2px solid transparent;border-radius:.75rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.amount-btn:hover{border-color:var(--primary-light)}.amount-btn.active{background:#cb0c9f1a;border-color:var(--primary);color:var(--primary)}.custom-amount{margin-bottom:1.5rem}.custom-input-wrapper{position:relative}.currency-prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:.9375rem;font-weight:600;color:var(--text-light)}.custom-input{padding-left:2rem}.payment-methods{margin-bottom:1.5rem}.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.method-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:transparent;border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .15s ease}.method-btn:hover{border-color:var(--text-light)}.method-btn.active{border-color:var(--primary);background:#cb0c9f0d}.method-btn svg{color:var(--text-secondary)}.method-btn span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.topup-summary{background:var(--bg-default);border-radius:.75rem;padding:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.summary-row span:first-child{color:var(--text-secondary)}.summary-row span:last-child{font-weight:600;color:var(--text-primary)}.summary-row .free{color:var(--success)}.summary-row.total{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem}.summary-row.total span:last-child{font-size:1.125rem;color:var(--primary)}@media (max-width: 1200px){.balance-grid,.pricing-grid{grid-template-columns:1fr}}@media (max-width: 768px){.topup-amounts{grid-template-columns:repeat(3,1fr)}.methods-grid{grid-template-columns:1fr}.transaction-item{flex-wrap:wrap}.transaction-meta{width:100%;flex-direction:row;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-color)}}.card-form{display:flex;flex-direction:column;gap:1.25rem}.test-card-hint{padding:.875rem 1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:.75rem;font-size:.8125rem;color:var(--text-primary);margin-bottom:.5rem}.test-card-hint strong{color:#ff9800;font-weight:600}.test-card-hint code{background:#0000001a;padding:.125rem .375rem;border-radius:.25rem;font-family:DM Mono,monospace;font-size:.875rem;color:#ff9800}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:.875rem 1rem;background:var(--bg-default);border:2px solid var(--border-color);border-radius:.75rem;font-size:.9375rem;color:var(--text-primary);transition:all .15s ease;font-family:DM Mono,monospace}.form-input:focus{outline:none;border-color:var(--primary);background:var(--bg-elevated)}.form-input.error{border-color:var(--error)}.form-input.error:focus{border-color:var(--error)}.error-message{font-size:.8125rem;color:var(--error);margin-top:.25rem}.payment-security{display:flex;align-items:center;justify-content:center;padding:1rem;background:#cb0c9f0d;border-radius:.75rem;margin-top:.5rem}.security-badge{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}[data-theme=dark] .balance-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .balance-card.main{background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid rgba(147,51,234,.3)}[data-theme=dark] .balance-card.main:before{background:radial-gradient(circle,rgba(147,51,234,.35) 0%,transparent 70%)}[data-theme=dark] .balance-icon{background:#ffffff14}[data-theme=dark] .balance-card.main .balance-icon{box-shadow:var(--shadow-glow)}[data-theme=dark] .usage-details{border-color:var(--border-color)}[data-theme=dark] .pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-soft-xl),var(--shadow-glow)}[data-theme=dark] .pricing-note{background:var(--bg-elevated)}[data-theme=dark] .transactions-header,[data-theme=dark] .transaction-item{border-color:var(--border-color)}[data-theme=dark] .transaction-item:hover{background:#9333ea0d}[data-theme=dark] .tx-icon.success{background:#69f0ae26}[data-theme=dark] .tx-icon.usage{background:#9333ea26}[data-theme=dark] .invoice-item{border-color:var(--border-color)}[data-theme=dark] .invoice-icon{background:var(--bg-elevated)}[data-theme=dark] .invoice-download{border-color:var(--border-color)}[data-theme=dark] .invoice-download:hover,[data-theme=dark] .amount-btn{background:var(--bg-elevated)}[data-theme=dark] .amount-btn:hover{border-color:var(--primary)}[data-theme=dark] .amount-btn.active{background:#9333ea26;border-color:var(--primary);color:var(--primary)}[data-theme=dark] .method-btn{border-color:var(--border-color)}[data-theme=dark] .method-btn:hover{border-color:var(--text-light)}[data-theme=dark] .method-btn.active{border-color:var(--primary);background:#9333ea1a}[data-theme=dark] .topup-summary{background:var(--bg-elevated)}[data-theme=dark] .summary-row.total{border-color:var(--border-color)}[data-theme=dark] .test-card-hint{background:#ffc10714;border-color:#ffc10740}[data-theme=dark] .test-card-hint code{background:#0000004d}[data-theme=dark] .payment-security{background:#9333ea14}.history-page{display:flex;flex-direction:column;gap:1.5rem}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.history-stats{display:flex;gap:2rem;padding:1.25rem 1.5rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-value.success{color:var(--success)}.filters-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-bar .search-box{flex:1;min-width:250px;position:relative}.filters-bar .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.filters-bar .search-input{padding-left:2.75rem;background:var(--bg-card)}.filter-group{display:flex;align-items:center;gap:.5rem;color:var(--text-light)}.filter-select{padding:.625rem 2rem .625rem .875rem;font-family:var(--font-primary);font-size:.875rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238392ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:var(--primary)}.refresh-btn{margin-left:auto}.requests-table-card{overflow:hidden}.requests-table-card .table-container{overflow-x:auto}.requests-table th,.requests-table td{padding:1rem 1.5rem}.request-id code{padding:.25rem .5rem;background:var(--bg-default);border-radius:.375rem;font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem;color:var(--text-secondary)}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.type-badge.primary{background:#7928ca1a;color:#7928ca}.type-badge.info{background:#17c1e81a;color:#17c1e8}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.status-badge.success{background:#82d6161a;color:var(--success)}.status-badge.pending{background:#fbcf331a;color:#d97706}.status-badge.error{background:#ea06061a;color:var(--danger)}.duration-cell{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.speakers-count{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-default);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--text-primary)}.no-data{color:var(--text-light)}.cost-cell{font-weight:600;color:var(--text-primary)}.date-cell{display:flex;flex-direction:column;gap:.125rem}.date-cell .date{font-size:.8125rem;color:var(--text-primary)}.date-cell .time{font-size:.75rem;color:var(--text-light)}.row-actions{display:flex;gap:.25rem}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.375rem;color:var(--text-light);cursor:pointer;transition:all .15s ease}.action-btn:hover{background:var(--bg-default);color:var(--text-primary)}.error-row{background:#ea060605}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.pagination-info{font-size:.8125rem;color:var(--text-secondary)}.pagination-controls{display:flex;gap:.375rem}.pagination-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0 .5rem;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-default);border-color:var(--text-light)}.pagination-btn.active{background:var(--primary-gradient);border-color:transparent;color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-light);font-size:.875rem;-webkit-user-select:none;user-select:none}.load-more-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.items-count{font-size:.875rem;color:var(--text-light)}.lazy-loader{display:flex;justify-content:center;padding:.5rem;min-height:48px}.loading-more{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.load-more-btn{min-width:160px}.all-loaded{font-size:.8125rem;color:var(--text-light);font-style:italic}.detail-modal{max-width:640px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft-xl)}.modal.detail-modal-fullview,.detail-modal-fullview{max-width:1400px!important;width:96vw!important;max-height:92vh!important;min-width:900px;display:flex;flex-direction:column;border:1px solid var(--border-color);background:var(--bg-card);border-radius:1rem!important;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;overflow:hidden}.detail-modal-fullview .modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-default) 100%)}.modal-body-split{display:flex;flex:1;min-height:0;overflow:hidden}.modal-left-panel{width:340px;flex-shrink:0;padding:1.5rem;border-right:1px solid var(--border-color);background:var(--bg-default);display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto}.detail-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-section-compact{margin-top:.5rem}.detail-section-compact .audio-url{margin-top:.5rem;padding:.75rem;font-size:.75rem}.detail-section-compact .audio-url code{font-size:.7rem}.modal-left-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem}.modal-left-actions .btn{flex:1;min-width:100px}.export-dropdown-wrapper{position:relative;flex:1;min-width:100px}.export-dropdown-wrapper .btn{width:100%}.export-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 -8px 24px -8px #0003;z-index:100;overflow:hidden;animation:dropdownFadeUp .15s ease}[data-theme=dark] .export-dropdown{background:#1e1e2e}@keyframes dropdownFadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.export-dropdown-item:hover{background:var(--primary);color:#fff}.export-dropdown-item svg{flex-shrink:0}.modal-right-panel{flex:1;min-width:0;padding:1.5rem;overflow-y:auto;background:var(--bg-card)}.result-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}.no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:1rem;color:var(--text-light);opacity:.7}.analysis-result,.transcription-result{height:100%;display:flex;flex-direction:column}.analysis-header,.transcription-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:2px solid;border-image:var(--primary-gradient) 1}.analysis-header h4,.transcription-header h4{flex:1;margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.analysis-header svg,.transcription-header svg{color:var(--primary)}.copy-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-default);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-light);cursor:pointer;transition:all .15s ease}.copy-btn:hover{background:var(--bg-elevated);color:var(--primary);border-color:var(--primary)}.analysis-sections{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.analysis-section{background:var(--bg-default);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-color);transition:all .2s ease}.analysis-section:hover{border-color:#9333ea4d;box-shadow:0 4px 12px -4px #9333ea1a}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;font-weight:600;font-size:.875rem;color:var(--primary)}.section-header svg{opacity:.9}.section-content{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);margin:0}.section-content.sentiment{padding:.75rem 1rem;background:linear-gradient(135deg,#9333ea14,#f472b614);border-radius:.5rem;font-weight:500;color:var(--text-primary)}.section-list{margin:0;padding-left:0;list-style:none}.section-list li{position:relative;padding:.5rem 0 .5rem 1.5rem;font-size:.9375rem;line-height:1.6;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.section-list li:last-child{border-bottom:none}.section-list li:before{content:"";position:absolute;left:0;top:1rem;width:6px;height:6px;border-radius:50%;background:var(--primary-gradient)}.section-list.action-list li:before{content:"";width:16px;height:16px;background:transparent;border:2px solid var(--primary);border-radius:4px;top:.65rem}.analysis-text-full{flex:1;overflow-y:auto;padding:1rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color)}.analysis-text-full p{margin:0;font-size:.9375rem;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap}.analysis-json{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;padding-right:.5rem}.json-field{background:var(--bg-default);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.json-field:hover{border-color:#9333ea4d;box-shadow:0 4px 12px -4px #9333ea1a}.json-field-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--primary);font-weight:600;font-size:.875rem}.json-field-header svg{flex-shrink:0;opacity:.9}.json-field-label{flex:1}.json-field-value{margin:0;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.json-field-value.summary-text{font-size:1rem;line-height:1.8;color:var(--text-primary)}.json-summary{background:linear-gradient(135deg,#9333ea14,#f472b614);border-color:#9333ea33}.json-summary .json-field-header{color:var(--primary);font-size:.9375rem}.json-badges{display:flex;flex-wrap:wrap;gap:.5rem}.json-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:2rem;font-size:.8125rem;color:var(--text-secondary)}.json-badge strong{color:var(--text-primary);font-weight:600}.json-badge.color-badge{font-weight:600;border:none}.json-emotions-nested{background:var(--bg-default)}.emotions-list{display:flex;flex-direction:column;gap:.75rem}.emotion-item{padding:.875rem 1rem;background:var(--bg-card);border-radius:.625rem;border-left:3px solid var(--primary)}.emotion-entity-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.emotion-entity-header svg{color:var(--primary);flex-shrink:0}.emotion-entity-name{flex:1;font-weight:600;font-size:.875rem;color:var(--text-primary)}.emotion-color-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:600}.emotion-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary);padding-left:1.5rem}.emotion-entity{font-weight:600;color:var(--text-primary);margin-right:.5rem}.emotion-value{color:var(--text-secondary)}.json-list{margin:0;padding:0;list-style:none}.json-list li{position:relative;padding:.625rem 0 .625rem 1.5rem;font-size:.9375rem;line-height:1.6;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.json-list li:last-child{border-bottom:none}.json-list li:before{content:"";position:absolute;left:0;top:1rem;width:6px;height:6px;border-radius:50%;background:var(--primary-gradient)}.json-metrics-grid{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.375rem}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.metric-value{font-size:.875rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.metric-bar{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.json-participant{border-left:4px solid var(--primary)}.participant-header{color:var(--primary)}.participant-info{display:flex;flex-wrap:wrap;gap:.5rem}.participant-trait{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-card);border-radius:.5rem;font-size:.8125rem;color:var(--text-secondary)}.participant-trait strong{color:var(--text-primary)}.improvements-content{display:flex;flex-direction:column;gap:1rem}.improvement-section{padding:.75rem 1rem;background:var(--bg-card);border-radius:.5rem;border-left:3px solid var(--primary)}.improvement-title{display:block;font-weight:600;font-size:.8125rem;color:var(--primary);margin-bottom:.5rem;text-transform:capitalize}.improvement-list{margin:0;padding-left:1.25rem}.improvement-list li{font-size:.875rem;line-height:1.6;color:var(--text-secondary);padding:.25rem 0}.improvement-section p{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.json-nested{display:flex;flex-direction:column;gap:.75rem;padding-left:1rem;border-left:2px solid var(--border-color);margin-top:.5rem}.json-field.nested{padding:.75rem 1rem;background:transparent;border:none}.json-field.nested:hover{box-shadow:none}.json-field.nested .json-field-header{margin-bottom:.375rem;font-size:.8125rem}.transcription-dialog{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto}.dialog-segment{padding:1rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color);transition:all .15s ease}.dialog-segment:hover{border-color:#9333ea33}.speaker-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;font-size:.8125rem;color:var(--primary)}.speaker-label svg{opacity:.8}.segment-time{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--text-light);font-family:JetBrains Mono,monospace}.segment-text{margin:0;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.transcription-text-full{flex:1;overflow-y:auto;padding:1rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color)}.transcription-text-full p{margin:0;font-size:.9375rem;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap}.transcription-dialog{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;padding:1rem .5rem}.dialog-message{display:flex;gap:.625rem;max-width:85%;animation:dialogSlideIn .3s ease}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dialog-message.dialog-left{align-self:flex-start}.dialog-message.dialog-right{align-self:flex-end;flex-direction:row-reverse}.dialog-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:50%;color:#fff;flex-shrink:0;margin-top:.25rem}.dialog-bubble{background:var(--bubble-bg);border:1px solid var(--bubble-border);border-radius:1rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.dialog-left .dialog-bubble{border-top-left-radius:.25rem}.dialog-right .dialog-bubble{border-top-right-radius:.25rem}.dialog-bubble:hover{box-shadow:0 4px 12px -4px var(--bubble-border)}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.dialog-speaker{font-weight:600;font-size:.8125rem;color:var(--bubble-accent)}.dialog-time{font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-light);background:#0000000d;padding:.125rem .375rem;border-radius:.25rem}.dialog-text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 768px){.dialog-message{max-width:92%}.dialog-avatar{width:28px;height:28px;min-width:28px}.dialog-bubble{padding:.625rem .875rem}.dialog-text{font-size:.875rem}}.transcription-speakers{display:flex;flex-direction:column;gap:1rem;flex:1;overflow-y:auto;padding-right:.5rem}.transcription-speaker-card{background:var(--bg-default);border:1px solid var(--border-color);border-radius:.875rem;overflow:hidden;transition:all .2s ease}.transcription-speaker-card:hover{border-color:#9333ea4d;box-shadow:0 4px 16px -4px #9333ea1f}.speaker-card-header{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#9333ea0f,#f472b60f);border-bottom:1px solid var(--border-color)}.speaker-card-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;flex-shrink:0;box-shadow:0 4px 12px -4px currentColor}.speaker-card-info{flex:1;min-width:0}.speaker-card-name{display:block;font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.125rem}.speaker-card-stats{display:block;font-size:.75rem;color:var(--text-light)}.speaker-card-content{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.speaker-card-message{position:relative;padding:.875rem 1rem;background:var(--bg-card);border-radius:.625rem;border-left:3px solid var(--primary)}.speaker-card-message:hover{background:#9333ea0a}.speaker-card-time{display:inline-block;font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-light);background:var(--bg-default);padding:.125rem .5rem;border-radius:.25rem;margin-bottom:.5rem}.speaker-card-message p{margin:0;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}@media (max-width: 768px){.speaker-card-content{max-height:300px}.speaker-card-header{padding:.875rem 1rem}.speaker-card-avatar{width:38px;height:38px}.speaker-card-name{font-size:.9375rem}}.speakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;flex:1;overflow-y:auto}.speaker-column{display:flex;flex-direction:column;background:var(--speaker-bg, var(--bg-default));border:1px solid var(--speaker-border, var(--border-color));border-radius:1rem;overflow:hidden;transition:all .2s ease}.speaker-column:hover{box-shadow:0 8px 24px -8px var(--speaker-border);transform:translateY(-2px)}.speaker-column-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--speaker-bg);border-bottom:1px solid var(--speaker-border)}.speaker-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;flex-shrink:0}.speaker-info{flex:1;min-width:0}.speaker-name{display:block;font-weight:700;font-size:.9375rem;color:var(--speaker-text, var(--text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speaker-stats{display:block;font-size:.75rem;color:var(--text-light);margin-top:.125rem}.copy-btn-small{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--speaker-border);border-radius:.375rem;color:var(--text-light);cursor:pointer;transition:all .15s ease;flex-shrink:0}.copy-btn-small:hover{background:var(--bg-card);color:var(--speaker-text);border-color:var(--speaker-text)}.speaker-messages{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;flex:1;overflow-y:auto;max-height:50vh}.speaker-message{padding:.75rem 1rem;background:var(--bg-card);border-radius:.75rem;border-left:3px solid var(--speaker-text);position:relative}.speaker-message .message-time{display:block;font-size:.6875rem;font-family:JetBrains Mono,monospace;color:var(--text-light);margin-bottom:.375rem;opacity:.8}.speaker-message p{margin:0;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.dialog-segment{padding:1rem;background:var(--speaker-bg, var(--bg-default));border-radius:.75rem;border:1px solid var(--speaker-border, var(--border-color));border-left:4px solid var(--speaker-text, var(--primary));transition:all .15s ease}.dialog-segment:hover{box-shadow:0 4px 12px -4px var(--speaker-border, rgba(147, 51, 234, .15))}.dialog-segment .speaker-label{color:var(--speaker-text, var(--primary))}@media (max-width: 700px){.speakers-grid{grid-template-columns:1fr}.speaker-messages{max-height:300px}}@media (min-width: 1200px){.speakers-grid{grid-template-columns:repeat(2,1fr)}.modal.detail-modal-fullview,.detail-modal-fullview{min-width:1000px}}@media (min-width: 1600px){.speakers-grid{grid-template-columns:repeat(3,1fr)}.modal.detail-modal-fullview,.detail-modal-fullview{max-width:1500px!important;min-width:1200px}}@media (min-width: 1920px){.modal.detail-modal-fullview,.detail-modal-fullview{max-width:1700px!important;min-width:1400px}}.error-result{margin-top:1.5rem;padding:1.25rem;background:#ff525214;border:1px solid rgba(255,82,82,.25);border-radius:.75rem}.error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--danger)}.error-header h4{margin:0;font-size:.9375rem;font-weight:600}.error-message{margin:0;font-size:.875rem;line-height:1.6;color:var(--danger);opacity:.9}.modal-footer-fullview{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0;background:var(--bg-default)}@media (max-width: 900px){.modal.detail-modal-fullview,.detail-modal-fullview{max-width:100%!important;width:100%!important;min-width:0!important;max-height:100%!important;height:100%!important;border-radius:0!important}.modal-body-split{flex-direction:column}.modal-left-panel{width:100%;max-height:280px;border-right:none;border-bottom:1px solid var(--border-color)}.detail-grid-compact{grid-template-columns:1fr 1fr}.modal-right-panel{flex:1;min-height:300px}}@media (max-width: 480px){.detail-grid-compact{grid-template-columns:1fr}.modal-left-actions{flex-direction:column}.modal-left-actions .btn{width:100%}}@media (max-width: 768px){.modal.detail-modal-fullview,.detail-modal-fullview{max-width:100%!important;min-width:0!important;max-height:100%!important;height:100%!important;border-radius:0!important;animation:none!important}}.modal-title{display:flex;flex-direction:column;gap:.5rem}.request-code{padding:.25rem .5rem;background:var(--bg-default);border-radius:.375rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-secondary);width:fit-content}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.detail-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.detail-value.cost{color:var(--primary);font-weight:700}.detail-section{margin-bottom:1.25rem}.detail-section .detail-label{margin-bottom:.5rem}.audio-url{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-default);border-radius:.5rem}.audio-url svg{color:var(--text-light);flex-shrink:0}.audio-url code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-secondary);word-break:break-all}.result-preview{display:flex;gap:.75rem;padding:1rem;background:#82d6160d;border:1px solid rgba(130,214,22,.2);border-radius:.5rem}.result-preview svg{color:var(--success);flex-shrink:0;margin-top:.125rem}.result-preview p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.result-preview.error{background:#ea06060d;border-color:#ea060633}.result-preview.error svg{color:var(--danger)}.result-preview.error p{color:var(--danger)}@media (max-width: 1024px){.history-stats{flex-wrap:wrap;gap:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header .btn{width:100%;justify-content:center}}@media (max-width: 768px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .search-box{min-width:100%}.filter-group{width:100%}.filter-select{flex:1}.refresh-btn{width:100%;margin-left:0}.detail-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.requests-table-card .table-container{display:none}.requests-table-card .mobile-cards{display:flex!important;flex-direction:column;gap:.75rem;padding:1rem}.history-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.stat-item{padding:.75rem;background:var(--bg-default);border-radius:.5rem;text-align:center}.stat-value{font-size:1.125rem}.detail-modal{max-width:100%;margin:0}.audio-url{flex-direction:column;align-items:flex-start;gap:.5rem}.audio-url code{font-size:.75rem}}.mobile-cards{display:none}.request-card{background:var(--bg-default);border-radius:.75rem;padding:1rem;border:1px solid var(--border-color);transition:all .15s ease}.request-card:active{border-color:var(--primary)}.request-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.request-card-header code{padding:.25rem .5rem;background:var(--bg-card);border-radius:.375rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;color:var(--text-secondary)}.request-card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.request-card-badges .type-badge,.request-card-badges .status-badge{padding:.25rem .5rem;font-size:.6875rem}.request-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.request-card-item{display:flex;flex-direction:column;gap:.125rem}.request-card-item .label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-light)}.request-card-item .value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.request-card-item .value.cost{color:var(--primary);font-weight:600}.request-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.request-card-date{font-size:.75rem;color:var(--text-light)}.request-card-actions{display:flex;gap:.5rem}.request-card-actions .action-btn{width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem}@media (max-width: 480px){.history-stats,.request-card-body{grid-template-columns:1fr}.pagination-controls{width:100%;justify-content:center}.pagination-btn{flex:1;max-width:40px}}[data-theme=dark] .history-stats{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .filters-bar .search-input,[data-theme=dark] .filter-select{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .requests-table-card{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .request-id code{background:var(--bg-elevated)}[data-theme=dark] .type-badge.primary{background:#9333ea26;color:var(--primary)}[data-theme=dark] .type-badge.info{background:#4dd0e126}[data-theme=dark] .status-badge.success{background:#69f0ae26}[data-theme=dark] .status-badge.pending{background:#ffd54f26}[data-theme=dark] .status-badge.error{background:#ff525226}[data-theme=dark] .speakers-count,[data-theme=dark] .action-btn:hover{background:var(--bg-elevated)}[data-theme=dark] .error-row{background:#ff52520d}[data-theme=dark] .pagination,[data-theme=dark] .pagination-btn{border-color:var(--border-color)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:var(--bg-elevated)}[data-theme=dark] .request-code,[data-theme=dark] .audio-url{background:var(--bg-elevated)}[data-theme=dark] .result-preview{background:#69f0ae14;border-color:#69f0ae40}[data-theme=dark] .result-preview.error{background:#ff525214;border-color:#ff525240}[data-theme=dark] .request-card{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .request-card-header code{background:var(--bg-card)}[data-theme=dark] .request-card-footer{border-color:var(--border-color)}[data-theme=dark] .request-card-actions .action-btn{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-item{background:var(--bg-elevated)}.action-btn.delete{color:var(--text-secondary)}.action-btn.delete:hover{color:var(--danger);background:#ff52521a}.delete-modal{max-width:420px}.delete-modal .modal-header.delete-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.delete-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff52521a;border-radius:50%;color:var(--danger);flex-shrink:0}.delete-modal .modal-header h3{flex:1;margin:0;font-size:1.125rem;font-weight:600}.delete-message{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.delete-request-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border-radius:var(--border-radius);border:1px solid var(--border-color)}.delete-request-info code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-request-type{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-card);border-radius:4px;color:var(--text-light);white-space:nowrap}.delete-modal .modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.btn-danger{background:var(--danger);color:#fff;border:none;box-shadow:0 3px 8px -2px #ea060659}.btn-danger:hover{background:#e53935;box-shadow:0 5px 12px -3px #ea060673;transform:translateY(-1px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.detail-modal .btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem}.modal-footer-right{display:flex;gap:.75rem;margin-left:auto;align-items:center}.detail-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-default);gap:.75rem;flex-wrap:wrap}.detail-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.detail-modal .btn-primary{background:var(--primary-gradient);color:#fff;border:none;box-shadow:0 4px 10px -2px #cb0c9f59}.detail-modal .btn-primary:hover{box-shadow:0 6px 16px -3px #cb0c9f73;transform:translateY(-1px)}.detail-modal .btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.detail-modal .btn-outline:hover{background:var(--bg-card);border-color:var(--text-light)}[data-theme=dark] .action-btn.delete:hover,[data-theme=dark] .delete-icon{background:#ff525226}[data-theme=dark] .delete-request-info{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .delete-request-type,[data-theme=dark] .detail-modal .modal-footer{background:var(--bg-elevated)}[data-theme=dark] .detail-modal .btn-primary{box-shadow:0 4px 12px -2px #9333ea80,0 0 20px -5px #f472b64d}[data-theme=dark] .detail-modal .btn-primary:hover{box-shadow:0 6px 18px -3px #9333ea99,0 0 25px -5px #f472b666}[data-theme=dark] .detail-modal .btn-outline{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .detail-modal .btn-outline:hover{background:var(--bg-card);border-color:var(--text-light)}@media (max-width: 640px){.detail-modal .modal-footer{flex-direction:column;gap:.5rem}.detail-modal .modal-footer .btn-danger{order:2;width:100%}.modal-footer-right{width:100%;order:1;flex-direction:column}.modal-footer-right .btn{width:100%}}[data-theme=dark] .detail-modal-fullview{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d}[data-theme=dark] .detail-modal-fullview .modal-header{background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-card) 100%);border-color:var(--border-color)}[data-theme=dark] .modal-left-panel{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .modal-right-panel{background:var(--bg-card)}[data-theme=dark] .copy-btn{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .copy-btn:hover{background:var(--bg-card);border-color:var(--primary)}[data-theme=dark] .analysis-section{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .analysis-section:hover{border-color:#9333ea66;box-shadow:0 4px 16px -4px #9333ea33}[data-theme=dark] .section-content.sentiment{background:linear-gradient(135deg,#9333ea26,#f472b626)}[data-theme=dark] .section-list li{border-color:var(--border-color)}[data-theme=dark] .analysis-text-full,[data-theme=dark] .transcription-text-full,[data-theme=dark] .dialog-segment{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .dialog-segment:hover{border-color:#9333ea4d;box-shadow:0 4px 12px -4px #9333ea26}[data-theme=dark] .error-result{background:#ff52521f;border-color:#ff52524d}[data-theme=dark] .modal-footer-fullview{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .modal-left-actions{border-color:var(--border-color)}[data-theme=dark] .detail-section-compact .audio-url{background:var(--bg-card)}[data-theme=dark] .speaker-column{background:color-mix(in srgb,var(--speaker-bg) 50%,var(--bg-elevated));border-color:var(--speaker-border)}[data-theme=dark] .speaker-column:hover{box-shadow:0 8px 28px -8px var(--speaker-border)}[data-theme=dark] .speaker-column-header{background:color-mix(in srgb,var(--speaker-bg) 30%,transparent)}[data-theme=dark] .speaker-message{background:var(--bg-card)}[data-theme=dark] .dialog-segment{background:color-mix(in srgb,var(--speaker-bg) 50%,var(--bg-elevated))}[data-theme=dark] .dialog-segment:hover{box-shadow:0 4px 16px -4px var(--speaker-border)}[data-theme=dark] .copy-btn-small:hover{background:var(--bg-elevated)}[data-theme=dark] .json-field{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .json-field:hover{border-color:#9333ea66;box-shadow:0 4px 16px -4px #9333ea33}[data-theme=dark] .json-summary{background:linear-gradient(135deg,#9333ea26,#f472b626);border-color:#9333ea4d}[data-theme=dark] .json-badge{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .json-list li{border-color:var(--border-color)}[data-theme=dark] .metric-bar,[data-theme=dark] .participant-trait,[data-theme=dark] .improvement-section{background:var(--bg-card)}[data-theme=dark] .json-nested{border-color:var(--border-color)}[data-theme=dark] .emotion-item{background:var(--bg-elevated)}[data-theme=dark] .transcription-speaker-card{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .transcription-speaker-card:hover{border-color:#9333ea66;box-shadow:0 4px 20px -4px #9333ea33}[data-theme=dark] .speaker-card-header{background:linear-gradient(135deg,#9333ea1a,#f472b61a);border-color:var(--border-color)}[data-theme=dark] .speaker-card-message{background:var(--bg-card)}[data-theme=dark] .speaker-card-message:hover{background:#9333ea14}[data-theme=dark] .speaker-card-time{background:var(--bg-elevated)}[data-theme=dark] .dialog-time{background:#ffffff14}[data-theme=dark] .dialog-bubble:hover{box-shadow:0 4px 16px -4px #0006}.settings-page{display:flex;flex-direction:column;gap:1.5rem}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem}.settings-nav{display:flex;flex-direction:column;gap:.375rem;padding:1rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);border:1px solid var(--border-color);height:fit-content;position:sticky;top:1.5rem}.nav-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:.5rem;font-family:var(--font-primary);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:left}.nav-tab:hover{background:var(--bg-default);color:var(--text-primary)}.nav-tab.active{background:linear-gradient(310deg,#7928ca1f,#ff00801f);color:var(--primary);border:1px solid rgba(121,40,202,.2)}.nav-tab.active svg{color:var(--primary)}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--bg-card);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.section-header{margin-bottom:2rem}.section-header h3{font-size:1.25rem;margin-bottom:.375rem;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:.9375rem}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.avatar-container{position:relative}.avatar-large{width:80px;height:80px;background:var(--primary-gradient);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.avatar-info h4{font-size:1.125rem;margin-bottom:.25rem}.avatar-info p{color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light)}.input-with-icon .form-input{padding-left:2.75rem}.notifications-list{display:flex;flex-direction:column}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.notification-item:last-child{border-bottom:none}.notification-info h4{font-size:.9375rem;margin-bottom:.25rem}.notification-info p{font-size:.8125rem;color:var(--text-light)}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background:var(--primary-gradient)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.security-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.security-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color)}.security-card .btn-primary{box-shadow:0 3px 8px -2px #cb0c9f59}.security-card .btn-primary:hover{box-shadow:0 6px 14px -3px #cb0c9f66}.security-icon{width:48px;height:48px;background:#7928ca1a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--primary)}.security-icon.success{background:#82d6161a;color:var(--success)}.security-icon.warning{background:#fbcf3326;color:#d97706}.security-info{flex:1}.security-info h4{font-size:.9375rem;margin-bottom:.25rem}.security-info p{font-size:.8125rem;color:var(--text-light)}.danger-zone{padding:1.5rem;background:#ea06060d;border:1px solid rgba(234,6,6,.2);border-radius:.75rem}.danger-zone h4{font-size:.9375rem;color:var(--danger);margin-bottom:.25rem}.danger-zone p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem}.btn-outline.danger{color:var(--danger);border-color:var(--danger)}.btn-outline.danger:hover{background:var(--danger);color:#fff}.password-modal-content{display:flex;flex-direction:column;gap:1.25rem}.password-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(310deg,#7928ca1a,#ff00801a);border-radius:50%;color:var(--primary);margin:0 auto}.password-instruction{text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.5rem}.password-modal .form-group{width:100%}.security-card.success{border-color:#82d6164d;background:#82d6160d}.sessions-card{flex-wrap:wrap}.sessions-actions{display:flex;gap:.5rem;flex-wrap:wrap}.sessions-actions .btn{display:inline-flex;align-items:center;gap:.375rem}.sessions-list{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color)}.sessions-loading,.sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:var(--text-light)}.session-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:.5rem;border:1px solid var(--border-color);transition:all .15s ease}.session-item:hover{border-color:var(--primary)}.session-item.current{border-color:#82d61666;background:#82d6160d}.session-icon{width:40px;height:40px;background:var(--bg-default);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.session-item.current .session-icon{background:#82d6161a;color:var(--success)}.session-info{flex:1;min-width:0}.session-device{font-weight:500;font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.current-badge{font-size:.75rem;font-weight:600;color:var(--success);background:#82d61626;padding:.125rem .5rem;border-radius:1rem}.session-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-light);margin-top:.25rem}.session-dot{font-size:.5rem}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--bg-default)}.btn-danger-ghost{border-color:transparent}.btn-danger-ghost:hover{background:#ea06061a;color:var(--danger);border-color:#ea060633}.btn-warning-ghost{border-color:transparent;color:var(--text-secondary)}.btn-warning-ghost:hover{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b33}.modal{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.125rem;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--bg-default);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-default)}.two-factor-setup{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.two-factor-instruction{text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.qr-code-container{padding:1rem;background:#fff;border-radius:.75rem;box-shadow:var(--shadow-soft)}.qr-code-image{display:block;width:200px;height:200px}.qr-placeholder{width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.secret-key-section{width:100%;text-align:center}.secret-label{font-size:.8125rem;color:var(--text-light);margin-bottom:.5rem}.secret-key-box{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-default);border-radius:.5rem;border:1px solid var(--border-color)}.secret-key{font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);letter-spacing:.05em;word-break:break-all}.verification-code-input{text-align:center;font-size:1.5rem;font-family:var(--font-mono);letter-spacing:.25em;font-weight:600}.two-factor-setup .form-group{width:100%}.disable-2fa-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.warning-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fbcf3326;border-radius:50%;color:#d97706}.disable-warning{text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.disable-2fa-content .form-group{width:100%}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#c00505;border-color:#c00505}.btn-danger:disabled{background:var(--text-light);border-color:var(--text-light)}.sessions-modal{max-width:560px}.sessions-modal-content{min-height:200px}.sessions-modal .sessions-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.sessions-modal .session-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-default);border-radius:.75rem;border:1px solid var(--border-color);transition:all .15s ease}.sessions-modal .session-item:hover{border-color:var(--border-dark)}.sessions-modal .session-item.current{background:linear-gradient(135deg,#7928ca0d,#22d3ee0d);border-color:var(--primary)}.sessions-modal .session-icon{width:40px;height:40px;background:var(--bg-card);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.sessions-modal .session-item.current .session-icon{background:var(--primary);color:#fff}.sessions-modal .session-info{flex:1;min-width:0}.sessions-modal .session-device{font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sessions-modal .current-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;padding:.125rem .5rem;background:var(--primary);color:#fff;border-radius:1rem}.sessions-modal .session-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-light);margin-top:.25rem}.sessions-modal .session-dot{font-size:.5rem}.sessions-modal .sessions-loading,.sessions-modal .sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-light);text-align:center}.preferences-list{display:flex;flex-direction:column}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.preference-item:last-child{border-bottom:none}.preference-info{display:flex;align-items:center;gap:1rem}.preference-info svg{color:var(--text-secondary)}.preference-info h4{font-size:.9375rem;margin-bottom:.25rem}.preference-info p{font-size:.8125rem;color:var(--text-light)}.form-select{padding:.625rem 2.5rem .625rem 1rem;font-family:var(--font-primary);font-size:.875rem;color:var(--text-primary);background:var(--bg-default);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238392ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;min-width:180px}.form-select:focus{outline:none;border-color:var(--primary)}.timezone-preference{flex-direction:column;align-items:flex-start!important;gap:1rem}.timezone-preference .preference-info{width:100%}.timezone-selector{width:100%;position:relative}.timezone-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;background:var(--bg-default);border:1px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-primary);font-size:.9375rem;color:var(--text-primary)}.timezone-trigger:hover{border-color:var(--primary);background:var(--bg-card)}.timezone-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7928ca1a}.timezone-trigger-content{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0}.timezone-trigger-content svg{color:var(--primary);flex-shrink:0}.timezone-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timezone-chevron{color:var(--text-light);transition:transform .2s ease;flex-shrink:0}.timezone-chevron.open{transform:rotate(180deg)}.timezone-current-time{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:linear-gradient(310deg,#7928ca14,#ff008014);border-radius:.5rem;font-size:.8125rem;color:var(--text-secondary)}.timezone-current-time svg{color:var(--primary)}.timezone-current-time strong{font-weight:600;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.02em}.timezone-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.timezone-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;max-height:400px;display:flex;flex-direction:column}.timezone-search{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-default)}.timezone-search svg{color:var(--text-light);flex-shrink:0}.timezone-search input{flex:1;border:none;background:transparent;font-family:var(--font-primary);font-size:.9375rem;color:var(--text-primary);outline:none}.timezone-search input::placeholder{color:var(--text-light)}.timezone-search-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:none;border-radius:50%;color:var(--text-light);cursor:pointer;transition:all .15s ease}.timezone-search-clear:hover{background:var(--danger);color:#fff}.timezone-list{overflow-y:auto;flex:1;padding:.5rem}.timezone-group{margin-bottom:.5rem}.timezone-group:last-child{margin-bottom:0}.timezone-group-label{padding:.5rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);position:sticky;top:0;background:var(--bg-card);z-index:1}.timezone-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;text-align:left;font-family:var(--font-primary)}.timezone-option:hover{background:var(--bg-default)}.timezone-option.selected{background:linear-gradient(310deg,#7928ca1a,#ff00801a)}.timezone-option.selected .timezone-option-name{color:var(--primary);font-weight:500}.timezone-option-main{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.timezone-option-name{font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timezone-option-auto{font-size:.75rem;color:var(--text-light);font-family:var(--font-mono)}.timezone-option-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.timezone-option-offset{font-size:.75rem;font-family:var(--font-mono);color:var(--text-light);background:var(--bg-default);padding:.125rem .375rem;border-radius:.25rem}.timezone-option.selected .timezone-option-offset{background:#7928ca26;color:var(--primary)}.timezone-option-meta svg{color:var(--primary)}.timezone-no-results{padding:2rem;text-align:center;color:var(--text-light);font-size:.875rem}.settings-footer{display:flex;justify-content:flex-end;padding:1.5rem 2rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}.save-btn{min-width:180px;font-weight:600}.save-btn.saved{background:var(--success-gradient)}.settings-footer .btn-primary{box-shadow:0 4px 12px -2px #cb0c9f59,0 2px 6px -1px #cb0c9f40}.settings-footer .btn-primary:hover{box-shadow:0 8px 20px -4px #cb0c9f73,0 4px 10px -2px #cb0c9f4d}@media (max-width: 1024px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static;padding:.5rem;gap:.25rem}.nav-tab{flex-shrink:0;padding:.75rem 1rem}.nav-tab span{display:none}}@media (max-width: 768px){.settings-section{padding:1.5rem}.form-grid{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.preference-item{flex-direction:column;align-items:flex-start;gap:1rem}.form-select{width:100%}.security-card{flex-direction:column;text-align:center}.sessions-actions{width:100%;justify-content:center}}[data-theme=dark] .settings-nav{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .nav-tab:hover{background:var(--bg-elevated)}[data-theme=dark] .nav-tab.active{background:linear-gradient(310deg,#9333ea26,#f472b626);border:1px solid rgba(147,51,234,.3)}[data-theme=dark] .settings-section{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .profile-avatar-section{border-color:var(--border-color)}[data-theme=dark] .avatar-large{box-shadow:var(--shadow-glow)}[data-theme=dark] .notification-item{border-color:var(--border-color)}[data-theme=dark] .toggle-slider{background-color:var(--bg-elevated)}[data-theme=dark] .security-card{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .security-card.success{background:linear-gradient(310deg,#69f0ae14,#a3e63514);border-color:#69f0ae4d}[data-theme=dark] .security-icon{background:var(--bg-card)}[data-theme=dark] .security-icon.success{background:#69f0ae26}[data-theme=dark] .security-icon.warning{background:#ffd54f26}[data-theme=dark] .danger-zone{background:#ff525214;border-color:#ff525240}[data-theme=dark] .preference-item{border-color:var(--border-color)}[data-theme=dark] .preference-info svg{color:var(--text-secondary)}[data-theme=dark] .settings-footer{background:var(--bg-card)}.modal{border:1px solid var(--border-color)}.modal .btn-primary{box-shadow:0 4px 12px -2px #cb0c9f59}.modal .btn-primary:hover{box-shadow:0 8px 20px -4px #cb0c9f73}[data-theme=dark] .two-factor-modal,[data-theme=dark] .disable-2fa-modal,[data-theme=dark] .password-modal,[data-theme=dark] .sessions-modal{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{border-color:var(--border-color)}[data-theme=dark] .qr-code-container{background:#fff;border-radius:.75rem;padding:1rem}[data-theme=dark] .secret-key-box{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .secret-key{color:var(--primary)}[data-theme=dark] .warning-icon{color:var(--warning)}[data-theme=dark] .password-icon{color:var(--primary)}[data-theme=dark] .session-item{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .session-item.current{background:linear-gradient(310deg,#9333ea1a,#f472b61a);border-color:#9333ea4d}[data-theme=dark] .session-icon{background:var(--bg-card)}[data-theme=dark] .current-badge{background:#9333ea26;color:var(--primary)}[data-theme=dark] .timezone-trigger{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .timezone-trigger:hover{background:var(--bg-card);border-color:var(--primary)}[data-theme=dark] .timezone-current-time{background:linear-gradient(310deg,#9333ea1a,#f472b61a)}[data-theme=dark] .timezone-dropdown{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 20px 40px #00000080}[data-theme=dark] .timezone-search{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .timezone-search-clear{background:var(--bg-default)}[data-theme=dark] .timezone-group-label{background:var(--bg-card)}[data-theme=dark] .timezone-option:hover{background:var(--bg-elevated)}[data-theme=dark] .timezone-option.selected{background:linear-gradient(310deg,#9333ea26,#f472b626)}[data-theme=dark] .timezone-option-offset{background:var(--bg-elevated)}.docs-page{display:flex;flex-direction:column;gap:1.5rem}.docs-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem}.docs-sidebar{display:flex;flex-direction:column;gap:1rem}.sidebar-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sidebar-tab:hover{color:var(--text-primary);background:var(--bg-default)}.sidebar-tab.active{background:var(--primary-gradient);color:#fff}.sidebar-section{background:var(--bg-card);border-radius:var(--border-radius);padding:1.25rem;box-shadow:var(--shadow-soft)}.sidebar-section h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.endpoints-nav{display:flex;flex-direction:column;gap:.5rem}.endpoint-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.endpoint-item:hover{background:var(--bg-default)}.endpoint-item.active{background:#cb0c9f0d;border-color:#cb0c9f33}.method-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.method-badge.get{background:#17c1e81a;color:var(--info)}.method-badge.post{background:#82d6161a;color:var(--success)}.method-badge.large{padding:.375rem .75rem;font-size:.75rem}.endpoint-path{font-size:.8125rem;font-family:JetBrains Mono,monospace;color:var(--text-primary)}.resources-nav{display:flex;flex-direction:column;gap:.25rem}.resource-link{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.resource-link:hover{color:var(--text-primary);background:var(--bg-default)}.resource-link.active{background:#cb0c9f0d;border-color:#cb0c9f33;color:var(--text-primary)}.resource-content{animation:fadeIn .2s ease}.resource-content h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;margin-bottom:1rem}.resource-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.resource-content code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--primary);background:#cb0c9f0d;padding:.125rem .375rem;border-radius:.25rem}.resource-content h4{font-size:.9375rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.docs-content{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-soft)}.endpoint-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.endpoint-url{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--text-primary);background:var(--bg-default);padding:.5rem 1rem;border-radius:.5rem}.endpoint-desc{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1.5rem}.params-section{margin-bottom:2rem}.params-section h4{font-size:.875rem;margin-bottom:1rem}.params-table table{width:100%;border-collapse:collapse}.params-table th{padding:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color)}.params-table td{padding:.75rem;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.params-table code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--primary);background:#cb0c9f0d;padding:.125rem .375rem;border-radius:.25rem}.type-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--info);background:#17c1e81a;padding:.125rem .5rem;border-radius:.25rem}.required{color:var(--danger);font-weight:600}.optional{color:var(--text-light)}.code-sections{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.code-section{border-radius:.75rem;overflow:hidden;background:#1a1a2e}.code-section.large{grid-column:1 / -1}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.code-header span{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.copy-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.copy-btn:hover{color:#fff;background:#ffffff1a}.code-block{padding:1rem;margin:0;font-family:JetBrains Mono,monospace;font-size:.8125rem;color:#a6e3a1;line-height:1.6;overflow-x:auto;white-space:pre}.examples-section{margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.examples-section h3{font-size:1rem;margin-bottom:1rem}.examples-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tab-btn:hover{border-color:var(--text-light)}.tab-btn.active{background:var(--primary-gradient);border-color:transparent;color:#fff}.code-inline{background:#1a1a2e;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.code-inline code{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:#a6e3a1;background:transparent}.errors-table table{width:100%;border-collapse:collapse}.errors-table th,.errors-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.errors-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.errors-table td{font-size:.8125rem;color:var(--text-secondary)}.errors-table code{font-family:JetBrains Mono,monospace;font-size:.8125rem;padding:.25rem .5rem;border-radius:.25rem}.limits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.limit-card{padding:1rem;background:var(--bg-default);border-radius:.75rem}.limit-card h4{font-size:.8125rem;margin-bottom:.5rem}.limit-card p{font-size:.75rem;color:var(--text-secondary);margin:0}.limit-card strong{color:var(--text-primary)}@media (max-width: 1024px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-tabs{width:100%}.sidebar-section{flex:1;min-width:200px}.code-sections{grid-template-columns:1fr}.limits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.limits-grid{grid-template-columns:1fr}}.pricing-banner{padding:1.5rem;background:linear-gradient(135deg,#cb0c9f0d,#17c1e80d);border:1px solid rgba(203,12,159,.15)}.pricing-banner-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.pricing-banner-header svg{color:var(--primary)}.pricing-banner-header h3{font-size:1rem;margin:0}.pricing-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary);font-size:.875rem}.pricing-loading .spin{animation:spin 1s linear infinite}.pricing-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}.pricing-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-color)}.pricing-item svg{color:var(--primary);flex-shrink:0;margin-top:.125rem}.pricing-item strong{display:block;font-size:.875rem;margin-bottom:.25rem}.pricing-item span{display:block;font-size:1.125rem;font-weight:700;color:var(--success);margin-bottom:.25rem}.pricing-item small{font-size:.75rem;color:var(--text-secondary)}.pricing-note{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);margin:0;padding:.75rem 1rem;background:#ffc1071a;border-radius:.5rem}.pricing-note svg{color:var(--warning);flex-shrink:0}.warning-box,.success-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;margin:1rem 0}.warning-box{background:#ffc1071a;border:1px solid rgba(255,193,7,.2)}.warning-box svg{color:var(--warning);flex-shrink:0;margin-top:.125rem}.success-box{background:#82d6161a;border:1px solid rgba(130,214,22,.2)}.success-box svg{color:var(--success);flex-shrink:0;margin-top:.125rem}.warning-box div,.success-box div{font-size:.875rem;line-height:1.5}.warning-box strong,.success-box strong{display:block;margin-bottom:.25rem}.billing-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.billing-item{padding:1.25rem;background:var(--bg-default);border-radius:.75rem}.billing-item h4{font-size:.9375rem;margin-bottom:.75rem;color:var(--text-primary)}.billing-item ul{margin:0;padding:0;list-style:none}.billing-item li{font-size:.8125rem;color:var(--text-secondary);padding:.375rem 0;border-bottom:1px solid var(--border-color)}.billing-item li:last-child{border-bottom:none}.billing-item li strong{color:var(--text-primary)}.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 1024px){.limits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.limits-grid,.pricing-items,.billing-details{grid-template-columns:1fr}}[data-theme=dark] .sidebar-tabs{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .sidebar-tab:hover{background:var(--bg-elevated)}[data-theme=dark] .sidebar-section{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .endpoint-item:hover{background:var(--bg-elevated)}[data-theme=dark] .endpoint-item.active{background:#9333ea1a;border-color:#9333ea4d}[data-theme=dark] .method-badge.get{background:#4dd0e126}[data-theme=dark] .method-badge.post{background:#69f0ae26}[data-theme=dark] .resource-link:hover{background:var(--bg-elevated)}[data-theme=dark] .resource-link.active{background:#9333ea1a;border-color:#9333ea4d}[data-theme=dark] .docs-content{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .endpoint-url{background:var(--bg-elevated)}[data-theme=dark] .params-table th,[data-theme=dark] .params-table td{border-color:var(--border-color)}[data-theme=dark] .params-table code{background:#9333ea1a}[data-theme=dark] .type-badge{background:#4dd0e126}[data-theme=dark] .tab-btn{border-color:var(--border-color)}[data-theme=dark] .tab-btn:hover{border-color:var(--text-light)}[data-theme=dark] .errors-table th,[data-theme=dark] .errors-table td{border-color:var(--border-color)}[data-theme=dark] .limit-card{background:var(--bg-elevated)}[data-theme=dark] .pricing-banner{background:linear-gradient(135deg,#9333ea14,#4dd0e114);border-color:#9333ea40}[data-theme=dark] .pricing-item{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .pricing-note{background:#ffd54f14}[data-theme=dark] .warning-box{background:#ffd54f14;border-color:#ffd54f33}[data-theme=dark] .success-box{background:#69f0ae14;border-color:#69f0ae33}[data-theme=dark] .billing-item{background:var(--bg-elevated)}[data-theme=dark] .billing-item li{border-color:var(--border-color)}[data-theme=dark] .resource-content code{background:#9333ea1a}.admin-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.page-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.page-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.refresh-btn.refreshing{opacity:.7;pointer-events:none}.admin-tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;margin-bottom:-2px}.admin-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-content{flex:1}.admin-section{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.section-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;min-width:250px}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.table thead{background:var(--bg-secondary)}.table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem}.table tbody tr:hover{background:var(--bg-hover)}.balance-cell{font-weight:600;color:var(--success)}.cost-cell,.amount-cell{font-weight:600}.amount-cell.positive{color:var(--success)}.amount-cell.negative{color:var(--danger)}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.user-info{display:flex;flex-direction:column;gap:.125rem}.user-email{font-weight:500}.user-name{font-size:.8rem;color:var(--text-secondary)}.filter-group{display:flex;gap:.75rem;align-items:center}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;outline:none;cursor:pointer;transition:border-color .2s}.filter-select:focus{border-color:var(--primary)}.filter-select:hover{border-color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#7928ca1a;color:#7928ca}.badge-info{background:#17c1e81a;color:#17c1e8}.badge-success{background:#17c9641a;color:#17c964}.badge-warning{background:#ffc1071a;color:#ffc107}.badge-danger{background:#ee2a241a;color:#ee2a24}.table-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.pagination span{color:var(--text-secondary);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #7928ca1a}.stat-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-info{flex:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem}.icon-gradient{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff}.icon-gradient-primary{background:linear-gradient(135deg,#7928ca,#ff0080)}.icon-gradient-info{background:linear-gradient(135deg,#17c1e8,#06c)}.icon-gradient-success{background:linear-gradient(135deg,#17c964,#00a86b)}.icon-gradient-warning{background:linear-gradient(135deg,#ffc107,#ff9800)}.pricing-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s}.pricing-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #7928ca1a}.pricing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.pricing-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.pricing-header p{font-size:.85rem;color:var(--text-secondary);margin:0}.pricing-actions{display:flex;gap:.5rem}.pricing-body{margin-top:1rem}.pricing-info{display:flex;flex-direction:column;gap:.5rem}.pricing-rate{display:flex;align-items:baseline;gap:.5rem}.rate-value{font-size:2rem;font-weight:700;color:var(--primary)}.rate-unit{font-size:1rem;color:var(--text-secondary)}.pricing-note{font-size:.85rem;color:var(--text-tertiary);margin:0}.pricing-form{display:flex;flex-direction:column;gap:1rem}.pricing-form .form-group{display:flex;flex-direction:column;gap:.5rem}.pricing-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pricing-form input{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.pricing-form input:focus{border-color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-primary);border-radius:.75rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:all .2s}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.modal-body input{padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.modal-body input:focus{border-color:var(--primary)}.modal-body input:disabled{opacity:.6;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--primary-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 10px -2px #cb0c9f59}.btn-primary:hover{box-shadow:0 6px 16px -3px #cb0c9f73}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-secondary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.pricing-list{grid-template-columns:1fr}}@media (max-width: 768px){.page-header{flex-direction:column;gap:1rem}.section-header{flex-direction:column}.search-box{width:100%;min-width:auto}.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.admin-tabs{overflow-x:auto}.admin-tab{white-space:nowrap}}[data-theme=dark] .admin-tabs{border-color:var(--border-color)}[data-theme=dark] .admin-tab:hover{background:var(--bg-elevated)}[data-theme=dark] .search-box{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .table-container{border-color:var(--border-color)}[data-theme=dark] .table{background:var(--bg-card)}[data-theme=dark] .table thead{background:var(--bg-elevated)}[data-theme=dark] .table th,[data-theme=dark] .table td{border-color:var(--border-color)}[data-theme=dark] .table tbody tr:hover{background:var(--bg-elevated)}[data-theme=dark] .badge-primary{background:#9333ea26;color:var(--primary)}[data-theme=dark] .badge-info{background:#4dd0e126}[data-theme=dark] .badge-success{background:#69f0ae26}[data-theme=dark] .badge-warning{background:#ffd54f26}[data-theme=dark] .badge-danger{background:#ff525226}[data-theme=dark] .btn-icon{border-color:var(--border-color)}[data-theme=dark] .btn-icon:hover{background:var(--bg-elevated)}[data-theme=dark] .stat-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-card:hover{box-shadow:var(--shadow-glow)}[data-theme=dark] .pricing-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .pricing-card:hover{box-shadow:var(--shadow-glow)}[data-theme=dark] .pricing-header{border-color:var(--border-color)}[data-theme=dark] .pricing-form input{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .modal-content{background:var(--bg-card);border:1px solid var(--border-color)}[data-theme=dark] .modal-header{border-color:var(--border-color)}[data-theme=dark] .modal-close:hover{background:var(--bg-elevated)}[data-theme=dark] .modal-body input{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .modal-footer,[data-theme=dark] .btn-outline{border-color:var(--border-color)}[data-theme=dark] .filter-select{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .filter-select:focus,[data-theme=dark] .filter-select:hover{border-color:var(--primary)}.auth-page{display:flex;min-height:100vh}.auth-branding{position:relative;flex:1;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);padding:3rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.branding-content{position:relative;z-index:2;max-width:540px}.branding-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.logo-icon-large{width:56px;height:56px;background:var(--primary-gradient);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #7928ca66}.logo-text-large{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.025em}.branding-title{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.03em}.branding-title .text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.branding-subtitle{font-size:1.125rem;color:#ffffffb3;line-height:1.6;margin-bottom:2.5rem}.features-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.features-list li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#ffffffe6}.features-list li svg{width:24px;height:24px;padding:4px;background:#82d61626;border-radius:50%;color:var(--success);flex-shrink:0}.branding-stats{display:flex;gap:3rem}.branding-stats .stat{display:flex;flex-direction:column;gap:.25rem}.branding-stats .stat-value{font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.025em}.branding-stats .stat-label{font-size:.8125rem;color:#ffffff80}.branding-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.bg-gradient{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(121,40,202,.2) 0%,transparent 60%)}.bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.auth-forms{flex:0 0 540px;background:var(--bg-default);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.form-container{width:100%;max-width:420px}.form-content{animation:fadeIn .4s ease-out}.form-header{margin-bottom:2rem;text-align:center}.form-header h2{font-size:1.75rem;margin-bottom:.5rem}.form-header p{color:var(--text-secondary)}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.input-with-icon .form-input{padding-left:3rem;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .15s ease}.password-toggle:hover{color:var(--text-primary);background:var(--bg-default)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);cursor:pointer;margin-bottom:1.5rem;line-height:1.4}.checkbox-label input{width:16px;height:16px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.checkbox-label a{color:var(--primary)}.checkbox-label a:hover{text-decoration:underline}.btn-block{width:100%}.link-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:color .15s ease}.link-btn:hover{color:var(--text-primary)}.link-btn.primary{color:var(--primary);font-weight:600}.link-btn.primary:hover{text-decoration:underline}.form-footer{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-footer span{color:var(--text-secondary);font-size:.875rem}.twofa-icon{width:64px;height:64px;background:var(--primary-gradient);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1.5rem;box-shadow:0 8px 24px #7928ca4d}.twofa-input{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:1.5rem;letter-spacing:.5em;text-align:center;padding-left:2.5rem!important}.twofa-input::placeholder{letter-spacing:.3em;opacity:.4}@media (max-width: 1024px){.auth-branding{display:none}.auth-forms{flex:1}}@media (max-width: 480px){.auth-forms{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-header h2{font-size:1.5rem}.branding-stats{gap:1.5rem}.branding-stats .stat-value{font-size:1.5rem}}[data-theme=dark] .auth-forms{background:var(--bg-default)}[data-theme=dark] .form-header h2{color:var(--text-primary)}[data-theme=dark] .password-toggle:hover{background:var(--bg-elevated)}[data-theme=dark] .form-footer{border-color:var(--border-color)}[data-theme=dark] .twofa-icon{box-shadow:var(--shadow-glow)}.auth-footer{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 0;margin-top:auto}.auth-footer a{color:var(--text-muted);text-decoration:none;font-size:.8125rem;transition:color .2s}.auth-footer a:hover{color:var(--accent-color)}.transcribe-page{display:flex;flex-direction:column;gap:1.5rem}.transcribe-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 1024px){.transcribe-container{grid-template-columns:1fr}}.transcribe-form-section,.transcribe-results-section{display:flex;flex-direction:column;gap:1.5rem}.file-upload-area{border:2px dashed var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--bg-secondary)}.file-upload-area:hover{border-color:var(--primary);background:var(--bg-hover)}.file-upload-area.has-file{border-color:var(--primary);background:var(--bg-primary)}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary)}.file-upload-placeholder svg{color:var(--text-light)}.file-upload-placeholder p{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.file-upload-placeholder span{font-size:.875rem;color:var(--text-secondary)}.file-selected{display:flex;align-items:center;gap:1rem;text-align:left}.file-info{flex:1}.file-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;word-break:break-all}.file-size{font-size:.875rem;color:var(--text-secondary)}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.upload-progress{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s}.upload-progress span{font-size:.875rem;color:var(--text-secondary);min-width:40px;text-align:right}.loading-placeholder-small{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);padding:.5rem 0}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:all .2s}.form-select:hover{border-color:var(--primary)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.transcription-text{font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin-bottom:1.5rem}.transcription-segments{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.transcription-segments h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.segment-item{margin-bottom:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.segment-speaker{font-size:.875rem;font-weight:600;color:var(--primary)}.segment-time{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.segment-text{font-size:.9375rem;line-height:1.5;color:var(--text-primary)}.analysis-section{margin-bottom:1.5rem}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.analysis-section p{font-size:.9375rem;line-height:1.6;color:var(--text-primary);margin:0}.analysis-section ul{list-style:none;padding:0;margin:0}.analysis-section li{font-size:.9375rem;line-height:1.6;color:var(--text-primary);padding:.5rem 0 .5rem 1.5rem;position:relative}.analysis-section li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700}.empty-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-results .empty-icon{color:var(--text-light);margin-bottom:1rem}.empty-results h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-results p{color:var(--text-secondary)}.card-header-title{display:flex;align-items:center;gap:.5rem}.card-header{display:flex;justify-content:space-between;align-items:center}.error-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#ef4444;font-size:.875rem;margin-top:1rem}.info-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;font-size:.875rem}.info-box.warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#f59e0b}.btn-block{width:100%;margin-top:1rem}.fade-in{animation:fadeIn .3s ease-in}.voiceprint-selection{display:flex;flex-direction:column;gap:.5rem}.voiceprint-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.voiceprint-item:hover{border-color:var(--primary);background:var(--bg-hover)}.voiceprint-item.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.voiceprint-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.voiceprint-name{flex:1;font-size:.9375rem;color:var(--text-primary)}.voiceprint-hint{font-size:.8125rem;color:var(--text-secondary);margin:.5rem 0 0;font-style:italic}.label-optional{font-weight:400;color:var(--text-secondary);margin-left:.5rem}.info-box .link-btn{margin-left:auto;color:var(--primary);text-decoration:none;font-weight:500}.info-box .link-btn:hover{text-decoration:underline}[data-theme=dark] .file-upload-area{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .file-upload-area:hover{background:var(--bg-hover, var(--bg-elevated))}[data-theme=dark] .file-upload-area.has-file{background:var(--bg-card)}[data-theme=dark] .btn-icon:hover,[data-theme=dark] .progress-bar{background:var(--bg-elevated)}[data-theme=dark] .form-select{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .segment-item{background:var(--bg-elevated)}[data-theme=dark] .transcription-segments{border-color:var(--border-color)}[data-theme=dark] .voiceprint-item{background:var(--bg-elevated);border-color:var(--border-color)}[data-theme=dark] .voiceprint-item:hover{background:var(--bg-hover, var(--bg-elevated))}[data-theme=dark] .voiceprint-item.selected{background:#9333ea26}[data-theme=dark] .info-box.warning{background:#ffd54f14;border-color:#ffd54f33}.privacy-page{min-height:100vh;background:var(--bg-primary);padding:2rem}.privacy-container{max-width:800px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:2rem}.back-button:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.privacy-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem}.privacy-content h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.privacy-content section{margin-bottom:2rem}.privacy-content section:last-child{margin-bottom:0}.privacy-content h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.privacy-content p{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.75rem}.privacy-content ul{margin:1rem 0;padding-left:1.5rem}.privacy-content li{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.5rem}.privacy-content li::marker{color:var(--accent-color)}.company-info{background:var(--bg-tertiary);padding:1.5rem;border-radius:8px;margin-top:2rem}.company-info p{margin-bottom:.5rem}.company-info p:last-child{margin-bottom:0}.license-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.license-intro{background:var(--bg-tertiary);padding:1rem;border-radius:8px;border-left:3px solid var(--accent-color);margin-bottom:2rem}.privacy-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.ceo-signature{margin-top:1rem;font-style:italic}.legal-nav{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.legal-nav a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;padding:.5rem 1rem;border-radius:6px;transition:all .2s}.legal-nav a:hover{color:var(--accent-color);background:var(--bg-tertiary)}.legal-nav a.active{color:var(--accent-color);font-weight:500}@media (max-width: 768px){.privacy-page{padding:1rem}.privacy-content{padding:1.5rem}.privacy-content h1{font-size:1.5rem}}:root{--primary-gradient: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);--info-gradient: linear-gradient(310deg, #2152FF 0%, #21D4FD 100%);--success-gradient: linear-gradient(310deg, #17AD37 0%, #98EC2D 100%);--warning-gradient: linear-gradient(310deg, #F53939 0%, #FBCF33 100%);--dark-gradient: linear-gradient(310deg, #141727 0%, #3A416F 100%);--primary: #cb0c9f;--primary-light: #e293d3;--secondary: #8392ab;--info: #17c1e8;--success: #82d616;--warning: #fbcf33;--danger: #ea0606;--text-primary: #344767;--text-secondary: #67748e;--text-light: #8392ab;--bg-default: #f8f9fa;--bg-card: #ffffff;--bg-sidebar: linear-gradient(195deg, #42424a 0%, #191919 100%);--border-color: #e9ecef;--border-radius: 1rem;--border-radius-lg: 1.5rem;--border-radius-xl: 1.75rem;--shadow-soft: 0 20px 27px 0 rgba(0, 0, 0, .05);--shadow-soft-xl: 0 23px 45px -11px rgba(0, 0, 0, .25);--shadow-soft-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--primary: #e040fb;--primary-light: #ea80fc;--secondary: #a0aec0;--info: #4dd0e1;--success: #69f0ae;--warning: #ffd54f;--danger: #ff5252;--text-primary: #f0f4f8;--text-secondary: #a0aec0;--text-light: #718096;--bg-default: #0f0f14;--bg-card: #1a1a24;--bg-sidebar: linear-gradient(195deg, #1e1e2d 0%, #0d0d12 100%);--bg-elevated: #23233a;--bg-hover: #2d2d4a;--border-color: #2d2d4a;--shadow-soft: 0 20px 27px 0 rgba(0, 0, 0, .35);--shadow-soft-xl: 0 23px 45px -11px rgba(0, 0, 0, .5);--shadow-soft-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(224, 64, 251, .15);--primary-gradient: linear-gradient(310deg, #9333ea 0%, #f472b6 100%);--info-gradient: linear-gradient(310deg, #3b82f6 0%, #06b6d4 100%);--success-gradient: linear-gradient(310deg, #22c55e 0%, #a3e635 100%);--warning-gradient: linear-gradient(310deg, #f43f5e 0%, #fbbf24 100%);--dark-gradient: linear-gradient(310deg, #1e1e2d 0%, #2d2d4a 100%)}[data-theme=dark] body{background:var(--bg-default);color:var(--text-primary)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-card)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a5568}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#5a6778}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .btn-outline{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-outline:hover{background:var(--bg-elevated)}[data-theme=dark] .btn-primary{box-shadow:0 4px 12px -2px #9333ea80,0 0 20px -5px #f472b64d}[data-theme=dark] .btn-primary:hover{box-shadow:0 8px 20px -4px #9333ea99,0 0 30px -5px #f472b666}[data-theme=dark] .card{background:var(--bg-card);box-shadow:var(--shadow-soft);border:1px solid var(--border-color)}[data-theme=dark] .form-input{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e040fb26}[data-theme=dark] .form-input::placeholder{color:var(--text-light)}[data-theme=dark] .form-select{background-color:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .table th,[data-theme=dark] .table td{color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .table tbody tr:hover{background:#9333ea0d}[data-theme=dark] .badge-success{background:#69f0ae26;color:var(--success)}[data-theme=dark] .badge-warning{background:#ffd54f26;color:var(--warning)}[data-theme=dark] .badge-danger{background:#ff525226;color:var(--danger)}[data-theme=dark] .badge-info{background:#4dd0e126;color:var(--info)}[data-theme=dark] .progress{background:var(--bg-elevated)}[data-theme=dark] .text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*{margin:0;padding:0;box-sizing:border-box}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease!important;transition-delay:0s!important}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-default);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a7b0}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;color:var(--text-primary);letter-spacing:-.025em}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.875rem;line-height:1.25}h3{font-size:1.5rem;line-height:1.3}h4{font-size:1.25rem;line-height:1.35}h5{font-size:1.125rem;line-height:1.4}h6{font-size:1rem;line-height:1.45}p{color:var(--text-secondary);font-size:.875rem}a{text-decoration:none;color:inherit;transition:color .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-primary);font-size:.875rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease-in-out;letter-spacing:-.025em}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 7px -1px #cb0c9f66,0 2px 4px -1px #cb0c9f33;border:none}.btn-primary:hover{box-shadow:0 8px 14px -4px #cb0c9f66,0 4px 8px -2px #cb0c9f33}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-info{background:var(--info-gradient);color:#fff;box-shadow:0 4px 7px -1px #2152ff66,0 2px 4px -1px #2152ff33}.btn-success{background:var(--success-gradient);color:#fff;box-shadow:0 4px 7px -1px #17ad3766,0 2px 4px -1px #17ad3733}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-default)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);overflow:hidden}.card-header{padding:1.5rem 1.5rem 0}.card-body{padding:1.5rem}.card-footer{padding:0 1.5rem 1.5rem}.icon-gradient{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.icon-gradient-primary{background:var(--primary-gradient)}.icon-gradient-info{background:var(--info-gradient)}.icon-gradient-success{background:var(--success-gradient)}.icon-gradient-warning{background:var(--warning-gradient)}.icon-gradient-dark{background:var(--dark-gradient)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:.75rem 1rem;font-family:var(--font-primary);font-size:.875rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;transition:all .15s ease-in-out}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #cb0c9f1a}.form-input::placeholder{color:var(--text-light)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{padding:.75rem 1.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color)}.table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);vertical-align:middle}.table tbody tr:hover{background:#cb0c9f05}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.35rem .65rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem}.badge-success{background:#82d6161a;color:var(--success)}.badge-warning{background:#fbcf3326;color:#d97706}.badge-danger{background:#ea06061a;color:var(--danger)}.badge-info{background:#17c1e81a;color:var(--info)}.progress{height:6px;background:var(--bg-default);border-radius:3px;overflow:hidden}.progress-bar{height:100%;border-radius:3px;transition:width .6s ease}.progress-bar-primary{background:var(--primary-gradient)}.progress-bar-info{background:var(--info-gradient)}.progress-bar-success{background:var(--success-gradient)}.avatar{width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;text-transform:uppercase}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:58px;height:58px;font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.btn{padding:.625rem 1rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem}.card-body{padding:1rem}.card-header{padding:1rem 1rem 0}.card-footer{padding:0 1rem 1rem}.table th,.table td{padding:.75rem 1rem;font-size:.8125rem}button,.btn,[role=button]{min-height:44px}.badge{padding:.375rem .75rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}.btn{padding:.5rem .875rem}.card{border-radius:.75rem}}