*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}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:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#0f172a;line-height:1.6;min-height:100vh}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed1a}50%{box-shadow:0 0 30px #7c3aed33}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}.glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.glass-dark{background:#0f172acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.text-gradient-primary{background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-success{background:linear-gradient(135deg,#10b981,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-elevated{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-elevated:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px #fff3}.btn-glow{position:relative;overflow:hidden;transition:all .3s ease}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-glow:hover:before{left:100%}.btn-magnetic{transition:transform .2s ease}.btn-magnetic:hover{transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:50%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.focus-ring{transition:box-shadow .2s ease}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #7c3aed1a}@media(max-width:768px){.card-elevated:hover,.btn-magnetic:hover{transform:none}}@media(prefers-color-scheme:dark){body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.card-elevated{background:#1e293bcc;border:1px solid rgba(255,255,255,.1)}}.sidebar{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#fff,#fafafa);border-right:1px solid rgba(229,231,235,.8);box-shadow:2px 0 10px #0000000d}.sidebarContent{flex:1;display:flex;flex-direction:column;padding-top:1.25rem;padding-bottom:1rem;overflow-y:auto}.sidebarBrand{display:flex;align-items:center;flex-shrink:0;padding:0 1rem;margin-bottom:2rem}.brandLogo{display:flex;align-items:center;gap:.5rem}.brandIcon{height:2rem;width:2rem;color:#8b5cf6;flex-shrink:0}.brandName{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#374151);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.brandBadge{margin-left:.5rem;font-size:.625rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#8b5cf6;padding:.125rem .5rem;border-radius:9999px;font-weight:500;border:1px solid rgba(139,92,246,.2)}.sidebarNav{margin-top:2rem;flex:1;padding:0 .5rem;display:flex;flex-direction:column;gap:.25rem}.navItem{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:#6b7280;font-weight:500;font-size:.875rem;transition:all .2s ease;position:relative;overflow:hidden}.navItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(135deg,#8b5cf6,#a855f7);transition:width .3s ease;border-radius:.5rem 0 0 .5rem}.navItem:hover{color:#374151;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translate(4px)}.navItem:hover:before{width:4px}.navItem.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a855f7);box-shadow:0 4px 12px #8b5cf64d;transform:translate(4px)}.navItem.active:before{width:4px;background:#ffffff4d}.navIcon{margin-right:.75rem;height:1.25rem;width:1.25rem;flex-shrink:0;transition:transform .2s ease}.navItem:hover .navIcon,.navItem.active .navIcon{transform:scale(1.1)}.sidebarFooter{flex-shrink:0;display:flex;border-top:1px solid #e5e7eb;padding:1rem;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.userSection{display:flex;align-items:center;flex:1}.userAvatar{height:2.5rem;width:2.5rem;border-radius:9999px;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;border:2px solid rgba(139,92,246,.1);flex-shrink:0}.userInitials{font-size:.875rem;font-weight:600;color:#fff}.userDetails{margin-left:.75rem;flex:1;min-width:0}.userName{font-size:.875rem;font-weight:500;color:#374151;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userRole{font-size:.75rem;color:#6b7280;margin:0}.logoutButton{margin-left:auto;padding:.25rem;color:#9ca3af;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.logoutButton:hover{color:#ef4444;background:#ef44441a}.sidebarContent::-webkit-scrollbar{width:4px}.sidebarContent::-webkit-scrollbar-track{background:transparent}.sidebarContent::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.sidebarContent::-webkit-scrollbar-thumb:hover{background:#9ca3af80}@media(max-width:767px){.sidebar{width:100%;max-width:20rem}.sidebarBrand{margin-bottom:1.5rem}.sidebarNav{margin-top:1.5rem}.sidebarFooter{padding:.75rem}}.sidebar{animation:slideInFromLeft .4s ease-out}.navItem{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.navItem:nth-child(1){animation-delay:.1s}.navItem:nth-child(2){animation-delay:.15s}.navItem:nth-child(3){animation-delay:.2s}.navItem:nth-child(4){animation-delay:.25s}.navItem:nth-child(5){animation-delay:.3s}.navItem:nth-child(6){animation-delay:.35s}.navItem:nth-child(7){animation-delay:.4s}.navItem:nth-child(8){animation-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navItem:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid #8b5cf6;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:all .2s ease;opacity:0}.navItem.active:after{width:4px;opacity:1}.navItem.active:before{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.header{position:sticky;top:0;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.8);box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.headerContainer{padding:1rem 2rem;max-width:1200px;margin:0 auto}.headerContent{display:flex;align-items:center;justify-content:space-between;height:4rem}.headerLeft{display:flex;align-items:center;gap:1rem}.menuButton{display:block;padding:.5rem;border-radius:.375rem;color:#9ca3af;transition:all .2s ease;border:none;background:transparent;cursor:pointer}.menuButton:hover{color:#6b7280;background-color:#f9fafb}.searchContainer{position:relative;display:none}.searchIcon{position:absolute;inset-y:0;left:0;padding-left:.75rem;display:flex;align-items:center;pointer-events:none}.searchInput{display:block;width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;font-size:.875rem;transition:all .2s ease}.searchInput:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:#fff}.searchInput::-moz-placeholder{color:#9ca3af}.searchInput::placeholder{color:#9ca3af}.searchInput:focus::-moz-placeholder{color:#d1d5db}.searchInput:focus::placeholder{color:#d1d5db}.headerRight{display:flex;align-items:center;gap:1rem}.balanceCard{display:none;align-items:center;gap:.5rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(139,92,246,.1)}.balanceInfo{font-size:.875rem}.balanceAmount{font-weight:500;color:#111827}.balanceAvailable{font-size:.75rem;color:#6b7280}.balanceDivider{height:2rem;width:1px;background-color:#e9d5ff}.addFundsButton{font-size:.875rem;font-weight:500;color:#8b5cf6;background:transparent;border:none;cursor:pointer;transition:color .2s ease}.addFundsButton:hover{color:#7c3aed}.notificationButton{position:relative;padding:.25rem;border-radius:9999px;color:#9ca3af;transition:color .2s ease;border:none;background:transparent;cursor:pointer}.notificationButton:hover{color:#6b7280}.notificationBadge{position:absolute;top:0;right:0;display:block;height:.5rem;width:.5rem;border-radius:9999px;background-color:#ef4444;box-shadow:0 0 0 2px #fff}.userProfile{display:flex;align-items:center;gap:.5rem}.userAvatar{height:2rem;width:2rem;border-radius:9999px;background:linear-gradient(135deg,#faf5ff,#f3e8ff);display:flex;align-items:center;justify-content:center;border:2px solid rgba(139,92,246,.1)}.userInitials{font-size:.875rem;font-weight:500;color:#8b5cf6}.userInfo{display:none}.userName{font-size:.875rem;font-weight:500;color:#374151}.userEmail{font-size:.75rem;color:#6b7280}@media(min-width:768px){.headerContainer{padding:1rem 2rem}.searchContainer{display:block;margin-left:1rem}.balanceCard{display:flex}.userInfo{display:block}}@media(min-width:1024px){.headerContainer{padding:1rem 2rem}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header{animation:slideInFromTop .3s ease-out}.layout{display:flex;height:100vh;background:linear-gradient(135deg,#f9fafb,#f3f4f6);overflow:hidden}.sidebarDesktop{display:none;flex-shrink:0}.sidebarWrapper{display:flex;flex-direction:column;width:16rem}.mobileSidebarOverlay{position:fixed;inset:0;z-index:40;display:none}.mobileSidebarBackdrop{position:fixed;inset:0;background-color:#4b5563;opacity:.75;transition:opacity .3s ease}.mobileSidebarContent{position:relative;flex:1;flex-direction:column;max-width:20rem;width:100%;background:#fff;box-shadow:0 25px 50px -12px #00000040;transform:translate(-100%);transition:transform .3s ease}.mobileSidebarOverlay.open .mobileSidebarContent{transform:translate(0)}.mainContent{display:flex;flex-direction:column;flex:1;overflow:hidden}.mainArea{flex:1;position:relative;overflow-y:auto;padding:1rem;background:transparent}.mainArea::-webkit-scrollbar{width:6px}.mainArea::-webkit-scrollbar-track{background:transparent}.mainArea::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.mainArea::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.mainArea:focus{outline:none}@media(min-width:768px){.sidebarDesktop{display:flex}.mainArea{padding:1.5rem}}@media(min-width:1024px){.mainArea{padding:1.5rem 2rem}}@media(max-width:767px){.mobileSidebarOverlay{display:block}.mobileSidebarOverlay.open{display:flex}.mainArea{padding:.75rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layout{animation:fadeIn .4s ease-out}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebarWrapper{animation:slideInFromLeft .3s ease-out}.layout.loading{pointer-events:none}.layout.loading:after{content:"";position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fadeIn .2s ease-out}.login-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);padding:1rem}.login-card-wrapper{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;width:100%;max-width:28rem}.login-card-content{width:100%}.login-header-section{text-align:center;margin-bottom:2rem}.login-brand-section{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;gap:1rem}.login-brand-logo{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center}.login-brand-text{display:flex;flex-direction:column;align-items:flex-start}.login-main-title{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle-text{color:#6b7280;font-size:.875rem}.login-form-section{margin-bottom:1.5rem}.login-error-message{padding:1rem;border-radius:.375rem;margin-bottom:1rem;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.login-form-fields{margin-bottom:1.5rem}.login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me-section{display:flex;align-items:center}.remember-me-checkbox{width:1rem;height:1rem;margin-right:.5rem;accent-color:#7c3aed}.remember-me-label{font-size:.875rem;color:#111827}.forgot-password-link{font-size:.875rem;color:#7c3aed;text-decoration:none}.forgot-password-link:hover{color:#6d28d9}.login-form-actions{margin-bottom:1.5rem}.login-submit-button{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s ease-in-out}.login-submit-button:hover:not(:disabled){opacity:.9}.login-submit-button:disabled{cursor:not-allowed}.login-form-footer{text-align:center;font-size:.875rem;color:#6b7280}.register-link{color:#7c3aed;text-decoration:none;font-weight:500}.register-link:hover{color:#6d28d9}@media(max-width:640px){.login-card-wrapper{padding:1.5rem;margin:1rem}.login-main-title{font-size:1.5rem}.login-form-options{flex-direction:column;align-items:flex-start;gap:1rem}}.register-page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#e0e7ff);padding:1rem}.register-card-wrapper{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;width:100%;max-width:48rem}.register-card-content{width:100%}.register-header-section{text-align:center;margin-bottom:2rem;position:relative}.register-back-link{position:absolute;left:0;top:0;display:flex;align-items:center;font-size:.875rem;color:#7c3aed;text-decoration:none;font-weight:500}.register-back-link:hover{color:#6d28d9}.back-link-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.register-brand-section{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;gap:1rem}.register-brand-logo{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%;padding:.75rem;display:flex;align-items:center;justify-content:center}.brand-logo-icon{width:2rem;height:2rem;color:#fff}.register-brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.brand-subtitle{font-size:.75rem;color:#6b7280;font-weight:500;margin-top:.125rem}.register-main-title{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.register-subtitle-text{color:#6b7280;font-size:.875rem}.register-form-section{margin-bottom:1.5rem}.register-error-message{padding:1rem;border-radius:.375rem;margin-bottom:1rem;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.error-message-content{display:flex;align-items:flex-start}.error-message-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.error-message-title{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.register-form-sections{margin-bottom:2rem}.form-section-container{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section-container:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1.5rem}.form-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-field-group{margin-bottom:1rem}.form-field-full-width{grid-column:1 / -1}.form-field-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input-wrapper{position:relative}.input-prefix-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.form-input-field{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input-field:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input-with-prefix{padding-left:2.5rem}.form-input-with-suffix{padding-right:2.5rem}.input-suffix-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:none;padding:0}.input-suffix-button:hover{color:#6b7280}.form-select-field{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select-field:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-textarea-field{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-textarea-field:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.password-requirements-list{margin-top:.5rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.password-requirement-item{font-size:.75rem;margin-bottom:.25rem;display:flex;align-items:center;color:#6b7280}.requirement-met{color:#059669}.requirement-unmet{color:#dc2626}.requirement-status-icon{margin-right:.5rem;font-weight:700}.password-error-text{color:#dc2626;font-size:.75rem;margin-top:.5rem;display:flex;align-items:center}.password-error-text:before{content:"⚠";margin-right:.25rem}.register-form-actions{margin-bottom:2rem}.register-submit-button{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s ease-in-out}.register-submit-button:hover:not(:disabled){opacity:.9}.register-submit-button:disabled{cursor:not-allowed}.button-loading{opacity:.7;pointer-events:none}.register-form-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.register-footer-text{font-size:.875rem;color:#6b7280}.register-login-link{color:#7c3aed;text-decoration:none;font-weight:500}.register-login-link:hover{color:#6d28d9}@media(max-width:768px){.register-card-wrapper{padding:1.5rem;margin:1rem;max-width:100%}.register-main-title{font-size:1.5rem}.form-section-container{margin-bottom:1.5rem;padding-bottom:1.5rem}.form-section-grid{grid-template-columns:1fr;gap:1rem}.register-header-section{margin-bottom:1.5rem}.register-brand-section{flex-direction:column;gap:.5rem}}.verify-2fa-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.verify-2fa-card{width:100%;max-width:28rem;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.verify-2fa-header{padding:2rem;text-align:center;background:#fff}.verify-2fa-back-button{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;text-decoration:none;margin-bottom:1.5rem;padding:.5rem;border-radius:.375rem;transition:all .2s ease;border:none;background:transparent;cursor:pointer}.verify-2fa-back-button:hover{color:#374151;background:#f3f4f6}.back-icon{width:1.25rem;height:1.25rem}.verify-2fa-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.verify-2fa-logo-circle{width:3rem;height:3rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-icon{width:2rem;height:2rem;color:#fff}.verify-2fa-logo-text{display:flex;flex-direction:column;align-items:flex-start}.logo-brand{font-size:1.5rem;font-weight:700;color:#1f2937}.logo-tagline{font-size:.875rem;color:#6b7280}.verify-2fa-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.verify-2fa-subtitle{color:#6b7280;font-size:1rem}.verify-2fa-form{padding:2rem}.verify-2fa-alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem}.verify-2fa-alert-error{background:#fef2f2;border:1px solid #fecaca}.alert-icon{width:1.25rem;height:1.25rem;color:#dc2626;flex-shrink:0;margin-top:.125rem}.alert-title{font-size:.875rem;font-weight:500;color:#dc2626;margin:0}.verify-2fa-form-group{margin-bottom:1.5rem}.verify-2fa-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.verify-2fa-input-group{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280}.input-icon-svg{width:1.25rem;height:1.25rem}.verify-2fa-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;color:#374151;background:#fff;transition:all .2s ease}.verify-2fa-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.verify-2fa-input-with-icon{padding-left:2.5rem}.verify-2fa-help-text{font-size:.875rem;color:#6b7280;margin-top:.5rem}.verify-2fa-actions{margin-top:2rem}.verify-2fa-button{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.verify-2fa-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.verify-2fa-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.verify-2fa-button:disabled{opacity:.6;cursor:not-allowed}.verify-2fa-button.loading{position:relative}.verify-2fa-button.loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;right:1rem;top:50%;transform:translateY(-50%)}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.verify-2fa-footer{margin-top:1.5rem;text-align:center}.verify-2fa-footer-text{font-size:.875rem;color:#6b7280}.verify-2fa-link{color:#667eea;font-weight:500;text-decoration:none;border:none;background:none;cursor:pointer;padding:0}.verify-2fa-link:hover{text-decoration:underline}@media(max-width:640px){.verify-2fa-container{padding:.5rem}.verify-2fa-card{max-width:none}.verify-2fa-header,.verify-2fa-form{padding:1.5rem}.verify-2fa-title{font-size:1.5rem}}.payouts-card{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.disabled-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;color:#92400e}.notice-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:#f59e0b}.payouts-content{width:100%}.payouts-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.payouts-table{width:100%;border-collapse:collapse;font-size:.875rem}.payouts-table thead{background:#f9fafb}.payouts-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.payouts-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.payouts-table tbody tr:hover{background:#f9fafb}.payout-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.payout-amount{font-weight:600}.amount-display{display:flex;align-items:center;gap:.5rem}.amount-icon{width:1rem;height:1rem;color:#10b981}.payout-recipient{min-width:200px}.recipient-info{display:flex;flex-direction:column;gap:.25rem}.recipient-name{font-weight:500;color:#111827}.recipient-account{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.payout-status{min-width:120px}.payout-date{color:#6b7280;white-space:nowrap}.payout-actions{min-width:120px}.authorize-button{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.375rem .75rem;background:#10b981;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.authorize-button:hover{background:#059669}.button-icon{width:.75rem;height:.75rem}.status-text{font-size:.75rem;font-weight:500}.status-text.approved{color:#10b981}.status-text.completed{color:#6b7280}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.payouts-table-container{font-size:.75rem}.payouts-table th,.payouts-table td{padding:.5rem}.payout-recipient{min-width:150px}.recipient-info{gap:.125rem}.recipient-name{font-size:.875rem}.recipient-account{font-size:.625rem}}@media(max-width:640px){.card-header,.card-content{padding:1rem}.payouts-table{font-size:.75rem}.payouts-table th,.payouts-table td{padding:.375rem .5rem}.amount-display{flex-direction:column;align-items:flex-start;gap:.25rem}.amount-value{font-size:.875rem}.payout-actions{min-width:100px}.authorize-button{padding:.25rem .5rem;font-size:.625rem}}.purchases-card{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.header-content{display:flex;justify-content:space-between;align-items:center}.card-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.status-indicator{display:flex;align-items:center}.capability-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:.375rem}.badge-icon{width:1rem;height:1rem}.disabled-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:.5rem;color:#dc2626;margin-bottom:1.5rem}.notice-icon{flex-shrink:0;width:1.5rem;height:1.5rem;color:#dc2626}.notice-content{flex:1}.notice-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.notice-message{margin:0;font-size:.875rem;line-height:1.5}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.purchases-content{width:100%}.purchases-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.purchases-table{width:100%;border-collapse:collapse;font-size:.875rem}.purchases-table thead{background:#f9fafb}.purchases-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.purchases-table td{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.purchases-table tbody tr:hover{background:#f9fafb}.purchase-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.id-code{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#374151}.purchase-product{min-width:200px}.product-info{display:flex;align-items:center;gap:.75rem}.product-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.purchase-amount{font-weight:600;min-width:120px}.amount-display{display:flex;flex-direction:column;gap:.125rem}.amount-value{font-size:1rem;color:#111827}.amount-currency{font-size:.75rem;color:#6b7280;font-weight:400}.purchase-status{min-width:120px}.purchase-time{color:#6b7280;white-space:nowrap;min-width:160px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:#6b7280}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.purchases-table-container{font-size:.75rem}.purchases-table th,.purchases-table td{padding:.5rem}.purchase-product{min-width:150px}.product-info{gap:.5rem}.product-name{font-size:.875rem}.purchase-time{min-width:140px;font-size:.75rem}}@media(max-width:640px){.card-header,.card-content{padding:1rem}.purchases-table{font-size:.75rem}.purchases-table th,.purchases-table td{padding:.375rem .5rem}.amount-display{flex-direction:row;align-items:baseline;gap:.25rem}.amount-value{font-size:.875rem}.purchase-time{min-width:120px;font-size:.625rem}}.capabilities-container{width:100%}.capabilities-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.card-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem}.card-description{color:#6b7280;font-size:.875rem;margin:0}.card-content{padding:1.5rem}.capabilities-grid{display:grid;grid-template-columns:1fr;gap:2rem}.capability-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;background-color:#fff;transition:all .2s ease}.capability-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.capability-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.capability-info{flex:1}.capability-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.capability-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.capability-status{flex-shrink:0}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.capability-details{margin-bottom:1.5rem}.detail-row{display:flex;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500;color:#374151;min-width:80px;flex-shrink:0}.detail-value{color:#111827;font-weight:500}.detail-value.enabled{color:#059669}.detail-value.disabled{color:#dc2626}.limits-list,.fees-list{display:flex;flex-wrap:wrap;gap:.75rem}.limit-item,.fee-item{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#374151}.risk-flags{display:flex;flex-wrap:wrap;gap:.5rem}.risk-badge{font-size:.75rem;padding:.125rem .375rem}.no-flags{color:#6b7280;font-style:italic}.capability-actions{padding-top:1rem;border-top:1px solid #e5e7eb}.toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s ease}.loading-content{padding:2rem;display:flex;justify-content:center;align-items:center}.loading-skeleton{width:100%;max-width:400px}.skeleton-line{height:1rem;background-color:#e5e7eb;border-radius:.25rem;margin-bottom:.75rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-short{width:40%}.skeleton-content{margin-top:1rem}.error-content{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-icon{width:3rem;height:3rem;color:#dc2626}.error-title{font-size:1.125rem;font-weight:600;color:#dc2626;margin:0}.error-message{color:#6b7280;margin:0}@media(max-width:768px){.capabilities-grid{gap:1.5rem}.capability-item{padding:1rem}.capability-header{flex-direction:column;align-items:stretch;gap:1rem}.capability-status{align-self:flex-start}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.limits-list,.fees-list{flex-direction:column;gap:.5rem}.risk-flags{justify-content:flex-start}}.partner-kyb-container{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh}.kyb-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.back-button{display:flex;align-items:center;gap:8px}.header-content h1{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.header-content p{margin:4px 0 0;color:#666;font-size:14px}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:32px;gap:8px}.step-dot{width:48px;height:48px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;color:#666;font-weight:600;font-size:16px;transition:all .3s ease}.step-dot.active{background-color:#0b74ff;color:#fff}.step-dot.completed{background-color:#2ecc71;color:#fff}.step-line{width:80px;height:2px;background-color:#e0e0e0}.step-content{margin-bottom:32px}.step-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.step-icon{color:#0b74ff;background-color:#e3f2fd;padding:12px;border-radius:8px}.step-title{margin:0;font-size:24px;font-weight:700;color:#1a1a1a}.step-description{margin:4px 0 0;color:#666;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background-color:#fafafa;transition:border-color .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0b74ff;background-color:#fff}.form-textarea{resize:vertical;min-height:80px}.section-divider{grid-column:1 / -1;margin:24px 0;padding-top:24px;border-top:1px solid #e0e0e0}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.documents-grid{display:grid;gap:16px}.document-item{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fafafa}.document-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.document-icon{color:#0b74ff;background-color:#e3f2fd;padding:8px;border-radius:6px;flex-shrink:0}.document-info{flex:1}.document-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px;display:flex;align-items:center;gap:8px}.required{color:#e74c3c}.document-description{font-size:14px;color:#666;margin:0}.document-upload{display:flex;align-items:center;gap:12px}.file-input{display:none}.upload-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#0b74ff;color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.upload-button:hover{background-color:#0056cc}.document-uploaded{display:flex;align-items:center;gap:8px;color:#2ecc71;font-weight:500}.uploaded-icon{color:#2ecc71}.upload-progress{display:flex;align-items:center;gap:8px;color:#0b74ff;font-weight:500}.loading-icon{animation:spin 1s linear infinite}.upload-error{display:flex;align-items:center;gap:8px;color:#e74c3c;font-weight:500}.upload-disabled{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f5f5f5;color:#999;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed}.expiry-input{margin-top:12px}.expiry-label{font-size:12px;font-weight:600;color:#666;margin-bottom:4px;display:block}.expiry-field{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.review-sections{display:flex;flex-direction:column;gap:24px}.review-section{padding:20px;background-color:#f8f9fa;border-radius:8px}.review-section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.review-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.review-item:last-child{border-bottom:none}.review-label{font-weight:500;color:#666}.review-value{font-weight:600;color:#1a1a1a}.documents-review{display:flex;flex-direction:column;gap:12px}.document-review-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border-radius:6px}.document-review-info{display:flex;align-items:center;gap:8px}.document-review-name{font-weight:500;color:#333}.document-review-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:4px;font-size:12px}.location-info{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.step-navigation{display:flex;justify-content:space-between;align-items:center;padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.step-info{font-weight:500;color:#666}.submit-button{background-color:#2ecc71!important}.submit-button:hover{background-color:#27ae60!important}.skeleton{background-color:#e0e0e0;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.partner-kyb-container{padding:16px}.kyb-header{flex-direction:column;align-items:flex-start;gap:12px}.header-content h1{font-size:24px}.step-indicator{margin-bottom:24px}.step-dot{width:40px;height:40px;font-size:14px}.step-line{width:40px}.step-card{padding:20px}.step-title{font-size:20px}.form-grid{grid-template-columns:1fr;gap:16px}.review-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column;gap:16px;padding:16px}.document-header{flex-direction:column;align-items:flex-start;gap:12px}.document-review-item{flex-direction:column;align-items:flex-start;gap:8px}}.overview-container{margin:0 auto;padding:2rem;max-width:1200px}.tab-navigation{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.navigation-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.header-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar-container{padding:.75rem;border-radius:.75rem;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 10px 15px -3px #0000001a}.avatar-icon{width:2rem;height:2rem;color:#fff}.main-title{font-size:1.875rem;font-weight:700;background:linear-gradient(to right,#111827,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.main-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.badges-container{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.environment-badge,.capability-badge,.no-capabilities-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.badge-icon-small{width:1rem;height:1rem}.wallets-container{display:flex;flex-wrap:wrap;gap:1rem}.wallet-card{position:relative;overflow:hidden;border-radius:.75rem;background:linear-gradient(to bottom right,#fff,#f9fafb);border:1px solid #e5e7eb;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.wallet-card:hover{box-shadow:0 4px 6px #0000001a}.wallet-background{position:absolute;inset:0;background:linear-gradient(to bottom right,#3b82f60d,#9333ea0d);opacity:0;transition:opacity .2s}.wallet-card:hover .wallet-background{opacity:1}.wallet-content{position:relative}.wallet-currency{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.wallet-balance{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.25rem}.wallet-label{font-size:.75rem;color:#6b7280}.wallet-indicator{position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;border-radius:50%;background:#10b981;box-shadow:0 1px 2px #0000001a}.tabs-container{display:flex;background:#fff;border-radius:.75rem;padding:.25rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(229,231,235,.5)}.tab-button{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;font-size:.875rem}.tab-button-active{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tab-button-inactive{color:#6b7280;background:transparent}.tab-button-inactive:hover{color:#374151;background-color:#f3f4f6}.tab-icon{margin-right:.5rem;width:1rem;height:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{position:relative;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.stat-background{position:absolute;inset:0;opacity:.05}.emerald-bg{background:linear-gradient(to bottom right,#10b981,#059669)}.blue-bg{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.purple-bg{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.orange-bg{background:linear-gradient(to bottom right,#f97316,#ea580c)}.stat-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7c3aed,#6366f1)}.stat-content{position:relative;padding:1.5rem}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-icon-container{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.emerald-gradient{background:linear-gradient(to bottom right,#10b981,#059669)}.blue-gradient{background:linear-gradient(to bottom right,#3b82f6,#2563eb)}.purple-gradient{background:linear-gradient(to bottom right,#8b5cf6,#7c3aed)}.orange-gradient{background:linear-gradient(to bottom right,#f97316,#ea580c)}.stat-icon{width:1.5rem;height:1.5rem;color:#fff}.stat-change{font-size:.875rem;font-weight:600;background:#fffc;padding:.25rem .5rem;border-radius:9999px;box-shadow:0 1px 2px #0000001a}.emerald-change{color:#059669}.blue-change{color:#2563eb}.purple-change{color:#7c3aed}.orange-change{color:#ea580c}.stat-label{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1rem}.stat-bar{height:4px;border-radius:2px}.content-grid{display:grid;gap:1.5rem}.capabilities-section,.panel-section{width:100%}.transactions-card{position:relative;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.transactions-background{position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed0d,#6366f10d)}.transactions-content{position:relative;padding:1.5rem}.transactions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.transactions-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem}.transactions-subtitle{color:#6b7280;font-size:.875rem;margin:0}.view-all-button{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.view-all-button:hover{background:#f9fafb;border-color:#9ca3af}.transactions-table-container{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.table-header{background:#f9fafb}.table-header th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.table-body .table-row:hover{background:#f9fafb}.table-cell{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.table-cell-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#6b7280}.table-cell-amount{font-weight:600;color:#111827}.alert-card{position:relative;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.alert-background{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.alert-content{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.5rem}.alert-icon-container{flex-shrink:0}.alert-icon{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a}.alert-icon svg{width:1.5rem;height:1.5rem;color:#fff}.alert-title{font-size:1.125rem;font-weight:600;color:#92400e;margin:0 0 .5rem}.alert-description{color:#a16207;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.alert-actions{display:flex;gap:.75rem}.alert-primary-button{background:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.alert-primary-button:hover{background:#d97706}.alert-secondary-button{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.alert-secondary-button:hover{background:#f9fafb;border-color:#9ca3af}.docs-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem}.docs-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1.5rem}.docs-content{display:flex;flex-direction:column;gap:1.5rem}.docs-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.docs-section:last-child{border-bottom:none;padding-bottom:0}.docs-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.docs-section-text{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.docs-list{color:#374151;font-size:.875rem;line-height:1.5;padding-left:1.5rem;margin:0}.docs-list li{margin-bottom:.5rem}.docs-list li:last-child{margin-bottom:0}.docs-code{background:#f3f4f6;padding:.5rem;border-radius:.25rem;font-size:.875rem;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.docs-code-block{background:#f3f4f6;padding:1rem;border-radius:.25rem;font-size:.875rem;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow-x:auto;white-space:pre}.capabilities-list{display:flex;flex-direction:column;gap:1rem}.capability-item{padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.capability-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.capability-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.capability-code,.webhook-code{background:#e5e7eb;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.docs-footer{padding-top:1.5rem;border-top:1px solid #e5e7eb}.docs-footer-text{color:#6b7280;font-size:.875rem;margin:0}.docs-link{color:#7c3aed;text-decoration:none}.docs-link:hover{text-decoration:underline}.error-alert{position:relative;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.error-background{position:absolute;inset:0;background:linear-gradient(135deg,#ef44441a,#dc26261a)}.error-content{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.5rem}.error-icon{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a}.error-icon svg{width:1.5rem;height:1.5rem;color:#fff}.error-title{font-size:1.125rem;font-weight:600;color:#dc2626;margin:0 0 .5rem}.error-message{color:#b91c1c;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.error-retry-button{background:#fff;border:1px solid #fca5a5;color:#dc2626;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.error-retry-button:hover{background:#fef2f2;border-color:#f87171}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.25rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.avatar-skeleton{width:3rem;height:3rem;border-radius:.75rem}.title-skeleton{height:2rem;width:16rem;margin-bottom:.5rem}.subtitle-skeleton{height:1rem;width:24rem}.badges-skeleton{display:flex;gap:.5rem}.badge-skeleton{height:1.5rem;width:5rem;border-radius:9999px}.tabs-skeleton{display:flex;gap:.5rem;background:#fff;border-radius:.75rem;padding:.25rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(229,231,235,.5)}.tab-skeleton{height:2.25rem;width:5rem;border-radius:.5rem}.chart-title-skeleton{height:1.5rem;width:12rem;margin-bottom:1rem}.chart-skeleton{height:16rem;width:100%;border-radius:.5rem}@media(max-width:768px){.overview-container{padding:1rem}.header-info{flex-direction:column;align-items:flex-start;gap:.75rem}.main-title{font-size:1.5rem}.main-subtitle{font-size:.75rem}.badges-container{flex-direction:column;align-items:flex-start;gap:.5rem}.wallets-container{flex-direction:column}.wallet-card{width:100%}.tabs-container{flex-direction:column;gap:.25rem}.tab-button{justify-content:center}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-content{padding:1rem}.stat-value{font-size:1.25rem}.transactions-header{flex-direction:column;gap:1rem;align-items:flex-start}.transactions-table-container{font-size:.75rem}.table-cell{padding:.5rem}.alert-content{flex-direction:column;gap:1rem}.alert-actions{flex-direction:column;width:100%}.alert-primary-button,.alert-secondary-button{width:100%;justify-content:center}.docs-content{gap:1rem}.docs-section{padding-bottom:1rem}}@media(max-width:640px){.overview-container{padding:.5rem}.tab-navigation,.navigation-content{gap:1rem}.header-info{margin-bottom:.5rem}.avatar-container{padding:.5rem}.avatar-icon{width:1.5rem;height:1.5rem}.main-title{font-size:1.25rem}.stats-grid{gap:.75rem}.content-grid{gap:1rem}.transactions-content,.alert-content,.docs-card{padding:1rem}.docs-title{font-size:1.25rem}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-icon{width:2.5rem;height:2.5rem;color:#7c3aed;flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0;font-weight:500}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s;flex-shrink:0}.modal-body{flex:1;overflow-y:auto;padding:2rem;max-height:calc(90vh - 120px)}.kyb-stage{margin-bottom:2rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fafafa;transition:all .2s}.kyb-stage:hover{border-color:#d1d5db;background:#f9fafb}.stage-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.stage-icon{width:2rem;height:2rem;color:#7c3aed;flex-shrink:0;margin-top:.125rem}.stage-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.stage-description{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.stage-requirements{margin-left:3rem}.sub-requirements{margin-top:.5rem;margin-left:1rem}.sub-requirements li{padding-left:1rem}.sub-requirements li:before{content:"◦";color:#6366f1}.risk-framework{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,#fef7ff,#f3f4ff);border:1px solid #e0e7ff;border-radius:1rem}.risk-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 1.5rem;text-align:center}.risk-level{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.risk-level-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.risk-level-description{font-size:.875rem;color:#6b7280;margin:0 0 .75rem;font-style:italic}.risk-criteria{list-style:none;padding:0;margin:0}.risk-criteria li{padding:.25rem 0 .25rem 1rem;position:relative;color:#374151;font-size:.875rem}.risk-criteria li:before{content:"✓";color:#10b981;position:absolute;left:0}.red-flags{margin-top:1.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.red-flags-title{font-size:1rem;font-weight:600;color:#dc2626;margin:0 0 .75rem}.red-flags-list{list-style:none;padding:0;margin:0}.red-flags-list li{padding:.25rem 0 .25rem 1rem;position:relative;color:#374151;font-size:.875rem}.red-flags-list li:before{content:"⚠";position:absolute;left:0}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}.stage-header{flex-direction:column;gap:.5rem}.stage-requirements{margin-left:0}.requirements-list li{padding-left:1rem}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:800px;max-height:90vh;width:100%;overflow:hidden;display:flex;flex-direction:column}.kyb-modal{max-width:900px}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff}.modal-title{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.5rem}.modal-subtitle{font-size:1rem;font-weight:500;margin:0;opacity:.9}.modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.modal-close:hover{background:#ffffff1a}.modal-body{padding:2rem;overflow-y:auto;flex:1}.kyb-stage{margin-bottom:2rem}.stage-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;border-bottom:2px solid #7c3aed;padding-bottom:.5rem}.stage-description{font-size:.875rem;color:#6b7280;margin-bottom:1rem;font-style:italic}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#374151;line-height:1.5}.requirements-list li:before{content:"•";color:#7c3aed;font-weight:700;position:absolute;left:0}.sub-list{margin-top:.5rem;margin-left:1rem}.sub-list li{padding-left:1rem}.sub-list li:before{content:"◦";color:#6366f1}.risk-level{margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #7c3aed}.risk-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.risk-list{list-style:none;padding:0;margin:0}.risk-list li{padding:.25rem 0 .25rem 1rem;position:relative;color:#4b5563;font-size:.875rem;line-height:1.4}.risk-list li:before{content:"→";color:#7c3aed;position:absolute;left:0}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;background:#f9fafb}.transactions-container{max-width:1200px;margin:0 auto;padding:2rem}.transactions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.filter-toggle,.export-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-toggle{background:#fff;border:1px solid #d1d5db;color:#374151}.filter-toggle:hover{background:#f9fafb;border-color:#9ca3af}.filters-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem;padding:1.5rem}.search-section{margin-bottom:1.5rem}.search-input-container{position:relative;max-width:400px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7280}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff}.search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.filters-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:500;color:#374151}.filter-select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.filter-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.date-range,.amount-range{display:flex;align-items:center;gap:.5rem}.date-input,.amount-input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.date-input:focus,.amount-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.date-separator,.amount-separator{color:#6b7280;font-size:.875rem}.filter-actions{display:flex;justify-content:flex-end}.clear-filters{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-filters:hover{background:#f9fafb;border-color:#9ca3af}.transactions-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.table-container{width:100%}.transactions-table{width:100%;border-collapse:collapse;font-size:.875rem}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-header th{padding:1rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap}.header-content{display:flex;align-items:center;gap:.5rem;cursor:pointer}.sort-icon{width:1rem;height:1rem;color:#6b7280}.table-row:hover{background:#f9fafb}.table-cell{padding:1rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.transaction-id{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.customer-info{display:flex;flex-direction:column;gap:.125rem}.customer-name{font-weight:500;color:#111827}.customer-email{font-size:.75rem;color:#6b7280}.type-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}.purchase{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.payout{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.refund{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.amount-info{display:flex;flex-direction:column;gap:.125rem}.amount-value{font-weight:600;color:#111827}.amount-fee{font-size:.75rem;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap}.date-info{display:flex;align-items:center;gap:.5rem}.date-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.date-text{color:#374151;font-size:.875rem}.empty-cell{text-align:center;padding:3rem 1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280}.empty-icon{width:3rem;height:3rem;margin-bottom:1rem;color:#d1d5db}.empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151}.empty-message{margin:0;font-size:.875rem;max-width:28rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-info{font-size:.875rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-current{font-size:.875rem;color:#374151;font-weight:500}.pagination-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-icon{width:1rem;height:1rem}@media(max-width:768px){.transactions-container{padding:1rem}.transactions-header{flex-direction:column;gap:1rem;align-items:flex-start}.page-title{font-size:1.5rem}.header-actions{width:100%;justify-content:space-between}.filters-card{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:1rem}.date-range,.amount-range{flex-direction:column;gap:.25rem;align-items:stretch}.date-separator,.amount-separator{display:none}.transactions-table{font-size:.75rem}.table-header th,.table-cell{padding:.5rem}.customer-info{gap:.0625rem}.customer-name{font-size:.875rem}.customer-email{font-size:.625rem}.amount-info{gap:.0625rem}.amount-value{font-size:.875rem}.amount-fee{font-size:.625rem}.pagination{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.pagination-controls{justify-content:center}}@media(max-width:640px){.transactions-container{padding:.5rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.header-actions{flex-direction:column;gap:.5rem;align-items:stretch}.filter-toggle,.export-button{justify-content:center}.search-input-container{max-width:none}.filters-card{padding:.75rem}.transactions-card{border-radius:0;margin:0 -.5rem}.table-container{overflow-x:auto}.transactions-table{min-width:600px}.pagination-info{text-align:center;font-size:.75rem}.pagination-current{font-size:.75rem}}.analytics-container{max-width:1200px;margin:0 auto;padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-subtitle{color:#6b7280;font-size:1rem;margin:0}.header-actions{display:flex;gap:1rem;align-items:center}.time-range-select{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;min-width:120px}.time-range-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.refresh-button,.export-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.refresh-button{background:#fff;border:1px solid #d1d5db;color:#374151}.export-button{background:#7c3aed;border:1px solid #7c3aed;color:#fff}.export-button:hover{background:#6d28d9;border-color:#6d28d9}.analytics-tabs{display:flex;background:#fff;border-radius:.75rem;padding:.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.tab-button{flex:1;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:transparent;color:#6b7280}.tab-button.active{background:#7c3aed;color:#fff;box-shadow:0 4px 6px #7c3aed1a}.tab-button:hover:not(.active){color:#374151;background:#f9fafb}.tab-content{width:100%}.metric-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.metric-content{padding:1.5rem}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.metric-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.emerald{background:linear-gradient(135deg,#10b981,#059669)}.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-change{display:flex;align-items:center;gap:.25rem}.change-icon{width:1rem;height:1rem}.change-icon.positive{color:#10b981}.change-icon.negative{color:#ef4444}.change-value{font-size:.875rem;font-weight:600}.change-value.positive{color:#10b981}.change-value.negative{color:#ef4444}.metric-body{display:flex;flex-direction:column;gap:.5rem}.metric-title{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.chart-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.chart-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.time-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem;background:#f3f4f6;color:#374151}.badge-icon{width:.75rem;height:.75rem}.chart-content{padding:1.5rem;height:300px;display:flex;align-items:center;justify-content:center}.chart-content.large{height:400px}.mock-chart{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:.5rem;border:2px dashed #d1d5db}.chart-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.chart-icon{width:2rem;height:2rem}.chart-placeholder span{font-size:.875rem;font-weight:500}.top-products{display:flex;flex-direction:column;gap:1rem}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.product-rank{width:2rem;height:2rem;border-radius:50%;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:500;color:#111827}.product-stats{display:flex;gap:1rem;font-size:.875rem}.product-revenue{color:#059669;font-weight:600}.product-count{color:#6b7280}.revenue-grid{display:grid;gap:1.5rem}.revenue-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.full-width{width:100%}.revenue-summary{display:flex;gap:2rem;margin-bottom:1rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.875rem;color:#6b7280;font-weight:500}.summary-value{font-size:1.25rem;font-weight:700;color:#111827}.customers-grid,.transactions-grid{display:grid;gap:1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#6b7280;font-size:.875rem}@media(max-width:768px){.analytics-container{padding:1rem}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.page-title{font-size:1.5rem}.header-actions{width:100%;justify-content:space-between}.analytics-tabs{flex-direction:column;gap:.25rem}.tab-button{padding:.5rem 1rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-content{padding:1rem}.metric-value{font-size:1.25rem}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-content{height:250px}.chart-content.large{height:300px}.revenue-summary{flex-direction:column;gap:1rem}.summary-value{font-size:1rem}.product-item{padding:.75rem}.product-stats{flex-direction:column;gap:.25rem}}@media(max-width:640px){.analytics-container{padding:.5rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.header-actions{flex-direction:column;gap:.5rem;align-items:stretch}.time-range-select{min-width:auto}.refresh-button,.export-button{justify-content:center}.analytics-tabs{padding:.125rem}.tab-button{padding:.5rem;font-size:.75rem}.metrics-grid{gap:.75rem}.metric-header{flex-direction:column;gap:.5rem;align-items:flex-start}.metric-icon{width:2.5rem;height:2.5rem}.metric-icon svg{width:1.25rem;height:1.25rem}.metric-value{font-size:1rem}.chart-header{padding:1rem;flex-direction:column;gap:.5rem;align-items:flex-start}.chart-title{font-size:1rem}.chart-content{padding:1rem;height:200px}.chart-content.large{height:250px}.product-item{flex-direction:column;gap:.75rem;align-items:flex-start}.product-rank{align-self:center}}.api-keys-container{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.refresh-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:#f9fafb;border-color:#9ca3af}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{width:16px;height:16px}.refresh-icon.spinning{animation:spin 1s linear infinite}.create-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.create-button:hover{background:#1d4ed8}.create-icon{width:16px;height:16px}.error-alert{position:relative;margin-bottom:24px;border-radius:8px;overflow:hidden}.error-background{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:16px}.error-content{display:flex;align-items:flex-start;gap:12px}.error-icon{color:#dc2626;flex-shrink:0}.error-title{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 4px}.api-keys-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.tabs-navigation{display:flex;border-bottom:1px solid #e5e7eb}.tab-button{padding:16px 24px;background:none;border:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.tab-content{padding:24px}.keys-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-size:14px;font-weight:500;color:#374151}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;min-width:120px}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.keys-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.keys-table{width:100%;border-collapse:collapse;font-size:14px}.table-header{padding:12px 16px;text-align:left;font-weight:600;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;white-space:nowrap}.table-row{border-bottom:1px solid #f1f5f9;transition:background .2s ease}.table-row:hover{background:#f8fafc}.table-cell{padding:16px;vertical-align:top}.key-info{display:flex;flex-direction:column;gap:4px}.key-name{font-weight:500;color:#1a1a1a}.key-description{font-size:13px;color:#6b7280}.env-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge-icon{width:12px;height:12px}.key-display{display:flex;align-items:center;gap:8px}.key-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;background:#f1f5f9;padding:4px 8px;border-radius:4px;color:#374151;flex:1;word-break:break-all}.secret-code{background:#fef3c7;color:#92400e}.copy-button,.visibility-button{padding:4px;border:none;background:none;cursor:pointer;border-radius:4px;color:#6b7280;transition:all .2s ease;flex-shrink:0}.copy-button:hover,.visibility-button:hover{background:#f3f4f6;color:#374151}.copy-icon,.visibility-icon,.action-icon{width:14px;height:14px}.no-key{color:#9ca3af;font-style:italic}.action-buttons{display:flex;gap:4px}.action-button{padding:6px;border:none;background:none;cursor:pointer;border-radius:4px;color:#6b7280;transition:all .2s ease}.action-button:hover{background:#f3f4f6;color:#374151}.empty-cell{padding:64px 24px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{width:48px;height:48px;color:#d1d5db}.empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.empty-message{font-size:14px;color:#6b7280;margin:0;max-width:400px}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dialog-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.create-dialog,.approval-dialog{max-width:500px}.secret-dialog{max-width:600px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.dialog-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.dialog-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.dialog-close:hover{background:#f3f4f6;color:#374151}.dialog-body{padding:24px}.create-form,.approval-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-input,.form-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;min-height:80px;resize:vertical;transition:border-color .2s ease}.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.production-alert{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.alert-icon{color:#d97706;flex-shrink:0}.alert-content{flex:1}.alert-title{font-size:14px;font-weight:600;color:#92400e;margin:0 0 4px}.alert-message{font-size:14px;color:#92400e;margin:0;line-height:1.4}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.secret-content{display:flex;flex-direction:column;gap:24px}.secret-alert{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #f87171;border-radius:8px}.key-field{display:flex;flex-direction:column;gap:8px}.key-label{font-size:14px;font-weight:500;color:#374151}.key-input-group{display:flex;gap:8px;align-items:center}.key-display-code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;background:#f1f5f9;padding:12px;border-radius:6px;color:#374151;word-break:break-all;border:1px solid #e5e7eb}.secret-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid #e5e7eb}@media(max-width:768px){.api-keys-container{padding:16px}.api-keys-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.refresh-button,.create-button{flex:1;justify-content:center}.page-title{font-size:24px}.filters-section{flex-direction:column}.filter-select{min-width:auto}.keys-table-container{overflow-x:scroll}.table-header,.table-cell{padding:8px 12px;font-size:13px}.key-display{flex-direction:column;align-items:flex-start;gap:4px}.key-code{width:100%;word-break:break-all}.action-buttons{flex-direction:column;gap:2px}.form-grid{grid-template-columns:1fr}.dialog-overlay{padding:16px}.dialog-content{max-height:95vh}.dialog-header,.dialog-body{padding:16px}}@media(max-width:480px){.api-keys-container{padding:12px}.page-title{font-size:20px}.tab-button{padding:12px 16px;font-size:13px}.tab-content,.card-content{padding:16px}.dialog-title{font-size:18px}}.configure-container{max-width:800px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.configure-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.alert-dismiss{flex-shrink:0}.config-card,.test-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:24px;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.card-title-icon{width:20px;height:20px;color:#6b7280}.config-section{margin-bottom:32px}.config-section:last-child{margin-bottom:0}.section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.section-help{font-size:13px;color:#6b7280;margin-top:6px;line-height:1.4}.url-input-container{margin-bottom:8px}.url-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.secret-input-container{margin-bottom:8px}.secret-input-wrapper{display:flex;gap:8px;align-items:center}.secret-input{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.secret-toggle,.secret-copy{flex-shrink:0}.button-icon.success{color:#10b981}.button-icon.spinning{animation:spin 1s linear infinite}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:8px}.event-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.event-option:hover{border-color:#9ca3af;background:#f9fafb}.event-option.enabled{border-color:#10b981;background:#f0fdf4}.event-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.event-option.enabled .event-checkbox{border-color:#10b981;background:#10b981}.checkbox-indicator{width:10px;height:10px;background:#fff;border-radius:2px;opacity:0;transition:opacity .2s ease}.event-option.enabled .checkbox-indicator{opacity:1}.event-info{flex:1;display:flex;flex-direction:column;gap:4px}.event-name{font-size:14px;font-weight:500;color:#1a1a1a}.event-description{font-size:12px;color:#6b7280;line-height:1.3}.config-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.test-description{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.5}.test-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.test-button{display:flex;align-items:center;gap:8px;justify-content:flex-start;padding:10px 16px;font-size:13px}.test-warning{font-size:13px;color:#d97706;margin:0;padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #f59e0b}@media(max-width:768px){.configure-container{padding:16px}.configure-header{flex-direction:column;text-align:center}.page-title{font-size:24px}.events-grid,.test-events-grid{grid-template-columns:1fr}.card-content{padding:16px}.secret-input-wrapper{flex-direction:column;align-items:stretch}.secret-toggle,.secret-copy{align-self:flex-end}}@media(max-width:480px){.configure-container{padding:12px}.page-title{font-size:20px}.event-option{padding:12px}.card-header,.card-content{padding:16px}}.logs-container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:100vh}.logs-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.header-actions{display:flex;gap:.75rem}.filters-card{margin-bottom:1.5rem}.filters-content{display:flex;flex-direction:column;gap:1rem}.search-group{display:flex;flex-direction:column;gap:.5rem}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:hsl(var(--muted-foreground))}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid hsl(var(--border));border-radius:.375rem;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem}.search-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-icon{width:1rem;height:1rem;color:hsl(var(--muted-foreground))}.status-filter,.limit-filter{padding:.375rem .75rem;border:1px solid hsl(var(--border));border-radius:.375rem;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;min-width:120px}.status-filter:focus,.limit-filter:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.export-button{display:flex;align-items:center;gap:.5rem;margin-left:auto}.logs-card{margin-bottom:2rem}.logs-header-section{padding-bottom:1rem;border-bottom:1px solid hsl(var(--border));margin-bottom:1rem}.logs-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.logs-content{min-height:400px}.empty-icon{width:2rem;height:2rem;color:hsl(var(--muted-foreground))}.deliveries-list{display:flex;flex-direction:column;gap:1rem}.delivery-item{border:1px solid hsl(var(--border));border-radius:.5rem;padding:1rem;background:hsl(var(--background));transition:all .2s ease}.delivery-item:hover{border-color:hsl(var(--ring));box-shadow:0 2px 8px hsl(var(--shadow) / .1)}.delivery-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.delivery-main-info{display:flex;align-items:center;gap:.75rem;flex:1}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.pending{background:#fef3c8;color:#e7b008}.status-badge.delivered{background:#d2f9e0;color:#21c45d}.status-badge.failed{background:#fbd0d0;color:#dc2828}.status-badge.received{background:#cfeefc;color:#0da2e7}.status-icon{width:.75rem;height:.75rem}.delivery-ids{display:flex;flex-direction:column;gap:.125rem}.delivery-id{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.event-type{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.025em}.delivery-timestamp{font-size:.75rem;color:hsl(var(--muted-foreground));white-space:nowrap}.delivery-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1rem;margin-bottom:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-label{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground));min-width:80px}.detail-value{font-size:.875rem;color:hsl(var(--foreground))}.payload-section,.response-section{margin-top:.75rem;border-top:1px solid hsl(var(--border));padding-top:.75rem}.payload-toggle,.response-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem;background:hsl(var(--muted));border-radius:.25rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));border:none;width:100%;text-align:left}.payload-toggle:hover,.response-toggle:hover{background:hsl(var(--muted) / .8)}.payload-indicator,.response-indicator{transition:transform .2s ease}.payload-section[open] .payload-indicator,.response-section[open] .response-indicator{transform:rotate(180deg)}.payload-content,.response-content{margin-top:.5rem;padding:.75rem;background:hsl(var(--muted) / .3);border-radius:.25rem;border:1px solid hsl(var(--border))}.payload-json,.response-json{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;color:hsl(var(--foreground));margin:0;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.response-meta{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid hsl(var(--border))}.response-status{font-size:.75rem;font-weight:500;color:hsl(var(--muted-foreground))}@media(max-width:768px){.logs-container{padding:1rem}.logs-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:flex-end}.page-title{font-size:1.5rem}.filters-content{gap:.75rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.export-button{margin-left:0;justify-content:center}.delivery-header{flex-direction:column;align-items:flex-start;gap:.5rem}.delivery-timestamp{align-self:flex-end;font-size:.7rem}.delivery-details{grid-template-columns:1fr;gap:.375rem}.detail-row{justify-content:space-between}.detail-label{min-width:auto}}@media(max-width:480px){.logs-container{padding:.75rem}.delivery-main-info{flex-direction:column;align-items:flex-start;gap:.5rem}.status-badge{align-self:flex-start}.payload-content,.response-content{padding:.5rem}.payload-json,.response-json{font-size:.7rem}}.monitoring-container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:100vh}.monitoring-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.header-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:hsl(var(--primary));border-radius:.75rem;color:hsl(var(--primary-foreground))}.header-icon{width:1.5rem;height:1.5rem}.page-title{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0;line-height:1.2}.page-description{color:hsl(var(--muted-foreground));margin:.5rem 0 0;font-size:.875rem}.header-actions{display:flex;align-items:center;gap:1rem}.time-range-select{padding:.375rem .75rem;border:1px solid hsl(var(--border));border-radius:.375rem;background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;min-width:140px}.time-range-select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.refresh-button{display:flex;align-items:center;gap:.5rem}.button-icon{width:1rem;height:1rem}.spinning{animation:spin 1s linear infinite}.error-alert{margin-bottom:1.5rem}.alert-content{display:flex;align-items:flex-start;gap:.75rem}.alert-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.alert-text{flex:1}.alert-message{margin:0;font-size:.875rem}.health-card{margin-bottom:2rem}.health-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.health-main{display:flex;align-items:center;gap:1rem}.health-status-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%}.health-status-icon.healthy{background:#d2f9e0;color:#21c45d}.health-status-icon.warning{background:#fef3c8;color:#e7b008}.health-status-icon.critical{background:#fbd0d0;color:#dc2828}.health-status-icon.unknown{background:#dbe6f0;color:#4d80b3}.status-icon{width:1.5rem;height:1.5rem}.health-info{display:flex;flex-direction:column;gap:.25rem}.health-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.health-description{color:hsl(var(--muted-foreground));font-size:.875rem;margin:0}.trend-indicator{display:flex;align-items:center;gap:.5rem}.trend-icon{width:1.25rem;height:1.25rem}.trend-icon.up{color:#21c45d}.trend-icon.down{color:#dc2828}.trend-icon.stable{color:#4d80b3}.trend-text{font-size:.875rem;font-weight:500;color:hsl(var(--foreground))}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{padding:1.5rem}.metric-content{display:flex;align-items:center;justify-content:space-between}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));margin:0}.metric-value{font-size:2rem;font-weight:700;color:hsl(var(--foreground));margin:0;line-height:1.2}.metric-icon{width:2.5rem;height:2.5rem;flex-shrink:0}.metric-icon.total{color:#0da2e7}.metric-icon.success{color:#21c45d}.metric-icon.failed{color:#dc2828}.metric-icon.attempts{color:#e7b008}.failure-alert,.pending-alert{margin-bottom:1.5rem}.activity-card{margin-bottom:2rem}.activity-header{padding-bottom:1rem;border-bottom:1px solid hsl(var(--border));margin-bottom:1rem}.activity-title{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground));margin:0}.activity-content{min-height:300px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.loading-icon{width:2rem;height:2rem;color:hsl(var(--muted-foreground));animation:spin 1s linear infinite}.loading-text{color:hsl(var(--muted-foreground));font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;text-align:center}.empty-icon{width:3rem;height:3rem;color:hsl(var(--muted-foreground))}.empty-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0}.empty-message{color:hsl(var(--muted-foreground));font-size:.875rem;margin:0;max-width:400px}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid hsl(var(--border));border-radius:.5rem;background:hsl(var(--background));transition:all .2s ease}.activity-item:hover{border-color:hsl(var(--ring));box-shadow:0 2px 8px hsl(var(--shadow) / .1)}.activity-main{display:flex;align-items:center;gap:.75rem;flex:1}.activity-status-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.activity-status-icon.delivered{color:#21c45d}.activity-status-icon.failed{color:#dc2828}.activity-status-icon.pending{color:#e7b008}.activity-details{display:flex;flex-direction:column;gap:.125rem}.activity-event{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin:0}.activity-meta{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}.activity-side{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.activity-status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.activity-status-badge.delivered{background:#d2f9e0;color:#21c45d}.activity-status-badge.failed{background:#fbd0d0;color:#dc2828}.activity-status-badge.pending{background:#fef3c8;color:#e7b008}.activity-status-badge.received{background:#cfeefc;color:#0da2e7}.activity-timestamp{font-size:.75rem;color:hsl(var(--muted-foreground));margin:0}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.monitoring-container{padding:1rem}.monitoring-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.page-title{font-size:1.5rem}.health-content{flex-direction:column;align-items:flex-start;gap:1rem}.trend-indicator{align-self:flex-end}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-content{flex-direction:column;align-items:flex-start;gap:1rem}.metric-icon{align-self:flex-end}.activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-side{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}}@media(max-width:480px){.monitoring-container{padding:.75rem}.health-main{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-main{flex-direction:column;align-items:flex-start;gap:.5rem}.activity-side{flex-direction:column;align-items:flex-start;gap:.25rem}}.webhooks-container{max-width:1200px;margin:0 auto;padding:1.5rem;min-height:100vh}.webhooks-tabs-wrapper{border-bottom:1px solid hsl(var(--border))}.webhooks-tabs{width:100%}.tabs-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;background:hsl(var(--muted));border-radius:.5rem;padding:.25rem;margin-bottom:1.5rem}.tab-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative}.tab-trigger:hover{color:hsl(var(--foreground));background:hsl(var(--muted) / .8)}.tab-trigger[data-state=active]{color:hsl(var(--primary-foreground));background:hsl(var(--primary));box-shadow:0 1px 3px hsl(var(--shadow) / .2)}.tab-icon{width:1rem;height:1rem}.tab-content{margin-top:1.5rem;animation:fadeIn .3s ease}@media(max-width:768px){.webhooks-container{padding:1rem}.tabs-list{grid-template-columns:1fr;gap:.25rem}.tab-trigger{padding:.625rem .75rem;font-size:.8125rem}.tab-content{margin-top:1rem}}@media(max-width:480px){.webhooks-container{padding:.75rem}.tab-trigger{padding:.5rem .625rem;font-size:.75rem}.tab-icon{width:.875rem;height:.875rem}}.balance-container{padding:24px;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.header-actions{display:flex;gap:12px;align-items:center}.action-icon{width:16px;height:16px}.balance-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.balance-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:box-shadow .2s ease}.balance-card:hover{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.card-content{padding:24px}.card-header-section{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.card-icon-container{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon-container.available{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.card-icon-container.pending{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.card-icon-container.total{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.card-icon{width:24px;height:24px;color:#1a1a1a}.card-info{flex:1}.card-label{font-size:14px;font-weight:500;color:#6b7280;margin:0 0 4px}.card-amount{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 4px;line-height:1.2}.card-subtext{font-size:14px;color:#6b7280;margin:0}.card-actions{margin-top:20px}.conversion-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;overflow:hidden}.card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 20px}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.rate-item{padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.rate-label{font-size:14px;font-weight:500;color:#64748b;margin-bottom:8px}.rate-value{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.rate-note{font-size:12px;color:#94a3b8}.activity-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;overflow:hidden}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-button{background:none;border:none;color:#6366f1;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;transition:color .2s ease}.view-all-button:hover{color:#4f46e5}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;transition:background .2s ease}.activity-item:hover{background:#f8fafc}.activity-icon-container{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;flex-shrink:0}.activity-icon{width:18px;height:18px}.activity-icon.deposit{color:#10b981}.activity-icon.withdrawal{color:#ef4444}.activity-icon.payment{color:#3b82f6}.activity-icon.fee{color:#f59e0b}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.activity-main{display:flex;justify-content:space-between;align-items:center}.activity-description{font-size:14px;font-weight:500;color:#1a1a1a}.activity-amount{font-size:14px;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.activity-amount.positive{color:#10b981}.activity-amount.negative{color:#ef4444}.activity-meta{display:flex;align-items:center;gap:12px}.activity-time{font-size:12px;color:#6b7280}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.processing{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.action-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.transfer-form,.limits-list{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input,.form-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.limit-item:last-child{border-bottom:none}.limit-label{font-size:14px;color:#6b7280}.limit-value{font-size:14px;font-weight:600;color:#1a1a1a}.limit-usage{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.usage-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.usage-text{font-size:12px;color:#6b7280}@media(max-width:768px){.balance-container{padding:16px}.balance-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.page-title{font-size:24px}.balance-cards-grid,.rates-grid{grid-template-columns:1fr;gap:16px}.rate-item{padding:16px}.quick-actions-grid{grid-template-columns:1fr;gap:16px}.activity-item{padding:12px}.activity-main{flex-direction:column;align-items:flex-start;gap:4px}.activity-meta{justify-content:space-between;width:100%}}@media(max-width:480px){.balance-container{padding:12px}.page-title{font-size:20px}.card-content{padding:16px}.card-header-section{gap:12px}.card-icon-container{width:40px;height:40px}.card-icon{width:20px;height:20px}.card-amount{font-size:24px}}.withdraw-container,.withdraw-success-container{max-width:600px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.withdraw-navigation{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.withdraw-header{text-align:center}.success-navigation{margin-bottom:32px}.success-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.success-content{padding:48px 24px;text-align:center}.success-icon-container{width:80px;height:80px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon{width:40px;height:40px;color:#166534}.success-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.success-message{font-size:16px;color:#6b7280;line-height:1.5;max-width:400px;margin:0 auto 32px}.success-button{min-width:160px}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px}.error-content{padding:16px;display:flex;align-items:flex-start;gap:12px}.error-icon-container{flex-shrink:0}.error-icon{width:20px;height:20px;color:#dc2626}.error-text{flex:1}.error-message{font-size:14px;color:#dc2626;margin:0;line-height:1.4}.balance-summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:24px;overflow:hidden}.balance-summary-content{padding:24px}.balance-info{display:flex;justify-content:space-between;align-items:center}.balance-label{font-size:14px;color:#6b7280;margin:0 0 4px}.balance-amount{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.balance-secondary{text-align:right}.balance-amount-secondary{font-size:18px;font-weight:600;color:#374151;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.withdraw-form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:24px;overflow:hidden}.form-content{padding:24px}.withdraw-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:4px}.label-icon{width:16px;height:16px;color:#6b7280}.form-input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.amount-breakdown{margin-top:12px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.breakdown-item.total{border-top:1px solid #e2e8f0;padding-top:8px;margin-top:8px;font-weight:600;color:#1a1a1a}.breakdown-label{font-size:14px;color:#6b7280}.breakdown-value{font-size:14px;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.account-selection{display:flex;flex-direction:column;gap:8px}.account-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.account-option:hover{border-color:#9ca3af;background:#f9fafb}.account-option.selected{border-color:#6366f1;background:#eef2ff}.account-radio{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.account-option.selected .account-radio{border-color:#6366f1}.radio-indicator{width:10px;height:10px;background:#6366f1;border-radius:50%;opacity:0;transition:opacity .2s ease}.account-option.selected .radio-indicator{opacity:1}.account-info{display:flex;flex-direction:column;gap:2px}.account-name{font-size:14px;font-weight:500;color:#1a1a1a}.account-type{font-size:12px;color:#6b7280;text-transform:capitalize}.limits-info{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.limits-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.limits-icon{width:16px;height:16px;color:#6366f1}.limits-title{font-size:14px;font-weight:600;color:#374151}.limits-grid{display:grid;grid-template-columns:1fr;gap:8px}.limit-item{display:flex;justify-content:space-between;align-items:center}.limit-label{font-size:13px;color:#6b7280}.limit-value{font-size:13px;font-weight:500;color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.form-actions{margin-top:8px}.submit-button{padding:12px 24px;font-size:16px;font-weight:600}.processing-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.processing-content{padding:20px}.processing-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.processing-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.processing-item{display:flex;align-items:flex-start;gap:12px}.processing-icon{width:16px;height:16px;color:#6366f1;flex-shrink:0;margin-top:2px}.processing-item span{font-size:14px;color:#374151;line-height:1.4}@media(max-width:768px){.withdraw-container,.withdraw-success-container{padding:16px}.balance-info{flex-direction:column;align-items:flex-start;gap:16px}.balance-secondary{text-align:left}.page-title{font-size:24px}.success-content{padding:32px 16px}.success-icon-container{width:64px;height:64px}.success-icon{width:32px;height:32px}.success-title{font-size:20px}.form-content{padding:16px}.account-option{padding:12px}}@media(max-width:480px){.withdraw-container,.withdraw-success-container{padding:12px}.page-title{font-size:20px}.balance-summary-content,.form-content{padding:16px}.success-content{padding:24px 12px}.balance-amount{font-size:20px}.form-input{font-size:16px}}.pay-client-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.pay-client-navigation{margin-bottom:20px}.nav-icon{width:16px;height:16px}.pay-client-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.pay-client-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.header-icon{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.header-icon svg{width:24px;height:24px}.pay-client-title{font-size:24px;font-weight:600;margin:0 0 8px}.pay-client-subtitle{font-size:14px;opacity:.9;margin:0}.error-banner{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin:20px;display:flex;align-items:center;gap:8px;color:#c33}.error-icon{width:16px;height:16px;flex-shrink:0}.resolve-form{padding:20px}.form-section{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.label-icon{width:16px;height:16px;color:#667eea}.phone-input-group{display:flex;gap:8px}.country-code-select{width:120px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.country-code-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.phone-input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.phone-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-help{font-size:12px;color:#6b7280;margin-top:4px}.resolve-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.resolve-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.resolve-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-icon{width:16px;height:16px;animation:spin 1s linear infinite}.confirm-payment{padding:20px}.client-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.client-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.client-avatar svg{width:24px;height:24px}.client-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.client-details p{margin:0;font-size:14px;color:#6b7280}.payment-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.summary-row.total{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:12px;font-weight:600;color:#1f2937}.summary-label{color:#6b7280}.summary-value{font-weight:500}.confirm-actions{display:flex;gap:12px}.confirm-actions button{flex:1}.confirm-button{background:linear-gradient(135deg,#10b981,#059669)}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.pay-client-success-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.success-navigation{margin-bottom:20px}.success-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.success-content{padding:40px;text-align:center}.success-icon-container{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon{width:40px;height:40px;color:#fff}.success-title{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 12px}.success-message{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.payment-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.detail-label{color:#6b7280;font-weight:500}.detail-value{font-weight:600;color:#1f2937}.success-actions{display:flex;gap:12px}.success-actions button{flex:1}.success-button{background:linear-gradient(135deg,#667eea,#764ba2)}.success-button:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media(max-width:640px){.pay-client-container,.pay-client-success-container{padding:16px}.pay-client-header{padding:24px 20px}.resolve-form,.confirm-payment{padding:16px}.success-content{padding:32px 20px}.confirm-actions,.success-actions,.phone-input-group{flex-direction:column}.country-code-select{width:100%}}.profile-container{max-width:1000px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.loading-spinner{width:32px;height:32px;color:#667eea;animation:spin 1s linear infinite}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.error-alert{margin-bottom:24px}.alert-content{display:flex;align-items:flex-start;gap:12px}.alert-icon{width:20px;height:20px;color:#dc2626;flex-shrink:0}.alert-title{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 4px}.alert-message{font-size:14px;color:#dc2626;margin:0;line-height:1.4}.profile-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.email-input-container,.phone-input-container{position:relative}.verification-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px}.verification-icon.verified{color:#10b981}.verification-icon.unverified{color:#f59e0b}.verification-button{margin-top:8px;align-self:flex-start}.status-grid{display:grid;gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.status-item:last-child{border-bottom:none}.status-label{font-size:14px;color:#6b7280;font-weight:500}.status-value{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:capitalize}.status-value.active{background:#d1fae5;color:#065f46}.status-value.inactive{background:#fee2e2;color:#991b1b}.status-value.suspended{background:#fef3c7;color:#92400e}.status-value.approved{background:#d1fae5;color:#065f46}.status-value.awaiting_approval{background:#fef3c7;color:#92400e}.status-value.verified{background:#d1fae5;color:#065f46}.status-value.unverified{background:#fee2e2;color:#991b1b}.status-value.unknown{background:#f3f4f6;color:#374151}.save-button{min-width:140px}.profile-update-actions{margin-top:24px;padding-top:24px;border-top:1px solid #f3f4f6}.actions-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.actions-description{font-size:14px;color:#6b7280;margin-bottom:16px;line-height:1.5}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.update-button{min-width:160px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:24px 24px 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0}.modal-close{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#6b7280}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-content{padding:24px;flex:1;overflow-y:auto}.modal-alert{margin-bottom:20px}.modal-footer{padding:24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #f3f4f6}.modal-primary-button{min-width:140px}.modal-secondary-button{min-width:80px}.update-form .form-group{margin-bottom:20px}.update-form .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.update-form .form-help{font-size:13px;color:#6b7280;margin-bottom:12px;line-height:1.4}.update-form .form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}.update-form .form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.update-form .form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-height:80px;resize:vertical;font-family:inherit}.update-form .form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #f3f4f6}.document-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.document-name{flex:1;font-size:14px;color:#374151;word-break:break-word}.remove-document{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0}.remove-document:hover{background:#fef2f2}.add-document{align-self:flex-start;margin-top:8px}.upload-step .step-description{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.5}.upload-progress{display:flex;flex-direction:column;gap:12px}.upload-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #f3f4f6}.upload-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.upload-name{flex:1;font-size:14px;color:#374151;word-break:break-word}.upload-status{font-size:13px;color:#059669;font-weight:500}.confirm-step .step-description{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.5}.update-summary{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #f3f4f6}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.summary-item:last-child{margin-bottom:0}.summary-label{font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.summary-value{font-size:14px;color:#374151;text-align:right;word-break:break-word}.modal-alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.modal-alert.success .alert-icon{color:#16a34a}@media(max-width:640px){.modal-container{margin:20px;max-height:calc(100vh - 40px)}.modal-header{padding:20px 20px 0}.modal-content{padding:20px}.modal-footer{padding:0 20px 20px;flex-direction:column}.modal-primary-button,.modal-secondary-button{width:100%}.action-buttons{flex-direction:column}.update-button{width:100%}}.security-container{max-width:1000px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.security-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.security-grid{display:grid;grid-template-columns:1fr;gap:24px}.security-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.status-icon{width:20px;height:20px;color:#10b981}.password-input-container{position:relative}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px;height:auto;width:auto}.button-icon{width:16px;height:16px}.button-icon.loading{animation:spin 1s linear infinite}.message-alert{margin-top:16px}.alert-icon{width:16px;height:16px;margin-right:8px}.form-actions{margin-top:24px;padding-top:24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end}.action-button{min-width:160px}.verification-content{display:flex;flex-direction:column;gap:16px}.verification-info{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.verification-email,.verification-phone{font-size:16px;font-weight:500;color:#1a1a1a;margin:0 0 4px}.verification-status{font-size:14px;color:#6b7280;margin:0}.verification-button{align-self:flex-start;min-width:200px}.preferences-container{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preferences-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-icon{width:48px;height:48px;color:#667eea;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.preferences-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.preferences-grid{grid-template-columns:repeat(2,1fr)}}.preferences-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.form-grid{display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#374151}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.notification-options{display:flex;flex-direction:column;gap:16px}.option-item{display:flex;flex-direction:column;gap:8px}.option-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.option-label input[type=checkbox]{width:0;height:0;opacity:0;position:absolute}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease}.option-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.option-label input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.option-description{font-size:13px;color:#6b7280;margin:0 0 0 32px;line-height:1.4}.message-alert{margin-top:24px}.alert-content{display:flex;align-items:center;gap:8px}.alert-icon{width:16px;height:16px;flex-shrink:0}.alert-icon.success{color:#10b981}.alert-icon.error{color:#dc2626}.form-actions{margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px}@media(max-width:640px){.preferences-container{padding:16px}.preferences-header{flex-direction:column;text-align:center;gap:12px}.page-title{font-size:28px}.preferences-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.option-description{margin-left:0}}.api-reference-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.api-reference-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 10px 30px #667eea4d}.api-reference-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#f8f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-reference-header p{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.auth-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.auth-header{display:flex;align-items:center;margin-bottom:1.5rem}.auth-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.auth-code-block{background:#1f2937;color:#e5e7eb;padding:1.5rem;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;position:relative;margin:1rem 0}.copy-button{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.environment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.env-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s ease}.env-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.env-card h4{font-weight:600;color:#1f2937;margin-bottom:.5rem}.env-card code{color:#7c3aed;font-weight:500}.rate-limits-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.rate-limits-header{display:flex;align-items:center;margin-bottom:1.5rem}.rate-limits-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.rate-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rate-limit-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border:1px solid #e2e8f0}.rate-limit-number{font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.rate-limit-label{color:#6b7280;font-size:.9rem}.endpoint-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.endpoint-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.endpoint-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #f3f4f6}.method-badge{padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.8rem;text-transform:uppercase}.method-get{background:#dcfce7;color:#166534}.method-post{background:#dbeafe;color:#1e40af}.method-put{background:#fef3c7;color:#92400e}.method-delete{background:#fee2e2;color:#dc2626}.endpoint-path{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:#1f2937;margin-left:1rem}.expand-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.expand-button:hover{background:#f3f4f6;color:#374151}.endpoint-description{padding:1.5rem;color:#6b7280;line-height:1.6}.endpoint-details{border-top:1px solid #f3f4f6;padding:1.5rem;background:#f8fafc}.parameters-section h4,.response-section h4,.example-section h4{font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.parameter-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:.5rem}.parameter-info{display:flex;align-items:center;gap:1rem}.parameter-name{font-weight:600;color:#1f2937}.parameter-type{background:#e5e7eb;color:#374151;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.parameter-required{color:#dc2626;font-size:.8rem;font-weight:500}.parameter-description{color:#6b7280;font-size:.9rem}.response-code-block,.example-code-block{background:#1f2937;color:#e5e7eb;padding:1.5rem;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;overflow-x:auto;position:relative;margin-top:1rem}.code-examples-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.language-section{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.language-header{display:flex;align-items:center;margin-bottom:1rem}.language-header h4{font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.example-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;margin-bottom:1rem}.example-title{font-weight:600;color:#1f2937;margin-bottom:.5rem}.example-code{background:#1f2937;color:#e5e7eb;padding:1rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;overflow-x:auto;position:relative}.testing-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.test-notice{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.test-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.test-card h4{font-weight:600;color:#1f2937;margin-bottom:.5rem}.test-commands{margin-top:1.5rem}.test-command{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#374151;margin-bottom:.5rem;overflow-x:auto}.webhooks-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem}.webhook-notice{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:2rem}.event-badge{background:#f3f4f6;color:#374151;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;text-align:center;border:1px solid #e5e7eb}.event-schemas h4{font-weight:600;color:#1f2937;margin-bottom:1.5rem}.schema-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.schema-title{font-weight:600;color:#1f2937;margin-bottom:1rem}.schema-code{background:#1f2937;color:#e5e7eb;padding:1rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;overflow-x:auto}.security-section h4{font-weight:600;color:#1f2937;margin-bottom:1rem}.security-list{list-style:none;padding:0;margin:0}.security-list li{color:#6b7280;margin-bottom:.5rem;padding-left:1rem;position:relative}.security-list li:before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:0}.signature-verification{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:#374151;overflow-x:auto;margin:1rem 0}.security-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:8px;padding:1rem;margin-top:1.5rem}.error-handling-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.error-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.error-status-item{display:flex;align-items:center;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.error-200{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.error-400{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.error-401{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.error-429{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.error-response-format{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;color:#374151;overflow-x:auto;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.endpoint-card,.auth-section,.rate-limits-card,.code-examples-section,.testing-section,.webhooks-section,.error-handling-section{animation:fadeIn .3s ease-out}@media(max-width:768px){.api-reference-container{padding:1rem}.api-reference-header{padding:2rem 1rem}.api-reference-header h1{font-size:2rem}.tab-navigation{flex-direction:column}.tab-button{width:100%}.environment-grid,.rate-limits-grid,.test-grid,.events-grid,.error-status-grid{grid-template-columns:1fr}.endpoint-header{flex-direction:column;align-items:flex-start;gap:1rem}.parameter-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(prefers-color-scheme:dark){.endpoint-card,.auth-section,.rate-limits-card,.code-examples-section,.testing-section,.webhooks-section,.error-handling-section,.env-card,.test-card,.schema-card{background:#1f2937;border-color:#374151;color:#f9fafb}.endpoint-card h3,.auth-header h3,.rate-limits-header h3,.language-header h4,.test-card h4,.env-card h4,.schema-title{color:#f9fafb}.endpoint-description,.parameter-description,.tab-button{color:#d1d5db}.tab-button:hover,.expand-button:hover{background:#374151;color:#f9fafb}}.sdks-container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sdks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;gap:20px}.sdks-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.sdks-title-section p{color:#6b7280;font-size:16px;margin:0}.environment-selector{display:flex;align-items:center;gap:12px}.environment-label{font-size:14px;font-weight:500;color:#374151}.environment-toggle{display:flex;border:1px solid #d1d5db;border-radius:8px;padding:2px;background:#fff}.environment-btn{padding:6px 12px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280}.environment-btn:hover{color:#374151}.environment-btn.active{background:#fef3c7;color:#92400e}.environment-btn.production.active{background:#dcfce7;color:#166534}.language-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter-btn{padding:8px 16px;font-size:14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.filter-btn:hover{border-color:#9ca3af}.filter-btn.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.sdk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:40px}.sdk-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.sdk-card:hover{box-shadow:0 4px 12px #00000026}.sdk-card-content{padding:24px}.sdk-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sdk-info{display:flex;align-items:center;gap:12px}.language-icon{width:20px;height:20px}.sdk-details h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.sdk-version{font-size:14px;color:#6b7280;margin:0}.sdk-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.badge{padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px;text-transform:uppercase}.badge.success{background:#dcfce7;color:#166534}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.sdk-details-grid{display:grid;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:14px;font-weight:500;color:#374151;margin:0}.detail-value{font-size:14px;color:#6b7280;margin:0}.changelog{font-size:14px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sdk-actions{display:flex;gap:8px;margin-top:20px}.action-btn{flex:1;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn:hover{border-color:#9ca3af}.action-btn.primary{background:#7c3aed;color:#fff;border-color:#7c3aed}.action-btn.primary:hover{background:#6d28d9}.action-btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:16px;height:16px}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top:3px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px}.error-icon{width:20px;height:20px;color:#dc2626;flex-shrink:0}.error-content h3{font-size:14px;font-weight:500;color:#991b1b;margin:0 0 8px}.error-content p{font-size:14px;color:#dc2626;margin:0}.empty-state{text-align:center;padding:48px 20px}.empty-icon{width:48px;height:48px;color:#d1d5db;margin:0 auto 16px}.empty-state h3{font-size:18px;font-weight:500;color:#1f2937;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0}.installation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:40px}.installation-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.installation-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.installation-header-icon{width:20px;height:20px;color:#6b7280}.installation-grid{display:grid;gap:24px}.installation-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.installation-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.installation-item-title{font-weight:500;color:#1f2937;margin:0}.code-section{margin-bottom:12px}.code-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 4px}.code-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;position:relative}.copy-btn{position:absolute;top:8px;right:8px;padding:4px;background:transparent;border:none;cursor:pointer;color:#9ca3af;transition:color .2s ease}.copy-btn:hover{color:#6b7280}.docs-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.docs-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.docs-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.docs-header-icon{width:20px;height:20px;color:#6b7280}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.doc-link{display:flex;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s ease;color:inherit}.doc-link:hover{border-color:#c4b5fd;background:#faf5ff}.doc-icon{width:32px;height:32px;margin-right:12px;flex-shrink:0}.doc-icon.purple{color:#7c3aed}.doc-icon.green{color:#10b981}.doc-icon.blue{color:#3b82f6}.doc-content{flex:1}.doc-title{font-weight:500;color:#1f2937;margin:0 0 4px}.doc-description{font-size:14px;color:#6b7280;margin:0}.external-link-icon{width:16px;height:16px;color:#9ca3af;margin-left:auto;flex-shrink:0}@media(max-width:768px){.sdks-container{padding:16px}.sdks-header{flex-direction:column;align-items:stretch}.sdk-grid{grid-template-columns:1fr;gap:16px}.docs-grid{grid-template-columns:1fr}.sdk-actions{flex-direction:column}.action-btn{flex:none}}.sdk-guide-container{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sdk-guide-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.header-icon-container{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center}.header-icon{width:24px;height:24px;color:#fff}.header-content{flex:1}.page-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.2}.page-description{font-size:16px;color:#666;margin:0;line-height:1.5}.tabs-container{margin-bottom:32px}.tabs-list{display:flex;border-bottom:1px solid #e5e7eb;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:#374151;background:#f9fafb}.tab-button.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.tab-icon{width:16px;height:16px}.tab-content{space-y:24px}.overview-card,.examples-card,.security-card,.testing-card,.migration-card,.resources-card,.changelog-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;margin-bottom:24px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;margin-bottom:24px}.card-title-section{display:flex;align-items:center;gap:12px}.card-title-icon{width:20px;height:20px;color:#667eea}.card-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.card-content{padding:0 24px 24px}.environment-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.environment-grid{grid-template-columns:1fr 1fr}}.environment-card{padding:20px;border-radius:8px;border:1px solid #e5e7eb}.environment-card.sandbox{background:linear-gradient(135deg,#fef3c7,#fbbf24 10%);border-color:#f59e0b}.environment-card.production{background:linear-gradient(135deg,#d1fae5,#10b981 10%);border-color:#10b981}.env-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.env-label{font-weight:500;color:#374151}.env-details{space-y:12px}.env-url{font-size:14px;color:#6b7280;margin-bottom:12px}.env-notes ul{list-style:none;padding:0;margin:0}.env-notes li{font-size:14px;color:#6b7280;margin-bottom:4px;padding-left:16px;position:relative}.env-notes li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.sdk-table-container{overflow-x:auto}.sdk-table{width:100%;border-collapse:collapse}.sdk-table th,.sdk-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.sdk-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.language-cell{display:flex;align-items:center;gap:8px}.language-icon{font-size:18px}.language-name{font-weight:500}.install-cell{display:flex;align-items:center;gap:8px;max-width:300px}.install-code{background:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#374151;flex:1;overflow:hidden;text-overflow:ellipsis}.copy-button{padding:4px;opacity:.7;transition:opacity .2s ease}.copy-button:hover{opacity:1}.copy-icon{width:14px;height:14px}.key-management-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.key-management-grid{grid-template-columns:1fr 1fr}}.key-step{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.step-number{width:24px;height:24px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step-content h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.step-content p{font-size:13px;color:#6b7280;margin:0}.webhook-content{space-y:20px}.webhook-description{font-size:14px;color:#6b7280;line-height:1.5}.code-example{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.code-language{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.code-block{margin:0;padding:16px;background:#0f172a;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.webhook-events h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.events-grid{display:flex;flex-wrap:wrap;gap:8px}.language-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.language-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.language-button:hover{background:#f3f4f6;border-color:#d1d5db}.language-button.active{background:#667eea;border-color:#667eea;color:#fff}.lang-icon{font-size:16px}.lang-name{font-weight:500}.examples-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.examples-grid{grid-template-columns:1fr 1fr}}.example-section h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.security-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.security-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.security-grid{grid-template-columns:repeat(3,1fr)}}.security-item{display:flex;gap:16px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.security-item:hover{background:#f3f4f6;border-color:#d1d5db}.security-icon{width:40px;height:40px;background:#667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-icon-svg{width:20px;height:20px;color:#fff}.security-content h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.security-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.testing-content{space-y:32px}.testing-section h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.feature-list{space-y:12px}.feature-item{display:flex;align-items:center;gap:12px}.feature-icon{width:16px;height:16px;flex-shrink:0}.feature-icon.success{color:#10b981}.test-data-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.test-data-grid{grid-template-columns:1fr 1fr}}.test-data-item h4{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.test-code{display:block;background:#f3f4f6;padding:8px 12px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#374151;margin-bottom:8px}.code-list{display:flex;flex-wrap:wrap;gap:8px}.migration-content{space-y:24px}.migration-alert{margin-bottom:24px}.alert-icon{width:16px;height:16px;color:#f59e0b}.migration-section h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.migration-steps{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.migration-steps{grid-template-columns:1fr 1fr}}.migration-step{display:flex;gap:12px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.migration-step .step-number{width:24px;height:24px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.migration-step .step-content h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 4px}.migration-step .step-content p{font-size:13px;color:#6b7280;margin:0}.breaking-changes{space-y:16px}.change-item{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.change-icon{width:16px;height:16px;flex-shrink:0}.change-icon.warning{color:#f59e0b}.resources-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.resources-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.resources-grid{grid-template-columns:1fr 1fr 1fr}}.resource-section h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 12px}.resource-links{space-y:8px}.resource-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;text-decoration:none;transition:all .2s ease}.resource-link:hover{background:#f3f4f6;border-color:#d1d5db;color:#667eea}.resource-icon,.external-icon{width:16px;height:16px;flex-shrink:0}.resource-icon{color:#6b7280}.external-icon{color:#9ca3af;margin-left:auto}.changelog-entries{space-y:24px}.changelog-entry{padding-bottom:24px;border-bottom:1px solid #e5e7eb}.changelog-entry:last-child{border-bottom:none;padding-bottom:0}.version-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.release-date{font-size:14px;color:#6b7280}.changelog-list{list-style:none;padding:0;margin:0;space-y:8px}.changelog-list li{font-size:14px;color:#6b7280;padding-left:16px;position:relative}.changelog-list li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.copy-success-message{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#10b981;color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideIn .3s ease}.coming-soon-message{position:fixed;bottom:24px;right:24px;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#3b82f6;color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideIn .3s ease;max-width:400px}.coming-soon-message .info-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.success-icon{width:16px;height:16px}@media(max-width:640px){.sdk-guide-container{padding:16px}.page-title{font-size:28px}.tabs-list{padding-bottom:8px}.tab-button{padding:8px 16px;font-size:14px}.environment-grid,.key-management-grid,.security-grid,.test-data-grid,.migration-steps,.resources-grid,.examples-grid{grid-template-columns:1fr}.language-selector{justify-content:center}.install-cell{flex-direction:column;align-items:flex-start;gap:4px}.copy-success-message{left:16px;right:16px;bottom:16px}}.guides-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.guides-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:3rem 2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 10px 30px #6366f14d}.guides-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#f8f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guides-header p{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem}.environment-badges{display:flex;flex-wrap:wrap;gap:.75rem}.tab-navigation{display:flex;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;border:1px solid #e5e7eb}.tab-button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;font-weight:500;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f166}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.guide-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.guide-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.guide-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.guide-icon{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#6366f1;padding:.75rem;border-radius:8px}.guide-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.guide-time{font-size:.8rem;color:#6b7280}.guide-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.guide-description{color:#6b7280;line-height:1.5;margin-bottom:1rem}.guide-button{width:100%}.active-guide{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-content{space-y:2rem}.guide-section{margin-bottom:2rem}.guide-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.guide-section h3:before{content:"";width:4px;height:1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px}.guide-section p{color:#6b7280;line-height:1.6;margin-bottom:1rem}.steps-list{space-y:.75rem}.step-item{display:flex;align-items:center;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.api-key-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin:1rem 0}.api-key-display{display:flex;flex-direction:column;gap:.5rem}.api-key-display label{font-weight:600;color:#1f2937}.api-key-input-group{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.api-key-input{flex:1;padding:.75rem;border:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;background:transparent}.api-key-toggle,.copy-button-small{padding:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s ease}.api-key-toggle:hover,.copy-button-small:hover{background:#f3f4f6;color:#374151}.code-example{background:#1f2937;color:#e5e7eb;border-radius:8px;overflow:hidden;margin:1rem 0;border:1px solid #374151}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#111827;border-bottom:1px solid #374151}.code-header span{font-weight:500;color:#e5e7eb}.copy-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem;color:#e5e7eb;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#fff3;transform:scale(1.05)}.code-example pre{padding:1.5rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;overflow-x:auto;line-height:1.5}.test-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.scenario-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.scenario-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.scenario-card h4{font-weight:600;color:#1f2937;margin-bottom:.5rem}.scenario-card p{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.scenario-card code{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.security-tips{space-y:.75rem}.security-tip{display:flex;align-items:center;padding:.75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:6px;color:#166534}@media(max-width:768px){.guides-container{padding:1rem}.guides-header{padding:2rem 1rem}.guides-header h1{font-size:2rem}.tab-navigation{flex-direction:column}.tab-button{width:100%}.guides-grid{grid-template-columns:1fr}.guide-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.guide-meta{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.test-scenarios{grid-template-columns:1fr}.code-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(prefers-color-scheme:dark){.guide-card,.active-guide,.api-key-input-group,.scenario-card{background:#1f2937;border-color:#374151;color:#f9fafb}.guide-title,.api-key-display label,.scenario-card h4{color:#f9fafb}.guide-description,.guide-section p,.scenario-card p{color:#d1d5db}.step-item,.api-key-section{background:#111827;border-color:#374151}.tab-button{color:#d1d5db}.tab-button:hover{background:#374151;color:#f9fafb}.api-key-input{background:#111827;color:#e5e7eb}}.guide-card,.active-guide{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}