.toast-viewport{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;width:390px;max-width:calc(100vw - 40px);z-index:9999}.toast-root{background:#fff;border-radius:8px;padding:16px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;justify-content:space-between;gap:12px;border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-warning{border-left-color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-warning .toast-icon{color:#ffc107}.toast-info .toast-icon{color:#17a2b8}.toast-description{font-size:14px;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background-color:var(--surface);color:var(--text-primary)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary);z-index:0}.auth-content{position:relative;z-index:1;width:100%;max-width:460px}.auth-box{background:#fff;border-radius:20px;padding:40px 36px;box-shadow:0 20px 60px #0000004d}.auth-header{text-align:center;margin-bottom:32px}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo-circle{width:64px;height:64px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #004d4e33}.logo-text{font-size:24px;font-weight:700;color:#fdca40;letter-spacing:1px}.auth-title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.auth-subtitle{font-size:15px;color:#6b7280}.auth-form{margin-bottom:28px}.input-group{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon-left{position:absolute;left:14px;color:#9ca3af;display:flex;align-items:center;pointer-events:none;z-index:1}.input-icon-right{position:absolute;right:14px;color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.input-icon-right:hover{color:var(--primary)}.auth-input{width:100%;padding:13px 46px;font-size:15px;border:2px solid #e5e7eb;border-radius:10px;background:#f9fafb;transition:all .3s ease;color:#1f2937}.auth-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #004d4e1a}.auth-input::placeholder{color:#9ca3af}.password-strength-container{margin-top:10px;padding:12px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.strength-bar-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:10px}.strength-bar-background{flex:1;height:5px;background:#e5e7eb;border-radius:3px;overflow:hidden}.strength-bar-fill{height:100%;transition:all .3s ease;border-radius:3px}.strength-label{font-size:12px;font-weight:600;min-width:50px;text-align:right}.password-requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.requirement-item{display:flex;align-items:center;gap:6px;font-size:12px;transition:all .2s}.requirement-item.valid{color:#10b981}.requirement-item.invalid{color:#6b7280}.requirement-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;flex-shrink:0}.requirement-item.valid .requirement-icon{background:#d1fae5;color:#10b981}.requirement-item.invalid .requirement-icon{background:#f3f4f6;color:#9ca3af}.password-match{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:500}.password-match.match{background:#d1fae5;color:#10b981}.password-match.no-match{background:#fee2e2;color:#ef4444}.password-match .requirement-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.password-match.match .requirement-icon{background:#10b981;color:#fff}.password-match.no-match .requirement-icon{background:#ef4444;color:#fff}.auth-button{width:100%;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #004d4e40;margin-top:6px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #004d4e59}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;text-align:center;margin:28px 0;color:#9ca3af;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider span{padding:0 14px}.auth-switch{text-align:center}.auth-switch p{color:#6b7280;font-size:14px;margin-bottom:6px}.switch-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:600;font-size:14px;text-decoration:none;transition:all .2s}.switch-link:hover{gap:8px}@media (max-width: 640px){.auth-box{padding:32px 24px}.auth-title{font-size:24px}.logo-circle{width:56px;height:56px}.logo-text{font-size:20px}.password-strength-container{padding:10px}.password-requirements{gap:5px}.requirement-item{font-size:11px}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--primary);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.mobile-close{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:4px}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#fdca401a;color:var(--secondary);border-left-color:var(--secondary)}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--secondary);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details{flex:1;min-width:0}.user-email{font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{width:100%;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s}.logout-btn:hover{background:#ffffff26}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;background:var(--surface)}.top-bar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:50}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-primary)}.top-bar-title{font-size:20px;font-weight:600;color:var(--text-primary)}.content-wrapper{flex:1;padding:24px;overflow-y:auto}.mobile-overlay{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-close{display:block}.main-content{margin-left:0}.mobile-menu-btn{display:block;margin-right:16px}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.content-wrapper{padding:16px}}.dashboard{max-width:1400px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;gap:16px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1;display:flex;flex-direction:column}.stat-label{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.stat-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--primary);text-decoration:none;font-weight:500;margin-top:auto}.stat-link:hover{text-decoration:underline}.dashboard-content{display:grid;grid-template-columns:1fr 400px;gap:24px}.usage-section h2,.quick-actions h2{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.alert{display:flex;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px}.alert p{font-size:14px;margin:0}.usage-stats{margin-bottom:24px}.usage-item{margin-bottom:20px}.usage-item:last-child{margin-bottom:0}.usage-label{font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-primary)}.usage-bar-container{height:8px;background:var(--surface);border-radius:4px;overflow:hidden;margin-bottom:6px}.usage-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .3s ease}.usage-text{font-size:13px;color:var(--text-secondary)}.actions-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border-radius:8px;text-decoration:none;transition:all .2s}.action-item:hover{background:var(--surface-hover);transform:translate(4px)}.action-item>svg:first-child{color:var(--primary);flex-shrink:0}.action-item>div{flex:1}.action-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.action-desc{font-size:13px;color:var(--text-secondary)}.action-item>svg:last-child{color:var(--text-secondary);flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container p{color:var(--text-secondary)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.dashboard-header h1{font-size:24px}}.apps-page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:15px}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;background:#fff;border-radius:12px;border:1px solid var(--border)}.loading-spinner p{color:var(--text-secondary);font-size:15px}.spinner{animation:spin 1s linear infinite}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.app-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s}.app-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),#006064);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.app-card h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.app-id{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.app-phone{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-primary);padding:8px 12px;background:#e8f5e9;border-radius:6px;margin-bottom:16px;font-weight:500}.app-credentials{margin-bottom:20px}.credential-item{margin-bottom:16px}.credential-item:last-child{margin-bottom:0}.credential-item label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.credential-value{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.credential-value code{flex:1;font-size:13px;color:var(--text-primary);font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);display:flex;align-items:center;border-radius:4px;transition:all .2s;flex-shrink:0}.copy-btn:hover{background:var(--surface-hover);color:var(--primary)}.app-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.app-actions button{width:100%}.btn-danger{background:#fff;color:#dc3545;border:1px solid #dc3545}.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;border:1px solid var(--border)}.empty-state h2{font-size:24px;color:var(--text-primary);margin:20px 0 8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.dialog-overlay{background:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:1000}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}.dialog-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;padding:32px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:1001;overflow-y:auto}.qr-dialog{max-width:600px}.delete-dialog{max-width:480px}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dialog-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dialog-description{font-size:15px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.dialog-description strong{color:var(--text-primary);font-weight:600}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.delete-icon-container{display:flex;justify-content:center;margin-bottom:20px}.delete-icon{width:64px;height:64px;background:#fee;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc3545}.warning-box{display:flex;gap:12px;padding:16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:24px}.warning-box>svg{flex-shrink:0;color:#ff9800;margin-top:2px}.warning-title{font-weight:600;color:#856404;margin-bottom:4px;font-size:14px}.warning-text{font-size:13px;color:#856404;line-height:1.4;margin:0}.qr-container{text-align:center;padding:20px}.qr-image{max-width:300px;width:100%;height:auto;border:4px solid var(--primary);border-radius:12px;margin-bottom:20px}.qr-instructions{text-align:left;background:var(--surface);padding:20px;border-radius:8px;margin-bottom:16px}.qr-instructions p{font-weight:600;margin-bottom:12px;color:var(--text-primary)}.qr-instructions ol{margin:0;padding-left:20px}.qr-instructions li{margin-bottom:8px;color:var(--text-secondary)}.qr-status{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:#e3f2fd;border-radius:8px;color:#1976d2;font-weight:500}.qr-loading{padding:40px;display:flex;flex-direction:column;align-items:center;gap:16px}.qr-loading p{color:var(--text-secondary)}.connection-success{padding:40px 20px}.connection-success h3{font-size:24px;color:var(--text-primary);margin:20px 0 8px}.connection-success p{color:var(--text-secondary)}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px}.page-header button{width:100%}.apps-grid{grid-template-columns:1fr}.dialog-content{width:95vw;padding:24px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}.socket-status{display:flex;justify-content:center;padding:8px 16px;margin-bottom:16px;border-radius:8px;font-size:14px}.socket-connected{display:flex;align-items:center;gap:8px;color:#28a745;background-color:#d4edda;padding:6px 12px;border-radius:6px}.socket-disconnected{display:flex;align-items:center;gap:8px;color:#856404;background-color:#fff3cd;padding:6px 12px;border-radius:6px}.phone-number{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 20px;background-color:#f8f9fa;border-radius:8px;font-size:16px;font-weight:600;color:#333}.send-message-page{max-width:1200px}.send-message-container{display:grid;grid-template-columns:1fr 400px;gap:24px}.form-hint{display:block;margin-top:6px;font-size:13px;color:var(--text-secondary)}.textarea{resize:vertical;min-height:120px;font-family:inherit}.media-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.media-section h3{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.section-description{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.media-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.media-type-btn{padding:16px 12px;background:#fff;border:2px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;font-size:14px;font-weight:500;color:var(--text-secondary)}.media-type-btn:hover{border-color:var(--primary);background:var(--surface)}.media-type-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.media-type-btn svg{flex-shrink:0}.btn-large{padding:14px 28px;font-size:16px;width:100%;margin-top:24px}.preview-panel{position:sticky;top:88px;height:fit-content}.preview-panel h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.message-preview{background:#e5ddd5;border-radius:12px;padding:24px;min-height:300px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23e5ddd5" width="100" height="100"/><circle fill="%23d9d0c7" cx="50" cy="50" r="1" opacity="0.3"/></svg>')}.preview-phone{display:inline-block;padding:6px 12px;background:var(--primary);color:#fff;border-radius:8px 8px 0 0;font-size:13px;font-weight:500;margin-bottom:-1px}.preview-bubble{background:#fff;border-radius:0 8px 8px;padding:12px 16px;box-shadow:0 1px 2px #0000001a;max-width:280px}.preview-media{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border-radius:6px;margin-bottom:8px;color:var(--primary);font-weight:500}.preview-bubble p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5;word-wrap:break-word}@media (max-width: 1024px){.send-message-container{grid-template-columns:1fr}.preview-panel{position:static}}@media (max-width: 640px){.media-type-selector{grid-template-columns:repeat(2,1fr)}}.campaigns-page{max-width:1400px}.app-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:20px;background:#fff;border-radius:8px;border:1px solid var(--border)}.app-selector label{font-weight:500;color:var(--text-primary)}.app-selector select{max-width:300px}.campaigns-tabs{background:#fff;border-radius:12px;border:1px solid var(--border);overflow:hidden}.tabs-list{display:flex;border-bottom:1px solid var(--border);background:var(--surface)}.tabs-trigger{flex:1;padding:16px 24px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}.tabs-trigger:hover{background:#fff}.tabs-trigger[data-state=active]{color:var(--primary);border-bottom-color:var(--primary);background:#fff}.tabs-content{padding:24px}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.campaign-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s}.campaign-card:hover{box-shadow:0 4px 12px #00000014}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.campaign-title{display:flex;align-items:center;gap:10px}.campaign-title svg{color:var(--primary);flex-shrink:0}.campaign-title h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.campaign-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.stat-item svg{flex-shrink:0}.campaign-progress{margin-bottom:16px}.progress-bar-container{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:6px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .3s ease}.progress-text{font-size:13px;color:var(--text-secondary);font-weight:500}.campaign-actions{padding-top:16px;border-top:1px solid var(--border)}.btn-sm{padding:8px 16px;font-size:13px}.empty-tab{text-align:center;padding:60px 20px;color:var(--text-secondary)}.large-dialog{max-width:700px}.media-section h4{font-size:16px;font-weight:600;margin:24px 0 16px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-primary)}@media (max-width: 768px){.campaigns-grid{grid-template-columns:1fr}.tabs-list{overflow-x:auto}.tabs-trigger{flex:none;white-space:nowrap}.app-selector{flex-direction:column;align-items:flex-start}.app-selector select{max-width:100%;width:100%}}.history-page{max-width:1200px}.history-tabs{background:#fff;border-radius:12px;border:1px solid var(--border)}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.message-item.received{border-left:3px solid var(--secondary)}.message-header{display:flex;justify-content:space-between;margin-bottom:8px}.message-phone{font-weight:600;color:var(--primary)}.message-date{font-size:13px;color:var(--text-secondary)}.message-content{color:var(--text-primary);line-height:1.5}.message-media{margin-top:8px;font-size:13px;color:var(--text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination span{color:var(--text-secondary);font-weight:500}.subscription-page{max-width:1200px}.current-plan-card{margin-bottom:40px}.current-plan-card h2{font-size:20px;margin-bottom:20px}.current-plan-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.plan-badge{background:var(--primary);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600}.plan-price{font-size:28px;font-weight:600;color:var(--text-primary)}.usage-section h3{font-size:18px;margin-bottom:16px}.usage-value{font-size:24px;font-weight:600;color:var(--primary);margin-top:8px}.plans-title{font-size:24px;font-weight:600;margin-bottom:24px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.plan-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:32px;position:relative;transition:all .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.plan-card.current{border-color:var(--primary);background:linear-gradient(135deg,#0043460d,#fdca400d)}.plan-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--secondary);color:var(--primary);padding:4px 16px;border-radius:12px;font-size:12px;font-weight:600}.plan-card h3{font-size:24px;margin-bottom:16px}.plan-price-large{font-size:36px;font-weight:700;color:var(--primary);margin-bottom:24px}.plan-price-large span{font-size:16px;color:var(--text-secondary);font-weight:400}.plan-features{list-style:none;margin:24px 0;padding:0}.plan-features li{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--text-secondary)}.plan-features li svg{color:#28a745;flex-shrink:0}.plan-card button{width:100%;margin-top:16px}.upgrade-info{text-align:center;padding:24px;background:var(--surface);border-radius:8px;margin:16px 0}.upgrade-info p{margin-top:12px;color:var(--text-secondary)}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr}.current-plan-info{flex-direction:column;gap:16px;align-items:flex-start}}:root{--primary: #004346;--primary-dark: #003033;--primary-light: #006b70;--secondary: #FDCA40;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--surface: #f9fafb;--background: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}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;color:var(--text-primary);background:#fafbfc}html{scroll-behavior:smooth}.top-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:1px solid var(--border);z-index:1000;box-shadow:var(--shadow-sm)}.navbar-content{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.navbar-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}.logo-icon{width:32px;height:32px;color:var(--primary)}.logo-text{color:var(--primary)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary);padding:8px}.navbar-right{display:flex;align-items:center;gap:24px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s}.nav-link:hover{color:var(--primary)}.btn-secondary{padding:10px 20px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text-primary);font-weight:600;text-decoration:none;transition:all .2s;font-size:14px}.btn-secondary:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn-primary{padding:10px 20px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:var(--shadow-md);font-size:14px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.docs-container{min-height:100vh;padding-top:70px}.docs-layout{display:grid;grid-template-columns:280px 1fr;max-width:1400px;margin:0 auto;gap:0}.docs-sidebar{position:sticky;top:90px;height:calc(100vh - 110px);overflow-y:auto;background:#fff;border-right:1px solid var(--border);padding:32px 0}.sidebar-content{padding:0 24px}.sidebar-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;color:var(--text-secondary);text-decoration:none;padding:10px 16px;border-radius:8px;transition:all .2s;font-size:14px;font-weight:500}.sidebar-link:hover{background:var(--surface);color:var(--primary)}.sidebar-link.active{background:var(--primary);color:#fff;font-weight:600}.sidebar-link.active svg{opacity:1}.sidebar-link svg{width:18px;height:18px;opacity:.7}.docs-main{background:#fff;min-height:calc(100vh - 70px)}.hero-section{background:linear-gradient(135deg,#004346,#006b70);padding:80px 60px;color:#fff}.hero-content{max-width:1000px}.hero-title{font-size:56px;font-weight:800;margin-bottom:24px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fdca40,#fdd970);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;line-height:1.6;opacity:.95;margin-bottom:48px;max-width:800px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:700px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:32px;font-weight:800;margin-bottom:8px}.stat-label{font-size:14px;opacity:.9;color:#fff}.doc-section{padding:60px;border-bottom:1px solid var(--border)}.doc-section:last-child{border-bottom:none}.doc-section h2{font-size:36px;margin-bottom:16px;color:var(--primary);font-weight:700}.section-intro{font-size:18px;line-height:1.7;color:var(--text-secondary);margin-bottom:40px;max-width:900px}.highlight-section{background:linear-gradient(to bottom,var(--surface) 0%,white 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:12px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:15px}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:32px 0 40px}.step-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:32px;position:relative}.step-number{position:absolute;top:-16px;left:32px;width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:var(--shadow-md)}.step-card h3{font-size:20px;margin-bottom:12px;margin-top:16px;color:var(--text-primary)}.step-card p{color:var(--text-secondary);line-height:1.6;font-size:15px}.quick-example{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;margin-top:32px}.quick-example h4{font-size:18px;margin-bottom:20px;color:var(--text-primary)}.auth-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin:32px 0}.auth-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:32px;transition:all .3s}.auth-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.auth-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--primary)}.auth-header h3{font-size:22px;margin:0}.auth-badge{display:inline-block;background:var(--primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:16px;font-family:Monaco,Courier New,monospace}.auth-badge.dev-token{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.auth-badge.api-key-badge{background:linear-gradient(135deg,var(--secondary) 0%,#fdd970 100%);color:#1f2937}.auth-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px;font-size:15px}.auth-features{list-style:none;margin:20px 0}.auth-features li{color:var(--text-secondary);margin-bottom:10px;padding-left:8px;font-size:15px}.auth-example{background:#0d1117;border-radius:8px;padding:16px;margin:20px 0;border:1px solid #30363d}.auth-example strong{color:#8b949e;font-size:12px;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.auth-example pre{margin:0}.auth-example code{font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:13px;color:#e6edf3;font-weight:500}.auth-note{display:flex;align-items:flex-start;gap:10px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px;font-size:13px;color:#92400e;margin-top:16px}.auth-note svg{flex-shrink:0;margin-top:2px}.security-tips{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:32px;margin-top:32px}.security-tips h3{font-size:20px;margin-bottom:16px;color:#78350f}.security-tips ul{list-style:none}.security-tips li{color:#78350f;margin-bottom:12px;font-size:15px;padding-left:8px}.info-box{display:flex;gap:16px;background:#dbeafe;border:2px solid #3b82f6;border-radius:12px;padding:20px;margin:24px 0}.info-box svg{flex-shrink:0;color:#1e40af;margin-top:2px}.info-box strong{display:block;color:#1e3a8a;margin-bottom:8px;font-size:16px}.info-box p{color:#1e40af;line-height:1.6;font-size:14px;margin:0}.info-box ul{margin:8px 0 0;padding-left:20px;color:#1e40af}.info-box li{margin-bottom:6px}.warning-box{display:flex;gap:16px;background:#fee2e2;border:2px solid #ef4444;border-radius:12px;padding:20px;margin:24px 0}.warning-box svg{flex-shrink:0;color:#b91c1c;margin-top:2px}.warning-box strong{display:block;color:#7f1d1d;margin-bottom:8px;font-size:16px}.warning-box p{color:#991b1b;line-height:1.6;font-size:14px;margin:0}.important-note{display:flex;gap:16px;background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;padding:20px;margin:24px 0}.important-note svg{flex-shrink:0;color:#d97706;margin-top:2px}.important-note strong{display:block;color:#78350f;margin-bottom:8px;font-size:16px}.important-note p{color:#92400e;line-height:1.6;font-size:14px;margin:0}.important-note code{background:#fff;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#b45309}.endpoint{background:#fff;border:2px solid var(--border);border-radius:12px;padding:32px;margin-bottom:32px;transition:all .3s}.endpoint:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.endpoint-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.method{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.method.get{background:#10b981;color:#fff}.method.post{background:#3b82f6;color:#fff}.method.put{background:#f59e0b;color:#fff}.method.delete{background:#ef4444;color:#fff}.path{font-family:Monaco,Courier New,monospace;font-size:16px;font-weight:600;color:var(--text-primary);background:var(--surface);padding:6px 12px;border-radius:6px}.endpoint>p{color:var(--text-secondary);margin-bottom:16px;line-height:1.6;font-size:15px}.endpoint-description{background:var(--surface);border-left:4px solid var(--primary);padding:16px;margin:16px 0;border-radius:4px}.endpoint-description p{color:var(--text-secondary);line-height:1.6;font-size:14px;margin:0}.auth-badge-inline{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:24px;letter-spacing:.3px}.auth-badge-inline.api-key{background:var(--secondary);color:#1f2937}.endpoint h4{font-size:18px;margin:24px 0 16px;color:var(--text-primary)}.params-table{margin:16px 0;overflow-x:auto}.params-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.params-table thead{background:var(--surface)}.params-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border)}.params-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.params-table tbody tr:last-child td{border-bottom:none}.params-table tbody tr:hover{background:var(--surface)}.params-table code{background:#f1f5f9;padding:3px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#e11d48;font-weight:600}.code-block{background:#0d1117;border-radius:12px;overflow:hidden;margin:24px 0;box-shadow:var(--shadow-lg)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#161b22;border-bottom:1px solid #30363d}.language-tabs{display:flex;gap:4px}.lang-tab{background:none;border:none;color:#8b949e;cursor:pointer;padding:8px 14px;border-radius:6px;transition:all .2s;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.lang-tab:hover{background:#21262d;color:#c9d1d9}.lang-tab.active{background:var(--primary);color:#fff}.copy-code-btn{background:none;border:none;color:#8b949e;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s;display:flex;align-items:center}.copy-code-btn:hover{background:#21262d;color:#c9d1d9}.code-block pre{margin:0;padding:24px;overflow-x:auto;background:#0d1117}.code-block code{font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:14px;color:#e6edf3;line-height:1.7;font-weight:400}.response-example{margin:24px 0;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:20px}.response-example strong{display:block;margin-bottom:12px;color:var(--text-primary);font-size:14px}.response-example pre{margin:0;background:#fff;border-radius:6px;padding:16px;overflow-x:auto;border:1px solid var(--border)}.response-example code{font-family:Monaco,Courier New,monospace;font-size:13px;color:#334155;line-height:1.6}.status-values{background:var(--surface);border-left:4px solid var(--primary);padding:16px;margin:20px 0;border-radius:4px}.status-values strong{display:block;margin-bottom:12px;color:var(--text-primary);font-size:14px}.status-values ul{margin:0;padding-left:20px}.status-values li{color:var(--text-secondary);margin-bottom:8px;line-height:1.5;font-size:14px}.status-values code{background:#fff;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#e11d48}.media-types-info h4{font-size:18px;margin-bottom:16px;color:var(--text-primary)}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.media-type-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center}.media-type-card strong{display:block;font-size:16px;margin-bottom:8px;color:var(--text-primary)}.media-type-card p{color:var(--text-secondary);font-size:13px;margin:4px 0}.media-type-card small{color:var(--text-light);font-size:12px}.campaign-features{margin:32px 0}.campaign-features h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.campaign-workflow{margin:40px 0}.campaign-workflow h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.workflow-steps{display:flex;align-items:center;gap:16px;overflow-x:auto;padding:20px 0}.workflow-step{flex-shrink:0;background:#fff;border:2px solid var(--border);border-radius:12px;padding:24px;min-width:220px;position:relative}.workflow-step .step-number{position:absolute;top:-16px;left:24px;width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:var(--shadow-md)}.workflow-step .step-content h4{font-size:16px;margin:16px 0 8px;color:var(--text-primary)}.workflow-step .step-content p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.workflow-step code{background:var(--surface);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#e11d48}.workflow-arrow{font-size:24px;color:var(--primary);font-weight:700;flex-shrink:0}.bot-features{margin:32px 0}.bot-features h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.bot-workflow{margin:40px 0}.bot-workflow h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.installation-steps{margin:40px 0}.installation-steps h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.step-list{display:flex;flex-direction:column;gap:20px}.install-step{display:flex;gap:20px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:24px;align-items:flex-start}.install-step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.install-step-content h4{font-size:18px;margin-bottom:12px;color:var(--text-primary)}.install-step-content p{color:var(--text-secondary);line-height:1.6;font-size:15px;margin:0}.install-step-content code{background:var(--surface);padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#e11d48}.code-inline{background:#0d1117;border-radius:8px;padding:12px 16px;margin-top:8px}.code-inline code{color:#e6edf3;font-family:Monaco,Courier New,monospace;font-size:14px;background:none;padding:0}.bot-ideas{margin:40px 0}.bot-ideas h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.idea-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .3s}.idea-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.idea-card strong{display:block;color:var(--primary);margin-bottom:8px;font-size:15px}.idea-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.error-codes{margin:32px 0;overflow-x:auto}.error-codes table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.error-codes thead{background:var(--primary);color:#fff}.error-codes th{padding:16px;text-align:left;font-weight:600;font-size:14px}.error-codes td{padding:16px;border-bottom:1px solid var(--border);font-size:14px}.error-codes tbody tr:last-child td{border-bottom:none}.error-codes tbody tr:hover{background:var(--surface)}.error-codes code{background:var(--surface);padding:4px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600}.success-code{color:var(--success)}.error-code{color:var(--danger)}.error-handling-tips{margin-top:40px}.error-handling-tips h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}.tip-card strong{display:block;color:var(--primary);margin-bottom:8px;font-size:15px}.tip-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.docs-footer{background:#1f2937;color:#fff;padding:60px 60px 32px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{font-size:18px;margin-bottom:16px;color:#fff}.footer-section p{color:#d1d5db;line-height:1.6;font-size:14px}.footer-section ul{list-style:none}.footer-section li{margin-bottom:10px}.footer-section a{color:#d1d5db;text-decoration:none;font-size:14px;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid #374151;color:#9ca3af;font-size:14px}@media (max-width: 1024px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.hero-section{padding:60px 40px}.hero-title{font-size:42px}.doc-section{padding:40px}}@media (max-width: 768px){.mobile-menu-btn{display:block}.navbar-right{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.navbar-right.mobile-open{display:flex}.hero-section{padding:40px 24px}.hero-title{font-size:32px}.hero-description{font-size:16px}.hero-stats{grid-template-columns:1fr}.doc-section{padding:32px 24px}.doc-section h2{font-size:28px}.section-intro{font-size:16px}.features-grid,.steps-container,.auth-methods{grid-template-columns:1fr}.endpoint{padding:24px}.endpoint-header{flex-direction:column;align-items:flex-start}.code-header{flex-direction:column;gap:12px;align-items:flex-start}.workflow-steps{flex-direction:column;align-items:stretch}.workflow-arrow{transform:rotate(90deg);align-self:center}.workflow-step{width:100%}.docs-footer{padding:40px 24px 24px}.footer-content{grid-template-columns:1fr}}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px}.pricing-card{background:#fff;border:2px solid var(--border);border-radius:16px;padding:32px;transition:all .3s;position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.pricing-card.featured{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-8px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-badge.current{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.pricing-badge.popular{background:linear-gradient(135deg,var(--secondary) 0%,#fdd970 100%);color:#1f2937}.pricing-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.pricing-header h3{font-size:24px;margin-bottom:16px;color:var(--text-primary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:36px;font-weight:800;color:var(--primary)}.price-period{font-size:16px;color:var(--text-secondary)}.pricing-features{list-style:none;margin-bottom:32px;flex-grow:1}.pricing-features li{padding:12px 0;color:var(--text-secondary);font-size:15px;border-bottom:1px solid var(--surface)}.pricing-features li:last-child{border-bottom:none}.pricing-btn{display:block;width:100%;padding:14px 24px;border-radius:8px;text-align:center;text-decoration:none;font-weight:600;font-size:15px;transition:all .2s;border:2px solid var(--primary);color:var(--primary);background:#fff}.pricing-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary)}.pricing-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pricing-btn.disabled{background:var(--surface);color:var(--text-light);border-color:var(--border);cursor:not-allowed}.pricing-btn.disabled:hover{background:var(--surface);color:var(--text-light);transform:none;box-shadow:none}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-8px)}}.payment-result-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.payment-result-card{background:#fff;border-radius:16px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon,.fail-icon{margin-bottom:1.5rem;animation:scaleIn .6s ease-out .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.payment-result-card h1{font-size:2rem;margin-bottom:.5rem;color:#1f2937}.success-message{color:#059669;font-size:1.1rem;margin-bottom:2rem}.fail-message{color:#dc2626;font-size:1.1rem;margin-bottom:2rem}.payment-details,.fail-details{background:#f9fafb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#6b7280;font-size:.9rem}.detail-value{font-weight:500;color:#1f2937;font-size:.95rem}.error-text{color:#dc2626}.fail-info{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:left}.fail-info h3{color:#dc2626;font-size:1.1rem;margin-bottom:1rem}.fail-info ul{list-style:none;padding:0;margin:0}.fail-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#991b1b}.fail-info li:before{content:"•";position:absolute;left:0;color:#dc2626;font-weight:700}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-buttons .btn{display:flex;align-items:center;gap:.5rem;min-width:180px;justify-content:center}.help-text{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.help-text p{color:#6b7280;font-size:.9rem}.payment-result-card .spinner{animation:spin 1s linear infinite;margin-bottom:1.5rem}@media (max-width: 640px){.payment-result-card{padding:2rem}.payment-result-card h1{font-size:1.5rem}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.developer-tokens-page{max-width:1200px}.current-token-section{background:#fff;border-radius:12px;border:1px solid var(--border);padding:24px;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.token-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:24px;transition:all .3s}.token-card.active{border-color:var(--success);background:linear-gradient(135deg,#28a74508,#28a74500)}.token-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.token-info{display:flex;gap:16px;align-items:flex-start}.token-icon{color:var(--primary);flex-shrink:0;margin-top:4px}.token-info h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.token-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.token-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.token-value-section{margin-bottom:20px}.token-value-section .label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.token-display{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px}.token-value{flex:1;font-family:Monaco,Courier New,monospace;font-size:13px;color:var(--text-primary);word-break:break-all;background:transparent;border:none;padding:0}.token-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{padding:8px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--surface);color:var(--primary);border-color:var(--primary)}.token-card-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--border)}.token-card-actions .btn{flex:1}.history-section{background:#fff;border-radius:12px;border:1px solid var(--border);padding:24px;margin-bottom:24px}.history-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s}.history-item:hover{border-color:var(--primary)}.history-item.revoked{opacity:.6}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-item-info{display:flex;align-items:center;gap:10px}.history-item-info svg{color:var(--text-secondary);flex-shrink:0}.history-item-name{font-weight:500;color:var(--text-primary)}.history-item-dates{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-secondary)}.empty-history{text-align:center;padding:40px 20px;color:var(--text-secondary)}.usage-guide{background:#fff;border-radius:12px;border:1px solid var(--border);padding:24px}.usage-guide h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.guide-content{display:flex;flex-direction:column;gap:24px}.guide-step{display:flex;gap:16px}.step-number{flex-shrink:0;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.step-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.step-content ul{margin:8px 0 0;padding-left:20px;color:var(--text-secondary)}.step-content li{margin-bottom:4px}.code-block{display:block;background:#f8f9fa;border:1px solid var(--border);border-radius:6px;padding:12px;font-family:Monaco,Courier New,monospace;font-size:13px;color:var(--text-primary);overflow-x:auto;margin-top:8px;line-height:1.6}.new-token-display{margin:20px 0}.new-token-display .token-display{margin-top:8px}.alert{display:flex;gap:12px;padding:16px;border-radius:8px;margin:16px 0;font-size:14px}.alert svg{flex-shrink:0;margin-top:2px}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-danger{background:#f8d7da;border:1px solid #dc3545;color:#721c24}.alert strong{display:block;margin-bottom:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#28a7451a;color:#28a745}.badge-error{background:#dc35451a;color:#dc3545}.badge-warning{background:#ffc1071a;color:#ffc107}.badge svg{flex-shrink:0}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:16px}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{color:var(--text-secondary);margin:0 0 24px}.btn-warning{background:#ffc107;color:#000;border:1px solid #ffc107}.btn-warning:hover{background:#e0a800;border-color:#e0a800}.btn:disabled,.btn-icon:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:disabled:hover,.btn-icon:disabled:hover{transform:none}.spin{animation:spin 1s linear infinite}.btn:disabled{background-color:var(--surface);border-color:var(--border);color:var(--text-secondary)}.btn-primary:disabled{background-color:rgba(var(--primary-rgb),.6);border-color:rgba(var(--primary-rgb),.6);color:#fff}.btn-danger:disabled{background-color:#dc354599;border-color:#dc354599;color:#fff}.btn-warning:disabled{background-color:#ffc10799;border-color:#ffc10799;color:#0009}.btn svg{transition:transform .2s ease}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.section-header .btn{width:100%}.token-card-actions{flex-direction:column}.token-card-actions .btn{width:100%}.history-item-dates{flex-direction:column;gap:4px}.guide-step{flex-direction:column}.step-number{align-self:flex-start}.code-block{font-size:11px}}:root{--primary: #004346;--secondary: #FDCA40;--background: #ffffff;--surface: #f8f9fa;--surface-hover: #e9ecef;--border: #dee2e6;--text-primary: #212529;--text-secondary: #6c757d;--success: #28a745;--error: #dc3545;--warning: #ffc107;--info: #17a2b8}*{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:var(--background);color:var(--text-primary);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--primary)}.btn-secondary:hover{opacity:.9}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary);color:#fff}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover{opacity:.9}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group{margin-bottom:20px}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-error{background-color:#f8d7da;color:#721c24}.badge-info{background-color:#d1ecf1;color:#0c5460}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-radix-toast-viewport]{position:fixed;top:0;right:0;padding:20px;z-index:9999}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px}}