*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{--bg-gradient-start: #f8fafc;--bg-gradient-end: #f1f5f9;transition:background .3s ease,color .3s ease;--text-color: #0f172a;--primary-color: #667eea;--accent-color: #764ba2;--card-bg: rgba(255, 255, 255, .9);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,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-color);line-height:1.6;min-height:100vh}.theme-light{--bg-gradient-start: #f8fafc;--bg-gradient-end: #f1f5f9;--text-color: #0f172a;--primary-color: #667eea;--accent-color: #764ba2;--card-bg: rgba(255, 255, 255, .9)}.theme-dark{--bg-gradient-start: #0f172a;--bg-gradient-end: #1e293b;--text-color: #f8fafc;--primary-color: #a855f7;--accent-color: #c084fc;--card-bg: rgba(30, 41, 59, .8)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(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)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;font-weight:600;font-size:.875rem;border-radius:.625rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--primary-color-rgb, 102, 126, 234),.4)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.btn-secondary{background:rgba(var(--primary-color-rgb, 102, 126, 234),.1);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb, 102, 126, 234),.2)}.btn-secondary:hover{background:rgba(var(--primary-color-rgb, 102, 126, 234),.15);border-color:rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.btn-outline{background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color)}.btn-outline:hover{background:rgba(var(--primary-color-rgb, 102, 126, 234),.05);border-color:var(--accent-color)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.875rem 1.5rem;font-size:.9375rem}.btn-block{width:100%;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-group{display:flex;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text-color)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1.5px solid rgba(100,116,139,.2);border-radius:.625rem;background:var(--card-bg);color:var(--text-color);font-family:inherit;font-size:.875rem;transition:all .2s ease}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.form-textarea{resize:vertical;min-height:6rem}.form-helper{display:block;margin-top:.25rem;font-size:.75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.form-helper.error{color:#ef4444}.form-helper.success{color:#10b981}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;gap:.25rem}.badge-primary{background:rgba(var(--primary-color-rgb, 102, 126, 234),.15);color:var(--primary-color)}.badge-secondary{background:#64748b26;color:rgba(var(--rgb-text-color, 15, 23, 42),.7)}.badge-success{background:#10b98126;color:#059669}.badge-danger{background:#ef444426;color:#dc2626}.badge-warning{background:#f59e0b26;color:#d97706}.alert{padding:1rem;border-radius:.75rem;border-left:4px solid;display:flex;align-items:flex-start;gap:.75rem}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.alert-content{flex:1;min-width:0}.alert-title{font-weight:600;margin-bottom:.125rem}.alert-message{font-size:.875rem;line-height:1.5}.alert-primary{background:rgba(var(--primary-color-rgb, 102, 126, 234),.08);border-color:var(--primary-color);color:var(--primary-color)}.alert-success{background:#10b98114;border-color:#10b981;color:#059669}.alert-danger{background:#ef444414;border-color:#ef4444;color:#dc2626}.alert-warning{background:#f59e0b14;border-color:#f59e0b;color:#d97706}.input-group{display:flex;align-items:center;border:1.5px solid rgba(100,116,139,.2);border-radius:.625rem;background:var(--card-bg);overflow:hidden;transition:all .2s ease}.input-group:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.input-group-icon{padding:0 .75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-group input{flex:1;border:none;background:transparent;padding:.75rem .75rem .75rem 0;font-size:.875rem;color:var(--text-color);outline:none}.input-group input::-moz-placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.input-group input::placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.checkbox,.radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox input[type=checkbox],.radio input[type=radio]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--primary-color)}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(var(--primary-color-rgb, 102, 126, 234),.2);border-top-color:var(--primary-color);border-radius:9999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:#64748b1a;margin:1rem 0}.tooltip{position:relative}.tooltip-text{visibility:hidden;width:-moz-max-content;width:max-content;background:#000c;color:#fff;text-align:center;padding:.5rem .75rem;border-radius:.375rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease;font-size:.75rem;white-space:nowrap}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.sidebar{display:flex;flex-direction:column;height:100%;background:var(--card-bg);border-right:1px solid rgba(100,116,139,.1);box-shadow:2px 0 8px #0000000a,inset -1px 0 #ffffff0d;transition:all .3s ease}.sidebarContent{flex:1;display:flex;flex-direction:column;padding-top:1.5rem;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:.75rem}.brandIcon{height:2.25rem;width:2.25rem;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.brandName{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));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,rgba(var(--primary-color-rgb, 102, 126, 234),.1),rgba(var(--accent-color-rgb, 118, 75, 162),.08));color:var(--primary-color);padding:.25rem .625rem;border-radius:9999px;font-weight:600;border:1px solid rgba(var(--primary-color-rgb, 102, 126, 234),.2);text-transform:uppercase;letter-spacing:.05em}.sidebarNav{margin-top:1.5rem;flex:1;padding:0 .625rem;display:flex;flex-direction:column;gap:.25rem}.navItem{display:flex;align-items:center;padding:.75rem 1rem;border-radius:.625rem;text-decoration:none;color:rgba(var(--rgb-text-color, 15, 23, 42),.65);font-weight:500;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.navItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:0 .625rem .625rem 0}.navItem:hover{color:var(--primary-color);background:rgba(var(--primary-color-rgb, 102, 126, 234),.08);transform:translate(4px)}.navItem:hover:before{width:3px}.navItem.active{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 102, 126, 234),.3);transform:translate(4px)}.navItem.active:before{width:3px;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.12)}.sidebarFooter{flex-shrink:0;display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(100,116,139,.1);padding:1rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.userSection{display:flex;align-items:center;flex:1;min-width:0}.userAvatar{height:2.5rem;width:2.5rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--primary-color-rgb, 102, 126, 234),.2);flex-shrink:0;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.userDetails{margin-left:.75rem;flex:1;min-width:0}.userName{font-size:.875rem;font-weight:600;color:var(--text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userRole{font-size:.75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.5);margin:.125rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logoutButton{margin-left:auto;padding:.5rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.5);border:none;background:transparent;cursor:pointer;border-radius:.375rem;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.logoutButton:hover{color:#ef4444;background:#ef44441a}.sidebarContent::-webkit-scrollbar{width:6px}.sidebarContent::-webkit-scrollbar-track{background:transparent}.sidebarContent::-webkit-scrollbar-thumb{background:#64748b33;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.sidebarContent::-webkit-scrollbar-thumb:hover{background:#64748b66}@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 cubic-bezier(.4,0,.2,1)}.navItem{animation:fadeInUp .5s 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(12px)}to{opacity:1;transform:translateY(0)}}.header{position:sticky;top:0;z-index:10;background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(100,116,139,.1);box-shadow:0 1px 3px #00000014,0 10px 15px #00000005;transition:all .3s cubic-bezier(.4,0,.2,1)}.headerContainer{padding:1rem 1.5rem;max-width:1400px;margin:0 auto}.headerContent{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;gap:1.5rem}.headerLeft{display:flex;align-items:center;gap:1.5rem;flex:1}.menuButton{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:.5rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.6);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;cursor:pointer;width:2.5rem;height:2.5rem}.menuButton:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.searchContainer{position:relative;display:none;flex:0 1 280px}.searchIcon{position:absolute;inset-y:0;left:0;padding-left:.875rem;display:flex;align-items:center;pointer-events:none;color:rgba(var(--rgb-text-color, 15, 23, 42),.4)}.searchInput{display:block;width:100%;padding:.625rem .875rem .625rem 2.625rem;border:1px solid rgba(100,116,139,.15);border-radius:.5rem;background:rgba(var(--primary-color-rgb, 102, 126, 234),.05);font-size:.875rem;color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.searchInput:focus{outline:none;border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.searchInput::-moz-placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.4)}.searchInput::placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.4)}.searchInput:focus::-moz-placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.searchInput:focus::placeholder{color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.headerRight{display:flex;align-items:center;gap:1rem;flex-shrink:0}.balanceCard{display:none;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 102, 126, 234),.08),rgba(var(--accent-color-rgb, 118, 75, 162),.05));padding:.875rem 1.25rem;border-radius:.75rem;border:1px solid rgba(var(--primary-color-rgb, 102, 126, 234),.15);transition:all .2s ease}.balanceCard:hover{background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 102, 126, 234),.12),rgba(var(--accent-color-rgb, 118, 75, 162),.08))}.balanceInfo{font-size:.875rem}.balanceAmount{font-weight:600;color:var(--primary-color)}.balanceAvailable{font-size:.75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.5)}.balanceDivider{height:1.5rem;width:1px;background-color:rgba(var(--primary-color-rgb, 102, 126, 234),.2)}.addFundsButton{font-size:.875rem;font-weight:500;color:var(--primary-color);background:transparent;border:none;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;border-radius:.375rem}.addFundsButton:hover{color:var(--accent-color);background-color:rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.notificationButton{position:relative;display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:.5rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.6);transition:all .2s cubic-bezier(.4,0,.2,1);border:none;background:transparent;cursor:pointer;width:2.5rem;height:2.5rem}.notificationButton:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb, 102, 126, 234),.1)}.notificationBadge{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;height:1.25rem;width:1.25rem;border-radius:9999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:700;box-shadow:0 2px 8px #ef44444d}.userProfile{display:flex;align-items:center;gap:.75rem}.userAvatar{height:2.25rem;width:2.25rem;border-radius:9999px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;border:2px solid rgba(var(--primary-color-rgb, 102, 126, 234),.2);cursor:pointer;transition:all .2s ease;color:#fff;font-weight:600;font-size:.875rem}.userAvatar:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.userInitials{font-size:.875rem;font-weight:600;color:inherit}.userInfo{display:none}.userName{font-size:.875rem;font-weight:600;color:var(--text-color)}.userEmail{font-size:.75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.6)}@media(min-width:768px){.headerContainer{padding:1rem 1.5rem}.searchContainer{display:block}.balanceCard{display:flex}.userInfo{display:block}}@media(min-width:1024px){.headerContainer{padding:1rem 2rem}}@media(max-width:768px){.headerLeft{gap:.75rem}.headerRight{gap:.5rem}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header{animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}.layout{display:flex;height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);overflow:hidden;transition:background .3s ease}.sidebarDesktop{display:none;flex-shrink:0}.sidebarWrapper{display:flex;flex-direction:column;width:16rem;background:var(--card-bg)}.mobileSidebarOverlay{position:fixed;inset:0;z-index:40;display:none}.mobileSidebarBackdrop{position:fixed;inset:0;background-color:#0f172a99;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.mobileSidebarOverlay.open .mobileSidebarBackdrop{opacity:1}.mobileSidebarContent{position:relative;flex:1;flex-direction:column;max-width:20rem;width:100%;background:var(--card-bg);box-shadow:0 25px 50px -12px #00000040,inset 0 1px #ffffff0d;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.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:1.5rem;background:transparent}.mainArea::-webkit-scrollbar{width:8px}.mainArea::-webkit-scrollbar-track{background:transparent}.mainArea::-webkit-scrollbar-thumb{background:#64748b40;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.mainArea::-webkit-scrollbar-thumb:hover{background:#64748b73}.mainArea:focus{outline:none}@media(min-width:768px){.sidebarDesktop{display:flex}.mainArea{padding:1.5rem}}@media(min-width:1024px){.mainArea{padding:2rem}}@media(max-width:767px){.mobileSidebarOverlay{display:flex}.mobileSidebarOverlay:not(.open){display:none}.mainArea{padding:1rem}}.layout{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.sidebarWrapper{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}.layout.loading{pointer-events:none}.layout.loading:after{content:"";position:fixed;inset:0;background:rgba(var(--rgb-text-color, 15, 23, 42),.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .2s ease-out}.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;display:flex;align-items:center}.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;pointer-events:none;z-index:1}.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::-moz-placeholder{color:#9ca3af!important;opacity:1!important;font-size:.875rem}.form-input-field::placeholder{color:#9ca3af!important;opacity:1!important;font-size:.875rem}.form-input-field::-moz-placeholder{color:#9ca3af!important;opacity:1!important}.form-input-field:-ms-input-placeholder{color:#9ca3af!important}.form-input-field::-ms-input-placeholder{color:#9ca3af!important}.form-input-field:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-input-with-prefix{padding:.75rem 1rem .75rem 3.5rem!important}.form-input-with-suffix{padding-right:2.5rem}.form-input-field.form-input-with-prefix.form-input-with-suffix{padding:.75rem 2.5rem .75rem 3.5rem!important}.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}.phone-input-with-code{display:flex;align-items:center}.phone-code-prefix{position:absolute;left:2.75rem;top:50%;transform:translateY(-50%);font-weight:600;color:#7c3aed;font-size:.875rem;white-space:nowrap;pointer-events:none;z-index:2}.phone-input-with-code-prefix{padding:.75rem 1rem .75rem 5.5rem!important}.phone-preview-text{display:block;font-size:.75rem;color:#6b7280;margin-top:.375rem;font-weight:400}.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}}.input-field-error{border-color:#dc2626!important;background-color:#fef2f2}.input-field-error:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.input-field-error::-moz-placeholder{color:#fca5a5}.input-field-error::placeholder{color:#fca5a5}.field-error-text{display:block;color:#dc2626;font-size:.875rem;margin-top:.375rem;font-weight:500}.form-select-field.input-field-error{border-color:#dc2626!important;background-color:#fef2f2}.form-select-field.input-field-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.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}}:root{--primary-color: #6a11cb;--secondary-color: #2575fc;--accent-color: #ff6b6b;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--light-bg: #f8f9fa;--dark-text: #333;--light-text: #fff;--border-radius: 12px;--box-shadow: 0 10px 20px rgba(0, 0, 0, .1);--transition: all .3s ease}.button{position:relative;overflow:hidden;z-index:1}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:all .4s ease;z-index:-1}.button:hover:before{left:0}.button:hover{transform:translateY(-3px);box-shadow:0 8px 15px #0003}.button:active{transform:translateY(1px);box-shadow:0 2px 5px #0000001a}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(45deg,var(--primary-color),var(--secondary-color));transition:all .3s ease}@keyframes pulse{0%{box-shadow:0 0 #6a11cb66}70%{box-shadow:0 0 0 10px #6a11cb00}to{box-shadow:0 0 #6a11cb00}}.button.pulse{animation:pulse 2s infinite}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.forgot-password-wrapper{width:100%;max-width:460px}.forgot-password-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.step-content{padding:40px 32px}.step-header{text-align:center;margin-bottom:32px}.step-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 8px 20px #667eea33;animation:slideDown .4s ease}.step-icon.otp-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px #f59e0b33}.step-icon.success-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b98133}.step-title{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 12px;line-height:1.2;letter-spacing:-.5px}.step-description{font-size:14px;color:#64748b;margin:0;line-height:1.6}.step-description strong{color:#0f172a;font-weight:600}.step-form{display:flex;flex-direction:column;gap:20px}.required{color:#ef4444;font-weight:700;margin-left:4px}.input-wrapper,.password-input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#94a3b8;flex-shrink:0;pointer-events:none}.input-wrapper input,.password-input-wrapper input{width:100%;padding:12px 12px 12px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s ease;font-family:inherit}.input-wrapper input:focus,.password-input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input.input-error,.password-input-wrapper input.input-error{border-color:#ef4444;background:#fef2f2}.input-wrapper input:disabled,.password-input-wrapper input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.otp-input{text-align:center;letter-spacing:8px!important;font-size:20px!important;font-weight:700!important}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.error-message{display:flex;align-items:center;gap:6px;font-size:13px;color:#ef4444;font-weight:500}.error-alert{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:13px;line-height:1.5;margin-bottom:8px}.error-alert svg{flex-shrink:0}.password-requirements{padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.req-title{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.password-requirements ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.password-requirements li{font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px}.password-requirements li:before{content:"○";font-weight:700;font-size:16px;color:#cbd5e1}.password-requirements li.met{color:#10b981}.password-requirements li.met:before{content:"✓";color:#10b981}.action-button{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px}.action-button:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button .spinning{animation:spin 1s linear infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.otp-footer{padding:16px;background:#f8fafc;border-radius:10px;text-align:center;margin-top:16px;min-height:50px;display:flex;align-items:center;justify-content:center}.countdown{font-size:13px;color:#64748b;font-weight:600;margin:0;letter-spacing:.5px}.resend-button{padding:10px 16px;background:#fff;color:#667eea;border:2px solid #667eea;font-weight:700;font-size:14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.resend-button:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.step-footer{padding:12px;text-align:center;border-top:1px solid #e2e8f0;margin-top:12px}.step-footer p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.step-footer a,.back-link{color:#667eea;text-decoration:none;font-weight:700;transition:all .2s ease;background:none;border:none;cursor:pointer;padding:0;font:inherit}.step-footer a:hover,.back-link:hover{color:#764ba2;text-decoration:underline}.forgot-password-info{margin-top:20px;padding:14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;text-align:center}.forgot-password-info p{font-size:12px;color:#92400e;margin:0;line-height:1.6}.forgot-password-info strong{font-weight:700}@media(max-width:640px){.forgot-password-container{padding:12px}.forgot-password-wrapper{max-width:100%}.step-content{padding:24px 16px}.step-header{margin-bottom:24px}.step-title{font-size:24px}.step-description{font-size:13px}.step-form{gap:16px}.form-label{font-size:13px}.input-wrapper input,.password-input-wrapper input{padding:10px 10px 10px 36px;font-size:14px}.input-icon{width:16px;height:16px}.action-button{padding:11px 14px;font-size:14px}.otp-input{letter-spacing:4px!important;font-size:18px!important}.password-requirements{padding:10px}.req-title{font-size:11px}.password-requirements li{font-size:12px}.step-footer{margin-top:16px}.forgot-password-info{margin-top:16px;padding:12px}.forgot-password-info p{font-size:11px}}.enhanced-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;width:100%;align-items:stretch}.login-card{background:#fff;padding:36px!important;border-radius:12px!important;box-shadow:0 20px 60px #0000004d!important;border:none!important;min-width:380px;height:-moz-fit-content;height:fit-content}.login-header{margin-bottom:32px;text-align:left}.login-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-subtitle{font-size:14px;color:#718096;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-type-section{background:#f7fafc;padding:20px;border-radius:8px;border:1px solid #e2e8f0}.login-type-options{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#cbd5e0;background:#f7fafc}.radio-option input[type=radio]{margin-top:2px;cursor:pointer;accent-color:#667eea;min-width:18px}.radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.radio-label{display:flex;flex-direction:column;gap:4px;flex:1}.option-title{font-size:14px;font-weight:600;color:#2d3748}.option-description{font-size:12px;color:#718096}.form-group input{padding:10px 12px!important;border:1px solid #cbd5e0!important;border-radius:6px!important;font-size:14px!important;transition:all .2s ease!important;width:100%!important;box-sizing:border-box!important}.form-group input:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.form-group input:disabled{background:#edf2f7!important;cursor:not-allowed!important}.field-hint{font-size:12px;color:#718096;margin:4px 0 0}.form-alert{padding:12px 14px!important;background:#fed7d7!important;border:1px solid #fc8181!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:13px!important;color:#c53030!important}.login-button{padding:11px 16px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.loader-icon{width:16px;height:16px;animation:spin 1s linear infinite}.form-footer{text-align:center;padding-top:8px}.forgot-password-link{font-size:13px;color:#667eea;text-decoration:none;transition:color .2s ease;cursor:pointer}.forgot-password-link:hover{color:#764ba2;text-decoration:underline}.signup-section{text-align:center;padding-top:8px}.signup-text{font-size:13px;color:#4a5568;margin:0}.signup-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease}.signup-link:hover{color:#764ba2;text-decoration:underline}.login-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card{background:#ffffff1f;padding:20px;border-radius:8px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);transition:all .3s ease;height:-moz-fit-content;height:fit-content}.info-card:hover{background:#ffffff26;border-color:#ffffff4d}.info-card h3{font-size:15px;font-weight:700;margin:0 0 6px;color:#1a202c}.info-card p{font-size:12px;color:#2d3748;margin:0 0 12px;line-height:1.4}.info-list{list-style:none;color:#1a202c;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.info-list li{font-size:12px;color:#2d3748;padding-left:20px;position:relative;line-height:1.4}.info-list li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#667eea;font-size:13px}@media(max-width:1024px){.login-wrapper{grid-template-columns:1fr;gap:30px}.login-card{max-width:500px;margin:0 auto;min-width:unset}.login-info{grid-template-columns:1fr 1fr;gap:16px;max-width:500px;margin:0 auto}.info-card{padding:18px}.info-card h3{font-size:14px;margin:0 0 4px;color:#1a202c}.info-card p{font-size:12px;margin:0 0 10px;color:#2d3748}.info-list{gap:8px}.info-list li{font-size:11px;padding-left:18px;color:#2d3748}}@media(max-width:768px){.enhanced-login-container{padding:16px}.login-wrapper{grid-template-columns:1fr;gap:24px}.login-card{padding:24px!important;min-width:unset;max-width:100%}.login-title{font-size:24px}.login-subtitle{font-size:13px}.login-form{gap:16px}.login-info{grid-template-columns:1fr 1fr;gap:12px;max-width:100%;margin:0}.info-card{padding:14px}.info-card h3{font-size:13px;margin:0 0 4px;color:#1a202c}.info-card p{font-size:11px;margin:0 0 8px;color:#2d3748}.info-list li{font-size:11px;padding-left:16px;color:#2d3748}}@media(max-width:480px){.enhanced-login-container{padding:12px}.login-card{padding:20px!important}.login-header{margin-bottom:20px}.login-title{font-size:20px}.login-subtitle{font-size:12px}.login-form{gap:16px}.login-type-section{padding:16px}.radio-option{padding:10px}.login-info{display:flex;flex-direction:column;gap:12px}.info-card{padding:14px}.info-card h3{font-size:13px;color:#1a202c}.info-card p{font-size:11px;margin-bottom:10px;color:#2d3748}.info-list li{font-size:11px;padding-left:18px;color:#2d3748}}.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}.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}@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}}.capability-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-in-out}.capability-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.capability-modal-success{padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:400px}.success-icon{color:#10b981;animation:scaleIn .5s ease-out}.success-title{font-size:22px;font-weight:700;color:#1f2937;margin:0}.success-message{font-size:15px;color:#4b5563;margin:0;line-height:1.6}.success-details{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.success-timer{font-size:12px;color:#9ca3af;margin-top:16px;animation:pulse 1s infinite}.capability-modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(to right,#f3f4f6,#f9fafb)}.capability-modal-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.capability-modal-subtitle{font-size:13px;color:#6b7280}.capability-modal-close{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.capability-modal-close:hover:not(:disabled){background-color:#e5e7eb;color:#374151}.capability-modal-close:disabled{opacity:.5;cursor:not-allowed}.capability-modal-content{padding:24px;flex:1;overflow-y:auto}.capability-modal-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:20px;animation:slideDown .2s ease-out}.capability-modal-error svg{flex-shrink:0}.form-group{margin-bottom:24px}.form-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:8px}.char-count{font-size:12px;font-weight:600}.form-textarea{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;resize:none;transition:all .2s}.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-textarea.valid{border-color:#10b981}.form-textarea.invalid{border-color:#ef4444}.form-hint{font-size:12px;color:#6b7280;margin-top:6px}.form-textarea.valid~.form-hint{color:#10b981}.form-textarea.invalid~.form-hint{color:#ef4444}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:0}.form-section-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-section-title:before{content:"";width:3px;height:16px;background-color:#8b5cf6;border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-select{width:100%;padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#fff;color:#1f2937;cursor:pointer;transition:all .2s;font-family:inherit}.form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.capability-modal-actions{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;background-color:#f9fafb}.capability-modal-actions button{flex:1;max-width:150px}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.capability-modal{width:95%;max-height:95vh}.capability-modal-header,.capability-modal-content{padding:16px}.capability-modal-actions{padding:12px 16px;flex-direction:column}.capability-modal-actions button{max-width:none}.form-row{grid-template-columns:1fr}.form-section{margin-bottom:24px;padding-bottom:16px}}.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-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}}.transaction-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.transaction-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.transaction-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.transaction-modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.transaction-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.transaction-modal-close:hover{color:#1f2937}.transaction-modal-content{flex:1;overflow-y:auto;padding:24px}.transaction-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#6b7280}.transaction-modal-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;background-color:#fef2f2;border-radius:12px;border:1px solid #fecaca;color:#dc2626}.transaction-modal-retry-btn{margin-top:12px;padding:8px 16px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s}.transaction-modal-retry-btn:hover{background-color:#991b1b}.transaction-status-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:12px}.transaction-status-text{flex:1}.transaction-status-label{font-size:16px;font-weight:700;margin:0 0 4px;text-transform:capitalize}.transaction-status-time{font-size:12px;color:#6b7280;margin:0}.transaction-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.transaction-detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border-radius:8px;gap:12px}.transaction-detail-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280;min-width:100px}.transaction-detail-value{display:flex;align-items:center;gap:8px;font-size:13px;color:#1f2937;word-break:break-all}.transaction-detail-value code{font-family:Monaco,Courier New,monospace;font-size:11px;background-color:#f3f4f6;padding:4px 8px;border-radius:4px;flex:1}.transaction-detail-copy{background:none;border:none;color:#2563eb;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.transaction-detail-copy:hover{color:#1d4ed8}.transaction-detail-error{display:flex;gap:12px;padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.transaction-detail-error strong{display:block;margin-bottom:4px}.transaction-detail-environment{margin-top:16px;text-align:center}.environment-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.environment-badge.sandbox{background-color:#fef3c7;color:#92400e}.environment-badge.production{background-color:#d1d5db;color:#374151}.transaction-timeline{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.timeline-header{font-size:13px;font-weight:700;color:#6b7280;margin-bottom:12px}.timeline-items{display:flex;flex-direction:column;gap:8px}.timeline-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#9ca3af;opacity:.5;transition:opacity .2s,color .2s}.timeline-item.completed{color:#10b981;opacity:1}.timeline-item.failed{color:#ef4444;opacity:1}.timeline-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor;flex-shrink:0}.timeline-label{flex:1}.transaction-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;gap:12px}.transaction-modal-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.transaction-modal-checkbox input{cursor:pointer}.transaction-modal-close-btn{padding:8px 16px;background-color:#f3f4f6;color:#1f2937;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.transaction-modal-close-btn:hover{background-color:#e5e7eb}@media(max-width:640px){.transaction-modal{width:95%;max-height:90vh}.transaction-modal-header,.transaction-modal-content{padding:16px}.transaction-modal-footer{flex-direction:column;padding:12px 16px}.transaction-modal-close-btn{width:100%}}.transactions-container{max-width:1400px;margin:0 auto;padding:32px 24px;background:#f8fafc;min-height:100vh}.transactions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.page-header-content{flex:1}.page-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.5px}.page-subtitle{color:#64748b;font-size:16px;margin:0;font-weight:400}.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:12px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05);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:12px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden}.table-container{width:100%}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left;font-weight:700;color:#334155}.table-header .header-content{display:flex;align-items:center;gap:.5rem;cursor:pointer;white-space:nowrap;flex-wrap:nowrap}.sort-icon{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.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:700;color:#0f172a}.customer-email{font-size:.75rem;color:#94a3b8}.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:#cffafe;color:#0c4a6e;border:1px solid #a5f3fc}.payout{background:#fef3c7;color:#78350f;border:1px solid #fde68a}.refund{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.amount-info{display:flex;flex-direction:column;gap:.125rem}.amount-value{font-weight:700;color:#0f172a}.amount-fee{font-size:.75rem;color:#94a3b8}.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:700;color:#0f172a}.empty-message{margin:0;font-size:.875rem;max-width:28rem;color:#64748b}.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}}.view-status-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-status-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.view-status-button:active{transform:translateY(0)}.view-status-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.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}.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}.checkbox-group{margin:0;padding:0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#333;margin:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px;border-radius:4px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:#2ECC71;flex-shrink:0}.checkbox-label span{line-height:1.4;flex:1}.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:flex-start;gap:1.5rem;margin-bottom:1rem}.header-title-group{display:flex;align-items:center;gap:12px}.test-mode-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;font-size:.75rem;font-weight:700;border-radius:.375rem;box-shadow:0 2px 8px #f59e0b40;letter-spacing:.05em}.avatar-container{padding:.75rem;border-radius:.75rem;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.avatar-icon{width:2rem;height:2rem;color:#fff;display:flex;align-items:center;justify-content:center}.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:var(--card-bg);border-radius:.75rem;padding:.375rem;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff1a;border:1px solid rgba(100,116,139,.1);gap:.25rem}.tab-button{display:flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:.875rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.6);background:transparent}.tab-button-active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 102, 126, 234),.3)}.tab-button-inactive{color:rgba(var(--rgb-text-color, 15, 23, 42),.6);background:transparent}.tab-button-inactive:hover{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb, 102, 126, 234),.08)}.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:var(--card-bg);border-radius:1rem;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(100,116,139,.1);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 4px 12px #00000014}.stat-background{position:absolute;inset:0;opacity:.03}.emerald-bg{background:linear-gradient(135deg,#10b981,#059669)}.blue-bg{background:linear-gradient(135deg,#3b82f6,#2563eb)}.purple-bg{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.orange-bg{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:0;transition:opacity .3s ease}.stat-card:hover .stat-accent{opacity:1}.stat-content{position:relative;padding:1.5rem}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.stat-icon-container{width:3.25rem;height:3.25rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001f}.emerald-gradient{background:linear-gradient(135deg,#10b981,#059669)}.blue-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb)}.purple-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.orange-gradient{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-icon{width:1.5rem;height:1.5rem;color:#fff}.stat-change{font-size:.75rem;font-weight:700;background:#10b98126;color:#059669;padding:.375rem .625rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.05em}.emerald-change{background:#10b98126;color:#059669}.blue-change{background:#3b82f626;color:#2563eb}.purple-change{background:rgba(var(--primary-color-rgb, 102, 126, 234),.15);color:var(--primary-color)}.orange-change{background:#f9731626;color:#ea580c}.stat-label{font-size:.75rem;color:rgba(var(--rgb-text-color, 15, 23, 42),.5);margin:0 0 .5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value-container{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.stat-value{font-size:1.875rem;font-weight:700;color:var(--text-color);margin:0}.stat-value-local{font-size:.875rem;font-weight:500;color:rgba(var(--rgb-text-color, 15, 23, 42),.6);margin:0}.stat-bar{height:4px;border-radius:2px;background:#64748b1a;overflow:hidden}.content-grid{display:grid;gap:1.5rem}.capabilities-section,.panel-section{width:100%}.transactions-card{position:relative;background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(100,116,139,.1);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transactions-card:hover{box-shadow:0 12px 24px #0000001f,0 4px 12px #00000014;transform:translateY(-2px)}.transactions-background{position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 102, 126, 234),.05),rgba(var(--accent-color-rgb, 118, 75, 162),.03));opacity:.5}.transactions-content{position:relative;padding:1.5rem}.transactions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,116,139,.1)}.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}.transactions-table{width:100%;border-collapse:collapse;font-size:.875rem}.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}.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}.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}.stat-value-local{font-size:.75rem}.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 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}.sandbox-info-card{grid-column:1 / -1;position:relative;overflow:hidden;border-radius:1rem}.sandbox-info-background{position:absolute;inset:0;background:linear-gradient(135deg,#fef3c7,#fde68a);opacity:1}.sandbox-info-content{position:relative;padding:2rem;display:flex;align-items:flex-start;gap:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,193,7,.2);border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 10px 30px #ffc1071a;z-index:1}.sandbox-info-icon-container{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.sandbox-info-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.sandbox-info-text{flex:1}.sandbox-info-title{font-size:1.25rem;font-weight:700;color:#92400e;margin-bottom:.5rem;letter-spacing:-.01em}.sandbox-info-description{font-size:.95rem;color:#b45309;margin-bottom:1rem;line-height:1.5}.sandbox-info-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.sandbox-info-features .feature{padding:.75rem 1rem;background:#fbbf241a;border-left:3px solid #f59e0b;border-radius:.375rem;font-size:.9rem;color:#92400e;font-weight:500;transition:all .2s ease}.sandbox-info-features .feature:hover{background:#fbbf2426;transform:translate(2px)}.transactions-section{grid-column:1 / -1}.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}.time-range-select.select-trigger{padding:8px 12px!important;min-height:36px!important;height:36px!important;font-size:13px!important;line-height:1.2!important}.time-range-select .select-trigger{padding:8px 12px!important;min-height:36px!important;height:36px!important;font-size:13px!important}.time-range-select .select-trigger-icon{width:16px!important;height:16px!important;margin-left:6px!important}.header-actions .select-content{max-height:200px!important;overflow-y:auto!important;font-size:13px!important;min-width:140px;margin-top:4px!important}.header-actions .select-content .select-item{padding:8px 12px!important;min-height:auto!important;height:auto!important;line-height:1.3!important;font-size:13px!important}.header-actions .select-content .select-item:hover{background-color:#f3f4f6!important}.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}.refresh-button:hover{background:#f9fafb;border-color:#9ca3af}.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%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.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}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:.75rem;height:250px;padding:1rem;width:100%}.bar-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar-container{width:100%;height:200px;background:#f3f4f6;border-radius:.25rem;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.bar{width:100%;background:linear-gradient(180deg,#7c3aed,#6d28d9);border-radius:.25rem .25rem 0 0;min-height:2px;animation:slideUp .6s ease-out forwards;opacity:0}@keyframes slideUp{0%{height:0;opacity:0}to{opacity:1}}.bar-label{font-size:.75rem;font-weight:600;color:#374151}.bar-value{font-size:.75rem;color:#6b7280}.chart-line-data{display:flex;align-items:flex-end;justify-content:space-around;gap:.75rem;height:250px;padding:1rem;width:100%}.line-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;opacity:0;animation:fadeInScale .6s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.line-dot{width:8px;height:60px;background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:4px;min-height:2px;animation:slideUp .6s ease-out forwards}.line-label{font-size:.75rem;font-weight:600;color:#374151}.pie-container{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem;height:250px}.pie-chart-visual{flex:0 0 120px;height:120px}.pie-circle{width:100%;height:100%;border-radius:50%;box-shadow:0 2px 8px #0000001a;animation:rotatePie .8s ease-out}@keyframes rotatePie{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pie-legend{display:flex;flex-direction:column;gap:1rem}.legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.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}@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}}.tx-page{max-width:1600px;margin:0 auto;padding:32px 24px;background:#f8fafc;min-height:100vh}.tx-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;flex-wrap:wrap}.tx-header-section{flex:1;min-width:300px}.tx-header-title-group{display:flex;align-items:center;gap:16px;margin-bottom:12px}.tx-header-title{font-size:32px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.tx-env-indicator{font-size:20px}.tx-header-subtitle{color:#64748b;font-size:14px;margin:0;font-weight:400}.tx-env-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.tx-badge-icon-sm{width:16px;height:16px}.tx-header-actions{display:flex;gap:12px;flex-wrap:wrap}.tx-action-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tx-button-icon{width:16px;height:16px}.tx-env-banner{padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:13px;font-weight:500;border-left:4px solid}.tx-env-banner.tx-sandbox{background-color:#fef3c7;border-left-color:#ff9500;color:#92400e}.tx-env-banner.tx-production{background-color:#d1fae5;border-left-color:#10b981;color:#065f46}.tx-filters-panel{background:#fff;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0}.tx-search-bar{display:flex;align-items:center;gap:12px;position:relative;margin-bottom:16px}.tx-search-icon{position:absolute;left:12px;width:18px;height:18px;color:#94a3b8;flex-shrink:0}.tx-search-input{flex:1;padding:10px 12px 10px 40px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:14px!important;background:#f8fafc!important}.tx-search-input:focus{border-color:#3b82f6!important;background:#fff!important}.tx-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-top:16px;border-top:1px solid #e2e8f0}.tx-filter-group{display:flex;flex-direction:column;gap:6px}.tx-filter-group.tx-full-width{grid-column:1 / -1}.tx-filter-label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.tx-filter-select,.tx-filter-input{padding:8px 12px!important;border:1px solid #e2e8f0!important;border-radius:4px!important;font-size:14px!important;background:#fff!important}.tx-clear-btn{width:100%;justify-content:center}.tx-transactions-table-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.tx-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;color:#64748b}.tx-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:tx-spin 1s linear infinite;margin-bottom:16px}@keyframes tx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tx-table-wrapper{overflow-x:auto}.tx-transactions-table{width:100%;border-collapse:collapse;font-size:14px}.tx-transactions-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.tx-transactions-table th{padding:12px 16px;text-align:left;font-weight:600;color:#334155;font-size:12px;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;min-height:48px}.tx-transactions-table th.tx-sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s;display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap}.tx-transactions-table th.tx-sortable:hover{color:#1e293b}.tx-transactions-table th.tx-text-right{text-align:right}.tx-transactions-table th.tx-text-center{text-align:center}.tx-sort-icon{width:14px;height:14px;min-width:14px;min-height:14px;color:#cbd5e1;opacity:0;transition:opacity .2s;flex-shrink:0}.tx-transactions-table th.tx-sortable:hover .tx-sort-icon{opacity:1}.tx-table-row{border-bottom:1px solid #e2e8f0;transition:all .2s ease;background-color:#fff}.tx-table-row:hover{background-color:#f8fafc;box-shadow:inset 0 0 0 1px #3b82f61a}.tx-table-row:active{background-color:#f1f5f9}.tx-table-row td{transition:color .2s ease}.tx-table-row:hover td{color:#1e293b}.tx-transactions-table td{padding:14px 16px;vertical-align:middle;color:#475569;font-size:14px;transition:color .2s ease}.tx-cell-id{width:140px}.tx-tx-id{background:#f3f4f6;padding:4px 8px;border-radius:3px;font-size:12px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tx-cell-customer{width:200px}.tx-customer-info{display:flex;flex-direction:column;gap:2px}.tx-customer-name{font-weight:600;color:#0f172a;font-size:14px}.tx-customer-email{font-size:12px;color:#94a3b8}.tx-cell-type{width:100px}.tx-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px}.tx-type-badge.tx-deposit{background:#ecfdf5;color:#065f46;border:1px solid #d1fae5}.tx-type-badge.tx-purchase{background:#cffafe;color:#0c4a6e;border:1px solid #a5f3fc}.tx-type-badge.tx-payout{background:#fef3c7;color:#78350f;border:1px solid #fde68a}.tx-type-badge.tx-refund{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.tx-cell-amount{width:180px}.tx-amount-display{display:flex;flex-direction:column;gap:2px}.tx-amount-value{font-weight:700;color:#0f172a;font-size:14px}.tx-amount-fee{font-size:12px;color:#94a3b8}.tx-cell-status{width:120px}.tx-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:4px}.tx-badge-icon{width:14px;height:14px}.tx-cell-date{width:140px}.tx-date-display{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px}.tx-date-icon{width:16px;height:16px;color:#cbd5e1;flex-shrink:0}.tx-cell-actions{width:100px;text-align:center}.tx-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tx-view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}.tx-view-btn:active{transform:translateY(0)}.tx-icon{width:14px;height:14px}.tx-text-left{text-align:left}.tx-text-right{text-align:right}.tx-text-center{text-align:center}.tx-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;color:#64748b}.tx-empty-icon{width:48px;height:48px;color:#cbd5e1;margin-bottom:16px}.tx-empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#0f172a}.tx-empty-state p{margin:0;font-size:14px;color:#64748b}.tx-pagination-section{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e2e8f0;background:#f9fafb;flex-wrap:wrap;gap:12px}.tx-pagination-info{font-size:13px;color:#64748b;font-weight:500}.tx-pagination-controls{display:flex;align-items:center;gap:12px}.tx-pagination-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px!important;font-size:13px!important;font-weight:500!important}.tx-page-indicator{font-size:13px;color:#475569;font-weight:500;min-width:100px;text-align:center}.tx-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:tx-fadeIn .2s ease-out}@keyframes tx-fadeIn{0%{opacity:0}to{opacity:1}}.tx-modal-content{background:#fff;border-radius:8px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026;animation:tx-slideUp .3s ease-out}@keyframes tx-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tx-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.tx-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.tx-close-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;color:#64748b;transition:all .2s}.tx-close-btn:hover{background:#e2e8f0;color:#0f172a}.tx-modal-body{padding:24px}.tx-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.tx-detail-item{display:flex;flex-direction:column;gap:8px}.tx-detail-item.tx-full-width{grid-column:1 / -1}.tx-detail-item label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.tx-detail-code{background:#f3f4f6;padding:8px 12px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#374151;word-break:break-all}.tx-detail-value{font-size:14px;color:#0f172a;font-weight:500}.tx-detail-amount{font-size:18px;font-weight:700;color:#0f172a}.tx-detail-fee{font-size:14px;color:#f97316;font-weight:600}.tx-detail-metadata{background:#f3f4f6;padding:12px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:#374151;overflow-x:auto;border:1px solid #e5e7eb;margin:0}.tx-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f9fafb;justify-content:flex-end}@media(max-width:1024px){.tx-page-header{flex-direction:column}.tx-header-section{width:100%}.tx-filters-grid{grid-template-columns:repeat(2,1fr)}.tx-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.tx-page{padding:16px 12px}.tx-page-header{margin-bottom:16px}.tx-header-title{font-size:24px}.tx-header-actions{width:100%;flex-direction:column}.tx-action-button{width:100%;justify-content:center}.tx-filters-grid{grid-template-columns:1fr}.tx-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.tx-transactions-table{min-width:800px}.tx-transactions-table th,.tx-transactions-table td{padding:10px 12px;font-size:12px}.tx-pagination-section{flex-direction:column;align-items:stretch}.tx-pagination-info,.tx-pagination-controls{width:100%;justify-content:center}.tx-modal-content{width:95%;max-height:95vh}.tx-modal-body{padding:16px}.tx-detail-grid{gap:16px}}@media(max-width:640px){.tx-page{padding:12px 8px}.tx-header-title{font-size:20px}.tx-header-subtitle{font-size:12px}.tx-transactions-table th,.tx-transactions-table td{padding:8px;font-size:11px}.tx-cell-id,.tx-cell-customer,.tx-cell-amount,.tx-cell-date{width:auto}.tx-tx-id{font-size:10px}.tx-view-btn{padding:4px 8px;font-size:10px}.tx-pagination-section{gap:8px}.tx-pagination-info{font-size:12px}}.api-keys-container{padding:32px 24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.api-keys-header{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.header-info{display:flex;align-items:flex-start;gap:16px;flex:1;min-width:300px}.header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.page-title{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 4px;line-height:1.2;letter-spacing:-.5px}.page-description{font-size:15px;color:#64748b;margin:0;line-height:1.5;font-weight:400}.environment-info{display:flex;flex-direction:column;gap:12px}.environment-badge{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content}.sandbox-notice{font-size:13px;color:#7c3aed;background:#f3e8ff;padding:8px 12px;border-radius:6px;margin:0;border-left:3px solid #7c3aed}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.refresh-button,.create-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-button{border:1px solid #e2e8f0;background:#fff;color:#475569}.refresh-button:hover{border-color:#cbd5e1;background:#f8fafc}.create-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.create-button:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.refresh-icon{width:16px;height:16px}.refresh-icon.spinning{animation:spin 1s linear infinite}.create-icon{width:16px;height:16px}.error-alert{position:relative;padding:16px;background:#fff;border-radius:12px;border:1px solid #fee2e2;margin-bottom:24px;display:flex;gap:12px}.error-background{position:absolute;inset:0;background:#fee2e20d;border-radius:12px}.error-content{position:relative;display:flex;gap:12px}.error-icon{flex-shrink:0;color:#dc2626}.error-title{font-size:14px;font-weight:600;color:#dc2626;margin:0 0 4px}.error-message{font-size:14px;color:#991b1b;margin:0;line-height:1.5}.filter-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-label{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:#cbd5e1;background:#f8fafc}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-bottom:24px}@media(max-width:1024px){.keys-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:640px){.keys-grid{grid-template-columns:1fr}}.key-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.key-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.key-card.skeleton-card{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.key-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.key-header-info{flex:1}.key-name{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;line-height:1.3}.key-description{font-size:13px;color:#64748b;margin:0;line-height:1.4}.key-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.env-badge,.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap}.badge-icon{width:12px;height:12px}.key-card-details{display:flex;flex-direction:column;gap:12px}.key-scopes-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(135deg,#f0f4ff,#f5edff);border-radius:8px;border:1px solid #e9d5ff}.key-scopes-label{font-size:12px;font-weight:700;color:#6b21a8;text-transform:uppercase;letter-spacing:.5px;margin:0}.scopes-badges{display:flex;flex-wrap:wrap;gap:6px}.scope-badge{background:#fff;border:1px solid #c084fc;color:#7c3aed;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.scopes-empty{font-size:13px;color:#94a3b8;font-style:italic}.key-field{display:flex;flex-direction:column;gap:6px}.key-field-label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.key-display-group{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px}.key-code-display{flex:1;font-family:Fira Code,Courier New,monospace;font-size:12px;color:#334155;background:transparent;border:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-code-display.secret{letter-spacing:3px}.key-action-button{flex-shrink:0;padding:4px;color:#64748b;transition:all .2s ease}.key-action-button:hover{color:#667eea}.key-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:14px;font-weight:700;color:#0f172a}.key-card-actions{display:flex;gap:8px;flex-wrap:wrap}.action-button{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-button:hover{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.action-button.danger:hover{border-color:#fecaca;background:#fef2f2;color:#dc2626}.empty-state-card{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:48px 24px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#f3e8ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#667eea}.empty-icon svg{width:32px;height:32px}.empty-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.empty-message{font-size:14px;color:#64748b;margin:0;max-width:400px;line-height:1.6}.empty-action-button{display:inline-flex;align-items:center;gap:8px;margin-top:8px}.dialog-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.dialog-content{background:#fff;border-radius:12px;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease;border:2px solid transparent;transition:border-color .2s ease}.create-dialog-production{border-color:#fcd34d}.create-dialog-sandbox{border-color:#e9d5ff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-header-production{background:linear-gradient(135deg,#fee2e2,#fef3c7);border-bottom:2px solid #f87171}.dialog-header-sandbox{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-bottom:2px solid #7c3aed}.dialog-header-content{display:flex;align-items:center;gap:12px;flex:1}.dialog-env-badge{flex-shrink:0;font-size:12px;font-weight:700}.dialog-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.dialog-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.dialog-close:hover{background:#f1f5f9;color:#475569}.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:12px}@media(max-width:480px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:#0f172a}.required-indicator{color:#dc2626;font-weight:700;margin-left:4px}.form-input,.form-select,.form-textarea{padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s ease;font-family:inherit}.form-input-error,.form-textarea-error{border-color:#dc2626;background:#fef2f2}.form-input-error:focus,.form-textarea-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-error{font-size:12px;color:#dc2626;display:block;margin-top:4px;font-weight:500}.form-textarea{resize:vertical;min-height:80px}.form-help{font-size:12px;color:#64748b;margin:6px 0 0;display:block;font-weight:400}.form-section-divider{display:flex;align-items:center;gap:12px;margin:8px 0 12px;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.form-section-divider:before,.form-section-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.scopes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.scope-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.scope-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px;margin:0;flex-shrink:0}.scope-label{cursor:pointer;transition:all .2s ease;color:#475569;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;flex:1}.scope-checkbox input[type=checkbox]:checked+.scope-label{font-weight:700;color:#667eea}.scope-checkbox:has(input[type=checkbox]:checked){background:#f3e8ff;border-color:#c084fc}.scope-checkbox.checked{background:#f3e8ff;border-color:#7c3aed}.production-requirements-banner{display:flex;gap:12px;padding:14px;background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;line-height:1.6;margin:12px 0}.production-requirements-banner svg{flex-shrink:0;margin-top:2px;color:#d97706}.production-requirements-banner strong{display:block;margin-bottom:4px;font-weight:700;color:#b45309}.production-requirements-banner p{margin:0;color:#92400e}.sandbox-info-banner{display:flex;gap:12px;padding:14px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #e9d5ff;border-radius:8px;color:#6b21a8;font-size:13px;line-height:1.6;margin-top:16px}.sandbox-info-banner svg{flex-shrink:0;margin-top:2px;color:#7c3aed}.sandbox-info-banner strong{display:block;margin-bottom:4px;font-weight:700;color:#6b21a8}.sandbox-info-banner p{margin:0;color:#6b21a8}.form-actions button{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .2s ease}.form-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.form-actions button:hover:last-child{opacity:.95;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.form-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secret-content{display:flex;flex-direction:column;gap:20px}.secret-alert{padding:12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;display:flex;gap:8px}.key-label{font-size:14px;font-weight:600;color:#0f172a}.key-input-group{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.key-display-code{flex:1;font-family:Fira Code,Courier New,monospace;font-size:12px;color:#334155;background:transparent;border:none;padding:0;margin:0;line-height:1.5;word-break:break-all}.key-display-code.secret-code{letter-spacing:2px}.copy-button{flex-shrink:0;padding:4px;background:none;border:none;color:#64748b;cursor:pointer;transition:all .2s ease}.copy-button:hover{color:#667eea}.secret-actions{display:flex;gap:12px;margin-top:12px}.secret-actions button{flex:1}@media(max-width:768px){.api-keys-container{padding:24px 16px}.api-keys-header{gap:16px}.header-content{flex-direction:column}.page-title{font-size:28px}.header-actions{width:100%}.refresh-button,.create-button{flex:1;justify-content:center}.keys-grid{grid-template-columns:1fr;gap:16px}.filter-section{gap:12px}.filter-group{flex:1;min-width:140px}.key-stats{grid-template-columns:1fr 1fr}.dialog-content{margin:16px;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px)}.scopes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.api-keys-container{padding:16px 12px}.page-title{font-size:24px}.key-card{padding:16px}.key-card-actions{flex-direction:column}.action-button{width:100%}.filter-section{flex-direction:column}.filter-group{min-width:100%}.key-display-group{flex-direction:column;align-items:flex-start}.key-code-display{width:100%;white-space:normal;word-break:break-all}.scopes-grid{grid-template-columns:1fr}.loading-card{margin-top:32px;padding:48px 32px;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-content p{color:#6b7280;font-size:14px;margin:0}.access-denied-card{margin-top:32px;padding:48px 32px;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.access-denied-content{display:flex;flex-direction:column;align-items:center;gap:24px}.denied-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#fed7aa,#fb923c);display:flex;align-items:center;justify-content:center;color:#7c2d12}.denied-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.denied-message{font-size:16px;color:#4b5563;margin:0;max-width:500px;line-height:1.6}.denied-details{font-size:14px;color:#6b7280;margin:0;max-width:500px;line-height:1.5;font-style:italic}@media(max-width:768px){.access-denied-card{padding:32px 16px}.denied-icon{width:64px;height:64px}.denied-title{font-size:22px}.denied-message{font-size:14px}.denied-details{font-size:12px}}.dialog-header-content{flex-direction:column;align-items:flex-start}.dialog-env-badge{width:100%;justify-content:center}.form-section-divider{margin:16px 0 12px}.production-requirements-banner,.sandbox-info-banner{font-size:12px}}.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}.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}.events-by-category{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.event-category{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-header:hover{background:#f3f4f6}.category-header-left{display:flex;align-items:center;gap:12px;flex:1}.category-toggle-icon{width:20px;height:20px;color:#6b7280;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:2px}.category-title{font-size:15px;font-weight:600;color:#1a1a1a}.category-description{font-size:13px;color:#6b7280}.category-count{font-size:13px;font-weight:600;color:#667eea;padding:4px 12px;background:#fff;border-radius:6px;flex-shrink:0}.category-content{padding:16px;background:#fff;border-top:1px solid #e5e7eb}.select-all-button{margin-bottom:12px;font-size:13px}.select-all-button.all-selected{color:#10b981;border-color:#10b981}.select-all-button.partial-selected{color:#f59e0b;border-color:#f59e0b}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.event-option{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #d1d5db;border-radius:6px;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}.checkbox-indicator.checked,.event-option.enabled .checkbox-indicator{opacity:1}.event-info{flex:1;display:flex;flex-direction:column;gap:2px}.event-name{font-size:13px;font-weight:500;color:#1a1a1a}.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-categories{display:flex;flex-direction:column;gap:24px}.test-category{display:flex;flex-direction:column;gap:12px}.test-category-title{font-size:14px;font-weight:600;color:#374151;margin:0;padding:0 0 8px;border-bottom:2px solid #e5e7eb}.test-buttons-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;background:#fff}.logs-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.header-actions{display:flex;gap:.75rem}.filters-card{margin-bottom:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.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:#6b7280}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#1f2937;font-size:.875rem}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.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:#6b7280}.status-filter,.limit-filter{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;color:#1f2937;font-size:.875rem;min-width:120px}.status-filter:focus,.limit-filter:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.export-button{display:flex;align-items:center;gap:.5rem;margin-left:auto}.logs-card{margin-bottom:2rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.logs-header-section{padding-bottom:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.logs-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.logs-content{min-height:400px}.deliveries-list{display:flex;flex-direction:column;gap:1rem}.delivery-item{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff;transition:all .2s ease}.delivery-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.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:#1f2937}.event-type{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.delivery-timestamp{font-size:.75rem;color:#6b7280;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:#6b7280;min-width:80px}.detail-value{font-size:.875rem;color:#1f2937}.payload-section,.response-section{margin-top:.75rem;border-top:1px solid #e5e7eb;padding-top:.75rem}.payload-toggle,.response-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.5rem;background:#f3f4f6;border-radius:.25rem;font-size:.875rem;font-weight:500;color:#1f2937;border:none;width:100%;text-align:left}.payload-toggle:hover,.response-toggle:hover{background:#f3f4f6cc}.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:#f3f4f64d;border-radius:.25rem;border:1px solid #e5e7eb}.payload-json,.response-json{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;color:#1f2937;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 #e5e7eb}.response-status{font-size:.75rem;font-weight:500;color:#6b7280}@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;background:#fff}.monitoring-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.header-icon-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#667eea;border-radius:.75rem;color:#fff}.header-icon{width:1.5rem;height:1.5rem}.page-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.page-description{color:#6b7280;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 #e5e7eb;border-radius:.375rem;background:#fff;color:#1f2937;font-size:.875rem;min-width:140px}.time-range-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.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;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.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:#1f2937;margin:0}.health-description{color:#6b7280;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:#e7b008}.trend-text{font-size:.875rem;color:#1f2937;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.metric-content{display:flex;align-items:center;justify-content:space-between}.metric-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.metric-label{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.metric-value{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.metric-icon{width:2.5rem;height:2.5rem;flex-shrink:0;margin-left:1rem}.metric-icon.total{color:#667eea}.metric-icon.success{color:#21c45d}.metric-icon.failed{color:#dc2828}.metric-icon.attempts{color:#e7b008}.failure-alert{margin-bottom:1.5rem;border:1px solid hsl(0,84%,90%);background:#fef2f280}.pending-alert{margin-bottom:1.5rem;border:1px solid hsl(48,96%,89%);background:#fffbeb80}.activity-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.activity-header{padding-bottom:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}.activity-title{font-size:1.25rem;font-weight:600;color:#1f2937;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:#6b7280;animation:spin 1s linear infinite}.loading-text{color:#6b7280;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:2rem;height:2rem;color:#6b7280}.empty-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.empty-message{color:#6b7280;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 #e5e7eb;border-radius:.375rem;background:#fff;transition:all .2s ease}.activity-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.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:.25rem}.activity-event{font-size:.875rem;font-weight:500;color:#1f2937;margin:0}.activity-meta{font-size:.75rem;color:#6b7280;margin:0}.activity-side{display:flex;align-items:center;gap:1rem;margin-left:auto}.activity-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;min-width:70px}.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-timestamp{font-size:.75rem;color:#6b7280;white-space:nowrap}@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:flex-end;gap:.5rem}.page-title{font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-icon{display:none}.health-content{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.trend-indicator{align-self:flex-end}.activity-item{flex-direction:column;align-items:flex-start;gap:.75rem}.activity-side{width:100%;margin-left:0;justify-content:space-between}}@media(max-width:480px){.monitoring-container{padding:.75rem}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.page-title{font-size:1.25rem}.health-status-icon{width:2.5rem;height:2.5rem}.status-icon{width:1.25rem;height:1.25rem}}.webhooks-container{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.webhooks-tabs-wrapper,.webhooks-tabs{width:100%}.tabs-list{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;border-bottom:1px solid #e5e7eb;padding-bottom:0}.tab-trigger{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-bottom:2px solid transparent;border-radius:0;font-size:14px;font-weight:500;color:#6b7280;background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.tab-trigger:hover{color:#374151;background:transparent}.tab-trigger[data-state=active]{color:#667eea;border-bottom-color:#667eea;background:transparent}.tab-icon{width:18px;height:18px}.tab-content{margin-top:24px;animation:fadeIn .3s ease}@media(max-width:768px){.webhooks-container{padding:16px}.tabs-list{gap:8px;margin-bottom:16px}.tab-trigger{padding:10px 12px;font-size:13px}.tab-icon{width:16px;height:16px}.tab-content{margin-top:16px}}@media(max-width:480px){.webhooks-container{padding:12px}.tabs-list{gap:4px;margin-bottom:12px}.tab-trigger{padding:8px 10px;font-size:12px;gap:6px}.tab-icon{width:14px;height:14px}.tab-content{margin-top:12px}}.balance-container{padding:32px 24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.balance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px}.page-description{font-size:16px;color:#64748b;margin:0;line-height:1.5;font-weight:400}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.action-icon{width:16px;height:16px}.balance-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.balance-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.balance-card:hover{box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014;transform:translateY(-2px);border-color:#00000014}.balance-card:hover:before{opacity:1}.card-content{padding:28px}.card-header-section{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}.card-icon-container{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000014}.card-icon-container.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.card-icon-container.pending{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.card-icon-container.total{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)}.card-icon{width:28px;height:28px;color:#0f172a}.card-info{flex:1}.card-label{font-size:13px;font-weight:600;color:#64748b;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.card-amount{font-size:32px;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.1;letter-spacing:-1px}.card-subtext{font-size:13px;color:#94a3b8;margin:0}.card-actions{margin-top:24px}.wallet-info-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;margin-bottom:40px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.wallet-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:8px}.info-item{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.info-item:last-child{border-bottom:none}.info-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;font-weight:600;color:#0f172a}.activity-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;margin-bottom:30px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.wallet-activity-card{background:#fff!important;border-radius:16px!important;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a!important;margin-bottom:30px!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.05)!important;padding:0!important;display:flex!important;flex-direction:column!important}.wallet-activity-card-content{padding:20px 16px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important}.wallet-activity-header .card-title{font-size:16px!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.3px!important;line-height:1.3!important;flex:1!important}.wallet-activity-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #f1f5f9!important;padding-bottom:10px!important;gap:16px!important;margin:0 0 12px!important}.wallet-view-all-button{background:none!important;border:none!important;color:#6366f1!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;padding:4px 8px!important;transition:all .2s ease!important;border-radius:4px!important;display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;flex-shrink:0!important;margin:0!important;height:auto!important;line-height:1.2!important}.wallet-view-all-button:hover{color:#4f46e5!important;background:#f0f4ff!important;transform:translate(2px)!important}.wallet-activity-list{display:flex!important;flex-direction:column!important;gap:0!important;background:linear-gradient(to bottom,#fafbfc,#f8fafc)!important;margin:0!important;padding:0!important}.wallet-no-activity{text-align:center!important;padding:30px 20px!important;color:#64748b!important;margin:0!important}.wallet-no-activity p{margin:8px 0!important;font-size:14px!important;line-height:1.5!important}.wallet-no-activity p:first-child{margin-top:0!important}.wallet-no-activity p:last-child{margin-bottom:0!important}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.card-title{font-size:16px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.view-all-button{background:none;border:none;color:#6366f1;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;gap:2px}.view-all-button:hover{color:#4f46e5;background:#f0f4ff;transform:translate(2px)}.activity-list{display:flex;flex-direction:column;gap:0;background:linear-gradient(to bottom,#fafbfc,#f8fafc)}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:0;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;background:#fff;position:relative}.activity-item:first-child{border-radius:8px 8px 0 0}.activity-item:last-child{border-radius:0 0 8px 8px}.activity-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:#6366f1;box-shadow:inset 0 1px #6366f11a}.activity-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#f1f5f9,transparent)}.activity-item:last-child:after{display:none}.activity-icon-container{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.activity-item:hover .activity-icon-container{transform:scale(1.06);box-shadow:0 2px 6px #00000014}.activity-icon{width:18px;height:18px;filter:drop-shadow(0 .5px 1px rgba(0,0,0,.04))}.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:3px;min-width:0}.activity-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.activity-description{font-size:13px;font-weight:600;color:#0f172a;letter-spacing:-.2px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-amount{font-size:14px;font-weight:700;font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:0px;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.activity-amount.positive{color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2)}.activity-amount.negative{color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2)}.activity-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.wallet-activity-item{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border-left:3px solid transparent!important;background:#fff!important;position:relative!important;margin:0!important}.wallet-activity-item:first-child{border-radius:0!important}.wallet-activity-item:last-child{border-radius:0!important;margin-bottom:0!important}.wallet-activity-icon-container{width:32px!important;height:32px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;flex-shrink:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #0000000d!important}.wallet-activity-content{flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.wallet-activity-main{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.wallet-activity-description{font-size:12px!important;font-weight:600!important;color:#0f172a!important;letter-spacing:-.2px!important;flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.wallet-activity-amount{font-size:12px!important;font-weight:700!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;letter-spacing:0px!important;padding:2px 6px!important;border-radius:4px!important;white-space:nowrap!important;flex-shrink:0!important;transition:all .2s ease!important}.wallet-activity-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-wrap:wrap!important}.wallet-activity-time{font-size:11px!important;color:#cbd5e1!important}.activity-time{font-size:11px;color:#94a3b8;font-weight:500;letter-spacing:-.2px}.status-badge{padding:2px 7px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.2px;border:1px solid;flex-shrink:0;transition:all .2s ease}.status-badge.completed{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);color:#065f46;border-color:#a7f3d0;box-shadow:0 1px 2px #10b98114}.status-badge.processing{background:linear-gradient(135deg,#fefce8,#fffbeb);color:#78350f;border-color:#fcd34d;box-shadow:0 1px 2px #ca8a0414}.status-badge.failed{background:linear-gradient(135deg,#fef2f2,#fef5f5);color:#7f1d1d;border-color:#fecaca;box-shadow:0 1px 2px #ef444414}.no-activity{text-align:center;padding:40px 20px;color:#64748b}.no-activity p{margin:8px 0;font-size:14px}.no-activity p:first-child{font-weight:600;color:#475569}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.action-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.quick-actions{display:flex;flex-direction:column;gap:12px}.bank-transfer-status{margin-top:20px;padding:16px;background:#f8fafc;border-radius:10px;border-left:4px solid #3b82f6}.status-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:8px 0;color:#0f172a}.status-line strong{font-weight:600;color:#475569;margin-right:12px}.error-message{margin-top:12px;padding:12px;background:#fef2f2;color:#7f1d1d;border-radius:8px;font-size:13px;border-left:3px solid #ef4444;font-weight:500}@media(max-width:768px){.balance-container{padding:20px 16px}.balance-header{flex-direction:column;align-items:stretch;margin-bottom:30px}.header-actions{justify-content:flex-start}.page-title{font-size:28px}.balance-cards-grid{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.quick-actions-grid{grid-template-columns:1fr;gap:16px}.activity-item{padding:14px}.activity-main{flex-direction:column;align-items:flex-start;gap:8px}.activity-meta{justify-content:space-between;width:100%}}@media(max-width:480px){.balance-container{padding:16px 12px;background:#fff}.page-title{font-size:24px}.page-description{font-size:14px}.card-content{padding:20px}.card-header-section{gap:14px}.card-icon-container{width:48px;height:48px}.card-icon{width:24px;height:24px}.card-amount{font-size:28px}.card-actions{margin-top:16px}.wallet-info-grid{grid-template-columns:1fr;gap:16px}.info-item{padding-bottom:12px}}.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{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}}.modal-backdrop{position:fixed;inset:0;background:linear-gradient(135deg,#00000080,#000000b3);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .2s ease-in-out}.modal-container{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border-radius:12px;animation:slideUp .3s ease-out}.modal-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#fafbfc,#fff)}.settlement-modal-header{background:linear-gradient(135deg,#f0f4f8,#fff)}.modal-title{font-size:22px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.5px}.modal-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{background:#0000000d;color:#374151;transform:scale(1.1)}.modal-content{padding:32px;color:#374151}.modal-footer{padding:20px 32px;border-top:1px solid #e5e7eb;display:flex;gap:12px;background:#f9fafb}.modal-action-btn{flex:1;padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-action-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-action-btn:active{transform:translateY(0)}.form-step{display:flex;flex-direction:column;gap:20px}.form-description{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.form-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px;font-weight:500}.form-error:before{content:"⚠ ";margin-right:4px}.form-actions{display:flex;gap:12px;margin-top:16px}.btn-primary,.btn-secondary{flex:1;padding:11px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-content input,.modal-content select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-content label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.modal-content>div{display:flex;flex-direction:column;gap:8px}.confirmation-step{text-align:center;padding:20px 0}.success-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 12px #16a34a26}.success-check-icon{width:40px;height:40px;color:#16a34a}.confirmation-title{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 8px}.confirmation-message{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.loading-state,.empty-state,.error-state{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.loading-icon,.empty-state-icon{width:48px;height:48px;color:#9ca3af;animation:spin 2s linear infinite}.empty-state-icon{animation:none}.error-state-icon{width:48px;height:48px;color:#dc2626}.loading-state p,.empty-state p,.error-state p{font-size:14px;color:#6b7280;margin:0}.withdrawal-list{display:flex;flex-direction:column;gap:12px}.withdrawal-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.withdrawal-item:hover{background:#f3f4f6;border-color:#d1d5db}.withdrawal-info{display:flex;flex-direction:column;gap:4px}.withdrawal-amount{font-size:15px;font-weight:600;color:#1f2937}.withdrawal-account{font-size:12px;color:#6b7280}.withdrawal-status{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-pending{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#991b1b}.status-processing{background:#dbeafe;color:#1e3a8a}.withdrawal-date{font-size:11px;color:#9ca3af}.quick-action-card{margin-bottom:24px;border:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff)}.quick-action-content{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.quick-action-info{display:flex;gap:12px;align-items:flex-start;flex:1}.quick-action-icon{width:24px;height:24px;color:#3b82f6;flex-shrink:0;margin-top:2px}.quick-action-title{font-size:14px;font-weight:600;color:#1f2937;margin:0}.quick-action-description{font-size:12px;color:#6b7280;margin:4px 0 0}.btn-quick-action{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-quick-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-quick-action:active{transform:translateY(0)}@media(max-width:640px){.modal-header,.modal-content,.modal-footer{padding-left:20px;padding-right:20px}.modal-title{font-size:18px}.quick-action-content{flex-direction:column;align-items:flex-start}.btn-quick-action{width:100%}}.withdrawal-auth-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 1px 3px #0000001a}.withdrawal-auth-header{text-align:center;margin-bottom:24px}.withdrawal-auth-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.withdrawal-auth-header p{font-size:14px;color:#666;margin:0}.auth-error-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:20px}.auth-error-box svg{flex-shrink:0;width:16px;height:16px}.otp-input{letter-spacing:8px;font-size:20px;text-align:center;font-weight:600;font-family:Courier New,monospace}.resend-countdown{text-align:center;font-size:12px;color:#6b7280;margin-top:12px}.approval-status-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 1px 3px #0000001a}.approval-status-header{text-align:center;margin-bottom:32px}.status-icon{color:#f59e0b;margin-bottom:16px}.status-icon.pending{animation:pulse 2s infinite}.approval-status-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.approval-status-header p{font-size:14px;color:#666;margin:0}.approval-details{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:13px}.detail-item:last-child{border-bottom:none}.detail-value{color:#374151;font-weight:500}.detail-value.status-pending{color:#f59e0b;font-weight:600}.approval-list{margin-bottom:20px}.approval-list h3{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 12px}.approval-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px;margin-bottom:8px;border-left:3px solid #d1d5db}.approval-item.approved{border-left-color:#10b981;background:#f0fdf4}.approval-item.pending{border-left-color:#f59e0b;background:#fffbeb}.approval-item.rejected{border-left-color:#ef4444;background:#fef2f2}.approval-level{font-size:12px;font-weight:600;color:#6b7280}.approval-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.approval-status.approved{color:#10b981}.approval-status.pending{color:#f59e0b}.approval-status.rejected{color:#ef4444}.approval-info{display:flex;gap:12px;padding:12px 16px;background:#eff6ff;border-radius:6px;border-left:3px solid #2563eb;font-size:13px;color:#1e40af;margin-bottom:20px}.approval-info svg{flex-shrink:0;width:16px;height:16px}.withdrawal-success-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 1px 3px #0000001a;text-align:center}.success-header{margin-bottom:32px}.success-icon{color:#10b981;margin-bottom:16px}.success-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.success-details{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px;text-align:left}.success-details .detail-item{font-size:13px;padding:12px 0}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:12px 16px;margin-bottom:20px}.success-message p{font-size:13px;color:#15803d;margin:0;line-height:1.5}.withdrawal-failed-card{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 1px 3px #0000001a;text-align:center}.failed-header{margin-bottom:24px}.failed-icon{color:#ef4444;margin-bottom:16px}.failed-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.failed-message{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;margin-bottom:20px}.failed-message p{font-size:13px;color:#991b1b;margin:0;line-height:1.5}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0}.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}.resolve-form{padding:20px}.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}.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-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-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)}.info-card{background:linear-gradient(135deg,#f5f7fa,#e8f0ff);border:1px solid rgba(102,126,234,.2);border-radius:12px;margin-top:28px;padding:0;overflow:hidden;box-shadow:0 4px 16px #667eea1a;transition:all .3s ease}@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%}}.sell-product-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.sell-product-navigation{margin-bottom:20px}.back-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.back-button:hover{background:#ffffff4d;box-shadow:0 4px 12px #0000001a}.nav-icon{width:24px;height:24px}.sell-product-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}.form-content{padding:20px}.form-section{margin-bottom:24px}.step-title{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 8px;display:flex;align-items:center;gap:12px}.step-icon{width:28px;height:28px;color:#667eea}.step-description{font-size:15px;color:#4a5568;margin:0 0 24px;line-height:1.6}.products-grid{display:grid;grid-template-columns:1fr;gap:16px}.product-card{border:2px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease}.product-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-name{font-size:16px;font-weight:600;color:#1a202c;margin:0}.product-sku{font-size:12px;color:#718096;background:#f7fafc;padding:4px 8px;border-radius:4px}.product-description{font-size:14px;color:#4a5568;margin:0 0 12px}.product-price{display:flex;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:8px;margin-bottom:12px}.price-label{font-weight:600;color:#2d3748;font-size:14px}.price-value{font-weight:700;color:#667eea;font-size:15px}.select-button{width:100%;padding:10px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.select-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.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:12px;align-items:stretch}.country-code-dropdown{position:relative}.country-code-button{background:linear-gradient(135deg,#f5f7fa,#e8f0ff);border:2px solid #667eea;border-radius:10px;padding:12px 16px;font-weight:600;color:#667eea;cursor:pointer;font-size:16px;min-width:100px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.country-code-button:hover{background:linear-gradient(135deg,#e8f0ff,#d8e4ff);box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.country-code-button:active{transform:translateY(0)}.country-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;min-width:200px}.dropdown-item{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease;border-bottom:1px solid #f0f4ff}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f0f4ff;padding-left:20px}.dropdown-code{font-weight:700;color:#667eea;min-width:50px;font-size:16px}.dropdown-country{color:#4a5568;font-size:14px}.form-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;background:#fff;transition:all .3s ease;font-family:inherit}.form-input:hover{border-color:#cbd5e0}.form-input::-moz-placeholder{color:#cbd5e0}.form-input::placeholder{color:#cbd5e0}.otp-input{font-size:24px;letter-spacing:8px;text-align:center;font-weight:600;font-family:Courier New,monospace}.form-help{font-size:13px;color:#718096;margin-top:8px;display:flex;align-items:center;gap:4px}.amount-breakdown{background:linear-gradient(135deg,#f0f4ff,#e8eef9);border-radius:12px;padding:20px;margin:24px 0;border:1px solid rgba(102,126,234,.15);box-shadow:0 4px 12px #667eea14}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(102,126,234,.1)}.breakdown-row:last-child{border-bottom:none}.breakdown-row.info-rate{background:#667eea0d;margin:8px -20px -20px;padding:12px 20px;border-radius:0 0 12px 12px}.breakdown-label{font-size:13px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.breakdown-value{font-size:15px;font-weight:700;color:#2d3748;text-align:right}.breakdown-row:first-child .breakdown-value{color:#667eea}.breakdown-row:nth-child(2) .breakdown-value{color:#764ba2;font-size:16px}.breakdown-row.info-rate .breakdown-value{color:#667eea;font-weight:600;font-size:14px}.recipient-card{background:#fff;border-radius:12px;border:2px solid #e2e8f0;padding:16px;margin:20px 0}.recipient-card.auth-otp{border:2px solid #ffc107;background:#fffbf0}.recipient-card.recipient-otp{border:2px solid #667eea;background:#f0f4ff}.recipient-header{display:flex;gap:12px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(102,126,234,.2)}.recipient-avatar{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.recipient-info{flex:1}.recipient-name{font-size:16px;font-weight:700;color:#1a202c;margin:0}.recipient-phone{font-size:14px;color:#718096;margin:4px 0 0}.recipient-summary{display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.summary-label{color:#4a5568;font-weight:600}.summary-value{color:#1a202c;font-weight:700}.summary-value.pending{display:flex;align-items:center;gap:6px;color:#f59e0b}.status-icon{width:14px;height:14px}.confirmation-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin:20px 0}.confirmation-header{border-bottom:2px solid #e2e8f0;padding-bottom:16px;margin-bottom:20px}.confirmation-header h3{font-size:18px;font-weight:700;color:#1a202c;margin:0}.confirmation-section{padding:16px 0;border-bottom:1px solid #e2e8f0}.confirmation-section:last-child{border-bottom:none;padding-bottom:0}.confirmation-section h4{font-size:14px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.confirmation-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.confirmation-label{color:#718096;font-weight:600}.confirmation-value{color:#2d3748;font-weight:700}.confirmation-value.highlight{color:#667eea;font-size:16px}.form-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.cancel-button,.confirm-button,.submit-button,.action-button{flex:1}.success-container{padding:32px 20px;text-align:center}.success-content{display:flex;flex-direction:column;align-items: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:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.success-subtitle{font-size:16px;color:#4a5568;margin:0 0 24px;line-height:1.6}.success-details{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin:24px 0;text-align:left}.success-section{margin-bottom:20px}.success-section:last-child{margin-bottom:0}.success-section h3{font-size:14px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f4ff;font-size:14px}.detail-label{color:#718096;font-weight:600}.detail-value{color:#2d3748;font-weight:700;text-align:right}.detail-value.highlight{color:#667eea}.success-actions{display:flex;gap:12px;margin-top:24px;justify-content:center}.info-card{background:linear-gradient(135deg,#f5f7fa,#e8eef9);border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 16px #667eea1a;transition:all .3s ease}.info-card:hover{box-shadow:0 6px 20px #667eea26}.info-card .info-content{padding:28px}.info-card .info-title{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 20px;display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.2)}.info-card .info-title svg{width:20px;height:20px;color:#667eea}.info-card .info-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.info-card .info-item{display:flex;gap:14px;align-items:flex-start;padding:16px 14px;background:#ffffffb3;border-radius:10px;border-left:4px solid #667eea;transition:all .3s ease}.info-card .info-item:hover{background:#fffffff2;transform:translate(3px);box-shadow:0 4px 12px #667eea2e;border-left-color:#764ba2}.info-card .info-icon{width:22px;height:22px;color:#667eea;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.info-card .info-item span{font-size:14px;color:#2d3748;line-height:1.6;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:2px solid #e2e8f0}.modal-header h3{font-size:20px;font-weight:700;color:#1a202c;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px}.modal-close:hover{color:#1a202c;background:#f0f4ff}.modal-close svg{width:24px;height:24px}.modal-content{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.modal-actions button{flex:1}.form-textarea{resize:vertical;font-family:inherit;font-size:14px}.no-products-container{text-align:center;padding:40px 20px;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e0}.no-products-container p{color:#4a5568;margin:0 0 20px;font-size:15px}.add-product-button{width:auto}.product-status{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.status-badge{display:inline-block;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-approved{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-rejected{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;z-index:1001}.modal-content.terms-modal{max-height:85vh}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:20px;font-weight:600}.modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#fff3}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{overflow-y:auto;padding:20px;flex:1}.terms-metadata{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.terms-version{font-size:12px;color:#667eea;font-weight:600;margin:0;background:#f0f4ff;padding:4px 8px;border-radius:4px}.terms-date{font-size:12px;color:#64748b;margin:0}.terms-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.terms-content{font-size:14px;line-height:1.6;color:#475569;white-space:pre-wrap;word-break:break-word}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0;flex-shrink:0;background:#f8fafc}.modal-footer button{flex:1}.blocking-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;border-radius:0}.blocking-message{background:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0003;max-width:320px}.blocking-message p{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.blocking-message button{width:100%}.tc-status-card{margin-bottom:20px;border:1px solid #e2e8f0;border-left:4px solid #667eea}.tc-status-content{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0}.tc-status-info{flex:1}.tc-status-label{margin:0;font-size:14px;font-weight:600;color:#667eea}.tc-status-detail{margin:4px 0 0;font-size:13px;color:#64748b;line-height:1.4}.tc-view-button{white-space:nowrap;flex-shrink:0}@media(max-width:640px){.sell-product-container{padding:16px}.form-actions{flex-direction:column}.modal-card{width:95%;max-height:80vh}.modal-actions{flex-direction:column}.success-details{font-size:12px}.success-actions{flex-direction:column}.modal-content{width:95%;max-height:90vh}.modal-content.terms-modal{max-height:90vh}.blocking-message{max-width:90%}.tc-status-content{flex-direction:column;align-items:flex-start}.tc-view-button{width:100%}}.status-waiting-card{margin-bottom:20px;border:2px solid #e0e7ff;background:linear-gradient(135deg,#f8f7ff,#f0f4ff);border-radius:12px;overflow:hidden}.status-waiting-content{display:flex;gap:20px;padding:24px;align-items:flex-start}.status-icon-container{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.status-spinner{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;animation:spin 2s linear infinite}.status-icon{width:28px;height:28px}.status-info{flex:1}.status-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#667eea}.status-message{margin:0 0 16px;font-size:14px;color:#475569;line-height:1.5}.status-details{background:#ffffffb3;border-radius:8px;padding:12px;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0;font-size:13px}.detail-row:first-child{margin-top:0}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:500;color:#64748b;white-space:nowrap}.detail-value{color:#333;word-break:break-all;text-align:right}.detail-value.code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#667eea}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-badge.status-completed{background:#dcfce7;color:#166534;border:1px solid #86efac}.status-badge.status-failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;color:#991b1b;font-size:13px;margin-top:8px}.status-error .error-icon{width:16px;height:16px;flex-shrink:0}@media(max-width:640px){.status-waiting-content{flex-direction:column;gap:12px;padding:16px}.status-icon-container{width:100%}.status-spinner{width:50px;height:50px}.detail-row{flex-direction:column;align-items:flex-start}.detail-value{text-align:left;margin-top:4px;padding:6px 8px;background:#f1f5f9;border-radius:4px;width:100%}}.topup-container,.topup-success-container,.topup-failed-container,.topup-payment-container{max-width:800px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px}.topup-navigation,.payment-navigation,.success-navigation,.failed-navigation{display:flex;flex-direction:column;gap:16px}.topup-header,.payment-header{display:flex;flex-direction:column;gap:8px}.page-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.page-description{font-size:16px;color:#666;margin:0}.environment-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border:1px solid #d0deff;border-radius:12px;font-size:14px;font-weight:600;color:#4f46e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{width:18px;height:18px;flex-shrink:0}.error-card{background:linear-gradient(135deg,#fef2f2,#fde8e8);border:1px solid #fecaca;border-radius:12px}.error-content{display:flex;align-items:flex-start;gap:12px;padding:16px}.error-icon-container{flex-shrink:0}.error-icon{width:24px;height:24px;color:#dc2626}.error-message{font-size:14px;color:#991b1b;line-height:1.5;font-weight:500}.topup-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014;transition:box-shadow .3s ease}.topup-form-card:hover{box-shadow:0 4px 12px #0000001a}.form-content{padding:32px}.topup-form{display:flex;flex-direction:column;gap:28px}.form-section{display:flex;flex-direction:column;gap:12px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.label-icon{width:18px;height:18px;color:#4f46e5;flex-shrink:0}.form-input{width:100%;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;transition:all .3s ease;background-color:#fafbfc}.form-input:hover{border-color:#d1d5db;background-color:#fff}.form-input:focus{outline:none;border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.form-help{font-size:13px;color:#666;margin:0;font-weight:500}.preset-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-top:16px}.preset-btn{padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0000000a}.preset-btn:hover{border-color:#4f46e5;color:#4f46e5;background-color:#f9fafb;transform:translateY(-3px);box-shadow:0 8px 16px #4f46e526}.preset-btn.active{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 12px 24px #4f46e54d;transform:translateY(-4px)}.preset-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-hint{font-size:12px;color:#9ca3af;margin-top:8px;font-weight:500;display:block}.amount-breakdown{display:flex;flex-direction:column;gap:12px;padding:18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1.5px solid #e5e7eb;border-radius:12px;margin-top:16px;animation:slideIn .3s ease-out}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.breakdown-label{color:#666;font-weight:500}.breakdown-value{font-weight:700;color:#1a1a1a;text-align:right}.breakdown-row.total{padding-top:12px;border-top:1.5px solid #d1d5db;font-size:15px}.breakdown-row.total .breakdown-label{color:#1a1a1a;font-weight:700}.breakdown-row.total .breakdown-value{background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:16px}.breakdown-row.info-rate{padding-top:12px;border-top:1.5px solid #d1d5db;font-size:13px}.breakdown-row.info-rate .breakdown-label{color:#9ca3af;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.breakdown-row.info-rate .breakdown-value{color:#666;font-weight:600;font-size:13px}.fee-breakdown{display:flex;flex-direction:column;gap:12px;padding:18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1.5px solid #e5e7eb;border-radius:12px}.fee-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.fee-label{color:#666}.fee-value{font-weight:700;color:#1a1a1a}.fee-row.total{padding-top:12px;border-top:1.5px solid #d1d5db;font-size:16px}.fee-row.total .fee-label{color:#1a1a1a;font-weight:700}.fee-row.total .fee-value{background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px}.payment-method-selection{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.radio-option:hover{border-color:#4f46e5;background-color:#f9fafb;transform:translate(4px)}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#4f46e5}.radio-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer}.method-icon{width:18px;height:18px;color:#4f46e5}.form-actions{display:flex;gap:12px;padding-top:16px;border-top:1.5px solid #e5e7eb}.submit-button{flex:1;padding:14px 24px!important;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.5px;transition:all .3s ease;cursor:pointer}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.topup-payment-container{max-width:600px}.payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #00000014}.payment-header{padding:32px 32px 0}.payment-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.payment-subtitle{font-size:16px;color:#666;margin:0;font-weight:500}.payment-iframe-container{padding:0 32px 24px;display:flex;flex-direction:column;gap:12px}.card-element{padding:14px;border:1.5px solid #d1d5db;border-radius:12px;background:#fafbfc;min-height:56px;transition:all .3s ease}.card-element:focus{border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 4px #4f46e51a}.card-error{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#991b1b;font-weight:500}.card-error .error-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px}.payment-details-summary{padding:16px 32px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:#666;font-weight:500}.detail-value{font-weight:700;color:#1a1a1a}.detail-row.total{padding-top:12px;border-top:1.5px solid #d1d5db;font-size:16px}.detail-row.total .detail-label{color:#1a1a1a;font-weight:700}.detail-row.total .detail-value{background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px}.payment-actions{display:flex;gap:12px;padding:24px 32px;border-top:1.5px solid #e5e7eb}.pay-button{flex:1;padding:14px 24px!important;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.5px;transition:all .3s ease;cursor:pointer}.pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.pay-button:disabled{opacity:.6;cursor:not-allowed}.payment-security{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px 32px;font-size:13px;color:#666;font-weight:500}.security-icon{width:16px;height:16px;color:#4f46e5}.topup-success-container,.topup-failed-container{max-width:500px}.success-card,.failed-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px;box-shadow:0 1px 3px #00000014}.success-content,.failed-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.success-icon-container,.failed-icon-container{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-icon-container{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.success-icon{width:40px;height:40px;color:#22c55e}.failed-icon-container{background:linear-gradient(135deg,#fef2f2,#fde8e8)}.failed-icon{width:40px;height:40px;color:#dc2626}.success-title,.failed-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.success-title{color:#22c55e}.failed-title{color:#dc2626}.success-message,.failed-message{font-size:16px;color:#666;line-height:1.6;margin:0;max-width:400px;font-weight:500}.payment-details{width:100%;display:flex;flex-direction:column;gap:12px;padding:18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px}.success-actions,.failed-actions{width:100%;display:flex;gap:12px;flex-direction:column;padding-top:12px}.success-button{width:100%!important;padding:14px 24px!important;background:linear-gradient(135deg,#22c55e,#16a34a);border:none!important;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.5px;transition:all .3s ease;cursor:pointer}.success-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #22c55e4d}.retry-button{width:100%!important;padding:14px 24px!important;background:linear-gradient(135deg,#dc2626,#991b1b);border:none!important;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.5px;transition:all .3s ease;cursor:pointer}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #dc26264d}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014}.info-content{display:flex;flex-direction:column;gap:16px}.info-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.5px}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#666;line-height:1.6;font-weight:500}.info-icon{width:18px;height:18px;color:#4f46e5;flex-shrink:0;margin-top:2px}.info-content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.info-section:hover{background:linear-gradient(135deg,#f3f4f6,#eeeff2);border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.section-icon{width:32px;height:32px;color:#4f46e5;flex-shrink:0}.section-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}.section-text{font-size:13px;color:#666;margin:0;line-height:1.5}.stripe-element-container{margin:20px 0;display:flex;flex-direction:column;gap:8px}.stripe-label{font-size:14px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.stripe-element-wrapper{padding:16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.stripe-element-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.card-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.card-info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.info-small-icon{width:16px;height:16px;color:#4f46e5;flex-shrink:0}.otp-input-container{position:relative;display:flex;align-items:center}.otp-input{letter-spacing:12px!important;font-size:24px!important;font-weight:600!important;text-align:center!important;padding:16px!important;font-family:Courier New,monospace!important}.otp-counter{position:absolute;right:12px;font-size:12px;color:#999;pointer-events:none}.otp-info-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:8px;margin:16px 0;box-shadow:0 2px 8px #2196f31a}.otp-info-banner span{font-size:13px;font-weight:500;color:#1565c0;line-height:1.4}.banner-icon{width:20px;height:20px;color:#1976d2;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.sandbox-otp-info{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800;border-radius:8px;margin:12px 0 16px;box-shadow:0 2px 8px #ff98001a}.sandbox-otp-badge{display:inline-block;width:-moz-fit-content;width:fit-content;padding:4px 8px;background:#ff9800;color:#fff;font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.sandbox-otp-text{margin:0;font-size:14px;font-weight:600;color:#e65100}.sandbox-otp-text strong{font-family:Monaco,Courier New,monospace;font-size:15px;background:#fff9;padding:2px 6px;border-radius:3px;letter-spacing:2px;color:#d84315}.sandbox-otp-hint{margin:4px 0 0;font-size:12px;color:#e65100;line-height:1.4;opacity:.9}.form-description{font-size:14px;color:#666;line-height:1.6;margin:8px 0 0;padding:0}.otp-timer-section{margin:12px 0}.resend-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f5f5f5;border-radius:6px;font-size:14px;color:#666}.resend-info.timer-active{background:#fffbf0;border:1px solid #ffe0b2;color:#f57c00}.step-note{font-size:13px;color:#999;text-align:center;margin-top:12px;line-height:1.4}.amount-input-group{display:flex;flex-direction:column;gap:8px}.amount-limits{font-size:12px;color:#999;text-align:right}.preset-amounts-section{display:flex;flex-direction:column;gap:8px;margin:16px 0}.preset-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.amount-breakdown.animated-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breakdown-section{display:flex;flex-direction:column;gap:8px}.breakdown-header{font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.breakdown-main{font-size:28px;font-weight:700;color:#4f46e5}.breakdown-subtext{font-size:13px;color:#666}.breakdown-divider{height:1px;background:#e0e0e0;margin:12px 0}.transaction-details-card{padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #4f46e5}.transaction-details-card .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.transaction-details-card .detail-row:last-child{border-bottom:none}.detail-value-wrapper{display:flex;align-items:center;gap:4px}.status-pending.animated-status,.status-processing.animated-status,.status-completed.animated-status,.status-failed.animated-status{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.status-icon-wrapper{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f4ff}.status-icon-wrapper.success{background:#e8f5e9}.status-icon-wrapper.error{background:#ffebee}.status-icon{width:40px;height:40px;color:#4f46e5}.status-icon-wrapper.success .status-icon{color:#4caf50}.status-icon-wrapper.error .status-icon{color:#f44336}.status-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:12px 0 8px;text-align:center}.status-message{font-size:14px;color:#666;text-align:center;margin-bottom:24px}.sandbox-action-section{padding:16px;background:#fffbf0;border:2px dashed #ffc107;border-radius:8px;margin-top:16px}.sandbox-note{font-size:13px;color:#f57c00;margin-bottom:12px;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.payment-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin:16px 0}.summary-header{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.summary-highlight{color:#4f46e5;font-weight:700}.summary-amount{font-size:18px;font-weight:700;color:#1a1a1a}.payment-disclaimer{font-size:12px;color:#999;text-align:center;margin-top:12px;line-height:1.4}@media(max-width:640px){.topup-container,.topup-success-container,.topup-failed-container,.topup-payment-container{padding:16px;gap:16px}.form-content{padding:20px}.form-actions{flex-direction:column}.preset-amounts{grid-template-columns:repeat(2,1fr)}.payment-actions{flex-direction:column;padding:16px 20px}.success-actions,.failed-actions{flex-direction:column}.page-title{font-size:24px}.card-info-grid{grid-template-columns:1fr}.info-content{grid-template-columns:1fr;gap:16px}.info-section{padding:16px}.section-icon{width:28px;height:28px}.section-title{font-size:14px}.section-text{font-size:12px}.status-icon-wrapper{width:64px;height:64px}.status-icon{width:32px;height:32px}.breakdown-main{font-size:24px}.otp-input{letter-spacing:8px!important;font-size:20px!important}.otp-info-banner{padding:12px 14px;gap:10px}.otp-info-banner span{font-size:12px}.banner-icon{width:18px;height:18px}.sandbox-otp-info{padding:12px 14px;gap:8px;margin:10px 0 14px}.sandbox-otp-badge{font-size:10px;padding:3px 6px}.sandbox-otp-text{font-size:13px}.sandbox-otp-text strong{font-size:14px;padding:2px 4px}.sandbox-otp-hint{font-size:11px}.form-description{font-size:13px}}.approval-center-container{max-width:1200px;margin:0 auto;padding:24px;background:#f9fafb;min-height:100vh}.approval-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;cursor:pointer;transition:all .2s ease;color:#374151}.back-button:hover{background:#e5e7eb;transform:translate(-2px)}.page-title{font-size:24px;font-weight:700;margin:0;color:#111827}.page-subtitle{font-size:13px;color:#6b7280;margin:4px 0 0}.refresh-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#f3f4f6;cursor:pointer;transition:all .2s ease;color:#374151}.refresh-button:hover:not(:disabled){background:#e5e7eb}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button .spin{animation:spin 1s linear infinite}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;background:#fff;padding:0 20px;border-radius:8px 8px 0 0}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:#374151}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:13px;margin-bottom:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-container .spinner{width:48px;height:48px;margin-bottom:16px;color:#2563eb;animation:spin 1s linear infinite}.loading-container p{font-size:14px;color:#6b7280;margin:0}.approvals-list{display:flex;flex-direction:column;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:8px}.empty-state svg{width:48px;height:48px;color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:13px;color:#6b7280;margin:0}.approval-card{background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.approval-card:hover{box-shadow:0 4px 6px #0000001a}.approval-card-content{padding:20px}.approval-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.approval-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.approval-badge.pending{background:#fef3c7;color:#92400e}.approval-badge.approved{background:#d1fae5;color:#065f46}.approval-badge.rejected{background:#fee2e2;color:#991b1b}.approval-timestamp{font-size:12px;color:#9ca3af}.payout-details{background:#f9fafb;padding:16px;border-radius:6px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-row.highlight{background:#eff6ff;margin:0 -12px;padding:8px 12px;border-radius:4px}.detail-label{color:#6b7280;font-weight:600}.detail-value{color:#374151;text-align:right}.detail-value.amount{font-weight:600;color:#059669;font-size:14px}.detail-value.fee{font-weight:600;color:#dc2626;font-size:13px}.detail-value.phone-masked{font-family:Courier New,monospace;letter-spacing:.5px}.detail-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-row.amount-row{background:#f0fdf4;padding:8px 12px;margin:0 -12px;border-radius:4px;border-bottom:none}.detail-row.amount-row .detail-label{color:#15803d}.detail-row.rejection-reason{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.reason-header{display:flex;align-items:center;gap:6px;color:#7f1d1d;font-weight:600}.reason-text{margin:0;padding:8px 12px;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;color:#7f1d1d;font-size:12px}.approval-actions{display:flex;gap:12px;margin-top:16px}.approve-button,.reject-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.approve-button{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.approve-button:hover:not(:disabled){background:#d1fae5}.reject-button{background:#fef2f2;color:#7f1d1d;border:1px solid #fecaca}.reject-button:hover:not(:disabled){background:#fee2e2}.approve-button:disabled,.reject-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{animation:spin 1s linear infinite}.approval-card.history{border-left:4px solid #d1d5db}.approval-card.history.approved{border-left-color:#10b981}.approval-card.history.rejected{border-left-color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rejection-modal{background:#fff;border-radius:8px;max-width:500px;width:90%;box-shadow:0 20px 25px #00000026;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:18px;font-weight:700;margin:0;color:#111827}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-description{font-size:13px;color:#6b7280;margin:0 0 16px}.rejection-reason-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;transition:all .2s ease}.rejection-reason-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;justify-content:flex-end;background:#f9fafb}@media(max-width:768px){.approval-center-container{padding:16px}.approval-header{flex-wrap:wrap}.approval-card-content{padding:16px}.payout-details{padding:12px}.detail-row{padding:6px 0;font-size:12px}.approval-actions{gap:8px}.approve-button,.reject-button{padding:8px 12px;font-size:12px}.tab-button{padding:10px 16px;font-size:12px}}html{scroll-behavior:auto!important}input:focus,textarea:focus,select:focus{scroll-margin:0!important;scroll-behavior:auto!important}*{scroll-marker-group:none!important}body.modal-open{overflow:hidden!important}.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}}@media(min-width:1024px){.profile-grid{grid-template-columns:1fr 1fr}}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:none;transition:transform .2s ease}.profile-card:hover{transform:translateY(-2px)}.security-card{background:#fff;border:1px solid #f0f0f0}.security-card .card-header{border-bottom:1px solid #f0f0f0}.profile-actions-card{grid-column:1 / -1}.form-label{font-size:14px;font-weight:500;color:#374151}.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}.verification-email,.verification-phone{background:#f8f9fa;padding:12px 14px;border-radius:8px;margin-bottom:16px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.email-label,.phone-label{font-size:13px;font-weight:600;color:#575757;text-transform:uppercase;letter-spacing:.5px}.email-value,.phone-value{font-size:14px;font-weight:500;color:#1f2937;background:#fff;padding:6px 10px;border-radius:4px;border:1px solid #e5e7eb}.status-grid{display:grid;gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#fafafa;border-radius:6px}.status-item:last-child{border-bottom:1px solid #f3f4f6}.status-label{font-size:14px;color:#6b7280;font-weight:600;min-width:140px}.status-value{font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;text-transform:capitalize;background:#fff;color:#1f2937;border:1px solid #e5e7eb;min-height:28px;display:flex;align-items:center;flex:1;margin-left:12px;text-align:right}.status-value a{color:#06c;text-decoration:none;font-weight:600}.status-value a:hover{text-decoration:underline}.status-value.sandbox{background:#eff6ff;color:#084594;border-color:#bfdbfe}.status-value.production{background:#fef2f2;color:#7c2d12;border-color:#fecaca}.status-value.active{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-value.inactive{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.status-value.suspended{background:#fef3c7;color:#92400e;border-color:#fde047}.status-value.approved{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-value.awaiting_approval,.status-value.pending{background:#fef3c7;color:#92400e;border-color:#fde047}.status-value.verified{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.status-value.unverified{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.status-value.unknown{background:#f3f4f6;color:#374151;border-color:#d1d5db}.form-actions{margin-top:24px;padding-top:24px;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end}.save-button{min-width:140px}.profile-actions-card .card-content{display:flex;flex-direction:column;gap:16px}.profile-actions-card .section-description{margin:0}.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}.section-title{font-size:14px;font-weight:600;color:#212529;margin:0;display:flex;align-items:center;gap:8px}.section-description{font-size:13px;color:#6c757d;margin:0;line-height:1.4}.security-alert{padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:13px;margin:0}.security-alert.success{background:#d1f2eb;border:1px solid #a3e0d5;color:#0f5e51}.security-alert.error{background:#ffe0e0;border:1px solid #ffb3b3;color:#9c0000}.alert-icon{flex-shrink:0;width:16px;height:16px}.alert-icon.success{color:#028a61}.alert-icon.error{color:#c00}.security-button{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px}.pin-form,.two-fa-form{display:flex;flex-direction:column;gap:16px;padding:0}.form-label{font-size:13px;font-weight:500;color:#495057;display:block}.form-input{padding:8px 12px;font-size:13px;border:1px solid #ced4da;border-radius:4px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff;color:#212529}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#e9ecef;cursor:not-allowed;color:#6c757d}.form-select{padding:8px 12px;font-size:13px;border:1px solid #ced4da;border-radius:4px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff;color:#212529;cursor:pointer}.form-select:disabled{background:#e9ecef;cursor:not-allowed;color:#6c757d}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#495057;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.form-actions{display:flex;gap:12px;padding-top:8px;justify-content:flex-start}.form-actions button{font-size:13px;padding:8px 16px}@media(max-width:768px){.profile-container{padding:16px}.profile-header{margin-bottom:24px}.page-title{font-size:24px}.profile-grid{grid-template-columns:1fr}.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%}}@media(max-width:640px){.modal-container{margin:20px;max-height:calc(100vh - 40px)}.header-content h1,.page-title{font-size:20px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.prerequisites-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:20px;background:#fee2e2;border:1px solid #ffb3b3;border-radius:6px;width:100%;box-sizing:border-box}.prerequisites-icon{width:20px;height:20px;color:#dc2626;flex-shrink:0;margin-top:2px}.prerequisites-content{flex:1;display:flex;flex-direction:column;gap:8px}.prerequisites-title{font-size:14px;font-weight:600;color:#1f2937;margin:0;line-height:1.4}.prerequisites-list{margin:0;padding-left:20px;list-style:disc;font-size:13px;color:#374151;line-height:1.6}.prerequisites-list li{margin:4px 0}.verification-message{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin:12px 0;border-radius:6px;font-size:13px;line-height:1.5;width:100%;box-sizing:border-box}.verification-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.verification-message.error{background:#fee2e2;border:1px solid #ffb3b3;color:#7f1d1d}.message-icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.message-icon.success{color:#10b981}.message-icon.error{color:#dc2626}.message-text{flex:1;font-weight:500;letter-spacing:.3px}.phone-input-wrapper{display:flex;gap:12px;align-items:stretch}.country-code-container{flex:0 0 140px}.country-code-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease}.country-code-select:hover:not(:disabled){border-color:#9ca3af}.country-code-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.country-code-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.verification-input-group{display:flex;gap:12px;align-items:stretch;margin-top:12px}.verification-input-group input{flex:1;min-width:0}.verification-input-group .verification-button{flex:0 0 auto;min-width:100px}@media(max-width:640px){.phone-input-wrapper{flex-direction:column;gap:10px}.country-code-container{flex:1}.verification-input-group{flex-direction:column}.verification-input-group .verification-button{min-width:auto;width:100%}}.resend-otp-section{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 0;font-size:13px}.resend-text{color:#6b7280;font-weight:500}.resend-timer{color:#dc2626;font-weight:600;font-size:14px;min-width:90px}.resend-button{color:#667eea;font-weight:600;padding:4px 12px;height:auto;border-radius:4px;transition:all .2s ease}.resend-button:hover:not(:disabled){background:#f3f4f6;color:#764ba2}.resend-button:active:not(:disabled){background:#e5e7eb}.validation-success{color:#10b981;font-weight:600;margin-left:8px}.validation-error{color:#ef4444;font-weight:600;margin-left:8px;font-size:.85em}.validation-hint{font-size:.85rem;color:#ef4444;margin-top:4px;padding:4px 8px;background:#fee;border-left:3px solid #ef4444;border-radius:2px}.form-input:valid{border-color:#10b981}.form-input:invalid:not(:-moz-placeholder){border-color:#ef4444}.form-input:invalid:not(:placeholder-shown){border-color:#ef4444}.partner-id-section{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea;border-radius:12px;padding:20px;margin:24px 0;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.partner-id-section:hover{background:linear-gradient(135deg,#667eea25,#764ba225);border-color:#764ba2;box-shadow:0 8px 16px #667eea26;transform:translateY(-2px)}.partner-id-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0}.partner-id-label{font-size:.875rem;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.partner-id-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.125rem;font-weight:600;color:#1a202c;background:#fff;border:1px dashed #cbd5e0;border-radius:8px;padding:12px 16px;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all;cursor:copy;transition:all .2s ease;letter-spacing:.02em}.partner-id-value:hover{background:#f7fafc;border-color:#667eea;box-shadow:0 2px 8px #667eea1f}.partner-id-value:active{background:#edf2f7}.partner-id-note{font-size:.8125rem;color:#718096;line-height:1.5;font-weight:500;display:flex;align-items:center;gap:6px;padding-top:4px;border-top:1px solid rgba(102,126,234,.1)}.partner-id-note:before{content:"💡";font-size:.875rem}@media(max-width:640px){.partner-id-section{padding:16px;gap:10px}.partner-id-value{font-size:1rem;padding:10px 12px}.partner-id-label{font-size:.8125rem}.partner-id-note{font-size:.75rem}}.environment-info{margin-bottom:24px}.section-description{margin:0 0 12px;color:#4a5568;font-size:.9375rem;line-height:1.5}.current-environment{display:flex;gap:12px;margin-bottom:16px}.environment-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9375rem}.environment-badge.sandbox{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.environment-badge.production{background-color:#dbeafe;color:#0c4a6e;border:1px solid #93c5fd}.environment-message{margin-bottom:16px;padding:12px 16px;border-radius:8px}.environment-requirements{margin-bottom:24px}.requirements-info{padding:16px;background-color:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.info-title{font-weight:600;font-size:.9375rem;margin:0 0 12px;color:#1a202c}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:#4a5568;font-size:.875rem}.requirement-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-weight:700;color:#cbd5e0;background-color:#e2e8f0}.requirements-list li.requirement-met .requirement-icon{color:#fff;background-color:#48bb78}.requirements-list li.requirement-met{color:#22543d}.environment-actions{display:flex;gap:12px}.switch-button{display:flex;align-items:center;gap:8px;padding:10px 20px;font-weight:600;font-size:.9375rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.switch-button:disabled{opacity:.6;cursor:not-allowed}.button-icon.spinning{animation:spin 1s linear infinite}@media(max-width:640px){.environment-requirements{margin-bottom:16px}.requirements-info{padding:12px;font-size:.8125rem}.switch-button{padding:8px 16px;font-size:.875rem}}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.9375rem;font-weight:600;color:#1a202c;margin-bottom:8px}.form-help{display:block;font-size:.875rem;color:#718096;margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:.9375rem;border:1px solid #cbd5e0;border-radius:6px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:invalid:not(:-moz-placeholder),.form-select:invalid:not(:-moz-placeholder){border-color:#dc2626}.form-input:invalid:not(:placeholder-shown),.form-select:invalid:not(:placeholder-shown){border-color:#dc2626}.form-textarea{resize:vertical;min-height:100px}.form-length{display:block;font-size:.8125rem;color:#a0aec0;margin-top:4px}.form-section{background:#f7fafc;padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid #e2e8f0}.form-section-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #cbd5e0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;color:#2d3748;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:12px;background:#fafbfc;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s}.checkbox-label:hover{background:#f0f4f8;border-color:#cbd5e0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea;border-radius:4px;min-width:18px;min-height:18px;margin-top:2px;flex-shrink:0}.checkbox-label:hover input[type=checkbox]{accent-color:#764ba2}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6;accent-color:#cbd5e0}.checkbox-content{flex:1;display:flex;flex-direction:column;gap:4px}.checkbox-title{font-weight:600;color:#1a202c;font-size:.9375rem}.checkbox-description{font-size:.875rem;color:#718096;font-weight:400}.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}.header-icon-container{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.page-title{font-size:32px;font-weight:700;color:var(--text-color);margin:0 0 8px;line-height:1.2}.page-description{font-size:16px;color:var(--text-color);opacity:.75;margin:0;line-height:1.5}.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:var(--primary-color);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:var(--card-bg);border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:none;transition:transform .2s ease}.preferences-card:hover{transform:translateY(-2px)}.card-title-icon{width:20px;height:20px;color:var(--primary-color)}.form-grid{display:grid;gap:20px}.form-group input[type=color]{border:1px solid #d1d5db;border-radius:8px;cursor:pointer}.form-label{font-size:14px;font-weight:500;color:var(--text-color)}.form-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:var(--text-color);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{outline:none;border-color:var(--primary-color);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:var(--text-color);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.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}}.notification-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.notification-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.notification-section-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 16px;display:flex;align-items:center;gap:8px}.notification-section-description{font-size:14px;color:var(--text-color);opacity:.7;margin:0 0 16px}.notification-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.notification-type-item{display:flex;align-items:center;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.notification-type-item:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.checkbox-label input[type=checkbox]{width:0;height:0;opacity:0;position:absolute}.checkbox-label .checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cleanup-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;margin:12px 0}.cleanup-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 8px #667eea4d}.cleanup-slider::-webkit-slider-thumb:hover{background:#5568d3;box-shadow:0 2px 12px #667eea66}.cleanup-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease;border:2px solid white;box-shadow:0 2px 8px #667eea4d}.cleanup-slider::-moz-range-thumb:hover{background:#5568d3;box-shadow:0 2px 12px #667eea66}.form-label .value{font-weight:700;color:#667eea;margin-left:8px}.form-description{font-size:13px;color:var(--text-color);opacity:.65;margin-top:8px;line-height:1.5}.security-container{max-width:1200px;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.security-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px}.header-icon-container{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #667eea33}.header-icon{width:28px;height:28px;color:#fff}.page-title{font-size:36px;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.2;letter-spacing:-.5px}.page-description{font-size:15px;color:#64748b;margin:0;line-height:1.6;font-weight:400}.security-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.security-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}}@media(min-width:1024px){.security-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.security-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column}.security-card:hover{box-shadow:0 8px 20px #0000001a;border-color:#cbd5e1;transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.card-title-icon{width:22px;height:22px;color:#667eea;flex-shrink:0}.card-title{font-size:18px;font-weight:700;color:#0f172a;margin:0}.status-icon{width:22px;height:22px;color:#10b981;flex-shrink:0;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:8px}.form-label{font-size:14px;font-weight:600;color:#0f172a;letter-spacing:.3px}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:40px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:6px;height:auto;width:auto;color:#94a3b8;transition:all .2s ease;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#667eea}.button-icon{width:18px;height:18px}.button-icon.loading{animation:spin 1s linear infinite}.message-alert{margin-top:16px;padding:12px 14px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon.success{color:#10b981}.alert-icon.error{color:#ef4444}.form-actions{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.action-button{min-width:160px;padding:10px 16px;font-weight:600;font-size:14px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.action-button:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}input[type=text],input[type=password],input[type=email],input[type=tel]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;transition:all .2s ease;background:#fff;font-family:inherit}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled,input[type=tel]:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.verification-content{display:flex;flex-direction:column;gap:16px}.verification-info{padding:16px;background:linear-gradient(135deg,#f0f4ff,#f5edff);border-radius:10px;border:1px solid #e9d5ff}.verification-email,.verification-phone{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 6px;word-break:break-all}.verification-status{font-size:13px;color:#64748b;margin:0;display:flex;align-items:center;gap:6px}.verification-status.verified{color:#10b981;font-weight:500}.verification-input-group{display:flex;gap:12px;align-items:flex-start}.verification-input-group input{flex:1;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.verification-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.verification-button{align-self:flex-start;min-width:180px;padding:10px 16px;font-weight:600;font-size:14px;border-radius:8px;background:#fff;color:#667eea;border:2px solid #667eea;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.verification-button:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.verification-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.security-container{padding:20px 16px}.security-header{gap:16px;margin-bottom:28px}.header-icon-container{width:48px;height:48px}.header-icon{width:24px;height:24px}.page-title{font-size:28px}.page-description{font-size:14px}.security-grid{grid-template-columns:1fr}.card-header,.card-content{padding:18px}.form-actions{flex-direction:column}.action-button,.verification-button{width:100%}.verification-input-group{flex-direction:column}.verification-input-group input{width:100%}}.settings-container{max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.settings-tab{padding:8px 16px;border:1px solid #d1d5db;border-radius:9999px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease}.settings-tab:hover:not(.disabled){background:#f3f4f6}.settings-tab.active{background:#667eea;border-color:#667eea;color:#fff}.settings-tab.disabled{opacity:.6;cursor:not-allowed;background:#f9fafb;color:#9ca3af;border-color:#e5e7eb}.settings-tab.disabled:hover{background:#f9fafb;border-color:#e5e7eb}.approval-config-container{max-width:1000px;margin:0 auto;padding:32px 20px}.approval-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px}.approval-loading p{font-size:14px;color:#718096;margin:0}.config-header{margin-bottom:32px}.config-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.config-subtitle{font-size:14px;color:#718096;margin:0}.success-alert,.error-alert{margin-bottom:24px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;font-size:14px}.success-alert p,.error-alert p{margin:0}.config-card,.reference-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.info-section{display:flex;gap:12px;padding:16px;background:#ebf8ff;border:1px solid #bee3f8;border-radius:8px;margin-bottom:24px}.info-icon{width:18px;height:18px;color:#2c5aa0;flex-shrink:0;margin-top:2px}.info-content{flex:1}.info-title{font-size:13px;font-weight:600;color:#1a202c;margin:0 0 4px}.info-text{font-size:13px;color:#2c5aa0;margin:0}.section-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#718096;margin-bottom:12px;letter-spacing:.5px}.section-description{font-size:13px;color:#718096;margin:8px 0 16px}.level-selection{margin-bottom:32px}.level-options{display:flex;flex-direction:column;gap:12px}.level-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.level-option:hover{border-color:#cbd5e0;background:#fff}.level-option input[type=radio]{margin-top:4px;cursor:pointer;accent-color:#667eea;width:18px;height:18px}.level-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.option-content{display:flex;flex-direction:column;gap:4px;flex:1}.option-title{font-size:14px;font-weight:600;color:#1a202c}.option-description{font-size:13px;color:#718096}.level-2-config{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-bottom:24px}.config-section{margin-bottom:20px}.config-section:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.form-group input{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#edf2f7;cursor:not-allowed}.checkbox-label{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{border-color:#cbd5e0;background:#f7fafc}.checkbox-label input[type=checkbox]{margin-top:3px;cursor:pointer;accent-color:#667eea;width:18px;height:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-text{display:flex;flex-direction:column;gap:4px;flex:1}.checkbox-title{font-size:14px;font-weight:600;color:#1a202c}.checkbox-desc{font-size:13px;color:#718096}.notification-config{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.email-input-group{display:flex;gap:12px;margin-bottom:16px}.email-input-group input{flex:1;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.email-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-email-button{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-email-button:hover:not(:disabled){background:#764ba2;box-shadow:0 4px 12px #667eea4d}.add-email-button:disabled{opacity:.5;cursor:not-allowed}.email-list{display:flex;flex-wrap:wrap;gap:8px}.email-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;font-size:13px;color:#2c5aa0}.remove-email{background:none;border:none;color:#2c5aa0;cursor:pointer;font-size:18px;padding:0;transition:color .2s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.remove-email:hover:not(:disabled){color:#1a202c}.remove-email:disabled{opacity:.5;cursor:not-allowed}.reference-card{margin-bottom:24px}.workflow-content{display:flex;align-items:center;gap:16px;overflow-x:auto;padding:24px}.workflow-step{display:flex;align-items:flex-start;gap:12px;min-width:200px;flex-shrink:0}.step-number{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:700;font-size:14px}.step-content h4{font-size:13px;font-weight:600;color:#1a202c;margin:0 0 4px}.step-content p{font-size:12px;color:#718096;margin:0}.workflow-arrow{font-size:20px;color:#cbd5e0;flex-shrink:0;display:none}.button-group{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.save-button{padding:11px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.save-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.save-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.approval-config-container{padding:20px 12px}.config-title{font-size:22px}.button-group{flex-direction:column}.save-button{width:100%;justify-content:center}.workflow-content{flex-direction:column;gap:20px}.workflow-step{width:100%;min-width:auto}.workflow-arrow{transform:rotate(90deg);display:block;order:5;width:100%;text-align:center;margin:8px 0}}@media(max-width:480px){.info-section{gap:8px;padding:12px}.level-option{padding:12px}.level-2-config{padding:16px}.email-input-group{flex-direction:column}.add-email-button{width:100%}.card-content{padding:16px}}.user-management-container{max-width:1200px;margin:0 auto;padding:32px 20px}.management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.management-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px}.management-subtitle{font-size:14px;color:#718096;margin:0}.success-alert,.error-alert{margin-bottom:24px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px}.success-alert{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.error-alert{background:#fed7d7;border:1px solid #fc8181;color:#c53030}.alert-icon{width:18px;height:18px;flex-shrink:0}.alert-title{font-weight:600;margin:0 0 4px;font-size:13px}.alert-message{margin:0;font-size:13px}.search-card,.subordinates-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.card-title{font-size:16px;font-weight:600;color:#1a202c;margin:0;display:flex;align-items:center;gap:10px}.title-icon{width:20px;height:20px;color:#667eea}.card-content{padding:24px}.search-form{margin-bottom:24px}.search-input-group{display:flex;gap:12px;margin-bottom:12px}.search-input-group input{flex:1;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.search-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-button{padding:10px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.search-button:hover:not(:disabled){background:#764ba2;box-shadow:0 4px 12px #667eea4d}.search-button:disabled{opacity:.7;cursor:not-allowed}.button-icon{width:16px;height:16px}.search-hint{font-size:12px;color:#718096;margin:0}.search-results{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:24px}.results-header{margin-bottom:12px}.results-header h3{font-size:13px;font-weight:600;text-transform:uppercase;color:#718096;margin:0;letter-spacing:.5px}.results-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease}.result-item:hover{border-color:#cbd5e0;background:#f7fafc}.result-item.selected{border-color:#667eea;background:#667eea0d}.result-info{flex:1}.result-name{font-size:14px;font-weight:600;color:#1a202c;margin-bottom:6px}.result-details{display:flex;gap:16px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#718096}.detail-icon{width:14px;height:14px}.kyc-badge{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#c6f6d5;border-radius:4px;font-size:12px;color:#22543d;font-weight:500}.kyc-icon{width:14px;height:14px}.invite-config{background:#fff;border:2px solid #667eea;border-radius:8px;padding:20px;margin-top:24px}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.config-header h3{font-size:14px;font-weight:600;color:#1a202c;margin:0}.close-button{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover{color:#1a202c}.config-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#2d3748}.form-select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field-hint{font-size:12px;color:#718096;margin:0}.invite-button{padding:11px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px}.invite-button:hover:not(:disabled){background:#764ba2;box-shadow:0 4px 12px #667eea4d}.invite-button:disabled{opacity:.7;cursor:not-allowed}.subordinates-table{display:flex;flex-direction:column;gap:8px}.table-header,.table-row{display:grid;grid-template-columns:1fr 1.5fr .8fr .8fr 1fr;gap:16px;padding:12px 16px;align-items:center}.table-header{background:#f7fafc;border-bottom:2px solid #e2e8f0;font-weight:600;font-size:12px;text-transform:uppercase;color:#718096;letter-spacing:.5px;border-radius:6px 6px 0 0}.table-row{background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease}.table-row:hover{box-shadow:0 2px 8px #0000000d}.header-cell,.cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-cell{grid-column:1}.email-cell{grid-column:2}.role-cell{grid-column:3}.status-cell{grid-column:4}.actions-cell{grid-column:5}.cell-content{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a202c}.cell-content.actions{justify-content:flex-end;gap:8px}.badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.badge-success{background:#c6f6d5;color:#22543d}.badge-warning{background:#feebc8;color:#7c2d12}.badge-danger{background:#fed7d7;color:#742a2a}.role-badge{display:inline-block;padding:4px 10px;background:#ebf8ff;color:#0c3c26;border-radius:4px;font-size:11px;font-weight:600}.action-button{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-button:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.revoke-button:hover{border-color:#f56565;color:#f56565;background:#fff5f5}.action-button:disabled{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px}.loading-icon{width:32px;height:32px;color:#cbd5e0;animation:spin 1s linear infinite}.loading-state p{font-size:14px;color:#718096;margin:0}.empty-state{display:flex;justify-content:center;align-items:center;padding:60px 20px}.empty-state p{font-size:14px;color:#718096;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:600;color:#1a202c;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#718096;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#1a202c}.modal-body{padding:20px}.modal-body p{font-size:14px;color:#4a5568;line-height:1.6;margin:0}.modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.modal-footer button{padding:10px 16px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-footer button:first-child{color:#4a5568}.modal-footer button:first-child:hover{background:#f7fafc;border-color:#cbd5e0}.modal-footer button:last-child{background:#667eea;color:#fff;border-color:#667eea}.modal-footer button:last-child:hover{background:#764ba2;border-color:#764ba2}@media(max-width:768px){.management-header{flex-direction:column;gap:12px}.table-header,.table-row{grid-template-columns:1fr 1fr .8fr;gap:12px}.email-cell{grid-column:1;order:2}.role-cell{grid-column:2;order:3}.name-cell{grid-column:1 / -1;order:1;margin-bottom:4px}.status-cell{grid-column:1;order:4}.actions-cell{grid-column:2 / -1;order:5}.search-input-group{flex-direction:column}.search-button{width:100%}}@media(max-width:480px){.user-management-container{padding:20px 12px}.management-title{font-size:22px}.card-content{padding:16px}.modal-content{width:95%}.table-header,.table-row{grid-template-columns:1fr;padding:16px}.header-cell,.cell{white-space:normal}.table-header{display:none}.table-row{display:flex;flex-direction:column}.cell{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.cell:before{content:attr(data-label);font-weight:600;color:#718096;font-size:12px}.cell:last-child{border-bottom:none;padding-bottom: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}}.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)}}.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}}.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}.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}}.notifications-container{max-width:1400px;margin:0 auto;padding:32px 24px;background:#f8fafc;min-height:100vh}.notifications-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:24px}@media(max-width:600px){.notifications-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start;margin-top:12px}}.page-title{font-size:36px;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.5px}.page-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400}.unread-badge{display:inline-flex;align-items:center;justify-content:center}.header-actions{display:flex;gap:12px;flex-wrap:wrap}.mark-all-button,.refresh-button{white-space:nowrap}.refresh-button .icon{width:16px;height:16px;margin-right:6px;transition:transform .3s ease}.refresh-button .icon.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.filters-card{margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05)}.search-section{margin-bottom:16px}.search-input-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px}.filters-section{display:flex;gap:16px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-label{display:block;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.filter-select{width:100%}.loading-state{padding:40px;text-align:center}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-card{padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.notification-card.partner-request{border-left:4px solid #f59e0b;background:#fffbeb}.notification-card.unread{border-left:4px solid #6366f1;background:#f0f9ff}.notification-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notification-content{display:flex;gap:12px;align-items:flex-start}.notification-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.notification-icon{width:24px;height:24px;color:#6b7280}.notification-icon.success{color:#10b981}.notification-icon.warning{color:#f59e0b}.notification-icon.info{color:#3b82f6}.notification-main{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.notification-title-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.notification-title{font-size:16px;font-weight:700;color:#0f172a;margin:0;word-break:break-word}.env-badge{flex-shrink:0}.unread-indicator{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#6366f1}.notification-message{font-size:14px;color:#64748b;margin:0 0 8px;line-height:1.5}.notification-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#94a3b8;margin-bottom:8px}.timestamp{display:flex;align-items:center;gap:4px}.meta-icon{width:14px;height:14px}.notification-action{margin-bottom:8px}.action-link{font-size:13px;font-weight:700;color:#6366f1;text-decoration:none;display:inline-flex;align-items:center;transition:all .2s ease}.action-link:hover{color:#4f46e5;text-decoration:underline}.notification-actions{display:flex;gap:8px;flex-shrink:0}.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.action-button:hover{background:#f3f4f6;border-color:#9ca3af}.action-button.delete:hover{background:#fee2e2;border-color:#fca5a5}.action-icon{width:16px;height:16px;color:#6b7280}.action-button.delete .action-icon{color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#f3f4f6;margin-bottom:16px;color:#9ca3af}.empty-icon svg{width:40px;height:40px}.empty-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 8px}.empty-message{font-size:14px;color:#64748b;margin:0}.notifications-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.stat-card{padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.05)}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:24px;font-weight:800;color:#0f172a}.stat-value.unread{color:#6366f1}.filter-group .filter-select{padding:8px 12px!important;min-height:36px!important;height:36px!important;font-size:13px!important;line-height:1.2!important}.filter-group .filter-select .select-trigger-icon{width:16px!important;height:16px!important;margin-left:6px!important}.filter-group .filter-select.select-trigger{padding:8px 12px!important;min-height:36px!important;height:36px!important;font-size:13px!important;line-height:1.2!important}.filter-group .select-content{max-height:200px!important;overflow-y:auto!important;font-size:13px!important;min-width:150px;margin-top:4px!important}.filter-group .select-content button{padding:8px 12px!important;min-height:auto!important;height:auto!important;line-height:1.3!important;font-size:13px!important}.filter-group .select-content button:hover{background-color:#f3f4f6!important}@media(max-width:768px){.notifications-container{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start}.page-title{font-size:24px}.header-actions{width:100%}.filters-section{flex-direction:column}.filter-group{width:100%;min-width:unset}.notification-card{padding:12px}.notification-content{flex-direction:column}.notification-actions{width:100%;justify-content:flex-end}.notifications-stats{grid-template-columns:1fr}}@media(max-width:480px){.notification-header{flex-direction:column;align-items:flex-start}.action-button{width:28px;height:28px}}