.login-page{min-height:100vh;width:100%;background:#000;display:flex;flex-direction:column;align-items:center;padding-top:20px;overflow-x:hidden}.video-trigger{max-width:120px;width:15vw;min-width:80px;height:auto;cursor:pointer;transition:transform .3s ease,filter .3s ease;-webkit-user-select:none;user-select:none;margin-bottom:30px;border-radius:8px}.video-trigger:hover{transform:scale(1.05)}.video-trigger:active{transform:scale(.98)}.video-trigger.loading{animation:video-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes video-pulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}.wrong-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;color:#fff;padding:20px 40px;border-radius:10px;font-size:24px;font-weight:700;z-index:100;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}75%{transform:translate(-50%,-50%) rotate(-5deg)}}.buttons-container{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px;max-width:1200px}.fake-login-button{padding:12px 24px;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.fake-login-button:hover{filter:brightness(1.3);transform:translateY(-2px)}.fake-login-button:active{transform:translateY(0)}@media (max-width: 768px){.video-trigger{width:20vw;min-width:60px}.fake-login-button{padding:10px 18px;font-size:12px}.buttons-container{gap:8px;padding:15px}}@media (max-width: 480px){.video-trigger{width:25vw;min-width:50px}.fake-login-button{padding:8px 14px;font-size:11px}.buttons-container{gap:6px;padding:10px}.wrong-message{font-size:18px;padding:15px 30px}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#0a0a0a;border-right:1px solid #222;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;z-index:100}.sidebar.collapsed{width:80px}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:101;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:10px;color:#fff;cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover{background:#1a1a1a;border-color:#5865f2}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:99}.sidebar-overlay.visible{display:block}.sidebar-header{padding:24px 20px;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between}.mobile-close-btn{display:none;background:none;border:none;color:#888;padding:8px;cursor:pointer;transition:color .2s ease}.mobile-close-btn:hover{color:#fff}.sidebar-logo{display:flex;align-items:center;overflow:hidden}.sidebar-logo .logo-img{height:36px;width:auto;object-fit:contain}.sidebar.collapsed .sidebar-logo .logo-img{height:28px}.sidebar-toggle{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:8px;transition:color .2s ease}.sidebar-toggle:hover{color:#fff}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-section-title{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px 8px;margin-top:8px}.nav-section-title:first-child{margin-top:0;padding-top:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#888;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#5865f21a;color:#5865f2;border-left-color:#5865f2}.nav-icon{min-width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden}.sidebar-footer{padding:20px;border-top:1px solid #222}.user-info{margin-bottom:16px}.user-role-badge{display:inline-block;padding:6px 12px;background:#5865f233;color:#5865f2;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.user-details{padding-top:8px}.user-id{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{width:100%;padding:10px 16px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;color:#ff6b6b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.logout-button:hover{background:#dc262633;border-color:#dc262680}.sidebar.collapsed .user-role-badge{padding:6px;font-size:10px}.sidebar.collapsed .nav-item{justify-content:center}.sidebar.collapsed .logout-button{padding:10px}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-close-btn{display:block}.sidebar-toggle{display:none}.sidebar{transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .nav-label,.sidebar.collapsed .logout-button span{display:inline}.sidebar.collapsed .nav-item{justify-content:flex-start}.sidebar.collapsed .logout-button{padding:10px 16px}}.logs-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.filters-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:12px 16px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s ease}.user-select,.action-select{padding:12px 16px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;font-size:14px;min-width:180px;cursor:pointer;transition:border-color .2s ease}.user-select:focus,.action-select:focus{outline:none;border-color:#5865f2}.user-select option,.action-select option{background:#0a0a0a;color:#fff}.date-filter{display:flex;align-items:center;gap:8px}.date-filter label{color:#888;font-size:14px;white-space:nowrap}.date-input{padding:10px 12px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease}.date-input:focus{outline:none;border-color:#5865f2}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.clear-filters-btn{padding:10px 16px;background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#444;border-color:#555}.loading-message,.empty-message{padding:48px;text-align:center;color:#666;background:#0a0a0a;border:1px solid #222;border-radius:8px}.logs-table-container{background:#0a0a0a;border:1px solid #222;border-radius:8px;overflow-x:auto;margin-bottom:24px}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:#0f0f0f;border-bottom:1px solid #222}.logs-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.logs-table tbody tr{border-bottom:1px solid #1a1a1a;transition:background .2s ease}.logs-table tbody tr:hover{background:#0f0f0f}.logs-table tbody tr:last-child{border-bottom:none}.logs-table td{padding:16px;font-size:14px;color:#ccc}.timestamp-cell{color:#888;font-family:monospace;white-space:nowrap}.user-cell{color:#5865f2;font-family:monospace}.action-cell{font-weight:500;color:#fff}.method-cell{white-space:nowrap}.method-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.method-get{background:#22c55e33;color:#22c55e}.method-post{background:#3b82f633;color:#3b82f6}.method-put,.method-patch{background:#f59e0b33;color:#f59e0b}.method-delete{background:#ef444433;color:#ef4444}.endpoint-cell{font-family:monospace;color:#666}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0a0a0a;border:1px solid #222;border-radius:8px}.pagination-info{font-size:14px;color:#888}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-page{font-size:14px;color:#fff}.pagination-button{padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#222;border-color:#444}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.expand-cell{text-align:center;width:50px}.expand-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;font-size:12px;transition:color .2s}.expand-btn:hover{color:#5865f2}.logs-table tbody tr.expanded{background:#0f0f0f;border-bottom:none}.details-row{background:#0f0f0f}.details-row td{padding:0 16px 16px}.metadata-container{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:16px}.full-action{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #222}.full-action-text{color:#fff;font-weight:500;margin-left:8px}.metadata-section{margin-bottom:12px}.metadata-section:last-child{margin-bottom:0}.metadata-label{font-size:12px;font-weight:600;color:#5865f2;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metadata-label.warning{color:#faa61a}.metadata-emails{display:flex;flex-wrap:wrap;gap:8px}.metadata-email{display:inline-block;padding:4px 10px;background:#5865f226;border-radius:4px;font-family:monospace;font-size:12px;color:#5865f2}.metadata-email.not-found{background:#faa61a26;color:#faa61a}.metadata-email.code{background:#43b58126;color:#43b581}.metadata-other{display:flex;flex-wrap:wrap;gap:12px}.metadata-field{font-size:13px;color:#888}.field-key{color:#666;font-weight:500}.action-text{font-family:monospace;font-size:13px}.mobile-logs-container{display:flex;flex-direction:column;gap:12px}.mobile-log-card{background:#111;border:1px solid #222;border-radius:10px;padding:14px}.mobile-log-card.expanded{border-color:#333}.mobile-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-log-time{font-size:12px;color:#666;font-family:monospace}.mobile-log-user{font-size:13px;color:#5865f2;font-family:monospace;margin-bottom:8px}.mobile-log-action{font-size:14px;color:#fff;line-height:1.5;word-break:break-word}.mobile-log-metadata{margin-top:12px;padding-top:12px;border-top:1px solid #222}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.logs-filters{gap:12px}.filters-row{flex-direction:column;gap:10px}.search-input{width:100%;min-width:auto}.user-select,.action-select{min-width:auto;width:100%}.date-filter{width:100%}.date-input{flex:1}.clear-filters-btn{width:100%}.pagination{flex-direction:column;gap:12px;padding:16px}.pagination-info{font-size:13px;order:1}.pagination-controls{order:2;width:100%;justify-content:center}.pagination-button{padding:8px 12px;font-size:13px}.metadata-container{padding:12px}.metadata-emails{gap:6px}.metadata-email{font-size:11px;padding:3px 8px}.metadata-other{flex-direction:column;gap:8px}.metadata-field{font-size:12px}}@media (max-width: 480px){.mobile-log-card{padding:12px}.mobile-log-time{font-size:11px}.mobile-log-action{font-size:13px}.pagination-button{padding:6px 10px;font-size:12px}.pagination-page{font-size:12px}}.tier-upgrade-content{padding:24px 0}.tier-select{width:100%;max-width:300px;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;cursor:pointer;transition:border-color .2s}.tier-select:hover{border-color:#333}.tier-select:focus{outline:none;border-color:#5865f2}.email-input{width:100%;max-width:400px;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.email-input:focus{outline:none;border-color:#5865f2}.tier-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px 0}.tier-info-card{padding:20px;border-radius:8px;border:1px solid #222;background:#0a0a0a}.tier-info-card h3{margin:0 0 8px;font-size:18px;font-weight:600;text-transform:uppercase}.tier-info-card p{margin:0;font-size:13px;color:#888}.tier-info-card.free h3{color:#888}.tier-info-card.dev h3{color:#5865f2}.tier-info-card.max h3{color:gold}.credits-input{width:100%;max-width:200px;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.credits-input:hover{border-color:#333}.credits-input:focus{outline:none;border-color:#5865f2}.credits-input:disabled{opacity:.5;cursor:not-allowed}.credits-input::-webkit-outer-spin-button,.credits-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.credits-input[type=number]{-moz-appearance:textfield}.reset-credits-btn{display:block;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;background:transparent;border:1px solid #333;border-radius:4px;color:#888;cursor:pointer;transition:all .2s}.reset-credits-btn:hover{border-color:#5865f2;color:#5865f2}@media (max-width: 768px){.tier-upgrade-content{padding:16px 0}.mode-toggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.tier-select,.email-input,.emails-textarea,.credits-input{max-width:100%}.tier-info-grid{grid-template-columns:1fr 1fr;gap:12px}.tier-info-card{padding:16px}.tier-info-card h3{font-size:16px}.tier-info-card p{font-size:12px}.submit-btn{width:100%}.result-message{padding:14px;font-size:13px}}@media (max-width: 480px){.tier-info-grid{grid-template-columns:1fr}.mode-btn{padding:8px 12px;font-size:12px}}.credit-content{padding:24px 0}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row.two-col>.form-group{flex:1;margin-bottom:0}.credit-input{width:100%;max-width:400px;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.credit-input:hover{border-color:#333}.credit-input:focus{outline:none;border-color:#5865f2}.credit-input::placeholder{color:#555}.credit-input[type=number]{-moz-appearance:textfield}.credit-input[type=number]::-webkit-outer-spin-button,.credit-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select.credit-input{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 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.submit-btn.remove{background:#ed4245}.submit-btn.remove:hover:not(:disabled){background:#c93b3e}.submit-btn.set{background:#faa61a}.submit-btn.set:hover:not(:disabled){background:#d99516}.result-message{margin-top:20px;padding:16px;border-radius:6px;font-size:14px}.result-message p{margin:0}.form-hint{font-weight:400;color:#666;margin-left:8px}.emails-textarea{width:100%;max-width:500px;padding:12px 16px;font-size:14px;font-family:monospace;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;resize:vertical;min-height:120px;transition:border-color .2s}.emails-textarea:hover{border-color:#333}.emails-textarea:focus{outline:none;border-color:#5865f2}.emails-textarea::placeholder{color:#555}.not-found-list{margin-top:12px;padding-top:12px;border-top:1px solid rgba(237,66,69,.2)}.not-found-list p{margin-bottom:8px;font-weight:500}.not-found-list ul{margin:0;padding-left:20px}.not-found-list li{font-family:monospace;font-size:13px;color:#999}@media (max-width: 768px){.credit-content{padding:16px 0}.mode-toggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.form-row{flex-direction:column;gap:0}.form-row.two-col>.form-group{flex:none;margin-bottom:20px}.credit-input,.emails-textarea{max-width:100%}.submit-btn{width:100%}.result-message{padding:14px;font-size:13px}}@media (max-width: 480px){.mode-btn{padding:8px 12px;font-size:12px}}.coupon-form-content{padding:24px 0}.mode-toggle{display:flex;gap:8px;margin-bottom:24px;background:#0a0a0a;padding:4px;border-radius:8px;width:fit-content}.mode-btn{padding:10px 20px;border:none;background:transparent;color:#888;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.mode-btn:hover{color:#fff}.mode-btn.active{background:#5865f2;color:#fff}.form-row{margin-bottom:20px}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 768px){.form-row.three-col{grid-template-columns:1fr}}@media (max-width: 600px){.form-row.two-col{grid-template-columns:1fr}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.form-hint{font-weight:400;color:#666;margin-left:8px;font-size:12px}.coupon-input{width:100%;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.coupon-input:hover{border-color:#333}.coupon-input:focus{outline:none;border-color:#5865f2}.coupon-input::placeholder{color:#555}.coupon-input[type=number]{-moz-appearance:textfield}.coupon-input[type=number]::-webkit-outer-spin-button,.coupon-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coupon-input[type=datetime-local]{color-scheme:dark}.submit-btn{padding:12px 24px;font-size:14px;font-weight:600;background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:#4752c4}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.result-message{margin-top:24px;padding:20px;border-radius:8px;font-size:14px}.result-message.success{background:#43b5811a;border:1px solid rgba(67,181,129,.3);color:#43b581}.result-message.error{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:#ed4245}.result-message>p{margin:0 0 16px;font-weight:500}.coupon-result{background:#0a0a0a;border-radius:6px;padding:16px}.coupon-code-display{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #222}.coupon-code{font-family:monospace;font-size:24px;font-weight:700;color:#fff;letter-spacing:2px}.copy-btn{padding:8px 16px;font-size:12px;font-weight:600;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#444}.coupon-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff;font-weight:500}.bulk-coupon-result{background:#0a0a0a;border-radius:6px;padding:16px}.bulk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #222}.bulk-count{font-size:16px;font-weight:600;color:#fff}.copy-all-btn{padding:10px 20px;font-size:13px;font-weight:600;background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.copy-all-btn:hover{background:#4752c4}.coupon-codes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding:8px;background:#111;border-radius:6px}.coupon-code-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a1a1a;border-radius:4px;border:1px solid #222}.coupon-code-text{font-family:monospace;font-size:13px;font-weight:600;color:#fff;letter-spacing:1px}.copy-btn-small{padding:4px 8px;font-size:11px;font-weight:600;background:#333;border:none;border-radius:3px;color:#fff;cursor:pointer;transition:all .2s}.copy-btn-small:hover{background:#444}@media (max-width: 768px){.coupon-form-content{padding:16px 0}.mode-toggle{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.coupon-code-display{flex-direction:column;align-items:flex-start;gap:10px}.coupon-code{font-size:18px;word-break:break-all}.copy-btn{width:100%}.coupon-details{grid-template-columns:1fr 1fr;gap:10px}.bulk-header{flex-direction:column;gap:12px;align-items:flex-start}.copy-all-btn{width:100%}.coupon-codes-list{grid-template-columns:1fr;max-height:250px}.submit-btn{width:100%}}@media (max-width: 480px){.mode-btn{padding:8px 12px;font-size:12px}.coupon-details{grid-template-columns:1fr}.detail-label{font-size:11px}.detail-value{font-size:13px}}.stat-card.dev{border-color:#5865f24d}.stat-card.max{border-color:#ffd7004d}.stat-card.enterprise{border-color:#9b59b64d}.stat-card.dev .stat-value{color:#5865f2}.stat-card.max .stat-value{color:gold}.stat-card.enterprise .stat-value{color:#9b59b6}.edit-mode-btn:disabled{opacity:.5;cursor:not-allowed}.save-result{margin-top:12px;padding:10px 16px;border-radius:6px;font-size:14px}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:11px}.filters-container{flex-direction:column;gap:10px}.search-input{max-width:100%;min-width:auto}.filter-select,.clear-filters{width:100%}.card-header-row{flex-direction:column;gap:12px}.header-actions{width:100%;flex-direction:row}.header-actions button{flex:1}.refresh-btn,.edit-mode-btn,.save-btn,.cancel-btn{width:100%}.pagination{flex-wrap:wrap;gap:10px;justify-content:center}.pagination-btn{padding:8px 16px;font-size:13px}.pagination-pages{order:3;width:100%;justify-content:center}.pagination-page{width:32px;height:32px;font-size:13px}.pagination-info{font-size:12px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:10px}.mobile-user-card{padding:14px}.mobile-card-name{font-size:15px}.mobile-card-email{font-size:12px}.mobile-credit-value{font-size:14px}}.search-container{display:flex;gap:12px;margin-bottom:24px}.search-input-large{flex:1;padding:14px 18px;font-size:15px;background:#0a0a0a;border:1px solid #222;border-radius:8px;color:#fff;transition:border-color .2s}.search-input-large:hover{border-color:#333}.search-input-large:focus{outline:none;border-color:#5865f2}.search-input-large::placeholder{color:#555}.search-btn{padding:14px 28px;font-size:15px;font-weight:500;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .2s;white-space:nowrap}.search-btn:disabled{opacity:.6;cursor:not-allowed}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #222}.results-info{font-size:14px;color:#888}.empty-state{padding:60px 20px;text-align:center;color:#666}.empty-state p{font-size:15px;margin:0}.header-actions{display:flex;gap:10px;flex-shrink:0}.edit-mode-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#5865f226;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:#5865f2;cursor:pointer;transition:all .2s;white-space:nowrap}.edit-mode-btn:hover:not(:disabled){background:#5865f240;border-color:#5865f2}.cancel-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;transition:all .2s;white-space:nowrap}.cancel-btn:hover:not(:disabled){background:#222;color:#fff}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#43b58126;border:1px solid rgba(67,181,129,.3);border-radius:6px;color:#43b581;cursor:pointer;transition:all .2s;white-space:nowrap}.save-btn:hover:not(:disabled){background:#43b58140;border-color:#43b581}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-result{margin-bottom:16px;padding:10px 16px;border-radius:6px;font-size:14px}.save-result.success{background:#43b5811a;border:1px solid rgba(67,181,129,.3);color:#43b581}.save-result.has-errors{background:#ed42451a;border:1px solid rgba(237,66,69,.3);color:#ed4245}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #222}.users-table th{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#0a0a0a}.users-table tbody tr:hover{background:#5865f20d}.name-cell{font-weight:500;color:#fff}.email-cell{font-family:monospace;font-size:13px;color:#888}.credits-cell{font-family:monospace;font-weight:600;color:#43b581}.credits-cell.premium{color:gold}.usage-cell{font-family:monospace;font-weight:600;color:#ed4245}.mobile-credit-item.usage{background:#ed42451a}.mobile-credit-item.usage .mobile-credit-value{color:#ed4245}.plan-badge.free{background:#80808026;color:#888}.plan-badge.enterprise{background:#9b59b626;color:#9b59b6}.inline-input{width:100px;padding:6px 10px;font-size:13px;font-family:monospace;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#43b581;transition:border-color .2s}.inline-input:focus{outline:none;border-color:#5865f2}.inline-input.premium{color:gold}.inline-input::-webkit-inner-spin-button,.inline-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-input[type=number]{-moz-appearance:textfield}.inline-select{padding:6px 10px;font-size:12px;font-weight:600;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;transition:border-color .2s;text-transform:uppercase}.inline-select:focus{outline:none;border-color:#5865f2}.row-edited{background:#5865f21a!important}.row-edited td{border-bottom-color:#5865f24d}.mobile-user-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-card-rank{font-size:12px;color:#666;font-family:monospace}.mobile-card-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.mobile-card-email{font-size:13px;color:#888;font-family:monospace;word-break:break-all;margin-bottom:12px}.mobile-card-credits{display:flex;gap:12px}.mobile-credit-item{flex:1;background:#0a0a0a;border-radius:8px;padding:10px 12px;text-align:center}.mobile-credit-item.premium{background:#ffd7001a}.mobile-credit-label{display:block;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mobile-credit-value{display:block;font-size:16px;font-weight:700;font-family:monospace;color:#43b581}.mobile-credit-item.premium .mobile-credit-value{color:gold}.card-edited{border-color:#5865f280!important;background:#5865f20d}.inline-select.mobile{padding:8px 12px;font-size:11px}.inline-input.mobile{width:100%;padding:8px 10px;font-size:14px;text-align:center}.history-toggle-btn{padding:6px 12px;font-size:12px;font-weight:500;background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:4px;color:#5865f2;cursor:pointer;transition:all .2s}.history-toggle-btn:hover{background:#5865f233}.history-toggle-btn.expanded{background:#5865f233;border-color:#5865f2}.history-toggle-btn.mobile{width:100%;padding:10px;font-size:13px;margin-top:12px}.no-history{color:#444;font-size:13px}.row-expanded{background:#5865f20d}.row-expanded td{border-bottom-color:transparent}.history-row{background:#0a0a0a}.history-row td{padding:0;border-bottom:1px solid #222}.credit-history-container{padding:16px 20px 20px;background:#0a0a0a;border-top:1px solid #1a1a1a}.credit-history-container.mobile{margin-top:12px;border-radius:8px;border:1px solid #222;padding:12px}.credit-history-title{font-size:13px;font-weight:600;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.credit-history-list{display:flex;flex-direction:column;gap:10px}.credit-history-item{background:#111;border:1px solid #1a1a1a;border-radius:6px;padding:12px}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.history-type{display:inline-block;padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;background:#80808026;color:#888}.history-type.coupon{background:#9b59b626;color:#9b59b6}.history-type.purchase{background:#43b58126;color:#43b581}.history-type.usage{background:#ed424526;color:#ed4245}.history-type.admin{background:#5865f226;color:#5865f2}.history-type.referral{background:#ffd70026;color:gold}.history-amount{font-family:monospace;font-size:14px;font-weight:700}.history-amount.positive{color:#43b581}.history-amount.negative{color:#ed4245}.history-item-details{margin-bottom:6px}.history-description{font-size:13px;color:#aaa;line-height:1.4}.history-coupon{display:inline-block;margin-left:8px;padding:2px 6px;font-size:11px;font-family:monospace;background:#9b59b61a;border-radius:3px;color:#9b59b6}.history-item-date{font-size:11px;color:#666}.history-more{text-align:center;padding:10px;font-size:13px;color:#666;font-style:italic}.mobile-history-section{margin-top:12px;padding-top:12px;border-top:1px solid #222}.card-expanded{border-color:#5865f280}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.search-container{flex-direction:column}.search-btn{width:100%}.results-header{flex-direction:column;gap:12px;align-items:stretch}.header-actions{width:100%}.header-actions button{flex:1}.pagination{flex-wrap:wrap;gap:10px;justify-content:center}.pagination-btn{padding:8px 16px;font-size:13px}.pagination-pages{order:3;width:100%;justify-content:center}.pagination-page{width:32px;height:32px;font-size:13px}.pagination-info{font-size:12px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:20px;background:#0a0a0a;border:1px solid #222;border-radius:12px;text-align:center}.stat-card.active{border-color:#43b5814d}.stat-card.canceled{border-color:#ed42454d}.stat-card.pending{border-color:#faa61a4d}.stat-value{font-size:32px;font-weight:700;font-family:monospace;color:#fff}.stat-card.active .stat-value{color:#43b581}.stat-card.canceled .stat-value{color:#ed4245}.stat-card.pending .stat-value{color:#faa61a}.stat-label{font-size:13px;color:#888;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.provider-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#0a0a0a;border:1px solid #222;border-radius:12px}.provider-stat{display:flex;align-items:center;gap:12px}.provider-count{font-size:18px;font-weight:600;font-family:monospace;color:#fff}.filters-container{display:flex;gap:12px;padding:16px 0;margin-bottom:8px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;max-width:300px;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.filter-select{padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:#333}.filter-select:focus{outline:none;border-color:#5865f2}.clear-filters{padding:12px 16px;font-size:14px;background:#222;border:none;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.clear-filters:hover{background:#333;color:#fff}.subscriptions-table-container{overflow-x:auto}.subscriptions-table{width:100%;border-collapse:collapse}.subscriptions-table th,.subscriptions-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #222}.subscriptions-table th{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#0a0a0a}.subscriptions-table tbody tr:hover{background:#5865f20d}.email-cell{font-family:monospace;font-size:13px;color:#fff}.id-cell{font-family:monospace;font-size:12px;color:#666;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.active{background:#43b58126;color:#43b581}.status-badge.canceled{background:#ed424526;color:#ed4245}.status-badge.past-due{background:#faa61a26;color:#faa61a}.status-badge.trialing{background:#5865f226;color:#5865f2}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;margin-top:16px;border-top:1px solid #222}.pagination-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#222;border-color:#444}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;background:transparent;border:1px solid transparent;border-radius:6px;color:#888;cursor:pointer;transition:all .2s}.pagination-page:hover{background:#1a1a1a;color:#fff}.pagination-page.active{background:#5865f2;color:#fff;border-color:#5865f2}.pagination-ellipsis{width:36px;text-align:center;color:#555;font-size:14px}.pagination-info{text-align:center;font-size:13px;color:#666;padding:8px 0 16px}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.refresh-btn{padding:10px 20px;font-size:14px;font-weight:500;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#222;border-color:#5865f2}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-sub-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.mobile-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-sub-rank{font-size:12px;color:#666;font-family:monospace}.mobile-sub-badges{display:flex;gap:8px}.mobile-sub-email{font-size:14px;color:#fff;font-family:monospace;word-break:break-all;margin-bottom:12px}.mobile-sub-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.mobile-sub-detail{display:flex;flex-direction:column;gap:4px}.mobile-sub-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px}.mobile-sub-value{font-size:13px;color:#888}.mobile-sub-value.cancel{color:#ed4245}.mobile-sub-id{font-size:11px;color:#555;font-family:monospace;word-break:break-all;padding-top:10px;border-top:1px solid #222}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:11px}.provider-stats{flex-wrap:wrap;gap:12px;padding:12px}.filters-container{flex-direction:column;gap:10px}.search-input{max-width:100%;min-width:auto}.filter-select,.clear-filters{width:100%}.card-header-row{flex-direction:column;gap:12px}.refresh-btn{width:100%}.pagination{flex-wrap:wrap;gap:10px;justify-content:center}.pagination-btn{padding:8px 16px;font-size:13px}.pagination-pages{order:3;width:100%;justify-content:center}.pagination-page{width:32px;height:32px;font-size:13px}.pagination-info{font-size:12px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:10px}.mobile-sub-card{padding:14px}.mobile-sub-email{font-size:13px}.status-badge,.provider-badge,.plan-badge{padding:3px 6px;font-size:10px}}.search-form{margin-bottom:24px}.search-input-group{display:flex;gap:12px}.search-input{flex:1;padding:12px 16px;font-size:14px;background:#0a0a0a;border:1px solid #222;border-radius:6px;color:#fff;transition:border-color .2s}.search-input:hover{border-color:#333}.search-input:focus{outline:none;border-color:#5865f2}.search-input::placeholder{color:#555}.search-btn{padding:12px 24px;font-size:14px;font-weight:500;background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}.search-btn:hover:not(:disabled){background:#4752c4}.search-btn:disabled{opacity:.5;cursor:not-allowed}.results-summary{padding:12px 16px;margin-bottom:16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:6px;font-size:14px;color:#888}.results-summary strong{color:#fff}.payments-table-container{overflow-x:auto}.payments-table{width:100%;border-collapse:collapse}.payments-table th,.payments-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #222}.payments-table th{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#0a0a0a}.payments-table tbody tr:hover{background:#5865f20d}.rank-cell{font-family:monospace;font-size:12px;color:#555;width:50px}.amount-cell{font-family:monospace;font-size:14px;font-weight:600;color:#43b581}.credits-cell{font-family:monospace;font-size:14px;color:#5865f2}.tier-cell{font-size:13px}.tier-upgraded{color:#43b581;font-weight:500}.tier-not-upgraded{color:#666}.date-cell{font-size:13px;color:#888;white-space:nowrap}.status-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.status-badge.completed{background:#43b58126;color:#43b581}.status-badge.pending{background:#faa61a26;color:#faa61a}.status-badge.failed{background:#ed424526;color:#ed4245}.status-badge.other{background:#88888826;color:#888}.provider-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.provider-badge.stripe{background:#635bff26;color:#635bff}.provider-badge.razorpay{background:#128adc26;color:#128adc}.loading-message,.error-message,.empty-message{padding:40px;text-align:center;color:#888}.error-message{color:#ed4245}.mobile-cards-container{display:flex;flex-direction:column;gap:12px}.mobile-payment-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.mobile-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-payment-rank{font-size:12px;color:#666;font-family:monospace}.mobile-payment-badges{display:flex;gap:8px}.mobile-payment-amount{font-size:20px;font-weight:600;font-family:monospace;color:#43b581;margin-bottom:12px}.mobile-payment-details{display:flex;flex-wrap:wrap;gap:12px}.mobile-payment-detail{display:flex;flex-direction:column;gap:4px;min-width:80px}.mobile-payment-label{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px}.mobile-payment-value{font-size:13px;color:#888}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.search-input-group{flex-direction:column}.search-btn{width:100%}.results-summary{font-size:13px;padding:10px 14px}}@media (max-width: 480px){.mobile-payment-card{padding:14px}.mobile-payment-amount{font-size:18px}.status-badge,.provider-badge,.plan-badge{padding:3px 6px;font-size:10px}}.verify-form{padding:16px 0}.input-group{display:flex;gap:12px}.email-input{flex:1;max-width:400px;padding:14px 18px;font-size:15px;background:#0a0a0a;border:1px solid #222;border-radius:8px;color:#fff;transition:border-color .2s}.email-input:hover{border-color:#333}.email-input:focus{outline:none;border-color:#635bff}.email-input::placeholder{color:#555}.verify-btn{padding:14px 28px;font-size:15px;font-weight:600;background:#635bff;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.verify-btn:hover:not(:disabled){background:#7a73ff}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:16px;margin-top:16px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:#ed4245}.not-found{padding:24px;margin-top:16px;background:#faa61a1a;border:1px solid rgba(250,166,26,.3);border-radius:8px;color:#faa61a;text-align:center}.not-found strong{color:#fff}.not-configured{padding:48px;text-align:center}.not-configured-icon{width:64px;height:64px;margin:0 auto 24px;background:#faa61a26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#faa61a}.not-configured h2{margin:0 0 12px;font-size:20px;color:#fff}.not-configured p{margin:0;color:#888}.customer-overview{padding:16px 0}.overview-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:16px 0;border-bottom:1px solid #222}.overview-row:last-child{border-bottom:none}.overview-item{display:flex;flex-direction:column;gap:6px}.overview-item.highlight{padding:16px;background:#635bff1a;border-radius:8px}.overview-label{font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.overview-value{font-size:16px;color:#fff}.overview-value.mono{font-family:monospace;font-size:14px;color:#888}.overview-value.ltv{font-size:24px;font-weight:700;color:#43b581}.status-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;background:#88888826;color:#888}.status-badge.success{background:#43b58126;color:#43b581}.status-badge.error{background:#ed424526;color:#ed4245}.status-badge.warning{background:#faa61a26;color:#faa61a}.status-badge.info{background:#635bff26;color:#635bff}.empty-section{padding:32px;text-align:center;color:#666}.subscriptions-list{display:flex;flex-direction:column;gap:16px;padding:16px 0}.subscription-item{padding:16px;background:#0a0a0a;border:1px solid #222;border-radius:8px}.sub-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sub-id{font-family:monospace;font-size:12px;color:#666}.sub-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.sub-detail{display:flex;flex-direction:column;gap:4px}.sub-detail.warning{color:#faa61a}.detail-label{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#fff}.payment-methods-list{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.payment-method-item{padding:16px 24px;background:#0a0a0a;border:1px solid #222;border-radius:8px;min-width:200px}.card-brand{font-size:12px;font-weight:700;color:#635bff;margin-bottom:8px}.card-number{font-family:monospace;font-size:16px;color:#fff;letter-spacing:2px;margin-bottom:8px}.card-expiry{font-size:12px;color:#888}.pm-type{font-size:14px;color:#fff;text-transform:capitalize}.table-container{overflow-x:auto;padding:16px 0}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #222}.data-table th{font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;background:#0a0a0a}.data-table tbody tr:hover{background:#635bff0d}.data-table .amount{font-family:monospace;font-weight:600;color:#43b581}.data-table .description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#888}.data-table .actions{display:flex;gap:12px}.link{color:#635bff;text-decoration:none;font-size:13px;font-weight:500}.link:hover{text-decoration:underline}.card{margin-bottom:24px}.mobile-only{display:none}.mobile-data-cards{display:flex;flex-direction:column;gap:12px;padding:16px 0}.mobile-data-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.mobile-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-data-amount{font-size:18px;font-weight:700;font-family:monospace;color:#43b581}.mobile-data-date{font-size:12px;color:#666;margin-bottom:8px}.mobile-data-desc{font-size:13px;color:#888;margin-bottom:12px}.mobile-data-link{display:inline-block;padding:8px 16px;background:#635bff26;border-radius:6px;color:#635bff;text-decoration:none;font-size:13px;font-weight:500;margin-right:8px;margin-top:8px}.mobile-data-link:hover{background:#635bff40}.mobile-invoice-amounts{display:flex;gap:16px;margin:12px 0}.mobile-invoice-amount{flex:1;background:#0a0a0a;border-radius:8px;padding:10px;text-align:center}.mobile-amount-label{display:block;font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.mobile-amount-value{display:block;font-size:14px;font-weight:600;font-family:monospace;color:#888}.mobile-amount-value.paid{color:#43b581}.mobile-data-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #222}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.input-group{flex-direction:column}.email-input{max-width:100%}.verify-btn{width:100%}.customer-overview{padding:12px 0}.overview-row{grid-template-columns:1fr;gap:12px;padding:12px 0}.overview-item{padding:12px;background:#111;border-radius:8px}.overview-label{font-size:11px}.overview-value{font-size:14px}.overview-value.mono{font-size:12px;word-break:break-all}.overview-value.ltv{font-size:22px}.overview-item.highlight{background:#635bff26}.subscriptions-list{gap:12px}.subscription-item{padding:14px}.sub-header{flex-direction:column;align-items:flex-start;gap:8px}.sub-id{font-size:11px;word-break:break-all}.sub-details{grid-template-columns:1fr;gap:10px}.sub-detail{padding:10px;background:#0a0a0a;border-radius:6px}.detail-label{font-size:10px}.detail-value{font-size:13px}.payment-methods-list{flex-direction:column;gap:12px}.payment-method-item{min-width:auto;padding:14px}.card-number{font-size:14px}}@media (max-width: 480px){.overview-item{padding:10px}.overview-value.ltv{font-size:20px}.mobile-data-amount{font-size:16px}.mobile-data-card{padding:14px}.mobile-invoice-amounts{gap:10px}.mobile-invoice-amount{padding:8px}.mobile-amount-value{font-size:13px}}.error-alert{padding:16px;margin-bottom:24px;background:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:8px;color:#ed4245}.success-alert{padding:16px;margin-bottom:24px;background:#43b5811a;border:1px solid rgba(67,181,129,.3);border-radius:8px;color:#43b581}.loading-message{padding:48px;text-align:center;color:#666}.config-list{padding:8px 0}.config-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #222}.config-item:last-child{border-bottom:none}.config-info{flex:1}.config-name{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.config-description{font-size:14px;color:#888;margin:0}.config-control{flex-shrink:0;margin-left:24px}.plan-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.plan-badge.dev{background:#5865f226;color:#5865f2}.plan-badge.max{background:#ffd70026;color:gold}.plan-badge.topup{background:#43b58126;color:#43b581}.toggle-btn{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;transition:all .2s;min-width:140px}.toggle-btn:hover:not(:disabled){border-color:#444}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.toggle-slider{width:44px;height:24px;background:#333;border-radius:12px;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;width:20px;height:20px;background:#666;border-radius:50%;top:2px;left:2px;transition:all .2s}.toggle-btn.active .toggle-slider{background:#43b5814d}.toggle-btn.active .toggle-slider:after{background:#43b581;left:22px}.toggle-label{font-size:14px;font-weight:500;color:#888}.toggle-btn.active .toggle-label{color:#43b581}.config-note{margin-top:24px;padding:16px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:8px;font-size:14px;color:#888}.config-note strong{color:#5865f2}@media (max-width: 768px){.config-item{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.config-control{margin-left:0;width:100%}.toggle-btn{width:100%;justify-content:space-between}.config-name{font-size:15px;flex-wrap:wrap}.config-description{font-size:13px}.config-note{padding:14px;font-size:13px}}@media (max-width: 480px){.config-name{font-size:14px}.plan-badge{padding:3px 8px;font-size:10px}}.create-staff-container{max-width:800px}.create-staff-form{padding-top:24px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#fff}.required{color:#ff6b6b}.form-input,.form-select{width:100%;padding:12px 16px;background:#0f0f0f;border:1px solid #222;border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#5865f2}.form-input:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-select{cursor:pointer}.form-select option{background:#0f0f0f;color:#fff}.form-help{margin-top:8px;font-size:13px;color:#666;line-height:1.5}.alert{padding:12px 16px;border-radius:6px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px}.alert-icon{font-size:18px}.alert-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ff6b6b}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-actions{padding-top:8px}.submit-button{padding:14px 32px;background:#5865f2;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.info-card{margin-top:32px;padding:24px;background:#5865f20d;border:1px solid rgba(88,101,242,.2);border-radius:8px}.info-title{font-size:18px;font-weight:600;color:#5865f2;margin-bottom:16px}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:12px 0;color:#888;font-size:14px;line-height:1.6;border-bottom:1px solid rgba(88,101,242,.1)}.info-list li:last-child{border-bottom:none}.info-list li strong{color:#fff}.staff-list-section{margin-top:48px;max-width:1200px}.staff-table-container{overflow-x:auto;padding:24px}.staff-table{width:100%;border-collapse:collapse}.staff-table thead{border-bottom:2px solid #222}.staff-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.staff-table tbody tr{border-bottom:1px solid #111;transition:background-color .2s ease}.staff-table tbody tr:hover{background:#5865f20d}.staff-table td{padding:16px;color:#fff}.discord-id{font-family:Courier New,monospace;color:#888;font-size:13px}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.role-superadmin{background:#dc262626;color:#ff6b6b;border:1px solid rgba(220,38,38,.3)}.role-admin{background:#5865f226;color:#5865f2;border:1px solid rgba(88,101,242,.3)}.role-staff{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.action-buttons{display:flex;gap:8px}.btn-edit,.btn-delete,.btn-save,.btn-cancel{padding:6px 16px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit{background:#5865f226;color:#5865f2;border:1px solid rgba(88,101,242,.3)}.btn-edit:hover{background:#5865f240}.btn-delete{background:#dc262626;color:#ff6b6b;border:1px solid rgba(220,38,38,.3)}.btn-delete:hover{background:#dc262640}.btn-save{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.btn-save:hover{background:#22c55e40}.btn-cancel{background:#80808026;color:#888;border:1px solid rgba(128,128,128,.3)}.btn-cancel:hover{background:#80808040}.edit-input,.edit-select{padding:6px 12px;background:#0f0f0f;border:1px solid #5865F2;border-radius:4px;color:#fff;font-size:14px;width:100%;max-width:200px}.edit-input:focus,.edit-select:focus{outline:none;border-color:#4752c4}.edit-actions{display:flex;gap:8px}.superadmin-note{color:#666;font-size:13px;font-style:italic}.empty-message{text-align:center;color:#666;padding:32px 16px!important;font-style:italic}.loading-message{text-align:center;color:#666;padding:32px 16px;font-style:italic}.desktop-only{display:block}.mobile-only{display:none!important}.mobile-staff-container{flex-direction:column;gap:12px;padding:16px}.mobile-staff-card{background:#111;border:1px solid #222;border-radius:10px;padding:16px}.mobile-staff-header{margin-bottom:10px}.mobile-staff-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.mobile-staff-id{font-size:12px;color:#666;font-family:monospace;word-break:break-all;margin-bottom:12px}.mobile-staff-edit{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.mobile-staff-edit .edit-input,.mobile-staff-edit .edit-select{max-width:100%;width:100%}.mobile-staff-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid #222}.mobile-staff-actions .btn-edit,.mobile-staff-actions .btn-delete,.mobile-staff-actions .btn-save,.mobile-staff-actions .btn-cancel{flex:1;padding:10px;font-size:13px}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.create-staff-container{max-width:100%}.create-staff-form{padding-top:16px}.form-group{margin-bottom:20px}.submit-button{width:100%;padding:14px 24px}.info-card{margin-top:24px;padding:16px}.info-title{font-size:16px}.info-list li{padding:10px 0;font-size:13px}}@media (max-width: 480px){.staff-list-section{margin-top:32px}.mobile-staff-card{padding:14px}.mobile-staff-name{font-size:15px}.mobile-staff-actions .btn-edit,.mobile-staff-actions .btn-delete,.mobile-staff-actions .btn-save,.mobile-staff-actions .btn-cancel{padding:8px;font-size:12px}.role-badge{padding:3px 8px;font-size:11px}}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.permissions-actions{display:flex;gap:8px}.btn-permission-action{padding:6px 12px;background:transparent;border:1px solid #333;border-radius:4px;color:#888;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-permission-action:hover:not(:disabled){border-color:#5865f2;color:#5865f2}.btn-permission-action:disabled{opacity:.5;cursor:not-allowed}.permissions-container{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:20px}.permission-group{margin-bottom:24px}.permission-group:last-child{margin-bottom:0}.permission-group-title{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.permission-group-items{display:flex;flex-direction:column;gap:8px}.permission-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111;border:1px solid #222;border-radius:6px;cursor:pointer;transition:all .2s ease}.permission-toggle:hover{background:#151515;border-color:#333}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:14px;font-weight:500;color:#fff}.toggle-description{font-size:12px;color:#666}.toggle-hint{font-size:11px;color:#ff6b6b;font-style:italic;margin-left:8px}.permission-toggle.permission-disabled{opacity:.5;cursor:not-allowed}.permission-toggle.permission-disabled:hover{background:#111;border-color:#222}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#5865f2}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.permission-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background:#5865f21a;color:#5865f2;border:1px solid rgba(88,101,242,.2)}.permission-badge.superadmin{background:#dc26261a;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.edit-permissions-dropdown,.permissions-details{position:relative}.permissions-summary{padding:6px 12px;background:#111;border:1px solid #333;border-radius:4px;color:#fff;font-size:13px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.permissions-summary::-webkit-details-marker{display:none}.permissions-summary:after{content:"▼";font-size:10px;color:#666;transition:transform .2s}.permissions-details[open] .permissions-summary:after{transform:rotate(180deg)}.permissions-dropdown-content{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:12px;z-index:10;max-height:300px;overflow-y:auto;min-width:250px;box-shadow:0 4px 12px #00000080}.permissions-dropdown-content .permission-checkbox{display:flex;align-items:center;padding:8px;margin:0;cursor:pointer;border-radius:4px;transition:background .2s}.permissions-dropdown-content .permission-checkbox:hover{background:#5865f21a}.permissions-dropdown-content .permission-checkbox input{margin-right:8px}.permissions-dropdown-content .permission-checkbox span{font-size:13px;color:#fff}.permissions-dropdown-content .permission-checkbox.disabled{opacity:.5;cursor:not-allowed}.permissions-dropdown-content .permission-checkbox.disabled:hover{background:transparent}.permissions-dropdown-content .permission-checkbox.disabled input{cursor:not-allowed}@media (max-width: 768px){.permissions-header{flex-direction:column;align-items:flex-start;gap:12px}.permission-toggle{padding:10px 12px}.toggle-title{font-size:13px}}.permissions-selector{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0f0f0f;border:1px solid #222;border-radius:6px}.permissions-display{flex:1}.permissions-display .permissions-summary{color:#888;font-size:14px}.btn-add-permissions{padding:10px 20px;background:#5865f2;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-permissions:hover:not(:disabled){background:#4752c4}.btn-add-permissions:disabled{opacity:.6;cursor:not-allowed}.selected-permissions-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.permission-tag{display:inline-block;padding:6px 12px;background:#5865f21a;border:1px solid rgba(88,101,242,.2);border-radius:16px;color:#5865f2;font-size:12px;font-weight:500}.permission-tag-group{display:flex;flex-direction:column;gap:4px}.permission-tag.sub-tag{margin-left:12px;background:#5865f20d;border-color:#5865f226;color:#7289da;font-size:11px}.sub-permission-wrapper{margin-left:0}.permission-toggle.sub-permission{margin-left:24px;background:#0a0a0a;border-color:#1a1a1a}.permission-toggle.sub-permission:hover{background:#0f0f0f}.sub-indicator{color:#5865f2;margin-right:6px;font-weight:400}.mobile-permissions-display{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;padding-top:12px;border-top:1px solid #222}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edit-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #333}.edit-modal-header h2{margin:0;font-size:20px;color:#fff}.close-btn{background:none;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.close-btn:hover{background:#ffffff1a;color:#fff}.edit-modal-body{padding:24px;overflow-y:auto;flex:1}.edit-modal-footer{padding:24px;border-top:1px solid #333;display:flex;gap:12px;justify-content:flex-end}.cancel-button{padding:14px 32px;background:#333;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#444}.cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.edit-modal{max-height:100vh;height:100vh;max-width:100%;border-radius:0}.edit-modal-overlay{padding:0}.edit-modal-footer{flex-direction:column}.edit-modal-footer .submit-button,.edit-modal-footer .cancel-button{width:100%}}.analytics-container{padding:0}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.analytics-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.analytics-date-range{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.time-range-selector{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color)}.time-range-selector button{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.time-range-selector button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.time-range-selector button.active{background:var(--accent-primary);color:#fff}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.analytics-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.analytics-stat-title{font-size:.875rem;color:var(--text-secondary);font-weight:500}.analytics-stat-icon{color:var(--accent-primary);opacity:.8}.analytics-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.analytics-stat-subtitle{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.analytics-stat-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.25rem .5rem;border-radius:.25rem}.analytics-stat-trend.positive{color:#22c55e;background:#22c55e1a}.analytics-stat-trend.negative{color:#ef4444;background:#ef44441a}.analytics-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem}.analytics-chart-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.analytics-chart-card.wide{min-height:280px}.line-chart-container{width:100%}.chart-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.5rem}.chart-wrapper{display:flex;gap:.5rem;align-items:stretch}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:5px 0;min-width:50px;text-align:right}.chart-y-axis span{font-size:.7rem;color:var(--text-tertiary);line-height:1}.chart-main{flex:1;min-width:0}.line-chart{width:100%;height:180px;display:block}.line-chart .chart-point{opacity:0;transition:opacity .2s;cursor:pointer}.line-chart:hover .chart-point{opacity:1}.chart-grid-line{stroke:var(--border-color);stroke-width:1;stroke-dasharray:4 4}.chart-range{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-tertiary);margin-top:.5rem;padding-left:55px}.chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:var(--text-tertiary);font-size:.875rem}.donut-chart-container{display:flex;align-items:center;gap:1.5rem}.donut-chart{width:120px;height:120px;flex-shrink:0}.donut-segment{transition:transform .2s;transform-origin:center;cursor:pointer}.donut-segment:hover{transform:scale(1.02)}.donut-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{color:var(--text-primary);flex:1}.legend-value{color:var(--text-secondary);font-weight:500}.bar-chart-container{display:flex;flex-direction:column;gap:.5rem}.bar-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:.75rem}.bar-label{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.bar-value{font-size:.8rem;color:var(--text-secondary);text-align:right;font-weight:500}.analytics-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.analytics-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.device-breakdown{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.device-stats{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.75rem}.device-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.device-stat-row:last-child{border-bottom:none}.device-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500}.device-metrics{display:flex;gap:1rem;font-size:.8rem}.device-clicks{color:var(--accent-primary);font-weight:500}.device-ctr{color:var(--text-secondary)}.device-position{color:var(--text-tertiary)}.collapsible-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;border:none;background:transparent;cursor:pointer;color:var(--text-primary)}.collapsible-header:hover{background:var(--bg-tertiary)}.collapsible-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.collapsible-content{padding:0 1.25rem 1.25rem}.queries-table{overflow-x:auto}.queries-table table{width:100%;border-collapse:collapse;font-size:.875rem}.queries-table th,.queries-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.queries-table th{color:var(--text-secondary);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.queries-table td{color:var(--text-primary)}.queries-table tr:hover{background:var(--bg-tertiary)}.query-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pages-list{display:flex;flex-direction:column;gap:.5rem}.page-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;gap:1rem}.page-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.page-rank{color:var(--text-tertiary);font-size:.75rem;font-weight:500;width:24px}.page-url{display:flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-url:hover{text-decoration:underline}.page-metrics{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);flex-shrink:0}.analytics-loading,.analytics-error,.analytics-empty{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);font-size:.875rem}.analytics-error{color:#ef4444;background:#ef44441a;border-color:#ef444433}@media (max-width: 768px){.analytics-header{flex-direction:column}.time-range-selector{width:100%;justify-content:space-between}.time-range-selector button{flex:1;padding:.5rem;font-size:.75rem}.analytics-charts-row{grid-template-columns:1fr}.device-breakdown{flex-direction:column}.donut-chart-container{justify-content:center}.bar-row{grid-template-columns:80px 1fr 50px}.page-row{flex-direction:column;align-items:flex-start}.page-metrics{width:100%;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.queries-table{font-size:.75rem}.queries-table th,.queries-table td{padding:.5rem}.chart-y-axis{min-width:40px}.chart-range{padding-left:45px}}.models-container{width:100%}.models-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem}.models-search{position:relative;flex:1;min-width:200px;max-width:400px}.models-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.models-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:.5rem;font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.models-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.models-search-input::placeholder{color:var(--text-tertiary)}.models-tier-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:.5rem;font-size:14px;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:140px;transition:border-color .2s}.models-tier-select:focus{outline:none;border-color:var(--accent-primary)}.models-tier-select:hover{border-color:var(--accent-primary)}.models-loading,.models-error,.models-empty{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;font-size:.875rem}.models-loading{color:var(--text-secondary)}.models-error{color:#ef4444;background:#ef44441a;border-color:#ef444433}.models-empty{color:var(--text-tertiary)}.models-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.models-table-scroll{overflow-x:auto}.models-table{width:100%;border-collapse:collapse;font-size:.875rem}.models-table th,.models-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.models-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.models-table tbody tr{transition:background-color .15s}.models-table tbody tr:hover{background:var(--bg-tertiary)}.models-table tbody tr:last-child td{border-bottom:none}.model-name{font-weight:500;color:var(--text-primary)}.model-id{font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.model-vendor,.model-family{color:var(--text-secondary)}.tier-badges{display:flex;gap:4px;flex-wrap:wrap}.tier-badge{padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:capitalize}.tier-badge.free{background:#3b82f61a;color:#3b82f6}.tier-badge.dev{background:#a855f71a;color:#a855f7}.tier-badge.max{background:#22c55e1a;color:#22c55e}.tier-badge.enterprise{background:#f973161a;color:#f97316}.models-count{margin-top:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.models-count strong{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.models-filters{flex-direction:column;align-items:stretch}.models-search{max-width:none}.models-tier-select{width:100%}.models-table th,.models-table td{padding:.625rem .75rem}.tier-badges{flex-direction:column;gap:2px}.tier-badge{text-align:center}}.dashboard{display:flex;min-height:100vh;background:#000}.dashboard-content{flex:1;margin-left:260px;padding:32px;transition:margin-left .3s ease}.dashboard-content.expanded{margin-left:80px}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.page-header p{font-size:16px;color:#888}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:24px;transition:all .2s ease}.stat-card:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-card-title{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-card-icon{font-size:24px}.stat-card-value{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px}.stat-card-label{font-size:14px;color:#666}.card{background:#0a0a0a;border:1px solid #222;border-radius:8px;padding:24px}.card-header{margin-bottom:24px}.card-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:4px}.card-description{font-size:14px;color:#888}@media (max-width: 768px){.dashboard-content{margin-left:0;padding:70px 16px 20px}.dashboard-content.expanded{margin-left:0}.page-header{margin-bottom:24px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.stat-card{padding:16px}.stat-card-value{font-size:28px}.card{padding:16px}.card-header{margin-bottom:16px}.card-title{font-size:18px}}@media (max-width: 480px){.dashboard-content{padding:70px 12px 16px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card-value{font-size:24px}.stat-card-title{font-size:12px}}.callback-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000,#1a1a1a)}.callback-container{width:100%;max-width:500px;padding:40px;background:#0a0a0a;border:1px solid #222;border-radius:8px;box-shadow:0 8px 32px #00000080;text-align:center}.loading-content{padding:20px}.spinner{width:60px;height:60px;margin:0 auto 24px;border:4px solid #222;border-top-color:#5865f2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-content h2{font-size:24px;font-weight:600;color:#fff;margin-bottom:12px}.loading-content p{font-size:16px;color:#888}.error-content{padding:20px}.error-icon{font-size:64px;margin-bottom:16px}.error-content h1{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.error-content p{font-size:16px;color:#ff6b6b;margin-bottom:8px}.error-description{font-size:14px;color:#888!important;margin-top:16px;line-height:1.6}.back-button{margin-top:24px;padding:12px 32px;background:#222;color:#fff;border:1px solid #333;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#333;border-color:#444}.error-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.error-content{text-align:center;z-index:10;max-width:600px}.error-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.error-code{font-size:clamp(6rem,20vw,12rem);font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem;text-shadow:0 0 80px rgba(102,126,234,.5);animation:pulse 3s ease-in-out infinite}.error-glitch{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;position:relative;animation:glitch 3s infinite}.error-glitch:before,.error-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.error-glitch:before{color:#f0f;animation:glitch-1 2s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);transform:translate(-2px)}.error-glitch:after{color:#0ff;animation:glitch-2 2s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);transform:translate(2px)}.error-message{color:#888;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:400px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-btn{padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.05em}.error-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 20px #667eea66}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.error-btn.secondary{background:transparent;color:#fff;border:2px solid #444}.error-btn.secondary:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.error-btn.tertiary{background:#ffffff0d;color:#888;border:1px solid #333}.error-btn.tertiary:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.error-decoration{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;font-family:Courier New,monospace;font-weight:700;opacity:.1;animation:float 6s ease-in-out infinite}.floating-element.e1{top:10%;left:10%;font-size:4rem;color:#667eea;animation-delay:0s}.floating-element.e2{top:20%;right:15%;font-size:3rem;color:#764ba2;animation-delay:1s}.floating-element.e3{bottom:20%;left:15%;font-size:5rem;color:#f093fb;animation-delay:2s}.floating-element.e4{bottom:15%;right:10%;font-size:4rem;color:#667eea;animation-delay:3s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}}@keyframes glitch-1{0%,90%,to{transform:translate(0);opacity:0}92%,94%,96%,98%{transform:translate(-3px);opacity:.8}}@keyframes glitch-2{0%,90%,to{transform:translate(0);opacity:0}91%,93%,95%,97%{transform:translate(3px);opacity:.8}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-5deg)}}.error-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.error-page:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);top:-300px;right:-300px;animation:orbFloat 8s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}@media (max-width: 600px){.error-page{padding:15px}.error-icon{font-size:3rem}.error-message{font-size:1rem;padding:0 10px}.error-actions{flex-direction:column;gap:.75rem}.error-btn{width:100%;padding:12px 24px}.floating-element{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 768px){html{font-size:14px}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.table-container,.users-table-container,.logs-table-container,.subscriptions-table-container,.staff-table-container{-webkit-overflow-scrolling:touch}#root{overflow-x:hidden}}