*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0e14;--bg-mid: #0d1117;--border: #1a1f29;--text-primary: #c7cdd8;--text-secondary: #8b92a0;--text-muted: #5c6370;--accent-cyan: #00d4ff;--success-green: #a8cc7c;--warning-orange: #ff6b35;--warning-yellow: #ffb635;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Courier New", monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-system);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;line-height:1.2}h1{font-size:48px;letter-spacing:-2px}h2{font-size:36px;letter-spacing:-1px}h3{font-size:24px}a{color:var(--accent-cyan);text-decoration:none}button{font-family:var(--font-system)}.btn{padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.btn-primary{background:var(--accent-cyan);color:var(--bg-dark)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.form-input{width:100%;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);padding:12px 15px;font-size:15px;font-family:var(--font-system)}.form-input:focus{outline:none;border-color:var(--accent-cyan)}code{font-family:var(--font-mono)}.navbar{background:var(--bg-mid);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:150}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:60px}.logo{font-size:20px;font-weight:700;color:var(--accent-cyan);letter-spacing:-.5px;text-transform:uppercase;text-decoration:none!important}.nav-links{display:flex;gap:35px;list-style:none;margin:0}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent-cyan);text-decoration:none}.nav-cta{display:flex;gap:15px;align-items:center}.token-display{display:flex;align-items:center;gap:10px;background:var(--bg-dark);border:1px solid var(--border);padding:8px 16px}.token-count{font-size:16px;font-weight:700;color:var(--accent-cyan);font-family:var(--font-mono)}.token-label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.btn-login{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 20px;font-size:14px;cursor:pointer;transition:all .2s;text-decoration:none!important;font-weight:500}.btn-login:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-signup{background:var(--accent-cyan);color:var(--bg-dark);border:none;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none!important}.btn-signup:hover{background:#00b8e6}.btn-primary{background:var(--accent-cyan);color:var(--bg-dark);border:none;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none!important;display:inline-block}.btn-primary:hover{background:#00b8e6}.lang-toggle{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;font-size:13px;cursor:pointer;transition:all .2s}.lang-toggle:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.lang-dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background:var(--bg-mid);border:1px solid var(--border);min-width:150px;box-shadow:0 4px 12px #0000004d;z-index:60}.lang-option{display:block;width:100%;background:transparent;border:none;color:var(--text-secondary);padding:10px 15px;font-size:13px;cursor:pointer;text-align:left;transition:all .2s;border-bottom:1px solid var(--border)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--bg-dark);color:var(--accent-cyan)}.lang-option.active{background:var(--bg-dark);color:var(--accent-cyan);font-weight:600}.user-nav{background:#0a0e14;border-bottom:1px solid #1a1f26;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000004d}.user-nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}.user-logo{font-size:20px;font-weight:700;color:#00d4ff}.user-logo a{color:#00d4ff;text-decoration:none;transition:color .2s}.user-logo a:hover{color:#00a8cc}.user-nav-links{display:flex;gap:30px;align-items:center}.user-nav-links a{color:#8b92a0;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s;position:relative}.user-nav-links a:hover{color:#00d4ff;background:#00d4ff1a}.user-nav-links a.active{color:#00d4ff;background:#00d4ff26}.user-nav-links a.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#00d4ff}.user-nav-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-email{color:#8b92a0;font-size:14px}.btn-logout{padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8b92a0;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-logout:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.lang-dropdown{position:relative}.lang-button{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#8b92a0;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.lang-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.lang-flag{font-size:16px}.lang-code{font-weight:500}.lang-menu{position:absolute;top:calc(100% + 5px);right:0;background:#0f1419;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;min-width:160px;box-shadow:0 4px 20px #0006;z-index:1000}.lang-option{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:none;color:#8b92a0;cursor:pointer;border-radius:6px;transition:all .2s;text-align:left}.lang-option:hover{background:#00d4ff1a;color:#00d4ff}.lang-option.active{background:#00d4ff26;color:#00d4ff}.lang-name{font-size:14px}@media(max-width:768px){.user-nav-links{gap:15px}.user-nav-links a{padding:6px 12px;font-size:14px}.user-email{display:none}.btn-logout{padding:6px 16px;font-size:14px}}@media(max-width:600px){.user-nav-links{display:none}.user-nav-container{justify-content:space-between}.lang-dropdown{display:none}}.home{min-height:100vh}.hero{max-width:1400px;margin:0 auto;padding:120px 40px 80px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.hero-content h1{font-size:62px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.highlight{color:var(--accent-cyan)}.typing{display:inline-block;min-width:350px;text-align:left}.cursor{display:inline-block;color:var(--accent-cyan);animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-content p{font-size:18px;color:var(--text-secondary);margin-bottom:40px;line-height:1.7}.hero-cta{display:flex;gap:15px}.code-example{background:var(--bg-mid);border:1px solid var(--border);padding:25px;font-family:var(--font-mono);position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.code-lang{color:var(--accent-cyan);font-size:12px;text-transform:uppercase;letter-spacing:1px}.code-copy{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:5px 12px;font-size:11px;cursor:pointer;text-transform:uppercase}.code-block{color:var(--text-primary);font-size:13px;line-height:1.8}.code-comment{color:var(--text-muted)}.code-string{color:var(--accent-cyan)}.code-keyword{color:var(--warning-orange)}.stats{max-width:1400px;margin:80px auto;padding:60px 40px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:700;color:var(--accent-cyan);line-height:1;margin-bottom:10px}.stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.features{max-width:1400px;margin:0 auto;padding:80px 40px}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:15px;letter-spacing:-1px}.section-subtitle{font-size:18px;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:var(--bg-mid);border:1px solid var(--border);padding:35px}.feature-icon{width:50px;height:50px;background:var(--accent-cyan);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:20px}.feature-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px}.feature-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.pricing-preview{max-width:1400px;margin:0 auto;padding:80px 40px;background:var(--bg-mid)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.pricing-card{background:var(--bg-dark);border:1px solid var(--border);padding:40px;position:relative}.pricing-card.popular{border-color:var(--accent-cyan)}.popular-badge{position:absolute;top:-1px;right:-1px;background:var(--accent-cyan);color:var(--bg-dark);padding:5px 15px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-name{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.pricing-price{font-size:48px;font-weight:700;color:#fff;margin-bottom:5px}.pricing-period{font-size:14px;color:var(--text-secondary);margin-bottom:30px}.pricing-features{list-style:none;margin-bottom:30px}.pricing-features li{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-primary)}.pricing-features li:last-child{border-bottom:none}.pricing-cta{width:100%;background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);padding:12px;font-size:14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;display:block;text-decoration:none!important}.pricing-card.popular .pricing-cta{background:var(--accent-cyan);color:var(--bg-dark)}.auth-container{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.auth-box{width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:40px}.auth-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-1px}.auth-subtitle{font-size:15px;color:var(--text-secondary)}.auth-subtitle a{color:var(--accent-cyan);text-decoration:none}.auth-form{background:var(--bg-mid);border:1px solid var(--border);padding:40px}.form-group{margin-bottom:25px}.form-label{display:block;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.form-checkbox{display:flex;align-items:center;gap:8px}.form-checkbox input{width:16px;height:16px;cursor:pointer}.form-checkbox label{font-size:14px;color:var(--text-secondary);cursor:pointer}.forgot-link{color:var(--accent-cyan);text-decoration:none;font-size:14px}.btn-submit{width:100%;background:var(--accent-cyan);color:var(--bg-dark);border:none;padding:14px;font-size:15px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .2s}.btn-submit:hover{background:#00b8e6}.btn-submit:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.error-message{background:#ff6b351a;border:1px solid var(--warning-orange);color:var(--warning-orange);padding:12px 15px;margin-bottom:25px;font-size:14px}.password-requirements{background:var(--bg-dark);border:1px solid var(--border);padding:15px;margin-top:10px;font-size:13px}.password-requirements ul{list-style:none;margin-top:8px}.password-requirements li{padding:4px 0;color:var(--text-muted)}.password-requirements li:before{content:"×";margin-right:8px;color:var(--text-secondary)}.form-checkbox-group{margin-bottom:25px}.checkbox-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.checkbox-item input{width:18px;height:18px;margin-top:2px;cursor:pointer}.checkbox-item label{font-size:14px;color:var(--text-secondary);cursor:pointer;line-height:1.5}.signup-benefits{background:var(--bg-dark);border:1px solid var(--border);padding:20px;margin-top:30px}.benefits-title{font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.benefits-list{list-style:none;font-size:14px;color:var(--text-secondary)}.benefits-list li{padding:6px 0}.benefits-list li:before{content:"→";margin-right:10px;color:var(--accent-cyan)}.dashboard{min-height:calc(100vh - 60px);background:var(--bg-dark)}.dashboard-container{max-width:1400px;margin:0 auto;padding:40px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.dashboard-header h1{font-size:36px;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.stat-card{background:var(--bg-mid);border:1px solid var(--border);padding:25px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.stat-value{font-size:36px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px;font-family:var(--font-mono)}.stat-change{font-size:13px;color:var(--text-secondary)}.stat-change a{color:var(--accent-cyan);text-decoration:none}.quick-start{background:var(--bg-mid);border:1px solid var(--border);padding:35px;margin-bottom:40px}.quick-start h2{font-size:20px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.api-key-display{display:flex;align-items:center;gap:15px;background:var(--bg-dark);border:1px solid var(--border);padding:15px 20px;margin-bottom:20px}.api-key-display .label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.api-key-display .value{font-family:var(--font-mono);font-size:14px;color:var(--accent-cyan);flex:1}.code-example{background:var(--bg-dark);border:1px solid var(--border);padding:20px;font-family:var(--font-mono);font-size:13px;line-height:1.8;overflow-x:auto}.empty-state{background:var(--bg-mid);border:1px solid var(--border);padding:80px 40px;text-align:center;margin-bottom:40px}.getting-started{background:var(--bg-mid);border:1px solid var(--border);padding:35px}.getting-started h2{font-size:20px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{background:var(--bg-dark);border:1px solid var(--border);padding:25px}.resource-card h3{font-size:18px;margin-bottom:10px}.resource-card p{color:var(--text-secondary);margin-bottom:15px;font-size:14px}.resource-card a{color:var(--accent-cyan);text-decoration:none;font-size:14px;font-weight:500}.api-keys-page{min-height:calc(100vh - 60px);background:var(--bg-dark);padding:40px 0}.container{max-width:1200px;margin:0 auto;padding:0 40px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.page-header h1{font-size:32px;margin-bottom:8px}.warning-box{background:#ff6b351a;border:1px solid var(--warning-orange);padding:20px;margin-bottom:30px}.warning-title{font-size:14px;font-weight:600;color:var(--warning-orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.warning-text{font-size:14px;color:var(--text-primary);line-height:1.6}.success-box{background:#a8cc7c1a;border:1px solid var(--success-green);padding:25px;margin-bottom:30px}.success-title{font-size:16px;font-weight:600;color:var(--success-green);margin-bottom:10px}.success-text{font-size:14px;color:var(--text-primary);margin-bottom:15px}.new-key-display{background:var(--bg-dark);border:1px solid var(--border);padding:15px;display:flex;align-items:center;gap:15px;margin-bottom:15px}.new-key-display code{flex:1;font-family:var(--font-mono);color:var(--accent-cyan);font-size:14px;word-break:break-all}.btn-copy{background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);padding:8px 16px;font-size:12px;cursor:pointer;text-transform:uppercase;transition:all .3s ease}.btn-copy.copied{background:var(--success-green);color:var(--bg-dark);border-color:var(--success-green)}.btn-copy:hover:not(.copied){background:#6dcff61a}.create-form{background:var(--bg-mid);border:1px solid var(--border);padding:30px;margin-bottom:30px}.create-form h3{font-size:18px;margin-bottom:20px}.empty-state{background:var(--bg-mid);border:1px solid var(--border);padding:80px 40px;text-align:center}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h2{font-size:24px;margin-bottom:15px}.empty-state p{color:var(--text-secondary);margin-bottom:30px}.api-keys-list{display:grid;gap:20px}.api-key-card{background:var(--bg-mid);border:1px solid var(--border);padding:30px}.key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.key-info h3{font-size:18px;margin-bottom:8px;display:flex;align-items:center;gap:10px}.key-meta{font-size:13px;color:var(--text-muted)}.key-actions{display:flex;gap:10px}.btn-danger{background:transparent;color:var(--warning-orange);border:1px solid var(--warning-orange);padding:8px 16px;font-size:12px;cursor:pointer;text-transform:uppercase}.btn-danger:hover{background:#ff6b351a}.key-display{background:var(--bg-dark);border:1px solid var(--border);padding:15px 20px;margin-bottom:20px}.key-value{font-family:var(--font-mono);font-size:14px;color:var(--text-muted)}.key-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:20px;border-top:1px solid var(--border)}.key-stat{text-align:center}.key-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.key-stat-value{font-size:24px;font-weight:700;color:#fff;font-family:var(--font-mono)}.status-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:#a8cc7c1a;color:var(--success-green);border:1px solid var(--success-green)}.status-error{background:#ff6b351a;color:var(--warning-orange);border:1px solid var(--warning-orange)}.status-warning{background:#ffc1071a;color:#ffc107;border:1px solid #ffc107}.usage-page{min-height:calc(100vh - 60px);background:var(--bg-dark);padding:40px 0}.time-range-selector{display:flex;gap:10px}.range-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;font-size:12px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.range-btn.active{background:var(--accent-cyan);color:var(--bg-dark);border-color:var(--accent-cyan)}.range-btn:hover:not(.active){border-color:var(--accent-cyan);color:var(--accent-cyan)}.endpoint-breakdown{background:var(--bg-mid);border:1px solid var(--border);padding:30px;margin-bottom:40px}.endpoint-breakdown h2{font-size:20px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.endpoint-list{display:grid;gap:20px}.endpoint-item{display:grid;gap:10px}.endpoint-info{display:flex;justify-content:space-between;align-items:center}.endpoint-name{font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.endpoint-stats{font-size:12px;color:var(--text-muted)}.endpoint-bar{height:8px;background:var(--bg-dark);border:1px solid var(--border);position:relative;overflow:hidden}.endpoint-bar-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease}.request-history{background:var(--bg-mid);border:1px solid var(--border);padding:30px}.request-history h2{font-size:20px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.request-table{overflow-x:auto}.request-table table{width:100%;border-collapse:collapse}.request-table thead{border-bottom:1px solid var(--border)}.request-table th{text-align:left;padding:15px 20px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.request-table td{padding:20px;border-bottom:1px solid var(--border);font-size:14px}.request-table tbody tr:hover{background:#00d4ff08}.request-table .timestamp{color:var(--text-muted);font-size:13px}.request-table .endpoint{font-family:var(--font-mono);color:var(--accent-cyan);font-size:13px}.request-table .method{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-secondary)}.request-table .response-time{font-family:var(--font-mono);font-size:13px}.request-table .tokens{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.status-critical{background:#ff35351a;color:#ff3535;border:1px solid #ff3535}.billing-page{min-height:calc(100vh - 60px);background:var(--bg-dark);padding:40px 0}.current-plan-card{background:var(--bg-mid);border:1px solid var(--border);padding:35px;margin-bottom:40px}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border)}.plan-header h2{font-size:24px;margin-bottom:8px}.plan-meta{font-size:14px;color:var(--text-muted);margin-top:5px}.plan-price{text-align:right}.price-amount{font-size:48px;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.price-currency{font-size:14px;color:var(--text-muted);margin-left:5px}.plan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.plan-stat{text-align:center}.upgrade-section,.token-packages-section,.invoice-section{background:var(--bg-mid);border:1px solid var(--border);padding:35px;margin-bottom:40px}.upgrade-section h2,.token-packages-section h2,.invoice-section h2{font-size:20px;margin-bottom:25px;text-transform:uppercase;letter-spacing:.5px}.section-subtitle{color:var(--text-secondary);margin-bottom:25px;font-size:14px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-card{background:var(--bg-dark);border:1px solid var(--border);padding:30px;text-align:center}.plan-card.current{border-color:var(--accent-cyan);background:#00d4ff0d}.plan-card h3{font-size:20px;margin-bottom:20px;text-transform:uppercase}.plan-price-large{margin-bottom:15px}.plan-price-large .price-amount{font-size:36px;font-weight:700;font-family:var(--font-mono);color:#fff}.plan-price-large .price-currency{font-size:12px;color:var(--text-muted);margin-left:5px}.plan-tokens{font-size:14px;color:var(--text-secondary);margin-bottom:25px}.token-packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.token-package-card{background:var(--bg-dark);border:1px solid var(--border);padding:30px 20px;text-align:center}.package-tokens{font-size:32px;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:5px}.package-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.package-price{font-size:18px;font-weight:600;margin-bottom:20px}.invoice-table{overflow-x:auto}.invoice-table table{width:100%;border-collapse:collapse}.invoice-table thead{border-bottom:1px solid var(--border)}.invoice-table th{text-align:left;padding:15px 20px;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.invoice-table td{padding:20px;border-bottom:1px solid var(--border);font-size:14px}.invoice-table tbody tr:hover{background:#00d4ff08}.invoice-table .amount{font-family:var(--font-mono);font-weight:600}.invoice-table a{color:var(--accent-cyan);text-decoration:none;font-size:13px}.status-paid{background:#a8cc7c1a;color:var(--success-green);border:1px solid var(--success-green)}.status-pending{background:#ffc1071a;color:#ffc107;border:1px solid #ffc107}.status-failed{background:#ff6b351a;color:var(--warning-orange);border:1px solid var(--warning-orange)}.settings-page{min-height:calc(100vh - 60px);background:var(--bg-dark);padding:40px 0}.settings-section{background:var(--bg-mid);border:1px solid var(--border);padding:28px;margin-bottom:20px;border-radius:8px}.settings-section h2{font-size:16px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-cyan);font-weight:600}.section-description{color:var(--text-secondary);font-size:13px;margin-bottom:16px;line-height:1.5}.settings-section .form-row{display:flex;gap:16px;margin-bottom:16px}.settings-section .form-row>.form-group{flex:1;min-width:0;margin-bottom:0}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.settings-section .form-input,.settings-section select.form-input{width:100%;padding:10px 14px;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;font-size:14px;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--accent-cyan);background:#00d4ff0d}.form-help{font-size:12px;color:var(--text-secondary);margin-top:6px;min-height:18px}.settings-section .form-row .form-group{display:flex;flex-direction:column}.settings-section .form-row .form-group:after{content:"";min-height:24px;display:block}.settings-section .form-row .form-group .form-help{margin-bottom:-24px}.btn-primary{padding:10px 20px;background:var(--accent-cyan);color:var(--bg-dark);border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:#00b8d4;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{padding:10px 20px;background:var(--warning-orange);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-danger:hover{background:#e55a2b;transform:translateY(-1px)}.checkbox-group{display:grid;gap:12px}.preference-group-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-top:16px;margin-bottom:8px;padding-left:4px}.preference-group-title:first-child{margin-top:0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;cursor:pointer;padding:10px 12px;border:1px solid transparent;border-radius:6px;transition:all .15s;background:#00000026}.checkbox-label:hover{background:#00d4ff14;border-color:#00d4ff40;transform:translate(2px)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-cyan);margin-top:1px;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-content{display:flex;flex-direction:column;gap:3px}.checkbox-title{color:var(--text-primary);font-weight:500;font-size:14px}.checkbox-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.danger-zone{border-color:var(--warning-orange);background:#ff6b3508;border-width:2px}.danger-zone h2{color:var(--warning-orange)}.message-box{padding:12px 16px;margin-bottom:20px;font-size:13px;border:1px solid;border-radius:6px;display:flex;align-items:center;gap:10px}.success-box{background:#a8cc7c1a;border-color:#a8cc7c;color:#a8cc7c}.error-box{background:#ff6b351a;border-color:var(--warning-orange);color:var(--warning-orange)}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;margin-bottom:6px;color:var(--text-primary)}.page-header .subtitle{font-size:14px;color:var(--text-secondary)}.container{max-width:900px;margin:0 auto;padding:0 20px}.settings-page .form-row+.form-group{margin-top:16px}.settings-section button[type=submit]{margin-top:20px}.danger-zone .btn-danger{margin-top:16px}.form-input,.btn-primary,.btn-danger,.checkbox-label{transition:all .2s ease}.form-input:focus,.btn-primary:focus,.btn-danger:focus{outline:2px solid var(--accent-cyan);outline-offset:2px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.settings-section{padding:20px}.page-header h1{font-size:24px}}.pricing-page{min-height:calc(100vh - 60px);background:var(--bg-dark);padding:80px 0}.pricing-header{text-align:center;margin-bottom:60px;padding:0 20px}.pricing-header h1{font-size:48px;margin-bottom:20px;background:linear-gradient(135deg,var(--accent-cyan),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.pricing-container{max-width:100%;margin:0 auto;padding:0 20px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:80px;max-width:1050px;margin-left:auto;margin-right:auto}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:20px}}.pricing-card{background:var(--bg-mid);border:1px solid var(--border);padding:28px 20px 24px;position:relative;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000004d}.pricing-card.highlighted{border-color:var(--accent-cyan);box-shadow:0 0 30px #6dcff633}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-cyan);color:var(--bg-dark);padding:6px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.plan-header{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:20px}.plan-header h3{font-size:18px;margin-bottom:16px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-price{margin-bottom:0;line-height:1}.currency{font-size:14px;color:var(--text-muted);vertical-align:super;font-weight:500}.amount{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1}.period{font-size:14px;color:var(--text-muted);font-weight:500}.plan-tokens{font-size:12px;color:var(--accent-cyan);font-weight:600;margin-top:8px;display:block}.plan-features{list-style:none;margin-bottom:auto;flex:1;padding-top:4px}.plan-features li{padding:9px 0;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.plan-features .check{color:var(--success-green);font-weight:700;flex-shrink:0;font-size:14px}.plan-cta{display:block;width:100%;padding:12px;text-align:center;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:12px;transition:all .3s ease;margin-top:20px}.cta-primary{background:var(--accent-cyan);color:var(--bg-dark);border:2px solid var(--accent-cyan)}.cta-primary:hover{background:transparent;color:var(--accent-cyan)}.cta-secondary{background:transparent;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}.cta-secondary:hover{background:var(--accent-cyan);color:var(--bg-dark)}.pricing-faq{max-width:1200px;margin:0 auto;padding:60px 40px 0}.pricing-faq h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--text-primary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.faq-item h3{font-size:18px;color:var(--accent-cyan);margin-bottom:15px}.faq-item p{font-size:14px;line-height:1.7;color:var(--text-secondary)}@media(max-width:768px){.pricing-header h1{font-size:36px}.pricing-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:30px}}.docs-page{min-height:calc(100vh - 60px);background:var(--bg-dark)}.docs-container{display:grid;grid-template-columns:280px 1fr;max-width:1400px;margin:0 auto}.docs-sidebar{background:var(--bg-mid);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto}.docs-sidebar nav{padding:40px 20px}.docs-sidebar h3{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;padding:0 10px}.docs-sidebar ul{list-style:none}.docs-sidebar li{margin-bottom:5px}.docs-sidebar button{width:100%;text-align:left;padding:12px 15px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;transition:all .2s ease;border-left:3px solid transparent}.docs-sidebar li.active button{background:#6dcff61a;color:var(--accent-cyan);border-left-color:var(--accent-cyan)}.docs-sidebar button:hover{background:#6dcff60d;color:var(--text-primary)}.docs-content{padding:60px 80px;max-width:900px}.api-key-selector{background:#6dcff61a;border:1px solid var(--accent-cyan);padding:20px;margin-bottom:40px;display:flex;align-items:center;gap:15px}.api-key-selector label{font-size:14px;font-weight:600;color:var(--accent-cyan);white-space:nowrap}.api-key-selector select{flex:1;background:var(--bg-dark);border:1px solid var(--border);color:var(--text-primary);padding:10px 15px;font-size:14px;font-family:var(--font-mono);cursor:pointer}.api-key-selector select:focus{outline:none;border-color:var(--accent-cyan)}.docs-content h1{font-size:40px;margin-bottom:20px;color:var(--text-primary)}.docs-content h2{font-size:28px;margin:40px 0 20px;color:var(--text-primary);padding-top:20px;border-top:1px solid var(--border)}.docs-content h2:first-of-type{border-top:none;padding-top:0}.docs-content h3{font-size:20px;margin:30px 0 15px;color:var(--accent-cyan)}.docs-content p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.docs-content ol,.docs-content ul{margin-bottom:20px;padding-left:30px}.docs-content li{margin-bottom:10px;font-size:16px;line-height:1.7;color:var(--text-secondary)}.docs-content a{color:var(--accent-cyan);text-decoration:none}.code-block{background:var(--bg-dark);border:1px solid var(--border);margin:25px 0;overflow:hidden}.code-header{background:#0000004d;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.code-header span{font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan)}.copy-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:4px 12px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.copy-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.code-block pre{padding:20px;overflow-x:auto;margin:0}.code-block code{font-family:var(--font-mono);font-size:14px;line-height:1.6;color:var(--text-primary)}.code-tabs{display:flex;gap:10px;margin:30px 0 20px}.code-tabs .tab{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s ease}.code-tabs .tab.active{background:var(--accent-cyan);color:var(--bg-dark);border-color:var(--accent-cyan)}.code-tabs .tab:hover:not(.active){border-color:var(--accent-cyan);color:var(--accent-cyan)}.info-box{background:#6dcff61a;border-left:3px solid var(--accent-cyan);padding:20px 25px;margin:30px 0}.info-box h3{margin-top:0;margin-bottom:15px;color:var(--accent-cyan);font-size:16px}.info-box ul{margin-bottom:0;padding-left:25px}.info-box li{font-size:14px;margin-bottom:8px}.endpoint-card{background:var(--bg-mid);border:1px solid var(--border);padding:25px;margin-bottom:20px}.endpoint-card h3{margin:0 0 10px;font-family:var(--font-mono);font-size:16px;color:var(--success-green)}.endpoint-card>p{margin-bottom:15px}.endpoint-details{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.endpoint-details p{margin-bottom:10px}.endpoint-details ul{margin-top:10px;margin-bottom:15px}.endpoint-details code{background:var(--bg-dark);padding:3px 8px;font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan)}.error-table{width:100%;border-collapse:collapse;margin:25px 0;background:var(--bg-mid);border:1px solid var(--border)}.error-table thead{background:#0000004d}.error-table th{padding:15px 20px;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.error-table td{padding:15px 20px;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.error-table tr:last-child td{border-bottom:none}.error-table td:first-child{font-family:var(--font-mono);color:var(--accent-cyan);font-weight:600}@media(max-width:1024px){.docs-container{grid-template-columns:1fr}.docs-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--border)}.docs-content{padding:40px 30px}}@media(max-width:768px){.docs-content{padding:30px 20px}.docs-content h1{font-size:32px}.docs-content h2{font-size:24px}.code-tabs{flex-wrap:wrap}}.use-cases-page{min-height:100vh;background:var(--bg-dark);padding-top:60px}.use-cases-container{max-width:1200px;margin:0 auto;padding:60px 20px}.use-cases-hero{text-align:center;margin-bottom:60px}.use-cases-hero h1{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.hero-subtitle{font-size:20px;color:var(--text-secondary);max-width:700px;margin:0 auto}.categories-filter{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.category-btn{padding:10px 20px;background:var(--bg-mid);border:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.category-btn:hover{background:var(--bg-light);color:var(--text-primary);border-color:var(--accent-cyan)}.category-btn.active{background:var(--accent-cyan);color:var(--bg-dark);border-color:var(--accent-cyan)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:80px}.use-case-card{position:relative;background:var(--bg-mid);border:1px solid var(--border);padding:32px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column}.use-case-card:hover{border-color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 8px 24px #00ccff1a}.use-case-icon{font-size:48px;margin-bottom:20px}.use-case-content{flex:1}.use-case-category{display:inline-block;font-size:12px;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.use-case-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.use-case-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.use-case-benefits{list-style:none;padding:0;margin:0 0 20px}.use-case-benefits li{font-size:14px;color:var(--text-secondary);border-left:2px solid var(--accent-cyan);padding:6px 0 6px 12px;margin-bottom:8px}.use-case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.use-case-tags .tag{font-size:12px;padding:4px 12px;background:#00ccff1a;border:1px solid rgba(0,204,255,.3);color:var(--accent-cyan)}.use-case-arrow{position:absolute;bottom:24px;right:24px;font-size:24px;color:var(--accent-cyan);transition:transform .3s ease}.use-case-card:hover .use-case-arrow{transform:translate(4px)}.use-cases-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#00ccff0d,#00ccff05);border:1px solid var(--border);margin-bottom:40px}.use-cases-cta h2{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.use-cases-cta p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.custom-solution{text-align:center;padding:40px;background:var(--bg-mid);border:1px solid var(--border)}.custom-solution-content h3{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.custom-solution-content p{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.btn-outline{display:inline-block;padding:12px 28px;font-size:15px;font-weight:600;color:var(--accent-cyan);border:2px solid var(--accent-cyan);text-decoration:none;transition:all .2s}.btn-outline:hover{background:var(--accent-cyan);color:var(--bg-dark)}@media(max-width:768px){.use-cases-hero h1{font-size:36px}.hero-subtitle{font-size:16px}.use-cases-grid{grid-template-columns:1fr}.use-cases-cta h2{font-size:28px}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}}.use-case-detail-page{min-height:100vh;background:var(--bg-dark);padding-top:60px}.use-case-detail-container{max-width:1000px;margin:0 auto;padding:60px 20px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);margin-bottom:40px}.breadcrumb a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#00b8e6}.breadcrumb .separator{color:var(--text-muted)}.detail-hero{text-align:center;margin-bottom:60px;padding:40px 0;border-bottom:1px solid var(--border)}.hero-icon{font-size:72px;margin-bottom:20px}.hero-category{display:inline-block;font-size:12px;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.detail-hero h1{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.hero-description{font-size:20px;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.detail-section{margin-bottom:60px}.detail-section h2{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.problem-section{background:linear-gradient(135deg,#ff6b350d,#ff6b3505);border:1px solid var(--border);padding:40px}.problem-list{list-style:none;padding:0;margin:0}.problem-list li{font-size:16px;color:var(--text-secondary);padding:12px 0 12px 40px;position:relative;line-height:1.6}.problem-list li:before{content:"⚠";position:absolute;left:0;font-size:20px;color:var(--warning-orange)}.solution-section{background:linear-gradient(135deg,#00ccff0d,#00ccff05);border:1px solid var(--border);padding:40px}.solution-list{list-style:none;padding:0;margin:0}.solution-list li{font-size:16px;color:var(--text-secondary);padding:12px 0 12px 40px;position:relative;line-height:1.6}.solution-list li:before{content:"✓";position:absolute;left:0;font-size:24px;color:var(--accent-cyan)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature-box{background:var(--bg-mid);border:1px solid var(--border);padding:24px;transition:all .3s ease}.feature-box:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.feature-box h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feature-box p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.code-section{background:var(--bg-mid);border:1px solid var(--border);padding:40px}.code-block{background:var(--bg-dark);border:1px solid var(--border);padding:24px;overflow-x:auto}.code-block pre{margin:0;font-family:var(--font-mono);font-size:14px;line-height:1.6}.code-block code{color:var(--text-primary);font-family:var(--font-mono)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.result-item{display:flex;align-items:center;gap:12px;background:var(--bg-mid);border:1px solid var(--border);padding:16px 20px;transition:all .2s}.result-item:hover{border-color:var(--success-green)}.result-icon{font-size:20px;color:var(--success-green);flex-shrink:0}.result-text{font-size:15px;color:var(--text-secondary);line-height:1.5}.detail-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#00ccff14,#00ccff08);border:1px solid var(--border);margin-top:80px}.detail-cta h2{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.detail-cta p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-block;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s}.btn-primary{background:var(--accent-cyan);color:var(--bg-dark);border:2px solid var(--accent-cyan)}.btn-primary:hover{background:#00b8e6;border-color:#00b8e6}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media(max-width:768px){.detail-hero h1{font-size:36px}.hero-description{font-size:16px}.detail-section h2{font-size:28px}.problem-section,.solution-section,.code-section{padding:24px}.features-grid,.results-grid{grid-template-columns:1fr}.detail-cta{padding:40px 20px}.detail-cta h2{font-size:28px}.cta-buttons{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{width:100%}}.admin-login-page{min-height:100vh;background:#000;display:flex;justify-content:center;align-items:center;padding:20px}.admin-login-container{max-width:450px;width:100%;background:#0d1117;border:2px solid #ff6b35;padding:50px 40px}.admin-login-header{text-align:center;margin-bottom:40px}.admin-login-header h1{font-size:24px;color:#ff6b35;margin-bottom:10px;letter-spacing:2px;font-weight:700}.admin-login-header p{color:var(--text-muted);font-size:13px;text-transform:uppercase;letter-spacing:1px}.admin-login-form{margin-bottom:30px}.error-message{background:#ff6b351a;border:1px solid #ff6b35;color:#ff6b35;padding:12px 15px;margin-bottom:20px;font-size:13px;text-align:center}.admin-login-footer{text-align:center;padding-top:20px;border-top:1px solid var(--border)}.admin-login-footer p{color:#ff6b35;font-size:12px;text-transform:uppercase;letter-spacing:1px}.simple-chart{background:#0d1117;border:1px solid var(--border);padding:25px}.chart-title{font-size:16px;color:#ff6b35;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.bar-chart{display:flex;flex-direction:column;gap:15px}.bar-item{display:flex;align-items:center;gap:15px}.bar-label{min-width:100px;font-size:12px;color:var(--text-secondary);text-align:right}.bar-container{flex:1;height:30px;background:#0000004d;border:1px solid var(--border);position:relative}.bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;transition:width .3s ease}.bar-value{font-size:11px;font-weight:600;color:#0a0e14;font-family:var(--font-mono)}.line-chart{position:relative}.line-chart svg{width:100%;height:200px;background:#0000004d;border:1px solid var(--border)}.line-labels{display:flex;justify-content:space-between;margin-top:10px}.line-label{text-align:center;flex:1}.label-text{font-size:10px;color:var(--text-muted);margin-bottom:3px}.label-value{font-size:12px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.pie-chart{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}.pie-chart svg{width:200px;height:200px}.pie-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px}.legend-color{width:16px;height:16px;border:1px solid var(--border)}.legend-label{flex:1;font-size:13px;color:var(--text-primary)}.legend-value{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.admin-nav{background:#0d1117;border-bottom:2px solid #ff6b35;position:sticky;top:60px;z-index:100}.admin-nav-container{max-width:1600px;margin:0 auto;padding:0 40px;height:60px;display:flex;justify-content:space-between;align-items:center}.admin-logo{font-size:16px;font-weight:700;color:#ff6b35;letter-spacing:2px}.admin-nav-links{display:flex;gap:30px}.admin-nav-links a{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;padding:8px 15px;border-bottom:2px solid transparent;transition:all .2s}.admin-nav-links a:hover,.admin-nav-links a.active{color:#ff6b35;border-bottom-color:#ff6b35}.admin-nav-right{display:flex;align-items:center;gap:20px}.admin-name{color:var(--text-primary);font-size:14px;font-weight:500}.admin-dashboard{min-height:100vh;background:#000}.admin-content{max-width:1600px;margin:0 auto;padding:40px}.admin-header{margin-bottom:40px}.admin-header h1{font-size:36px;color:#fff;margin-bottom:8px}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.admin-stat-card{background:#0d1117;border:1px solid var(--border);padding:30px;text-align:center}.admin-stat-card.highlight{border-color:#ff6b35;background:#ff6b350d}.stat-icon{font-size:36px;margin-bottom:15px}.stat-number{font-size:42px;font-weight:700;color:#fff;font-family:var(--font-mono);line-height:1;margin-bottom:10px}.admin-stat-card.highlight .stat-number{color:#ff6b35}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.stat-meta{font-size:12px;color:var(--text-secondary)}.admin-section{background:#0d1117;border:1px solid var(--border);padding:35px;margin-bottom:30px}.admin-section h2{font-size:18px;color:#fff;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.action-card{background:var(--bg-dark);border:1px solid var(--border);padding:25px;text-align:center;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit}.action-card:hover{border-color:#ff6b35;background:#ff6b350d}.action-icon{font-size:32px;margin-bottom:15px}.action-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.action-desc{font-size:12px;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.health-item{background:var(--bg-dark);border:1px solid var(--border);padding:20px;display:flex;align-items:center;gap:15px}.health-status{font-size:24px;line-height:1}.health-status.success{color:var(--success-green)}.health-status.warning{color:#ffc107}.health-status.error{color:#ff6b35}.health-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex:1}.health-value{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-section{background:var(--bg-mid);border:1px solid var(--border);padding:30px;margin-bottom:30px}.settings-section h2{font-size:18px;color:var(--text-primary);margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-box{background:#6dcff61a;border:1px solid var(--accent-cyan);padding:25px;margin-top:30px}.info-box h3{font-size:16px;color:var(--accent-cyan);margin-bottom:15px}.info-box p{font-size:14px;color:var(--text-secondary);margin-bottom:15px;line-height:1.6}.info-box ol{padding-left:25px;margin:0}.info-box li{font-size:14px;color:var(--text-secondary);margin-bottom:10px;line-height:1.6}.info-box code{background:var(--bg-dark);padding:3px 8px;font-family:var(--font-mono);font-size:13px;color:var(--accent-cyan)}.admin-filters{display:flex;gap:15px;margin-bottom:30px}.filter-input{flex:1;background:#0d1117;border:1px solid var(--border);color:var(--text-primary);padding:12px 20px;font-size:14px}.filter-input:focus{outline:none;border-color:#ff6b35}.filter-select{background:#0d1117;border:1px solid var(--border);color:var(--text-primary);padding:12px 20px;font-size:14px;min-width:150px}.filter-select:focus{outline:none;border-color:#ff6b35}.admin-users-table{background:#0d1117;border:1px solid var(--border);overflow-x:auto}.admin-users-table table{width:100%;border-collapse:collapse}.admin-users-table thead{background:#ff6b350d;border-bottom:1px solid var(--border)}.admin-users-table th{text-align:left;padding:15px 20px;font-size:11px;color:#ff6b35;text-transform:uppercase;letter-spacing:1px;font-weight:600}.admin-users-table td{padding:20px;border-bottom:1px solid var(--border);font-size:13px}.admin-users-table tbody tr:hover{background:#ff6b3508}.admin-users-table tbody tr.selected{background:#00d4ff1a;border-left:3px solid var(--accent-cyan)}.admin-users-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#ff6b35}.bulk-actions{display:flex;gap:10px}.user-info{display:flex;flex-direction:column;gap:4px}.user-email{color:var(--text-primary);font-weight:500;font-size:14px}.user-name{color:var(--text-muted);font-size:12px}.user-company{color:var(--text-secondary)}.plan-badge{display:inline-block;padding:4px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.plan-free{background:#8b92a01a;color:var(--text-muted);border-color:var(--text-muted)}.plan-starter{background:#00d4ff1a;color:var(--accent-cyan);border-color:var(--accent-cyan)}.plan-developer{background:#a8cc7c1a;color:var(--success-green);border-color:var(--success-green)}.plan-business{background:#ff6b351a;color:#ff6b35;border-color:#ff6b35}.tokens-info{display:flex;flex-direction:column;gap:2px}.tokens-remaining{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.tokens-total{color:var(--text-muted);font-size:11px}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-size:12px}.action-buttons{display:flex;gap:8px}.btn-small{padding:6px 12px;font-size:11px;cursor:pointer;border:1px solid;background:transparent;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.btn-small.btn-primary{color:#ff6b35;border-color:#ff6b35}.btn-small.btn-primary:hover{background:#ff6b351a}.btn-small.btn-secondary{color:var(--accent-cyan);border-color:var(--accent-cyan)}.btn-small.btn-secondary:hover{background:#00d4ff1a}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#0d1117;border:2px solid #ff6b35;padding:40px;max-width:500px;width:90%}.modal-content h3{font-size:20px;color:#ff6b35;margin-bottom:10px}.modal-user{color:var(--text-secondary);font-size:14px;margin-bottom:25px}.modal-actions{display:flex;gap:10px;margin-top:25px}.user-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.user-email-large{font-size:16px;color:var(--accent-cyan);margin-top:8px}.user-company-large{font-size:14px;color:var(--text-secondary);margin-top:5px}.header-actions{display:flex;gap:10px}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.user-stat-card{background:#0d1117;border:1px solid var(--border);padding:25px;text-align:center}.user-stat-card .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.user-stat-card .stat-value{font-size:28px;font-weight:700;color:#fff;font-family:var(--font-mono)}.status-badge{display:inline-block;padding:4px 10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-active{background:#a8cc7c1a;color:var(--success-green);border-color:var(--success-green)}.status-cancelled{background:#ff6b351a;color:#ff6b35;border-color:#ff6b35}.status-past_due{background:#ffc1071a;color:#ffc107;border-color:#ffc107}.status-revoked{background:#ff6b351a;color:#ff6b35;border-color:#ff6b35}.status-paid{background:#a8cc7c1a;color:var(--success-green);border-color:var(--success-green)}.status-pending{background:#ffc1071a;color:#ffc107;border-color:#ffc107}.detail-section{background:#0d1117;border:1px solid var(--border);padding:30px;margin-bottom:30px}.detail-section h2{font-size:18px;color:#ff6b35;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.empty-message{color:var(--text-muted);text-align:center;padding:40px;font-style:italic}.keys-table table,.requests-table table,.invoices-table table{width:100%;border-collapse:collapse}.keys-table thead,.requests-table thead,.invoices-table thead{background:#ff6b350d;border-bottom:1px solid var(--border)}.keys-table th,.requests-table th,.invoices-table th{text-align:left;padding:12px 15px;font-size:10px;color:#ff6b35;text-transform:uppercase;letter-spacing:1px;font-weight:600}.keys-table td,.requests-table td,.invoices-table td{padding:15px;border-bottom:1px solid var(--border);font-size:13px}.keys-table tbody tr:hover,.requests-table tbody tr:hover,.invoices-table tbody tr:hover{background:#ff6b3508}.key-prefix,.endpoint{font-family:var(--font-mono);color:var(--accent-cyan);font-size:12px}.method{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary)}.status-code{font-family:var(--font-mono);font-size:12px;font-weight:600}.status-2xx{color:var(--success-green)}.status-4xx{color:#ffc107}.status-5xx{color:#ff6b35}.tokens{font-family:var(--font-mono);font-weight:600}.amount{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{padding:15px;background:var(--bg-dark);border:1px solid var(--border)}.info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.form-help{font-size:11px;color:var(--text-muted);margin-top:5px}.pricing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.pricing-header h1{margin:12px 0 4px;color:var(--text-primary);font-size:28px}.pricing-header .subtitle{color:var(--accent-cyan);font-size:14px;margin:0}.btn-back{background:transparent;border:none;color:var(--accent-cyan);font-size:14px;cursor:pointer;padding:4px 0;margin-bottom:8px;transition:color .2s}.btn-back:hover{color:#00b8d4;text-decoration:underline}.pricing-status-card{background:var(--bg-mid);border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid var(--border)}.status-custom,.status-plan{display:flex;align-items:center;gap:16px}.status-icon{font-size:32px}.status-custom h3{color:var(--accent-cyan);margin:0 0 4px;font-size:18px}.status-plan h3{color:var(--text-primary);margin:0 0 4px;font-size:18px}.status-custom p,.status-plan p{color:var(--text-secondary);margin:0;font-size:14px}.pricing-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.pricing-detail-card{background:var(--bg-mid);border-radius:8px;padding:24px;border:1px solid var(--border)}.pricing-detail-card h3{margin:0 0 20px;font-size:16px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-of-type{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.3px}.detail-value{font-weight:600;color:var(--text-primary);font-size:15px}.discount-value{background:var(--accent-cyan);color:var(--bg-dark);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}.custom-notes{margin-top:16px;padding:12px;background:#ffb6351a;border-left:3px solid var(--warning-yellow);border-radius:4px}.custom-notes strong{display:block;margin-bottom:4px;color:var(--warning-yellow);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.custom-notes p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.5}.cost-breakdown{display:flex;flex-direction:column;gap:12px}.cost-item{padding:16px;background:#0003;border-radius:6px;border-left:4px solid var(--accent-cyan);border:1px solid var(--border);border-left:3px solid var(--accent-cyan)}.cost-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cost-tier{background:var(--accent-cyan);color:var(--bg-dark);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cost-endpoint{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.cost-amount{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px;font-family:var(--font-mono)}.cost-calculation{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.plan-description-card{background:var(--bg-mid);border-radius:8px;padding:24px;border:1px solid var(--border)}.plan-description-card h3{margin:0 0 12px;font-size:14px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.plan-description-card p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:14px}.form-help{display:block;font-size:11px;color:var(--text-muted);font-weight:400;margin-top:4px}.modal-user{color:var(--text-secondary);margin:-8px 0 24px;font-size:14px}.success-box{padding:12px 16px;margin-bottom:20px;font-size:13px;border:1px solid;border-radius:6px;display:flex;align-items:center;gap:10px;background:#a8cc7c1a;border-color:#a8cc7c;color:#a8cc7c}.success-box:before{content:"✓";font-weight:700;font-size:16px}.error-box{padding:12px 16px;margin-bottom:20px;font-size:13px;border:1px solid;border-radius:6px;display:flex;align-items:center;gap:10px;background:#ff6b351a;border-color:var(--warning-orange);color:var(--warning-orange)}.error-box:before{content:"⚠";font-weight:700;font-size:16px}@media(max-width:768px){.pricing-header{flex-direction:column;gap:16px}.pricing-details-grid,.form-grid{grid-template-columns:1fr}}.info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin-bottom:32px}.info-banner h3{margin-top:0;margin-bottom:16px;font-size:20px}.info-banner ul{margin:0;padding-left:20px;list-style-type:none}.info-banner li{margin-bottom:8px;padding-left:24px;position:relative}.info-banner li:before{content:"→";position:absolute;left:0;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.comparison-table{width:100%;border-collapse:collapse;background:#192734;border-radius:8px;overflow:hidden}.comparison-table th{background:#0f1419;padding:15px;text-align:center;font-weight:600;border-bottom:2px solid #38444d}.comparison-table td{padding:12px 15px;text-align:center;border-bottom:1px solid #253341}.comparison-table tbody tr:hover{background:#1c2938}.pricing-plan-card{background:#192734;border-radius:8px;padding:20px;border:1px solid #38444d}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.config-item{background:#0f1419;padding:12px;border-radius:6px;border:1px solid #253341}.config-label{font-size:11px;color:#8899a6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.config-value{font-size:18px;font-weight:600;color:#fff}.pricing-card{background:#fff;border-radius:12px;padding:24px;border:2px solid #e2e8f0;transition:all .2s;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.pricing-card.plan-free:before{background:linear-gradient(90deg,#94a3b8,#64748b)}.pricing-card.plan-starter:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.pricing-card.plan-developer:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.pricing-card.plan-business:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.pricing-card.plan-enterprise:before{background:linear-gradient(90deg,#10b981,#059669)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#cbd5e1}.pricing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.pricing-card-header h2{margin:0;font-size:24px;color:#1e293b}.discount-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.pricing-details{margin-bottom:20px}.pricing-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.pricing-label{color:#64748b;font-size:14px}.pricing-value{font-weight:600;color:#1e293b;font-size:14px}.effective-costs{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px}.effective-costs h4{margin:0 0 12px;font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.cost-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.cost-row span{color:#475569;font-size:14px}.cost-row strong{color:#7c3aed;font-size:15px;font-weight:700}.pricing-description{margin-bottom:20px;padding:12px;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px}.pricing-description p{margin:0;font-size:13px;color:#78350f;line-height:1.5}.btn-full-width{width:100%}.modal-large{max-width:800px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-help{display:block;font-size:12px;color:#64748b;font-weight:400;margin-top:4px}.pricing-preview{margin-top:8px;font-size:13px;color:#7c3aed;font-weight:600}.pricing-modal{background:#15202b;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#192734}.close-btn{background:none;border:none;color:#8899a6;font-size:24px;cursor:pointer;padding:5px 10px;transition:all .2s}.close-btn:hover{color:#fff;transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.pricing-live-preview{background:#0f1419;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid #38444d}.pricing-live-preview h4{margin:0 0 12px;font-size:13px;color:#8899a6;text-transform:uppercase;letter-spacing:.5px}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preview-item{text-align:center;padding:12px 8px;background:#192734;border-radius:6px;border:1px solid #253341}.preview-label{font-size:11px;color:#8899a6;margin-bottom:6px}.preview-value{font-size:20px;font-weight:700;color:#fff}.pricing-form-compact{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center}.form-row-full{grid-template-columns:1fr}.form-row label{display:flex;flex-direction:column;gap:3px}.input-label{font-size:13px;font-weight:600;color:#fff}.input-hint{font-size:11px;color:#8899a6}.compact-input{background:#192734;border:1px solid #38444d;border-radius:6px;padding:10px 12px;color:#fff;font-size:15px;font-weight:600;text-align:center;transition:all .2s}.compact-input:focus{outline:none;border-color:#1d9bf0;background:#1c2938}.compact-textarea{background:#192734;border:1px solid #38444d;border-radius:6px;padding:10px 12px;color:#fff;font-size:13px;font-family:inherit;resize:vertical;transition:all .2s}.compact-textarea:focus{outline:none;border-color:#1d9bf0;background:#1c2938}.modal-footer{padding:16px 24px;background:#192734;border-top:1px solid #38444d;display:flex;gap:12px;justify-content:flex-end}@media(max-width:768px){.pricing-grid,.form-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.compact-input{text-align:left}}.activity-filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-btn{background:#0d1117;border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;font-size:12px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.filter-btn:hover{border-color:#ff6b35;color:#ff6b35}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#0a0e14}.activity-timeline{background:#0d1117;border:1px solid var(--border);padding:30px}.activity-item{display:flex;gap:20px;padding:25px;margin-bottom:20px;background:var(--bg-dark);border-left:3px solid var(--border);position:relative}.activity-item.action-danger{border-left-color:#ff6b35;background:#ff6b3508}.activity-item.action-success{border-left-color:var(--success-green);background:#a8cc7c08}.activity-item.action-warning{border-left-color:#ffc107;background:#ffc10708}.activity-item.action-info{border-left-color:var(--accent-cyan);background:#00d4ff08}.activity-icon{font-size:32px;line-height:1}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.activity-title{font-size:14px;color:var(--text-primary)}.activity-title strong{color:#ff6b35;font-weight:600}.activity-target{color:var(--text-muted);font-style:italic}.activity-time{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.activity-details{background:#0000004d;border:1px solid var(--border);padding:12px 15px;margin-bottom:12px;font-size:12px}.detail-item{margin-bottom:5px}.detail-item:last-child{margin-bottom:0}.detail-key{color:var(--text-muted);font-weight:600;text-transform:capitalize}.detail-value{color:var(--accent-cyan);font-family:var(--font-mono)}.activity-meta{display:flex;gap:20px;flex-wrap:wrap}.meta-item{font-size:11px;color:var(--text-muted)}.empty-state{background:#0d1117;border:1px solid var(--border);padding:80px 40px;text-align:center}.empty-state .empty-icon{font-size:64px;margin-bottom:20px}.empty-state h2{font-size:24px;color:var(--text-primary);margin-bottom:10px}.empty-state p{color:var(--text-muted)}.invoice-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.invoice-stat-card{background:#192734;border-radius:8px;padding:20px;border:1px solid #38444d;text-align:center}.invoice-stat-card .stat-label{font-size:13px;color:#8899a6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.invoice-stat-card .stat-value{font-size:32px;font-weight:700;color:#fff}.invoices-table-container{background:#192734;border-radius:8px;overflow:hidden;border:1px solid #38444d}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background:#0f1419;border-bottom:2px solid #38444d}.invoices-table th{padding:15px;text-align:left;font-weight:600;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.invoices-table td{padding:15px;border-bottom:1px solid #253341;color:#e7e9ea}.invoices-table tbody tr{transition:background .2s}.invoices-table tbody tr:hover{background:#1c2938}.invoice-id{font-family:monospace;font-size:13px;color:#8899a6}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-email{font-weight:500;color:#fff}.customer-name{font-size:12px;color:#8899a6}.amount{font-weight:600;font-size:15px;color:#10b981;font-family:monospace}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-neutral{background:#8899a61a;color:#8899a6;border:1px solid rgba(136,153,166,.3)}.empty-state{text-align:center;padding:80px 20px;background:#192734;border-radius:8px;border:1px solid #38444d}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{margin:0 0 10px;color:#fff;font-size:20px}.empty-state p{margin:0;color:#8899a6;font-size:14px}.refund-info{background:#0f1419;border:1px solid #38444d;border-radius:6px;padding:15px;margin-bottom:20px}.refund-detail{display:flex;justify-content:space-between;padding:8px 0}.refund-detail:not(:last-child){border-bottom:1px solid #253341}.refund-label{font-size:13px;color:#8899a6}.refund-value{font-weight:600;color:#fff}.refund-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:12px;margin-bottom:20px;color:#f59e0b;font-size:13px;line-height:1.5}.action-buttons{display:flex;gap:8px;align-items:center}.btn-small{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;font-weight:600;transition:all .2s}.btn-small.btn-primary{background:#1d9bf0;color:#fff}.btn-small.btn-primary:hover{background:#1a8cd8}.btn-small.btn-danger{background:#ef4444;color:#fff}.btn-small.btn-danger:hover{background:#dc2626}@media(max-width:1024px){.invoices-table{font-size:13px}.invoices-table th,.invoices-table td{padding:10px}.action-buttons{flex-direction:column}.btn-small{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-analytics-modal{background:var(--bg-mid);border:1px solid var(--border);border-radius:12px;width:90vw;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.user-analytics-modal.large{max-width:1200px;width:95vw}.modal-loading,.modal-error{padding:60px 40px;text-align:center;color:var(--text-secondary)}.modal-loading .spinner{margin:0 auto 16px}.modal-error p{margin-bottom:20px;color:var(--error-red)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border)}.modal-title h2{margin:0;font-size:20px;color:var(--text-primary)}.modal-title .user-email,.modal-title .session-id{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:16px}.range-selector.small{display:flex;gap:4px;background:var(--bg-dark);padding:3px;border-radius:6px}.range-selector.small .range-btn{padding:6px 12px;font-size:12px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.range-selector.small .range-btn:hover{color:var(--text-primary)}.range-selector.small .range-btn.active{background:var(--accent-cyan);color:var(--bg-dark)}.close-btn{background:none;border:none;font-size:28px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.user-analytics-modal .modal-content{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:none;align-self:stretch;box-sizing:border-box;background:transparent;border:none}.user-analytics-modal .modal-content>*{width:100%;box-sizing:border-box}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;width:100%;min-width:0;box-sizing:border-box}.summary-stat{background:var(--bg-dark);padding:16px;border-radius:8px;text-align:center;border:1px solid var(--border)}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--accent-cyan);font-family:var(--font-mono)}.stat-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;width:100%;min-width:0;box-sizing:border-box}.content-section h3{font-size:13px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.sessions-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sessions-list::-webkit-scrollbar{width:6px}.sessions-list::-webkit-scrollbar-track{background:transparent}.sessions-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.session-card{background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:12px}.session-header{display:flex;justify-content:space-between;margin-bottom:8px}.session-date{font-size:12px;color:var(--text-secondary)}.session-duration{font-size:12px;color:var(--accent-cyan);font-family:var(--font-mono)}.session-flow{font-size:12px;color:var(--text-primary);line-height:1.6;margin-bottom:8px}.flow-page{display:inline}.flow-arrow{color:var(--text-muted);margin:0 4px}.session-meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.pages-breakdown{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pages-breakdown::-webkit-scrollbar{width:6px}.pages-breakdown::-webkit-scrollbar-track{background:transparent}.pages-breakdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.page-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-dark);border-radius:6px;border:1px solid var(--border)}.page-path{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-views{font-size:12px;color:var(--accent-cyan);font-family:var(--font-mono);white-space:nowrap;margin-left:12px}.timeline-section{margin-top:24px;width:100%;min-width:0;box-sizing:border-box}.timeline-section.full-width{grid-column:span 2;width:100%;min-width:0}.timeline-section h3{font-size:13px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.timeline-by-date{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.timeline-by-date::-webkit-scrollbar{width:6px}.timeline-by-date::-webkit-scrollbar-track{background:transparent}.timeline-by-date::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.timeline-by-date::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.date-group{margin-bottom:20px}.date-header{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.timeline{position:relative;padding-left:24px;width:100%;box-sizing:border-box}.timeline-item{display:flex;align-items:flex-start;margin-bottom:16px;position:relative}.timeline-item.compact{margin-bottom:8px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-24px;display:flex;flex-direction:column;align-items:center}.marker-dot{width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;flex-shrink:0;z-index:1}.marker-dot.small{width:8px;height:8px}.marker-line{width:2px;background:var(--border);flex:1;min-height:20px;margin-top:4px}.timeline-content{flex:1;padding-left:12px}.timeline-item.compact .timeline-content{display:flex;align-items:center;gap:12px}.timeline-path{font-size:14px;color:var(--text-primary);font-weight:500}.timeline-item.compact .timeline-path{font-size:13px}.timeline-meta{display:flex;gap:16px;margin-top:4px}.timeline-time{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.timeline-duration{font-size:12px;color:var(--success-green)}.timeline-item.compact .timeline-duration{margin-left:auto}@media(max-width:768px){.user-analytics-modal.large{max-width:100%}.summary-row{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.timeline-section.full-width{grid-column:span 1}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.analytics-header h1{margin:0 0 4px;color:var(--text-primary);font-size:28px}.analytics-header .subtitle{color:var(--text-secondary);font-size:14px;margin:0}.range-selector{display:flex;gap:8px;background:var(--bg-mid);padding:4px;border-radius:8px;border:1px solid var(--border)}.range-btn{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.range-btn:hover{color:var(--text-primary);background:#ffffff0d}.range-btn.active{background:var(--accent-cyan);color:var(--bg-dark)}.analytics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.summary-card{background:var(--bg-mid);border:1px solid var(--border);border-radius:8px;padding:24px;display:flex;align-items:center;gap:16px}.summary-card.live{border-color:var(--success-green);background:#a8cc7c0d}.summary-icon{font-size:32px}.summary-value{font-size:32px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.summary-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.analytics-chart-card{background:var(--bg-mid);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:24px}.analytics-chart-card h3{margin:0 0 20px;font-size:14px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.chart-container{height:200px;display:flex;align-items:flex-end}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%;gap:4px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--accent-cyan) 0%,rgba(0,212,255,.5) 100%);border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:all .3s}.bar:hover{background:var(--accent-cyan)}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-secondary);font-family:var(--font-mono);opacity:0;transition:opacity .2s}.bar:hover .bar-value{opacity:1}.bar-label{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analytics-card{background:var(--bg-mid);border:1px solid var(--border);border-radius:8px;padding:24px}.analytics-card h3{margin:0 0 16px;font-size:14px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.list-container{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0003;border-radius:6px}.list-rank{width:24px;height:24px;background:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted)}.list-content{flex:1;min-width:0}.list-title{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.list-value{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.breakdown-container{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;flex-direction:column;gap:6px}.breakdown-header{display:flex;justify-content:space-between;align-items:center}.breakdown-label{font-size:13px;color:var(--text-primary);text-transform:capitalize}.breakdown-value{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.breakdown-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.breakdown-fill{height:100%;background:var(--accent-cyan);border-radius:3px;transition:width .3s}.no-data{text-align:center;color:var(--text-muted);font-size:13px;padding:20px}.analytics-section{margin-top:40px}.analytics-section h2{font-size:20px;color:var(--text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.analytics-card.wide{grid-column:span 2}.table-container{overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:13px}.analytics-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--border)}.analytics-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover{background:#ffffff05}.analytics-table tr.clickable{cursor:pointer;transition:background .2s}.analytics-table tr.clickable:hover{background:#00d4ff14}.analytics-table tr.logged-in{background:#00d4ff08}.analytics-table .rank{width:40px;text-align:center;color:var(--text-muted);font-weight:600}.analytics-table .number{font-family:var(--font-mono);text-align:right;font-weight:500}.analytics-table .time{color:var(--text-secondary);white-space:nowrap}.analytics-table .device{white-space:nowrap;text-transform:capitalize}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500;color:var(--text-primary)}.user-email{font-size:11px;color:var(--text-muted)}.visitor-info{display:flex;align-items:center;gap:8px}.visitor-type{font-size:16px}.visitor-type.user{color:var(--accent-cyan)}.visitor-type.anonymous{opacity:.5}.visitor-name{font-weight:500}.pages-cell{display:flex;flex-direction:column;gap:2px}.page-count{font-weight:500;color:var(--accent-cyan);font-size:12px}.pages-list{font-size:11px;color:var(--text-muted);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.analytics-header{flex-direction:column;gap:16px}.analytics-summary,.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:span 1}.range-selector{width:100%;justify-content:center}}.not-found{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:40px 20px}.not-found-container{text-align:center;max-width:600px}.not-found-code{font-size:120px;font-weight:700;color:var(--accent-cyan);font-family:var(--font-mono);line-height:1;margin-bottom:20px;opacity:.8}.not-found-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.not-found-text{font-size:16px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.not-found-button{display:inline-block;background:var(--accent-cyan);color:var(--bg-dark);padding:12px 32px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.not-found-button:hover{background:#00b8e6;text-decoration:none}