@charset "UTF-8";.toast{position:fixed;z-index:var(--z-toast);max-width:400px;min-width:300px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:translate(100%);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast--visible{transform:translate(0)}.toast--leaving{transform:translate(100%);opacity:0}.toast--top-right{top:var(--space-4);right:var(--space-4)}.toast--top-left{top:var(--space-4);left:var(--space-4)}.toast--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast--top-center{top:var(--space-4);left:50%;transform:translate(-50%)}.toast--top-center.toast--visible{transform:translate(-50%)}.toast--top-center.toast--leaving{transform:translate(-50%) translateY(-100%)}.toast--success{border-left:4px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left:4px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.toast__icon svg{width:100%;height:100%}.toast__body{flex:1;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.toast__message{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-normal)}.toast__close{flex-shrink:0;width:24px;height:24px;background:none;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.toast__close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.toast__close svg{width:16px;height:16px}.toast__actions{padding:0 var(--space-4) var(--space-4);display:flex;gap:var(--space-2);justify-content:flex-end}.toast__action{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);background:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toast__action:hover{background:var(--color-primary);color:var(--color-white)}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-primary);border-radius:0 0 var(--radius-xl) var(--radius-xl);transform-origin:left;animation:toast-progress linear}.toast--success .toast__progress{background:var(--color-success)}.toast--error .toast__progress{background:var(--color-error)}.toast--warning .toast__progress{background:var(--color-warning)}.toast--info .toast__progress{background:var(--color-info)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast+.toast{margin-top:var(--space-2)}@media (max-width: 768px){.toast{max-width:calc(100vw - var(--space-8));min-width:280px}.toast--top-right,.toast--top-left,.toast--bottom-right,.toast--bottom-left{right:var(--space-2);left:var(--space-2)}.toast--top-center{left:var(--space-2);right:var(--space-2);transform:none}.toast--top-center.toast--visible{transform:none}.toast--top-center.toast--leaving{transform:translateY(-100%)}.toast__content{padding:var(--space-3)}.toast__actions{padding:0 var(--space-3) var(--space-3)}}@media (prefers-color-scheme: dark){.toast{background:var(--color-gray-800);border-color:var(--color-gray-700)}.toast__title{color:var(--color-gray-100)}.toast__message{color:var(--color-gray-300)}.toast__close{color:var(--color-gray-500)}.toast__close:hover{background:var(--color-gray-700);color:var(--color-gray-300)}}@media (prefers-contrast: high){.toast{border:2px solid var(--color-gray-900)}.toast--success{border-left:6px solid var(--color-success)}.toast--error{border-left:6px solid var(--color-error)}.toast--warning{border-left:6px solid var(--color-warning)}.toast--info{border-left:6px solid var(--color-info)}}@media (prefers-reduced-motion: reduce){.toast{transition:none}.toast__progress{animation:none}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--color-background: #fff;--color-background-primary: #fff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #e9ecef;--color-accent: #113F67;--color-text-primary: #113F67;--color-text-secondary: #666666;--color-emphasis: #000000;--primary-bg: var(--color-background);--primary-accent: var(--color-accent);--primary-text: var(--color-text-primary);--secondary-text: var(--color-text-secondary);--emphasis-color: var(--color-emphasis);--navbar-bg: var(--color-background);--navbar-text: var(--color-text-primary);--navbar-active: var(--color-accent);--sidebar-bg: var(--color-background);--sidebar-text: var(--color-text-primary);--sidebar-active: var(--color-accent);--card-bg: var(--color-text-primary);--card-text: var(--color-emphasis);--card-border: var(--color-accent);--button-primary-bg: var(--color-accent);--button-primary-text: var(--color-text-primary);--button-primary-hover: var(--color-background);--button-secondary-bg: var(--color-text-primary);--button-secondary-text: var(--color-emphasis);--button-secondary-border: var(--color-accent);--input-bg: var(--color-text-primary);--input-text: var(--color-emphasis);--input-border: var(--color-accent);--input-focus: var(--color-accent);--link-color: var(--color-accent);--link-hover: var(--color-text-primary);--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: var(--color-accent);--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 10px 15px rgba(0, 0, 0, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--theme-transition: all .3s cubic-bezier(.4, 0, .2, 1);--space-1: var(--space-xs);--space-2: var(--space-sm);--space-3: .75rem;--space-4: var(--space-md);--space-5: 1.25rem;--space-6: var(--space-lg);--space-8: var(--space-xl);--space-10: 2.5rem;--space-12: var(--space-2xl);--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-sm: var(--shadow-light);--shadow-md: var(--shadow-medium);--shadow-lg: var(--shadow-heavy);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--primary-50: var(--color-text-primary);--primary-100: var(--color-text-secondary);--primary-200: var(--color-accent);--primary-300: var(--color-accent);--primary-400: var(--color-accent);--primary-500: var(--color-accent);--primary-600: var(--color-accent);--primary-700: var(--color-background);--primary-800: var(--color-background);--primary-900: var(--color-background);--gold-50: var(--color-text-primary);--gold-100: var(--color-text-secondary);--gold-200: var(--color-accent);--gold-300: var(--color-accent);--gold-400: var(--color-accent);--gold-500: var(--color-accent);--gold-600: var(--color-accent);--gold-700: var(--color-background);--gold-800: var(--color-background);--gold-900: var(--color-background);--dark-blue-50: var(--color-text-primary);--dark-blue-100: var(--color-text-secondary);--dark-blue-200: var(--color-accent);--dark-blue-300: var(--color-accent);--dark-blue-400: var(--color-accent);--dark-blue-500: var(--color-accent);--dark-blue-600: var(--color-accent);--dark-blue-700: var(--color-background);--dark-blue-800: var(--color-background);--dark-blue-900: var(--color-background);--dark-blue-950: var(--color-background);--success-50: var(--success-color);--success-100: var(--success-color);--success-200: var(--success-color);--success-300: var(--success-color);--success-400: var(--success-color);--success-500: var(--success-color);--success-600: var(--success-color);--success-700: var(--success-color);--success-800: var(--success-color);--success-900: var(--success-color);--warning-50: var(--warning-color);--warning-100: var(--warning-color);--warning-200: var(--warning-color);--warning-300: var(--warning-color);--warning-400: var(--warning-color);--warning-500: var(--warning-color);--warning-600: var(--warning-color);--warning-700: var(--warning-color);--warning-800: var(--warning-color);--warning-900: var(--warning-color);--error-50: var(--error-color);--error-100: var(--error-color);--error-200: var(--error-color);--error-300: var(--error-color);--error-400: var(--error-color);--error-500: var(--error-color);--error-600: var(--error-color);--error-700: var(--error-color);--error-800: var(--error-color);--error-900: var(--error-color);--neutral-50: var(--color-text-primary);--neutral-100: var(--color-text-secondary);--neutral-200: var(--color-accent);--neutral-300: var(--color-accent);--neutral-400: var(--color-accent);--neutral-500: var(--color-accent);--neutral-600: var(--color-accent);--neutral-700: var(--color-background);--neutral-800: var(--color-background);--neutral-900: var(--color-background)}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-emphasis{color:var(--color-emphasis)}.bg-primary{background-color:var(--color-background)}.bg-accent{background-color:var(--color-accent)}.bg-white{background-color:var(--color-text-primary)}.bg-emphasis{background-color:var(--color-emphasis)}.border-accent{border-color:var(--color-accent)}.border-white{border-color:var(--color-text-primary)}.border-emphasis{border-color:var(--color-emphasis)}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-normal);display:inline-flex;align-items:center;gap:var(--space-xs);text-decoration:none}.btn-primary{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:var(--shadow-light)}.btn-primary:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--button-secondary-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-accent)}.btn-extension{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);color:var(--color-text-primary);border:1px solid var(--color-accent);box-shadow:0 4px 15px #415e724d;position:relative;overflow:hidden}.btn-extension: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-extension:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-dark) 0%,var(--color-primary-dark) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #415e7266}.btn-extension:hover:before{left:100%}.btn-extension:active{transform:translateY(0);box-shadow:0 2px 10px #415e724d}.card{background:var(--card-bg);color:var(--card-text);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-light);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.input{width:100%;padding:var(--space-sm);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--input-bg);color:var(--input-text);transition:var(--transition-normal)}.input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 2px #415e721a}.container{width:100%;padding:0 var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary)}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-text-primary)}::-moz-selection{background:var(--color-accent);color:var(--color-text-primary)}.deposit-container{width:100%;max-width:900px;margin:0 auto}.deposit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 2px 8px #0000000d}.deposit-header h2{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-emphasis);margin:0}.deposit-form{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 2px 8px #0000000d;padding:var(--space-lg)}.deposit-btn{width:100%;margin-top:var(--space-md);background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--space-md);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.deposit-btn:hover:not(:disabled){background:var(--color-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.deposit-btn:disabled{opacity:.6;cursor:not-allowed}.info-section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--card-border)}.info-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.info-item:last-child{margin-bottom:0}.info-item svg{color:var(--color-accent);flex-shrink:0}.deposit-section{margin-bottom:var(--space-xl)}.deposit-card{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 2px 8px #0000000d;overflow:hidden}.deposit-card .deposit-header{padding:var(--space-lg);border-bottom:1px solid var(--card-border);background:var(--color-background);margin-bottom:0}.deposit-title{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.deposit-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.paybills-container{padding:var(--space-md);width:100%}.paybills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);box-shadow:0 2px 8px #0000000d}.paybills-header h2{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-emphasis);margin:0}.rate-display{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background:rgba(65,94,114,.03);border-radius:var(--radius-sm);border:1px solid rgba(65,94,114,.1)}.btn-text{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-text:hover{background:rgba(65,94,114,.1)}.payment-form{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:0 2px 8px #0000000d}.form-section{margin-bottom:var(--space-md)}.form-section:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-emphasis);margin-bottom:var(--space-xs)}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--space-md)}}.bills-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-sm);background:rgba(65,94,114,.02);border-radius:var(--radius-sm);border:1px solid rgba(65,94,114,.05)}.bill-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;min-width:70px;background:var(--card-bg)}.bill-option:hover{border-color:var(--color-accent);background:rgba(65,94,114,.05);transform:translateY(-1px)}.bill-option.selected{border-color:var(--color-accent);background:rgba(65,94,114,.08);box-shadow:0 2px 8px #415e7226}.bill-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:1.125rem;transition:all .2s ease}.bill-option.selected .bill-icon{background:var(--color-accent);transform:scale(1.05)}.bill-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-emphasis);text-align:center;line-height:1.2}.wallet-dropdown{position:relative}.wallet-selector{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);border:1px solid var(--card-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--card-bg);transition:all .2s ease;min-height:32px;font-size:var(--font-size-sm)}.wallet-selector:hover{border-color:var(--color-accent)}.selected-wallet{display:flex;align-items:center;gap:var(--space-sm)}.wallet-name{font-weight:var(--font-weight-medium);color:var(--color-emphasis)}.wallet-balance{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.placeholder{color:var(--color-text-secondary);font-style:italic}.dropdown-arrow{color:var(--color-text-secondary);transition:transform .2s ease;font-size:.75rem}.dropdown-arrow.up{transform:rotate(180deg)}.wallet-options{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;z-index:10;max-height:120px;overflow-y:auto}.wallet-option{padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(0,0,0,.03)}.wallet-option:last-child{border-bottom:none}.wallet-option:hover{background:rgba(65,94,114,.05)}.wallet-option .wallet-info{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.wallet-option .wallet-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-emphasis)}.wallet-option .wallet-balance{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.amount-input,.phone-input,.paybill-input,.account-input,.recipient-phone-input,.recipient-name-input{position:relative}.amount-input input,.phone-input,.paybill-input,.account-input,.recipient-phone-input,.recipient-name-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--color-emphasis);font-size:var(--font-size-sm);transition:all .2s ease;min-height:32px}.amount-input input:focus,.phone-input:focus,.paybill-input:focus,.account-input:focus,.recipient-phone-input:focus,.recipient-name-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #415e721a}.amount-input input::placeholder,.phone-input::placeholder,.paybill-input::placeholder,.account-input::placeholder,.recipient-phone-input::placeholder,.recipient-name-input::placeholder{color:var(--color-text-secondary);opacity:.7}.conversion-display{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);background:rgba(65,94,114,.03);border-radius:var(--radius-sm);border:1px solid rgba(65,94,114,.1)}.wallet-amount{padding:var(--space-xs) var(--space-sm);background:rgba(65,94,114,.03);border-radius:var(--radius-sm);border:1px solid rgba(65,94,114,.1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-emphasis);text-align:center;min-height:32px;display:flex;align-items:center;justify-content:center}.payment-btn{width:100%;padding:var(--space-md);font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 2px 8px #415e7226}.payment-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #415e7233}.payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.transaction-history{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-lg)}.transaction-history h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-md) 0}.empty-history{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-style:italic}.transactions-list{display:flex;flex-direction:column;gap:var(--space-sm)}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md)}.transaction-info h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.transaction-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.success{background:var(--success-color);color:#fff}.error-message,.success-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.error-message{background:rgba(239,68,68,.1);border:1px solid var(--error-color);color:var(--error-color)}.success-message{background:rgba(16,185,129,.1);border:1px solid var(--success-color);color:var(--success-color)}.bills-grid,.wallets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.wallet-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.wallet-option:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.wallet-option.selected{border-color:var(--color-accent);background:rgba(65,94,114,.05)}.wallet-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:1.125rem}.wallet-info h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.wallet-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.wallet-address{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium)}.wallet-selected{color:var(--color-accent);font-size:1.25rem}.wallet-amount-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-accent)}.wallet-amount{font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.wallet-balance{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bill-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--card-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative}.bill-option:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.bill-option.selected{border-color:var(--color-accent);background:rgba(65,94,114,.05)}.bill-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:1.125rem}.bill-info{flex:1}.bill-info h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.bill-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.paybill-number{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium)}.bill-selected{color:var(--color-accent);font-size:1.25rem}.amount-input-group{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.amount-input{flex:1;padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--card-bg);color:var(--color-emphasis)}.amount-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #415e721a}.amount-conversion{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);min-width:150px;justify-content:center}.amount-conversion svg{color:var(--color-accent)}.phone-input{width:100%;padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--card-bg);color:var(--color-emphasis);margin-bottom:var(--space-xs)}.phone-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #415e721a}.payment-btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-top:var(--space-lg)}.error-message,.success-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);font-weight:var(--font-weight-medium)}.error-message{background:rgba(239,68,68,.1);color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.success-message{background:rgba(16,185,129,.1);color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.transaction-history-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow-light)}.transaction-history-card h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-lg) 0}.empty-history{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-secondary)}.empty-history svg{font-size:2rem;color:var(--color-accent)}.transactions-list{display:flex;flex-direction:column;gap:var(--space-md)}.transaction-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:var(--transition-normal)}.transaction-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-light)}.transaction-icon{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;color:var(--success-color)}.transaction-details h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.transaction-details p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-xs) 0}.transaction-phone{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium)}.transaction-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background:rgba(16,185,129,.1);color:var(--success-color)}.transaction-time{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.security-notice{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:rgba(65,94,114,.05);border:1px solid var(--color-accent);border-radius:var(--radius-lg)}.security-notice svg{color:var(--color-accent);font-size:1.5rem;margin-top:2px}.security-notice h4{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--color-emphasis);margin:0 0 var(--space-xs) 0}.security-notice p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}@media (max-width: 768px){.paybills-container{padding:var(--space-md)}.paybills-header{flex-direction:column;gap:var(--space-md);text-align:center}.bills-grid{grid-template-columns:1fr}.amount-input-group{flex-direction:column;gap:var(--space-sm)}.amount-conversion{min-width:auto;width:100%}.transaction-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.transaction-status{align-items:flex-start;width:100%}}.theme-option{width:32px;height:32px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--theme-transition);position:relative;overflow:hidden}.theme-option:hover{transform:scale(1.1);border-color:var(--accent-primary)}.theme-option.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.theme-option[data-theme=dark-blue-golden]{background:linear-gradient(135deg,var(--dark-blue-900) 0%,var(--gold-500) 100%)}.theme-option[data-theme=light]{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%)}.theme-option[data-theme=purple],.theme-option[data-theme=green]{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-accent) 100%)}@media (max-width: 768px){.theme-switcher{top:10px;right:10px;padding:6px;gap:6px}.theme-option{width:28px;height:28px}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-700: #b45309;--gold-800: #92400e;--gold-900: #78350f;--dark-blue-50: #f8fafc;--dark-blue-100: #f1f5f9;--dark-blue-200: #e2e8f0;--dark-blue-300: #cbd5e1;--dark-blue-400: #94a3b8;--dark-blue-500: #64748b;--dark-blue-600: #475569;--dark-blue-700: #334155;--dark-blue-800: #1e293b;--dark-blue-900: #0f172a;--dark-blue-950: #020617;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-3xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-xl: 0 8px 10px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-2xl: 0 12px 16px -4px rgb(0 0 0 / .1), 0 4px 8px -4px rgb(0 0 0 / .05);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--dashboard-bg: var(--dark-blue-950);--dashboard-card-bg: var(--dark-blue-900);--dashboard-header-bg: var(--dark-blue-900);--dashboard-sidebar-bg: var(--dark-blue-900);--dashboard-text-primary: var(--color-text-primary);--dashboard-text-secondary: var(--color-text-secondary);--dashboard-border: var(--dark-blue-700);--dashboard-accent: var(--gold-500);--dashboard-header-shadow: var(--shadow-md);--dashboard-accent: var(--primary-600);--dashboard-radius: 1rem}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{margin:0;padding:0;width:100%;box-sizing:border-box;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--neutral-700);background-color:var(--neutral-50);scroll-behavior:smooth;overflow:hidden}.app{min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden}.landing-page{min-height:100vh;background:linear-gradient(135deg,var(--dark-blue-950) 0%,var(--dark-blue-900) 50%,var(--dark-blue-800) 100%);color:var(--dashboard-text-primary);overflow-x:hidden;position:relative}.landing-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.floating-particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,var(--gold-400),transparent),radial-gradient(2px 2px at 40px 70px,var(--gold-300),transparent),radial-gradient(1px 1px at 90px 40px,var(--gold-500),transparent),radial-gradient(1px 1px at 130px 80px,var(--gold-400),transparent),radial-gradient(2px 2px at 160px 30px,var(--gold-300),transparent);background-repeat:repeat;background-size:200px 100px;animation:float 20s linear infinite}.golden-confetti{position:absolute;width:100%;height:100%;background-image:linear-gradient(45deg,transparent 40%,var(--gold-400) 40%,var(--gold-400) 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--gold-300) 40%,var(--gold-300) 60%,transparent 60%);background-size:60px 60px;animation:confetti 15s linear infinite;opacity:.1}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes confetti{0%{transform:translateY(-100px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-background-primary);border-bottom:1px solid var(--color-border-primary);transition:all .3s cubic-bezier(.4,0,.2,1);padding:var(--space-4) 0;box-shadow:0 2px 8px #0000001a}.main-nav.nav-scrolled{background:var(--color-background-primary);border-bottom:1px solid var(--color-border-primary);padding:var(--space-3) 0;box-shadow:0 4px 12px #00000026}.nav-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform .3s ease}.nav-brand:hover{transform:translateY(-2px)}.brand-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--coral-500) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #f973164d}.brand-logo:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px #f9731666}.brand-logo .logo-text{color:#fff;font-weight:700;font-size:1.25rem}.brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;letter-spacing:-.02em}.nav-links-desktop{display:flex;align-items:center;gap:var(--space-8)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:var(--space-2) 0}.nav-link:hover{color:var(--color-accent);transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--coral-500));transition:width .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:1001;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu-toggle:hover{background:rgba(65,94,114,.1);transform:scale(1.05)}.mobile-menu-toggle span{display:block;width:100%;height:3px;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center;box-shadow:0 1px 2px #0000001a}.mobile-menu-toggle.active{background:rgba(65,94,114,.15)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:var(--color-accent)}.mobile-menu-toggle.active span:nth-child(2){opacity:0;transform:scale(0)}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-7px);background:var(--color-accent)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-background-primary) 0%,var(--color-background-secondary) 100%);z-index:999;padding:100px 2rem 2rem;flex-direction:column;gap:0;box-shadow:0 8px 32px #00000026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-menu.active{display:flex;animation:slideInFromTop .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{display:flex;align-items:center;padding:1.25rem 1.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid var(--color-border-primary);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;position:relative;background:transparent;border-radius:12px;margin:.25rem 0}.mobile-nav-link:hover{color:var(--color-accent);background:rgba(65,94,114,.1);transform:translate(12px);border-bottom-color:var(--color-accent);box-shadow:0 4px 12px #415e7226}.mobile-nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--color-accent);border-radius:0 2px 2px 0;transition:height .3s ease}.mobile-nav-link:hover:before{height:60%}.mobile-menu .btn{margin:1rem 0;width:100%;justify-content:center;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.mobile-menu .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.nav-link:hover:after{width:100%}.nav-cta{padding:var(--space-3) var(--space-6);font-size:.875rem;font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 2rem 60px;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(45deg,transparent 0%,rgba(6,182,212,.02) 50%,transparent 100%)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(45deg,transparent 0%,rgba(6,182,212,.02) 50%,transparent 100%)}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-element{position:absolute;font-size:2rem;opacity:.9;animation:float 8s ease-in-out infinite;filter:blur(.3px);color:var(--coral-400);text-shadow:0 0 20px rgba(249,115,22,.8),0 0 40px rgba(249,115,22,.4),0 0 60px rgba(249,115,22,.2);z-index:1}.floating-element:nth-child(1){top:15%;left:8%;animation-delay:0s}.floating-element:nth-child(2){top:25%;right:12%;animation-delay:1.5s}.floating-element:nth-child(3){top:65%;left:15%;animation-delay:3s}.floating-element:nth-child(4){top:75%;right:20%;animation-delay:4.5s}.floating-element:nth-child(5){top:35%;right:5%;animation-delay:6s}.floating-element:nth-child(6){top:85%;left:75%;animation-delay:7.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.4}25%{transform:translateY(-15px) rotate(2deg);opacity:.6}50%{transform:translateY(-25px) rotate(-2deg);opacity:.5}75%{transform:translateY(-10px) rotate(1deg);opacity:.7}}.hero-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content{max-width:900px;text-align:center;position:relative;z-index:2;animation:fadeInUp 1s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:rgba(249,115,22,.15);border:2px solid #fbbf24;border-radius:var(--radius-full);font-size:1rem;font-weight:600;color:#fbbf24;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #f973164d,0 0 30px #f9731633;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.badge-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em;color:var(--color-text-primary);text-shadow:0 2px 4px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2),0 0 30px rgba(65,94,114,.3)}.title-line{display:block;margin-bottom:var(--space-2)}.gradient-text{background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-text-secondary) 25%,var(--color-accent) 50%,var(--color-accent) 75%,var(--color-accent) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient-shift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(249,115,22,.5),0 0 60px rgba(249,115,22,.3),0 0 90px rgba(249,115,22,.1)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:80%;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:500}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:600;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.hero-cta:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.hero-cta.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--coral-500) 100%);border:none;color:#fff;box-shadow:0 8px 25px #f973164d}.hero-cta.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--coral-600) 100%);box-shadow:0 12px 35px #f9731666}.hero-cta.btn-secondary{background:rgba(249,115,22,.1);border:1px solid var(--coral-500);color:var(--coral-400);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-cta.btn-secondary:hover{background:rgba(249,115,22,.2);border-color:var(--coral-400);color:var(--coral-300)}.hero-cta.btn-extension{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 100%);border:none;color:#fff;box-shadow:0 8px 25px #ff6b354d;position:relative;overflow:hidden}.hero-cta.btn-extension: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}.hero-cta.btn-extension:hover{background:linear-gradient(135deg,#E55A2B 0%,#E0851A 100%);box-shadow:0 12px 35px #ff6b3566}.hero-cta.btn-extension:hover:before{left:100%}.chrome-logo{display:inline-flex;align-items:center;margin-right:.5rem;animation:chromeGlow 2s ease-in-out infinite alternate}.chrome-logo svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}.chrome-logo-mobile{display:inline-flex;align-items:center;margin-right:.5rem;animation:chromeGlow 2s ease-in-out infinite alternate}.chrome-logo-mobile svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all .3s ease}@keyframes chromeGlow{0%{filter:drop-shadow(0 0 2px rgba(66,133,244,.5))}to{filter:drop-shadow(0 0 8px rgba(66,133,244,.8))}}.hero-cta.btn-extension .chrome-logo{font-size:1.2em}.btn-extension{position:relative;overflow:hidden}.btn-extension:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn-extension:hover:after{left:100%}.btn-extension:hover{background:linear-gradient(135deg,#4285F4 0%,#34A853 100%);transform:translateY(-2px);box-shadow:0 8px 25px #4285f466}.btn-extension:hover .chrome-logo svg,.btn-extension:hover .chrome-logo-mobile svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(66,133,244,.6))}.enhanced-staking{padding:2rem;width:100%}.staking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#075B5E 0%,#1C352D 100%);border-radius:16px;color:#fff}.staking-header-left{display:flex;align-items:center;gap:1rem}.staking-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.staking-title{font-size:1.75rem;font-weight:700;margin:0}.staking-subtitle{margin:.25rem 0 0;opacity:.9;font-size:.875rem}.staking-header-actions{display:flex;gap:.75rem}.staking-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.staking-stat-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.staking-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.staking-stat-card.apy-card{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none}.staking-stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.staking-stat-icon{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.apy-card .staking-stat-icon{background:rgba(255,255,255,.3)}.staking-stat-label{font-size:.875rem;font-weight:500;opacity:.8}.staking-stat-value{font-size:2rem;font-weight:700;margin:.5rem 0;line-height:1}.apy-value{font-size:2.5rem;background:linear-gradient(45deg,#ffffff,#f0fdf4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staking-stat-description{font-size:.875rem;opacity:.7;margin:0}.apy-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;font-weight:500}.staking-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.staking-action-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.staking-action-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:#111827}.staking-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#374151}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#075b5e;box-shadow:0 0 0 3px #075b5e1a}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#075B5E}.btn-full{width:100%;justify-content:center}.rewards-display{text-align:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.rewards-amount{font-size:1.5rem;font-weight:700;color:#075b5e;margin-bottom:.25rem}.rewards-label{font-size:.875rem;color:#64748b}.unstake-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:.875rem;color:#92400e}.projections-section{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.projections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.projections-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;margin:0;color:#111827}.projections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.projection-card{padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;text-align:center;transition:all .2s ease}.projection-card:hover{background:#f1f5f9;transform:translateY(-2px)}.projection-period{font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:.5rem}.projection-amount{font-size:1.25rem;font-weight:700;color:#075b5e;margin-bottom:.25rem}.projection-value{font-size:.875rem;color:#64748b}.staking-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.staking-info-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.staking-info-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;color:#111827}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-label{font-size:.875rem;color:#6b7280}.info-value{font-size:.875rem;font-weight:500;color:#111827}.benefits-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151}.benefit-item svg{color:#10b981;flex-shrink:0}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}@media (max-width: 768px){.enhanced-staking{padding:1rem}.staking-header{flex-direction:column;gap:1rem;text-align:center}.staking-stats-grid,.staking-actions-grid,.staking-info-grid{grid-template-columns:1fr}.projections-grid{grid-template-columns:repeat(2,1fr)}}.token-swap{padding:2rem;max-width:800px;margin:0 auto}.swap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#075B5E 0%,#1C352D 100%);border-radius:16px;color:#fff}.swap-header-left{display:flex;align-items:center;gap:1rem}.swap-icon{width:48px;height:48px;background:rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.swap-title{font-size:1.75rem;font-weight:700;margin:0}.swap-subtitle{margin:.25rem 0 0;opacity:.9;font-size:.875rem}.swap-header-actions{display:flex;gap:.75rem}.swap-interface{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;margin-bottom:2rem}.swap-token-card{background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;margin-bottom:1rem}.swap-token-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.swap-token-info{display:flex;align-items:center;gap:.75rem}.swap-token-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.swap-token-name{font-size:1rem;font-weight:600;color:#111827}.swap-token-balance{font-size:.875rem;color:#6b7280}.swap-amount-input{display:flex;align-items:center;gap:.75rem}.swap-input{flex:1;padding:1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1.25rem;font-weight:600;background:white;transition:border-color .2s ease}.swap-input:focus{outline:none;border-color:#075b5e;box-shadow:0 0 0 3px #075b5e1a}.swap-token-symbol{font-size:1.25rem;font-weight:600;color:#111827;min-width:60px}.swap-switch-container{display:flex;justify-content:center;margin:1rem 0}.swap-switch-btn{width:48px;height:48px;border-radius:50%;background:#075B5E;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #075b5e4d}.swap-switch-btn:hover{background:#064e51;transform:scale(1.05)}.swap-details{background:#f8fafc;border-radius:12px;padding:1rem;margin:1.5rem 0;border:1px solid #e2e8f0}.swap-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.swap-detail-item:last-child{border-bottom:none}.swap-detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.swap-detail-value{font-size:.875rem;font-weight:500;color:#111827}.swap-detail-value.warning{color:#dc2626}.btn-swap{width:100%;padding:1rem;font-size:1.125rem;font-weight:600;margin-top:1rem}.swap-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-top:1rem}.swap-warning-title{font-size:.875rem;font-weight:600;color:#92400e;margin-bottom:.25rem}.swap-warning-message{font-size:.875rem;color:#92400e;line-height:1.4}.swap-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.swap-settings-content{background:white;border-radius:16px;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.swap-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.swap-settings-header h3{font-size:1.25rem;font-weight:600;margin:0;color:#111827}.swap-settings-body{display:flex;flex-direction:column;gap:1.5rem}.setting-group{display:flex;flex-direction:column;gap:.75rem}.setting-label{font-size:.875rem;font-weight:500;color:#374151}.slippage-options{display:flex;gap:.5rem;flex-wrap:wrap}.slippage-input{width:80px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;text-align:center}.setting-input{width:100px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.setting-unit{font-size:.875rem;color:#6b7280;margin-left:.5rem}.setting-description{font-size:.75rem;color:#6b7280;line-height:1.4}.swap-chart{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb}.chart-header h3{font-size:1.125rem;font-weight:600;margin:0;color:#111827}.chart-placeholder{background:#f8fafc;border-radius:12px;padding:2rem;border:1px solid #e2e8f0;min-height:200px;display:flex;flex-direction:column;justify-content:space-between}.chart-info{display:flex;justify-content:space-between;align-items:center}.chart-price-value{font-size:1.25rem;font-weight:700;color:#111827}.chart-change{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.chart-visual{flex:1;display:flex;align-items:center;justify-content:center}.chart-line{width:100%;height:2px;background:linear-gradient(90deg,#10b981 0%,#075B5E 100%);border-radius:1px;position:relative}.chart-line:before{content:"";position:absolute;top:-4px;left:0;right:0;height:10px;background:linear-gradient(90deg,#10b981 0%,#075B5E 100%);border-radius:5px;opacity:.3}@media (max-width: 768px){.token-swap{padding:1rem}.swap-header{flex-direction:column;gap:1rem;text-align:center}.swap-token-header{flex-direction:column;gap:1rem;align-items:flex-start}.swap-amount-input{flex-direction:column;gap:.5rem}.swap-input{font-size:1rem}.swap-token-symbol{align-self:flex-end}.chart-header{flex-direction:column;gap:1rem}.chart-controls{width:100%;justify-content:center}}.btn-icon{font-size:1.1em;transition:transform .3s ease}.hero-cta:hover .btn-icon{transform:scale(1.1)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-video-container{position:relative;width:100%;max-width:500px;aspect-ratio:16/10;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);transition:transform .3s ease}.hero-video-container:hover{transform:translateY(-5px)}.hero-video{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl)}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.3) 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.hero-video-container:hover .video-overlay{opacity:1}.play-button{width:70px;height:70px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-button:hover{transform:scale(1.1);background:rgb(255,255,255)}.play-button span{font-size:1.5rem;color:var(--primary-600);margin-left:4px}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title{font-size:3rem}.hero-video-container{max-width:400px}.features-grid,.miniapps-showcase,.sdk-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.nav-links-desktop{display:none}.mobile-menu-toggle{display:flex}.hero-section{padding:100px 1rem 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem;max-width:100%}.hero-actions{flex-direction:column;align-items:center}.hero-cta{width:100%;max-width:300px;justify-content:center}.hero-video-container{max-width:350px}.features-section,.tokenomics-section,.extension-section,.miniapps-section,.sdk-section,.waiting-list-section,.docs-section{padding-left:1rem;padding-right:1rem}.nav-container{padding:0 1rem}.footer-container{padding:var(--space-16) 1rem 0}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-video-container{max-width:300px}.features-grid,.miniapps-showcase,.sdk-grid,.extension-content,.tokenomics-content{grid-template-columns:1fr}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}.loading-content{text-align:center}.loading-logo{margin-bottom:var(--space-6)}.loading-spinner{width:24px;height:24px;border:2px solid var(--neutral-200);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-2)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.features-section{padding:var(--space-16) 2rem;background:linear-gradient(135deg,#ffffff 0%,#f0f9ff 100%),linear-gradient(90deg,transparent 0%,rgba(249,115,22,.05) 50%,transparent 100%);position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.06) 0%,transparent 50%);pointer-events:none}.features-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-3)}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto;line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.feature-card{position:relative;background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);text-align:left;border:1px solid var(--border-primary);box-shadow:0 8px 32px #06b6d41a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-12px);box-shadow:0 16px 48px #f973164d;border-color:var(--coral-500)}.feature-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.08),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-hover-effect{left:100%}.feature-icon{width:60px;height:60px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:2rem;position:relative;overflow:hidden;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.defi-icon{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);box-shadow:0 8px 32px #06b6d433}.social-icon{background:linear-gradient(135deg,var(--coral-100) 0%,var(--coral-200) 100%);box-shadow:0 8px 32px #f9731633}.ai-icon{background:linear-gradient(135deg,var(--turquoise-100) 0%,var(--turquoise-200) 100%);box-shadow:0 8px 32px #06b6d433}.payments-icon{background:linear-gradient(135deg,var(--coral-100) 0%,var(--coral-200) 100%);box-shadow:0 8px 32px #f9731633}.security-icon{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);box-shadow:0 8px 32px #06b6d433}.plugins-icon{background:linear-gradient(135deg,var(--coral-100) 0%,var(--coral-200) 100%);box-shadow:0 8px 32px #f9731633}.feature-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}.feature-description{color:var(--text-secondary);line-height:1.5;font-size:.9rem;margin-bottom:var(--space-3)}.feature-stats{display:flex;gap:var(--space-3);flex-wrap:wrap}.feature-stats .stat{background:var(--coral-50);color:var(--coral-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid var(--coral-200)}.tokenomics-section{padding:var(--space-16) 2rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(45deg,transparent 0%,rgba(6,182,212,.02) 50%,transparent 100%);position:relative;overflow:hidden}.tokenomics-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 30%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 20% 70%,rgba(249,115,22,.05) 0%,transparent 50%);pointer-events:none}.tokenomics-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.tokenomics-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.tokenomics-chart{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #06b6d41a;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-4)}.distribution-items{display:flex;flex-direction:column;gap:var(--space-4)}.distribution-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:all .3s ease}.distribution-item:hover{background:var(--neutral-50);transform:translate(8px)}.item-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.community .item-color{background:var(--primary-500)}.development .item-color{background:var(--coral-500)}.team .item-color{background:var(--turquoise-500)}.liquidity .item-color{background:var(--primary-600)}.reserve .item-color{background:var(--coral-600)}.item-content{flex:1}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.item-name{font-weight:600;color:var(--text-primary)}.item-percentage{font-weight:700;color:var(--coral-600);font-size:1.125rem}.item-description{font-size:.875rem;color:var(--text-secondary)}.utility-card{background:rgba(255,255,255,.95);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 8px 32px #f973161a;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.utility-title{font-size:1.5rem;font-weight:700;color:var(--neutral-900);text-align:center;margin-bottom:var(--space-6)}.utility-items{display:flex;flex-direction:column;gap:var(--space-4)}.utility-item{display:flex;align-items:start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);transition:all .3s ease}.utility-item:hover{background:var(--primary-50)}.utility-icon{font-size:1.5rem;flex-shrink:0}.utility-content{flex:1}.utility-name{font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-1)}.utility-description{font-size:.875rem;color:var(--neutral-600);line-height:1.4}.airdrop-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--success-50) 0%,var(--primary-50) 100%);position:relative;overflow:hidden}.airdrop-background{position:absolute;top:0;left:0;right:0;bottom:0}.airdrop-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;font-size:1.5rem;opacity:.3;animation:particleFloat 8s ease-in-out infinite}.particle:nth-child(1){top:10%;left:10%;animation-delay:0s}.particle:nth-child(2){top:20%;right:20%;animation-delay:1.5s}.particle:nth-child(3){top:70%;left:15%;animation-delay:3s}.particle:nth-child(4){top:60%;right:10%;animation-delay:4.5s}.particle:nth-child(5){top:40%;left:80%;animation-delay:6s}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(10deg)}66%{transform:translateY(-15px) rotate(-10deg)}}.airdrop-container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:10;text-align:center}.airdrop-emoji{animation:bounce 2s infinite;margin-right:var(--space-2)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.airdrop-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-12) 0}.tier-card{background:rgba(255,255,255,.9);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;overflow:hidden}.tier-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-2xl)}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.early-bird:before{background:linear-gradient(90deg,var(--warning-400) 0%,var(--warning-600) 100%)}.power-user:before{background:linear-gradient(90deg,var(--primary-400) 0%,var(--primary-600) 100%)}.referral:before{background:linear-gradient(90deg,var(--success-400) 0%,var(--success-600) 100%)}.tier-icon{font-size:3rem;margin-bottom:var(--space-4)}.tier-title{font-size:1.5rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-3)}.tier-reward{font-size:1.25rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-3)}.tier-description{color:var(--neutral-600);margin-bottom:var(--space-4);line-height:1.5}.tier-status{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.airdrop-cta{margin-top:var(--space-8);position:relative;overflow:hidden}.airdrop-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.airdrop-cta:hover:before{left:100%}.waiting-list-section{padding:var(--space-16) 2rem;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%),linear-gradient(90deg,transparent 0%,rgba(249,115,22,.05) 50%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.waiting-list-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(6,182,212,.05) 0%,transparent 70%);pointer-events:none}.waiting-list-container{width:100%;max-width:800px;margin:0 auto;position:relative;z-index:10}.waiting-list-form-wrapper{margin-top:var(--space-12)}.waiting-list-form{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px #06b6d41a;border:2px solid var(--coral-500);transition:all .3s ease}.waiting-list-form:hover{border-color:var(--coral-400);transform:translateY(-5px);box-shadow:0 12px 40px #f973164d}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-icon{font-size:3rem;margin-bottom:var(--space-4)}.form-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.form-fields{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.form-input{padding:var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:1rem;transition:all .3s ease;background:rgba(255,255,255,.9);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #f59e0b1a;transform:translateY(-2px)}.form-benefits{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-600);font-size:.875rem}.benefit-icon{font-size:1rem}.docs-section{padding:var(--space-20) 2rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(45deg,transparent 0%,rgba(6,182,212,.02) 50%,transparent 100%);position:relative;overflow:hidden}.docs-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(249,115,22,.05) 0%,transparent 50%);pointer-events:none}.docs-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.doc-card{background:rgba(255,255,255,.9);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.doc-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.doc-icon{width:80px;height:80px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:2.5rem}.whitepaper-icon{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%)}.developer-icon{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%)}.roadmap-icon{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%)}.doc-title{font-size:1.5rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-4)}.doc-description{color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-6)}.doc-button{padding:var(--space-3) var(--space-6)}.main-footer{background:linear-gradient(135deg,var(--neutral-900) 0%,var(--neutral-800) 100%);color:#fff;position:relative;overflow:hidden}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%)}.footer-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-16) 2rem 0;position:relative;z-index:10}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-description{color:var(--neutral-400);line-height:1.6;margin-bottom:var(--space-6)}.social-links{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;gap:var(--space-2);color:var(--neutral-400);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:all .3s ease;border:1px solid var(--neutral-700)}.social-link:hover{color:var(--primary-400);border-color:var(--primary-500);transform:translateY(-2px)}.social-icon{font-size:1.25rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.link-group-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-4);color:#fff}.link-group-items{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--neutral-400);text-decoration:none;transition:all .3s ease;padding:var(--space-1) 0}.footer-link:hover{color:var(--primary-400);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--neutral-700);padding:var(--space-8) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.copyright{color:var(--neutral-400);font-size:.875rem}.footer-badges{display:flex;gap:var(--space-3);flex-wrap:wrap}.badge{background:rgba(59,130,246,.1);color:var(--primary-300);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;border:1px solid rgba(59,130,246,.2)}.badge-icon{margin-right:var(--space-1)}.footer-legal{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.legal-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.legal-link{color:var(--neutral-400);text-decoration:none;font-size:.875rem;transition:all .3s ease}.legal-link:hover{color:var(--primary-400)}.link-group{display:flex;flex-direction:column;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-3)}.login-modal{background:white;border-radius:var(--radius-xl);max-width:420px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--neutral-200)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--neutral-200)}.modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--neutral-900)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-2);color:var(--neutral-400);transition:color .2s ease}.modal-close:hover{color:var(--neutral-600)}.modal-content{padding:var(--space-4)}.login-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--primary-50);border-radius:var(--radius-lg)}.login-info .info-icon{font-size:var(--font-size-lg)}.login-info p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.login-btn{width:100%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.login-help{text-align:center;color:var(--neutral-600);font-size:var(--font-size-sm)}.login-help p{margin:0 0 var(--space-2) 0}.login-help a{color:var(--primary-600);text-decoration:none}.login-help a:hover{text-decoration:underline}.recovery-setup-compact{background:white;border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);border:1px solid var(--neutral-200)}.recovery-header-compact{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--neutral-200);background:var(--neutral-50)}.recovery-title{display:flex;align-items:center;gap:var(--space-2)}.recovery-title h2{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--neutral-900)}.recovery-icon{font-size:var(--font-size-lg);color:var(--primary-600)}.recovery-close{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-2);color:var(--neutral-400);transition:color .2s ease;border-radius:var(--radius-md)}.recovery-close:hover{color:var(--neutral-600);background:var(--neutral-100)}.recovery-content-compact{padding:var(--space-4)}.recovery-intro{margin-bottom:var(--space-4)}.recovery-intro p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.recovery-methods-selection{margin-bottom:var(--space-4)}.recovery-methods-selection h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900)}.method-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.method-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-full);background:white;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-700)}.method-chip:hover{border-color:var(--primary-300);background:var(--primary-50)}.method-chip.selected{border-color:var(--primary-600);background:var(--primary-100);color:var(--primary-700)}.chip-icon{font-size:var(--font-size-sm)}.chip-badge{background:var(--success-100);color:var(--success-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.recovery-fields-container{margin-bottom:var(--space-4)}.recovery-fields-container h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:600;color:var(--neutral-900)}.recovery-fields{display:flex;flex-direction:column;gap:var(--space-3)}.method-fields{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--neutral-50)}.method-fields.invalid{border-color:var(--error-300);background:var(--error-50)}.method-fields-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.method-icon{font-size:var(--font-size-base);color:var(--primary-600)}.method-title{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-900)}.field-error{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;color:var(--error-600);font-size:var(--font-size-xs);font-weight:500}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-700)}.required{color:var(--error-600)}.field-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:white;transition:border-color .2s ease}.field-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-2px)}.recovery-info-compact{display:flex;align-items:start;gap:var(--space-2);padding:var(--space-3);background:var(--primary-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.info-icon{font-size:var(--font-size-base);color:var(--primary-600);margin-top:var(--space-1)}.recovery-info-compact p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.recovery-footer-compact{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:1px solid var(--neutral-200);background:var(--neutral-50)}.recovery-summary-compact{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.warning-text{color:var(--warning-600);font-weight:500}.methods-count{color:var(--success-600);font-weight:600}.recovery-actions-compact{display:flex;gap:var(--space-2)}.recovery-actions-compact .btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.auth-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(255,255,255,.2);width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:600px;position:relative;z-index:10}.auth-content{padding:var(--space-12);display:flex;flex-direction:column;justify-content:center}.auth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.auth-logo{display:flex;align-items:center;gap:var(--space-3)}.auth-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(59,130,246,.1);color:var(--primary-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}.auth-title{font-size:2.5rem;font-weight:800;color:var(--neutral-900);margin-bottom:var(--space-4);line-height:1.2}.auth-subtitle{color:var(--neutral-600);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-8)}.auth-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:rgba(255,255,255,.8);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05)}.feature-icon{font-size:1.5rem}.auth-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.auth-login-btn{padding:var(--space-4) var(--space-8);font-size:1.125rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-disclaimer{color:var(--neutral-500);font-size:.875rem;text-align:center;margin:0}.auth-recovery{border-top:1px solid var(--neutral-200);padding-top:var(--space-6)}.recovery-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--primary-600);cursor:pointer;font-size:.875rem;transition:all .3s ease}.recovery-toggle:hover{color:var(--primary-700)}.recovery-icon{font-size:1rem}.recovery-info{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.recovery-card{background:rgba(255,255,255,.8);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(0,0,0,.05)}.recovery-card h3{color:var(--neutral-900);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.recovery-card p{color:var(--neutral-600);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-3)}.recovery-card ul{color:var(--neutral-600);font-size:.875rem;line-height:1.5;margin:0;padding-left:var(--space-4)}.recovery-card li{margin-bottom:var(--space-1)}.auth-visual{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-radius:0 var(--radius-3xl) var(--radius-3xl) 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 0%,transparent 50%)}.visual-content{position:relative;z-index:10;text-align:center}.visual-stats{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8)}.stat-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(255,255,255,.2)}.stat-value{font-size:2rem;margin-bottom:var(--space-2)}.stat-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.onboarding-content{padding:var(--space-12);display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto}.onboarding-header{margin-bottom:var(--space-8)}.welcome-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(16,185,129,.1);color:var(--success-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;border:1px solid rgba(16,185,129,.2);margin-bottom:var(--space-4)}.onboarding-title{font-size:2.5rem;font-weight:800;color:var(--neutral-900);margin-bottom:var(--space-4);line-height:1.2}.onboarding-subtitle{color:var(--neutral-600);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-8)}.onboarding-steps{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8);width:100%}.step-card{background:rgba(255,255,255,.8);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:var(--space-4);text-align:left;transition:all .3s ease}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.step-icon{font-size:2rem;background:rgba(59,130,246,.1);border-radius:var(--radius-full);width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h3{color:var(--neutral-900);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2)}.step-content p{color:var(--neutral-600);line-height:1.5;margin-bottom:var(--space-3)}.onboarding-actions{display:flex;justify-content:center}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%)}.loading-container{text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--primary-200);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}.loading-spinner.large{width:60px;height:60px;border-width:6px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.btn-outline{background:transparent;color:var(--primary-600);border:2px solid var(--primary-200)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-300)}.user-principal{font-size:.75rem;color:var(--neutral-500);font-family:monospace;margin-top:var(--space-1)}@media (max-width: 768px){.modal-overlay{padding:var(--space-2)}.login-modal,.recovery-setup-compact{max-width:100%;margin:var(--space-2)}.modal-header,.recovery-header-compact,.modal-content,.recovery-content-compact{padding:var(--space-3)}.recovery-footer-compact{flex-direction:column;gap:var(--space-3);align-items:stretch}.recovery-actions-compact{width:100%;justify-content:space-between}.fields-grid{grid-template-columns:1fr}.method-chips{flex-direction:column;align-items:stretch}.method-chip{justify-content:center}}.btn-primary{background:linear-gradient(135deg,var(--gold-500) 0%,var(--gold-600) 100%);color:#fff;box-shadow:0 4px 15px #f59e0b4d;border:1px solid rgba(245,158,11,.2)}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-600) 0%,var(--gold-700) 100%);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px);border-color:#f59e0b4d}.btn-secondary{background:transparent;color:var(--dashboard-text-primary);border:1px solid var(--gold-500);box-shadow:0 2px 8px #f59e0b1a}.btn-secondary:hover{background:rgba(245,158,11,.1);border-color:var(--gold-400);color:var(--gold-300);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-600) 0%,var(--success-700) 100%);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,var(--success-700) 0%,var(--success-800) 100%);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,var(--warning-600) 0%,var(--warning-700) 100%);color:#fff;box-shadow:0 4px 15px #fbbf244d}.btn-warning:hover{background:linear-gradient(135deg,var(--warning-700) 0%,var(--warning-800) 100%);box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}.token-dashboard{padding:0;max-width:100%;margin:0}.token-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem;background:var(--color-background);border-radius:.5rem;border:1px solid var(--color-border-secondary);box-shadow:none}.token-header-left{display:flex;align-items:center;gap:.75rem}.token-icon{width:40px;height:40px;border-radius:.5rem;background:linear-gradient(135deg,var(--color-accent),var(--color-accent));display:flex;align-items:center;justify-content:center;color:var(--color-background);font-size:1.25rem;box-shadow:none}.token-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem;letter-spacing:-.025em}.token-subtitle{font-size:.8rem;color:var(--color-text-secondary);margin:0;font-weight:500}.token-header-actions,.auto-refresh-control{display:flex;align-items:center;gap:.5rem}.auto-refresh-control .btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--color-accent);background:var(--color-text-primary);color:var(--color-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.auto-refresh-control .btn:hover{background:var(--color-text-secondary);border-color:var(--color-accent);color:var(--color-accent)}.auto-refresh-control .btn.active{background:linear-gradient(135deg,var(--color-accent),var(--color-accent));border-color:var(--color-accent);color:var(--color-text-primary)}.last-refresh{font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.token-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.token-stat-card{background:var(--color-text-primary);border-radius:8px;padding:1rem;border:1px solid var(--color-accent);transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.token-stat-card:hover{border-color:var(--color-accent);box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.token-stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.token-stat-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem}.token-stat-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.token-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-emphasis);margin-bottom:.125rem}.token-stat-description{font-size:.75rem;color:var(--color-text-secondary);margin:0}.token-tabs{background:var(--color-background);border-radius:8px;border:1px solid var(--color-border-secondary);overflow:hidden;box-shadow:0 1px 3px #0000000d}.token-tabs-nav{display:flex;border-bottom:1px solid var(--color-border-secondary);background:var(--color-background)}.token-tab{flex:1;padding:.75rem 1rem;border:none;background:none;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.375rem;text-transform:uppercase;letter-spacing:.5px}.token-tab:hover{background:#f1f5f9;color:#475569}.token-tab.active{background:white;color:#475569;border-bottom:2px solid #64748b}.token-tab svg{width:.875rem;height:.875rem}.token-tab-content{padding:1rem}.token-form{max-width:400px}.token-form h3{font-size:1rem;font-weight:600;color:#334155;margin:0 0 1rem;display:flex;align-items:center;gap:.375rem}.token-form-group{margin-bottom:1rem}.token-form-label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.375rem}.token-form-input{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;transition:all .2s ease;box-sizing:border-box}.token-form-input:focus{outline:none;border-color:#64748b;box-shadow:0 0 0 2px #64748b1a}.token-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.token-info-card{background:#f8fafc;border-radius:6px;padding:1rem;border:1px solid #e2e8f0}.token-info-card h3{font-size:1rem;font-weight:600;color:#334155;margin:0 0 .75rem;display:flex;align-items:center;gap:.375rem}.token-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.token-info-item:last-child{border-bottom:none}.token-info-label{font-size:.75rem;color:#64748b;font-weight:500}.token-info-value{font-size:.75rem;color:#334155;font-weight:600}.token-history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem;background:white;transition:all .2s ease}.token-history-item:hover{border-color:#cbd5e1;box-shadow:0 1px 4px #0000000d}.token-history-left{display:flex;align-items:center;gap:.5rem}.token-history-icon{width:24px;height:24px;border-radius:4px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.75rem}.token-history-details h4{font-size:.875rem;font-weight:600;color:#334155;margin:0 0 .125rem}.token-history-details p{font-size:.7rem;color:#64748b;margin:0}.token-history-time{text-align:right}.token-history-date{font-size:.75rem;font-weight:600;color:#334155;margin:0 0 .125rem}.token-history-time-text{font-size:.7rem;color:#64748b;margin:0}.token-empty-state{text-align:center;padding:2rem 1rem;color:#64748b}.token-empty-state svg{width:32px;height:32px;margin:0 auto .75rem;color:#cbd5e1}.token-empty-state h4{font-size:1rem;font-weight:600;color:#475569;margin:0 0 .375rem}.token-empty-state p{font-size:.75rem;color:#64748b;margin:0}.btn{padding:.5rem 1rem;border-radius:6px;border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 1px 4px #64748b26}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #64748b40}.btn-secondary{background:white;color:#64748b;border:1px solid #cbd5e1}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#475569}.btn-success{background:linear-gradient(135deg,#64748b,#475569);color:#fff;box-shadow:0 1px 4px #64748b26}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #64748b40}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 1px 4px #f59e0b26}.btn-warning:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b40}.btn-icon{font-size:1rem}.w-full{width:100%}@media (max-width: 768px){.token-header{flex-direction:column;gap:.75rem;align-items:stretch}.token-header-actions{justify-content:space-between}.token-stats-grid,.token-info-grid{grid-template-columns:1fr}.token-tabs-nav{flex-direction:column}.token-tab{border-bottom:1px solid #e2e8f0}.token-tab.active{border-bottom:2px solid #64748b}}@media (max-width: 1024px){.tokenomics-content,.footer-content{grid-template-columns:1fr;gap:var(--space-8)}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links-desktop{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.hero-actions{flex-direction:column;align-items:center}.features-grid,.airdrop-tiers,.docs-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:1fr;text-align:center}.footer-bottom-content{flex-direction:column;text-align:center}.form-benefits{flex-direction:column;align-items:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.section-title{font-size:2rem}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.card{background:rgba(255,255,255,.9);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:var(--space-6) var(--space-6) 0}.extension-section{padding:var(--space-20) 2rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(135deg,transparent 0%,rgba(59,130,246,.02) 50%,transparent 100%);position:relative;overflow:hidden}.extension-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none}.extension-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.extension-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-top:var(--space-12)}.extension-preview{display:flex;justify-content:center}.browser-mockup{background:rgba(255,255,255,.95);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;width:100%;max-width:400px;border:1px solid var(--neutral-200)}.browser-header{background:var(--neutral-100);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--neutral-200)}.browser-controls{display:flex;gap:var(--space-2)}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.browser-url{background:white;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;color:var(--neutral-600);flex:1;text-align:center}.browser-content{padding:var(--space-6);display:flex;justify-content:center}.extension-popup{background:white;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);width:280px}.popup-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.popup-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.popup-header h4{margin:0;color:var(--neutral-900);font-size:1.125rem}.popup-balance{text-align:center;margin-bottom:var(--space-6)}.balance-label{font-size:.875rem;color:var(--neutral-600);margin-bottom:var(--space-1)}.balance-amount{font-size:1.5rem;font-weight:700;color:var(--neutral-900)}.popup-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.popup-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:white;color:var(--neutral-700);font-size:.875rem;cursor:pointer;transition:all .3s ease}.popup-btn:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.extension-info{display:flex;flex-direction:column;gap:var(--space-8)}.extension-features{display:flex;flex-direction:column;gap:var(--space-6)}.feature-item{display:flex;gap:var(--space-4);align-items:start}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-content h4{font-size:1.125rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-2)}.feature-content p{color:var(--neutral-600);line-height:1.5}.download-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.download-btn{justify-content:flex-start}.miniapps-section{padding:var(--space-16) 2rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--coral-50) 100%),linear-gradient(90deg,transparent 0%,rgba(249,115,22,.02) 50%,transparent 100%);position:relative;overflow:hidden}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(249,115,22,.1);border:1px solid var(--coral-500);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--coral-600);margin-bottom:var(--space-4);animation:pulse 2s infinite}.marketplace-preview{margin-top:var(--space-8)}.preview-header{text-align:center;margin-bottom:var(--space-6)}.preview-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.preview-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:600px;margin:0 auto}.categories-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.category-card{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-primary);box-shadow:0 4px 20px #06b6d41a;transition:all .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #f9731626}.category-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.category-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--coral-50)}.category-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.app-count{font-size:.8rem;color:var(--text-muted);background:var(--neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.category-apps{display:flex;flex-direction:column;gap:var(--space-3)}.app-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--neutral-50);transition:all .3s ease}.app-preview:hover{background:var(--primary-50);transform:translate(4px)}.app-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;background:white;box-shadow:var(--shadow-sm)}.app-info{flex:1;display:flex;flex-direction:column;gap:2px}.app-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.app-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.app-status{font-size:.75rem;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--success-100);color:var(--success-700)}.app-status.coming-soon{background:var(--warning-100);color:var(--warning-700)}.app-status.beta{background:var(--primary-100);color:var(--primary-700)}.app-status.live{background:var(--success-100);color:var(--success-700)}.app-status.planning{background:var(--neutral-100);color:var(--neutral-700)}.marketplace-features{margin-top:var(--space-8)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.feature-highlight{text-align:center;padding:var(--space-6);background:rgba(255,255,255,.8);border-radius:var(--radius-xl);border:1px solid var(--border-primary);transition:all .3s ease}.feature-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.feature-highlight .feature-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--primary-50);margin:0 auto var(--space-3)}.feature-highlight h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.feature-highlight p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.feature-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700)}.marketplace-cta{margin-top:var(--space-8);text-align:center}.cta-content{margin-bottom:var(--space-6)}.cta-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.cta-content p{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto var(--space-4)}.marketplace-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:600;border-radius:var(--radius-xl);transition:all .3s ease;background:linear-gradient(135deg,var(--gold-500) 0%,var(--gold-600) 100%);border:none;color:#fff;box-shadow:0 4px 15px #f59e0b4d}.marketplace-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.cta-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);max-width:600px;margin:0 auto}.stat-card{background:rgba(255,255,255,.9);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;border:1px solid var(--border-primary);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-500) 0%,var(--primary-500) 100%)}.stat-number{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1)}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.stat-icon{font-size:1.2rem;opacity:.7}.developers-section{padding:var(--space-16) 2rem;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%),linear-gradient(90deg,transparent 0%,rgba(6,182,212,.02) 50%,transparent 100%);position:relative;overflow:hidden}.developers-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(249,115,22,.03) 0%,transparent 50%);pointer-events:none}.developers-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.developers-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start;margin-top:var(--space-8)}.developers-info{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-primary)}.developers-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.developers-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.developer-benefits{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.benefit-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--neutral-50);transition:all .3s ease}.benefit-item:hover{background:var(--coral-50);transform:translate(4px)}.benefit-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--coral-50);color:var(--coral-600);box-shadow:0 2px 8px #f9731633}.benefit-text{font-size:.9rem;font-weight:500;color:var(--text-primary)}.developer-cta{display:flex;gap:var(--space-3);flex-wrap:wrap}.developer-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:.9rem;font-weight:600;border-radius:var(--radius-lg);transition:all .3s ease;text-decoration:none}.developer-btn.primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--coral-500) 100%);border:none;color:#fff;box-shadow:0 4px 15px #f973164d}.developer-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.developer-btn.secondary{background:rgba(255,255,255,.9);border:1px solid var(--border-primary);color:var(--text-primary)}.developer-btn.secondary:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px)}.developers-resources{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 4px 20px #06b6d41a;border:1px solid var(--border-primary)}.resources-header{margin-bottom:var(--space-6)}.resources-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.resources-header p{color:var(--text-secondary);line-height:1.6}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.resource-card{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all .3s ease;border:1px solid var(--border-primary)}.resource-card:hover{background:var(--primary-50);transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.resource-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:white;margin:0 auto var(--space-3);box-shadow:var(--shadow-sm)}.resource-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.resource-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.developers-stats{margin-top:var(--space-8);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6)}.dev-stat-card{background:rgba(255,255,255,.9);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;border:1px solid var(--border-primary);position:relative;overflow:hidden}.dev-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--gold-500) 100%)}.dev-stat-number{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-1)}.dev-stat-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.dev-stat-icon{font-size:1.5rem;opacity:.7}@media (max-width: 768px){.developers-content{grid-template-columns:1fr;gap:var(--space-6)}.categories-showcase,.features-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.developers-stats,.cta-stats{grid-template-columns:repeat(2,1fr)}.developer-cta{flex-direction:column}.developer-btn{width:100%;justify-content:center}}@media (max-width: 480px){.developers-stats,.cta-stats,.resources-grid{grid-template-columns:1fr}}.miniapps-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none}.miniapps-container{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.miniapps-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.miniapp-card{background:rgba(255,255,255,.95);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.miniapp-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.miniapp-card.featured{border:2px solid var(--primary-300);position:relative}.miniapp-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--success-500) 100%)}.miniapp-banner{padding:var(--space-4);display:flex;justify-content:space-between;align-items:start;background:var(--neutral-50)}.miniapp-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:white;box-shadow:var(--shadow-md)}.trading{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%)}.nft{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%)}.gaming{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%)}.analytics{background:linear-gradient(135deg,var(--error-100) 0%,var(--error-200) 100%)}.featured-badge{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.miniapp-info{padding:var(--space-6)}.miniapp-title{font-size:1.25rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-2)}.miniapp-description{color:var(--neutral-600);line-height:1.5;margin-bottom:var(--space-4)}.miniapp-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.stat{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;color:var(--neutral-600)}.stat-icon{font-size:1rem}.miniapp-price{display:flex;justify-content:space-between;align-items:center}.price{font-weight:700;color:var(--primary-600);font-size:1.125rem}.miniapp-install{padding:var(--space-2) var(--space-4);font-size:.875rem}.marketplace-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-12)}.sdk-section{padding:var(--space-20) 2rem;background:linear-gradient(135deg,var(--neutral-900) 0%,var(--neutral-800) 100%);color:#fff;position:relative;overflow:hidden}.sdk-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1) 0%,transparent 50%)}.sdk-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6);position:relative;z-index:10}.sdk-section .section-title,.sdk-section .section-subtitle{color:#fff}.sdk-content{margin-top:var(--space-12)}.sdk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.sdk-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.sdk-card:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-5px)}.sdk-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.sdk-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.js{background:linear-gradient(135deg,#f7df1e 0%,#f0db4f 100%);color:#323330}.python{background:linear-gradient(135deg,#3776ab 0%,#ffd43b 100%);color:#fff}.mobile{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff}.api{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff}.sdk-header h3{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.sdk-description{color:var(--neutral-300);line-height:1.5;margin-bottom:var(--space-4)}.code-preview{background:rgba(0,0,0,.3);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.code-header{background:rgba(255,255,255,.1);padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.code-lang{color:var(--neutral-300);font-weight:500}.copy-btn{background:none;border:none;color:var(--neutral-300);cursor:pointer;padding:0}.code-preview code{display:block;padding:var(--space-3);color:var(--success-300);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;overflow-x:auto}.sdk-features{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feature-tag{background:rgba(59,130,246,.2);color:var(--primary-300);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;border:1px solid rgba(59,130,246,.3)}.developer-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.resource-item{display:flex;gap:var(--space-4);align-items:start;background:rgba(255,255,255,.05);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.resource-item:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}.resource-icon{font-size:2rem;flex-shrink:0}.resource-content h4{color:#fff;font-size:1.125rem;font-weight:700;margin-bottom:var(--space-2)}.resource-content p{color:var(--neutral-300);line-height:1.5;margin-bottom:var(--space-3)}.resource-link{color:var(--primary-300);text-decoration:none;font-weight:500;transition:color .3s ease}.resource-link:hover{color:var(--primary-200)}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--space-6);box-shadow:var(--shadow-md);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.miniapps-preview{margin-top:var(--space-12)}.preview-intro{text-align:center;margin-bottom:var(--space-16)}.preview-title{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-4)}.preview-description{font-size:1.125rem;color:var(--neutral-600);max-width:600px;margin:0 auto;line-height:1.6}.miniapps-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.example-category{background:rgba(255,255,255,.8);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.example-category:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.category-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px solid var(--neutral-100)}.category-header h4{font-size:1.25rem;font-weight:700;color:var(--neutral-900)}.category-examples{display:flex;flex-direction:column;gap:var(--space-3)}.example-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:rgba(255,255,255,.5);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3)}.example-name{font-weight:600;color:var(--neutral-900);font-size:.9rem}.example-desc{font-size:.8rem;color:var(--neutral-600);line-height:1.4}.miniapps-features{margin-bottom:var(--space-16)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.feature-item{background:rgba(255,255,255,.9);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:2rem;margin-bottom:var(--space-4)}.feature-item h4{font-size:1.125rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-2)}.feature-item p{color:var(--neutral-600);font-size:.875rem;line-height:1.5}.marketplace-cta{display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);color:#fff;box-shadow:var(--shadow-xl)}.cta-content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2)}.cta-content p{opacity:.9;margin-bottom:var(--space-4);line-height:1.6}.cta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);min-width:300px}.cta-stats .stat-item{text-align:center;background:rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-stats .stat-number{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:var(--space-1)}.cta-stats .stat-label{font-size:.75rem;opacity:.8;font-weight:500}@media (max-width: 1024px){.extension-content{grid-template-columns:1fr;gap:var(--space-8)}.sdk-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.marketplace-cta{grid-template-columns:1fr;text-align:center}.cta-stats{min-width:auto;justify-content:center}}@media (max-width: 768px){.miniapps-examples{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.download-buttons{gap:var(--space-2)}.developer-resources{grid-template-columns:1fr}.preview-title{font-size:1.5rem}.preview-description{font-size:1rem}.marketplace-cta{padding:var(--space-6)}.cta-content h3{font-size:1.25rem}}@media (max-width: 480px){.extension-content{text-align:center}.sdk-grid,.miniapps-examples,.feature-grid{grid-template-columns:1fr}.cta-stats{grid-template-columns:1fr;gap:var(--space-2)}.example-category{padding:var(--space-4)}.category-header{flex-direction:column;text-align:center;gap:var(--space-2)}}.loading-state{opacity:.6;pointer-events:none}.empty-state{text-align:center;padding:var(--space-8);color:var(--neutral-500)}.success-state{color:var(--success-600);background-color:var(--success-50);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--success-200)}.error-state{color:var(--error-600);background-color:var(--error-50);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--error-200)}.dashboard{width:100vw;height:100vh;display:flex;background:var(--dashboard-bg);box-sizing:border-box;overflow:hidden}.dashboard-sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%);border-right:1px solid rgba(249,115,22,.15);box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;justify-content:space-between;z-index:100;box-sizing:border-box;padding:1.25rem 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo{display:flex;align-items:center;gap:.875rem;font-size:1.375rem;font-weight:800;color:#fff;padding-left:1.5rem;margin-bottom:2rem;letter-spacing:-.02em}.logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6 0%,#f97316 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;font-weight:800;box-shadow:0 4px 12px #f9731640;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-icon:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 6px 16px #f9731659}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;padding-left:1.5rem;padding-right:1rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;background:none;border:none;color:#94a3b8;font-size:.875rem;font-weight:500;padding:.625rem .875rem;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.sidebar-link.active{background:rgba(249,115,22,.15);color:#fbbf24;box-shadow:0 2px 8px #f9731633}.sidebar-link:hover,.sidebar-link:focus{background:rgba(249,115,22,.1);color:#fbbf24}.sidebar-link:last-child{margin-top:auto;color:var(--error-600)}.dashboard-main{margin-left:240px;width:calc(100vw - 240px);min-height:100vh;display:flex;flex-direction:column;background:var(--dashboard-bg);box-sizing:border-box}.dashboard-header{position:fixed;top:0;left:240px;width:calc(100vw - 240px);height:72px;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(249,115,22,.1);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:101;box-shadow:0 4px 24px #3b82f614;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-header-left{display:flex;align-items:center;gap:1.25rem}.header-page-indicator{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-200),var(--primary-400));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-700);font-weight:700;box-shadow:0 2px 8px #3b82f614}.dashboard-header-right{display:flex;align-items:center;gap:1.5rem}.dashboard-user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--dashboard-avatar-bg, var(--primary-100));color:var(--dashboard-avatar-color, var(--primary-700));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.user-details{display:flex;flex-direction:column;font-size:.9rem;color:var(--dashboard-user-details, var(--neutral-700))}.dashboard-content{flex:1;margin-top:72px;padding:2rem;overflow-y:auto;box-sizing:border-box;width:100%;background:var(--dashboard-bg)}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;margin-bottom:1.5rem}.dashboard-card{background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(249,115,22,.1);padding:1.25rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:relative;transition:all .2s ease}.dashboard-card:before{content:"";display:block;width:24px;height:3px;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#f97316);margin-bottom:.5rem}.dashboard-card:hover{box-shadow:0 4px 16px #f9731626;border-color:#f973164d;transform:translateY(-2px)}.dashboard-card h3,.dashboard-card h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem;letter-spacing:-.01em}.dashboard-card .stat-number{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.dashboard-card .stat-label{font-size:.75rem;color:#64748b;font-weight:500;margin:0}@media (max-width: 700px){.dashboard-cards{flex-wrap:wrap;gap:.7rem}.dashboard-card{min-width:100px;max-width:48vw;padding:.7rem .7rem .5rem}}.dashboard-section{background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid rgba(249,115,22,.1);margin-bottom:1.5rem}.dashboard-section h2,.dashboard-section h3{font-size:1rem;font-weight:700;color:var(--primary-700);margin-bottom:.5rem}.dashboard-section p,.dashboard-section li,.dashboard-section span{font-size:.95rem;color:var(--neutral-600);margin:0}@media (max-width: 1024px){.dashboard-sidebar{width:64px;padding-left:0;padding-right:0}.sidebar-logo,.sidebar-nav{padding-left:.5rem;padding-right:.5rem}.dashboard-main,.dashboard-header{margin-left:64px;width:calc(100vw - 64px);left:64px}}@media (max-width: 768px){.dashboard-sidebar{display:none}.dashboard-main,.dashboard-header{margin-left:0;width:100vw;left:0}}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.header-notification{position:relative}.notification-btn-header{position:relative;background:none;border:none;padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;color:var(--neutral-600)}.notification-btn-header:hover{background:var(--neutral-100);color:var(--primary-600);transform:translateY(-1px)}.notification-btn-header.active{background:var(--primary-50);color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-200)}.notification-btn-header svg{width:20px;height:20px}.notification-badge-header{position:absolute;top:-4px;right:-4px;background:var(--error-500);color:#fff;border-radius:var(--radius-full);width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.notification-backdrop-top{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.notification-panel-top{position:absolute;top:calc(100% + 8px);right:0;width:420px;max-height:600px;background:white;border-radius:var(--radius-2xl);box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;border:1px solid var(--neutral-200);z-index:var(--z-modal);overflow:hidden;animation:slideDownFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--neutral-200);background:linear-gradient(135deg,var(--primary-50) 0%,var(--neutral-50) 100%)}.notification-title-section{display:flex;align-items:center;gap:var(--space-3)}.notification-title-section .notification-icon-title{color:var(--primary-600);width:20px;height:20px}.notification-title-section h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--neutral-800)}.notification-count-badge{background:var(--error-500);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.notification-close-top{background:none;border:none;padding:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;color:var(--neutral-500);transition:all .2s ease}.notification-close-top:hover{background:var(--neutral-100);color:var(--neutral-700);transform:scale(1.1)}.notification-tabs-top{display:flex;background:var(--neutral-50);border-bottom:1px solid var(--neutral-200);padding:var(--space-1)}.notification-tab-top{flex:1;background:none;border:none;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:500;color:var(--neutral-600);transition:all .2s ease;border-radius:var(--radius-lg)}.notification-tab-top:hover{background:var(--neutral-100);color:var(--neutral-800)}.notification-tab-top.active{background:white;color:var(--primary-600);box-shadow:var(--shadow-sm);font-weight:600}.notification-list-top{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}.notification-item-top{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-100);transition:all .2s ease;position:relative}.notification-item-top:hover{background:var(--neutral-50);transform:translateY(-1px)}.notification-item-top.unread{background:var(--primary-50);border-left:3px solid var(--primary-500)}.notification-item-top.unread:hover{background:var(--primary-100)}.notification-item-top:last-child{border-bottom:none}.notification-icon-item .notification-emoji{font-size:1.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-content-item{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.notification-message{margin:0;font-size:.875rem;color:var(--neutral-800);font-weight:500;line-height:1.4}.notification-time{font-size:.75rem;color:var(--neutral-500);font-weight:400}.notification-unread-dot{width:8px;height:8px;background:var(--primary-500);border-radius:var(--radius-full);position:absolute;top:var(--space-4);right:var(--space-4);animation:pulse 2s infinite}.notification-empty-state-top{text-align:center;padding:var(--space-12) var(--space-8);color:var(--neutral-500)}.notification-empty-state-top .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.notification-empty-state-top h4{margin:0 0 var(--space-2) 0;color:var(--neutral-700);font-weight:600}.notification-empty-state-top p{margin:0;font-size:.875rem}.notification-footer-top{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--neutral-200);background:var(--neutral-50)}.notification-action-btn{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .2s ease}.notification-action-btn.primary{background:var(--primary-600);color:#fff;border:none}.notification-action-btn.primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.notification-action-btn.secondary{background:white;color:var(--neutral-600);border:1px solid var(--neutral-300)}.notification-action-btn.secondary:hover{background:var(--neutral-50);color:var(--neutral-700);border-color:var(--neutral-400)}@media (max-width: 768px){.notification-panel-top{width:100vw;max-width:none;right:-20px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.notification-header-top,.notification-list-top .notification-item-top,.notification-footer-top{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width: 480px){.notification-panel-top{width:100vw;right:-40px}.notification-tabs-top{flex-direction:column;gap:var(--space-1)}.notification-tab-top{text-align:center}.notification-footer-top{flex-direction:column;gap:var(--space-2)}}.recovery-setup-compact{width:95vw;max-width:700px;max-height:90vh;background:white;border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000026;overflow:hidden;display:flex;flex-direction:column}.recovery-header-compact{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;padding:var(--space-6);display:flex;justify-content:space-between;align-items:center}.recovery-title{display:flex;align-items:center;gap:var(--space-3)}.recovery-title .recovery-icon{width:32px;height:32px;padding:var(--space-2);background:rgba(255,255,255,.15);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recovery-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.recovery-close{background:rgba(255,255,255,.15);border:none;padding:var(--space-2);border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recovery-close:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.recovery-close svg{width:18px;height:18px}.recovery-content-compact{flex:1;overflow-y:auto;padding:var(--space-6);max-height:70vh}.recovery-intro{margin-bottom:var(--space-6);text-align:center}.recovery-intro p{margin:0;color:var(--neutral-600);font-size:1rem}.recovery-methods-selection{margin-bottom:var(--space-8)}.recovery-methods-selection h3{margin:0 0 var(--space-4) 0;font-size:1.125rem;font-weight:600;color:var(--neutral-800)}.method-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.method-chip{background:white;border:2px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2);position:relative}.method-chip:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.method-chip.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px #3b82f61a}.method-chip .chip-icon{width:20px;height:20px;color:var(--primary-600)}.method-chip .chip-title{font-weight:500;color:var(--neutral-800);white-space:nowrap}.method-chip .chip-badge{background:var(--success-100);color:var(--success-700);padding:2px 6px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-left:var(--space-1)}.recovery-fields-container{margin-bottom:var(--space-8)}.recovery-fields-container h3{margin:0 0 var(--space-4) 0;font-size:1.125rem;font-weight:600;color:var(--neutral-800)}.recovery-fields{display:flex;flex-direction:column;gap:var(--space-6)}.method-fields{background:white;border:2px solid var(--neutral-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all .3s ease}.method-fields:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000001a}.method-fields.invalid{border-color:var(--error-400);background:var(--error-50)}.method-fields-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--neutral-200)}.method-fields-header .method-icon{width:24px;height:24px;color:var(--primary-600)}.method-fields-header .method-title{font-weight:600;color:var(--neutral-800);flex:1}.method-fields-header .field-error{display:flex;align-items:center;gap:var(--space-1);background:var(--error-100);color:var(--error-700);padding:4px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.method-fields-header .field-error svg{width:12px;height:12px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.field-group{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-weight:500;color:var(--neutral-700);font-size:.875rem}.field-label .required{color:var(--error-500);margin-left:2px}.field-input{padding:var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:.875rem;transition:all .2s ease;background:white}.field-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.field-input:hover{border-color:var(--neutral-400)}.field-input::placeholder{color:var(--neutral-400)}.recovery-info-compact{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.recovery-info-compact .info-icon{width:20px;height:20px;color:var(--primary-600);flex-shrink:0;margin-top:2px}.recovery-info-compact p{margin:0;color:var(--primary-800);font-size:.875rem;line-height:1.5}.recovery-info-compact p strong{font-weight:600}.recovery-footer-compact{background:var(--neutral-50);border-top:1px solid var(--neutral-200);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.recovery-summary-compact{display:flex;align-items:center;gap:var(--space-3)}.recovery-summary-compact .methods-count{font-weight:600;color:var(--neutral-700)}.recovery-summary-compact .warning-text{display:flex;align-items:center;gap:var(--space-2);color:var(--error-600);font-size:.875rem}.recovery-summary-compact .warning-text svg{width:16px;height:16px}.recovery-actions-compact{display:flex;gap:var(--space-3)}.btn-secondary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .2s ease;background:white;color:var(--neutral-600);border:1px solid var(--neutral-300)}.btn-secondary:hover{background:var(--neutral-50);color:var(--neutral-700);border-color:var(--neutral-400)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--primary-600);color:#fff;border:none;display:flex;align-items:center;gap:var(--space-2)}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary svg{width:16px;height:16px}.btn-primary .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.recovery-setup-compact{width:100vw;max-width:none;height:100vh;border-radius:0}.recovery-header-compact{padding:var(--space-4);flex-direction:column;gap:var(--space-3);text-align:center}.recovery-content-compact{padding:var(--space-4)}.method-chips{flex-direction:column}.method-chip{justify-content:center;padding:var(--space-4)}.fields-grid{grid-template-columns:1fr}.method-fields-header{flex-direction:column;text-align:center;gap:var(--space-2)}.recovery-footer-compact{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.recovery-actions-compact{flex-direction:column;width:100%}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (max-width: 480px){.recovery-content-compact,.recovery-footer-compact{padding:var(--space-3)}.method-fields{padding:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:0 2px 4px #3b82f633}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:white;color:var(--neutral-700);border:1px solid var(--neutral-300);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-400);color:var(--neutral-800);transform:translateY(-1px)}.btn-link{background:none;border:none;color:var(--primary-600);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all .2s ease}.btn-link:hover{color:var(--primary-700);background:var(--primary-50)}.wallet-connector{background:var(--card-bg);border-radius:var(--dashboard-radius, 1rem);box-shadow:var(--dashboard-card-shadow, var(--shadow-md));border:1.5px solid var(--card-border);padding:1.5rem 1.5rem 1.2rem;margin-bottom:2rem;width:100%;max-width:540px;margin-left:auto;margin-right:auto}.wallet-connector-header{margin-bottom:1.2rem;text-align:center}.wallet-connector-header h3{margin:0 0 .3rem;color:var(--primary-700);font-size:1.08rem;font-weight:700}.wallet-connector-header p{margin:0;color:var(--neutral-600);font-size:.92rem}.wallets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;margin-bottom:1.2rem}.wallet-card{background:var(--card-bg);border-radius:var(--dashboard-radius, 1rem);box-shadow:var(--dashboard-card-shadow, var(--shadow-sm));border:1.5px solid var(--card-border);padding:1rem 1rem .7rem;display:flex;flex-direction:column;gap:.7rem;min-height:100px;transition:box-shadow .18s,border-color .18s,transform .18s}.wallet-card:hover{box-shadow:var(--dashboard-card-shadow-hover, var(--shadow-lg));border-color:var(--primary-200);transform:translateY(-3px) scale(1.01)}.wallet-card.connected{border-color:var(--success-300);background:var(--success-50)}.wallet-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.2rem}.wallet-icon{font-size:1.7rem;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-100),var(--primary-300));color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #3b82f614}.wallet-info h4{margin:0 0 .1rem;font-size:1rem;font-weight:700;color:var(--primary-700)}.wallet-status{font-size:.85rem;font-weight:600;color:var(--primary-600)}.wallet-features{margin-bottom:.2rem}.feature-tags{display:flex;gap:.25rem;flex-wrap:wrap}.feature-tag{background:var(--primary-50);color:var(--primary-600);padding:.12em .7em;border-radius:var(--radius-full, 9999px);font-size:.7rem;font-weight:600}.wallet-actions{display:flex;gap:.5rem;margin-top:.2rem}.btn.btn-primary.btn-sm,.btn.btn-outline.btn-sm,.btn.btn-success.btn-sm{font-size:.92rem;padding:.35em 1.1em;border-radius:.5rem}.connected-summary{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--dashboard-radius, 1rem);padding:1rem 1.2rem;margin-bottom:1.2rem}.connected-summary h4{margin:0 0 .5rem;color:var(--success-700);font-size:1rem;font-weight:700}.connected-list{display:flex;flex-direction:column;gap:.3rem}.connected-item{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:var(--card-bg);border-radius:var(--radius-md, .25rem);font-size:.95rem}.connection-status{margin-left:auto;color:var(--success-500);font-weight:700}.coming-soon{background:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--dashboard-radius, 1rem);padding:1rem 1.2rem;margin-top:1.2rem}.coming-soon h4{margin:0 0 .5rem;color:var(--primary-700);font-size:1rem;font-weight:700}.feature-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.feature-item{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:var(--card-bg);border-radius:var(--radius-md, .25rem);font-size:.92rem;color:var(--color-accent)}.feature-icon{font-size:1.1rem}.crypto-wallets{width:100%;padding:0}.crypto-wallets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.crypto-wallets-header h2{font-size:1.15rem;font-weight:700;color:var(--primary-700);margin:0}.crypto-wallets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.crypto-wallet-card{background:var(--card-bg);border-radius:var(--dashboard-radius, 1rem);box-shadow:var(--dashboard-card-shadow, var(--shadow-md));border:1.5px solid var(--card-border);padding:1rem 1rem .75rem;display:flex;flex-direction:column;gap:.6rem;min-height:140px;transition:box-shadow .18s,border-color .18s,transform .18s}.crypto-wallet-card:hover{box-shadow:var(--dashboard-card-shadow-hover, var(--shadow-lg));border-color:var(--primary-200);transform:translateY(-4px) scale(1.02)}.wallet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.wallet-info{display:flex;align-items:center;gap:1rem}.wallet-icon{font-size:1.6rem;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-100),var(--primary-300));color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px #3b82f614}.wallet-info h3{font-size:1.02rem;font-weight:700;color:var(--primary-700);margin:0 0 .1rem}.wallet-type{font-size:.92rem;color:var(--primary-600);margin:0}.wallet-status .status-badge{font-size:.85rem;font-weight:600;border-radius:1rem;padding:.18em .7em;background:var(--primary-50);color:var(--primary-600)}.wallet-status .status-badge.external{background:var(--neutral-100);color:var(--neutral-600)}.wallet-balance{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.balance-amount{display:flex;align-items:baseline;gap:.5rem}.balance-number{font-size:1.25rem;font-weight:700;color:var(--primary-700)}.balance-currency{font-size:.95rem;color:var(--primary-600)}.deposit-section{margin-top:.5rem;background:var(--primary-50);border-radius:.75rem;padding:1rem 1rem .5rem}.deposit-section h4{font-size:.98rem;font-weight:700;color:var(--primary-700);margin:0 0 .25rem}.deposit-note{font-size:.88rem;color:var(--neutral-600);margin-bottom:.5rem}.address-container{margin-bottom:.5rem}.address-display{display:flex;align-items:center;gap:.5rem;background:var(--card-bg);border-radius:.5rem;padding:.5rem .75rem;font-size:.95rem;color:var(--color-emphasis);border:1px solid var(--color-accent)}.address-text{font-family:monospace;font-size:.95rem;color:var(--primary-700);margin-right:.5rem}.address-actions{display:flex;gap:.25rem}.btn-icon-btn{background:none;border:none;color:var(--primary-600);font-size:1.1rem;border-radius:.4rem;padding:.18em .4em;cursor:pointer;transition:background .18s,color .18s}.btn-icon-btn:hover{background:var(--primary-50);color:var(--primary-700)}.network-info{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--neutral-600);margin-top:.25rem}.network-info .explorer-link{color:var(--primary-600);text-decoration:none;display:flex;align-items:center;gap:.2em;font-size:.92em;font-weight:500;transition:color .18s}.network-info .explorer-link:hover{color:var(--primary-700)}.deposit-actions{display:flex;gap:.5rem;margin-top:.5rem}.wallet-address{margin-top:.5rem;font-size:.92rem;color:var(--neutral-600)}.address-label{font-weight:600;color:var(--primary-600);margin-bottom:.1rem}.address-value{font-family:monospace;color:var(--primary-700);font-size:.95rem}.no-wallets{text-align:center;color:var(--neutral-400);padding:2.5rem 0}.no-wallets-icon{font-size:2.5rem;margin-bottom:.5rem}.crypto-wallets-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:var(--primary-600)}.modal.deposit-modal{background:var(--dashboard-card-bg, #fff);border-radius:var(--dashboard-radius, 1rem);box-shadow:0 8px 32px #3b82f61a;padding:2rem 2.5rem 1.5rem;max-width:420px;width:100%;margin:0 auto;color:var(--dashboard-card-color, var(--neutral-900));display:flex;flex-direction:column;gap:1.2rem}.modal.deposit-modal .modal-header h3{font-size:1.08rem;font-weight:700;color:var(--primary-700);margin:0 0 .5rem}.modal.deposit-modal .modal-body{padding:0;background:none}.modal.deposit-modal .qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.modal.deposit-modal .qr-code-placeholder{background:var(--primary-50);border-radius:1rem;padding:1.2rem .5rem .7rem;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center}.modal.deposit-modal .qr-code-placeholder p{font-size:.92rem;color:var(--neutral-600);margin:.5rem 0 0;text-align:center}.modal.deposit-modal .instructions h4,.modal.deposit-modal .address-section h4,.modal.deposit-modal .network-info h4{font-size:.98rem;font-weight:700;color:var(--primary-700);margin:.7rem 0 .3rem}.modal.deposit-modal .instructions ol{font-size:.92rem;color:var(--neutral-600);margin:.2rem 0 .7rem 1.2rem}.modal.deposit-modal .address-section{margin-bottom:.5rem}.modal.deposit-modal .address-display{background:var(--dashboard-card-bg, #fff);border-radius:.5rem;padding:.5rem .75rem;font-size:.95rem;color:var(--primary-700);border:1px solid var(--primary-100);display:flex;align-items:center;gap:.5rem}.modal.deposit-modal .address-text{font-family:monospace;font-size:.95rem;color:var(--primary-700);margin-right:.5rem}.modal.deposit-modal .network-info p{font-size:.92rem;color:var(--neutral-600);margin:.1rem 0}.modal.deposit-modal .modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.crypto-wallets .modal{max-width:540px;min-width:320px;width:100%;display:flex;flex-direction:row;align-items:stretch;padding:0;border-radius:1.2rem;box-shadow:0 8px 32px #3b82f61f;background:var(--dashboard-card-bg, #fff);overflow:hidden}.crypto-wallets .modal-left{background:linear-gradient(135deg,var(--primary-100),var(--primary-300));flex:0 0 140px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:var(--primary-700)}.crypto-wallets .modal-left .wallet-icon-large{font-size:2.8rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:0 2px 8px #3b82f61a}.crypto-wallets .modal-left .desc{font-size:.98rem;color:var(--primary-800);text-align:center;margin:0}.crypto-wallets .modal-right{flex:1 1 0;padding:2rem 2rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.crypto-wallets .modal-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.crypto-wallets .modal-header h3{font-size:1.12rem;font-weight:700;color:var(--primary-700);margin:0}.crypto-wallets .modal-close{background:none;border:none;font-size:1.5rem;color:var(--primary-400);cursor:pointer;border-radius:.5rem;transition:background .18s,color .18s;padding:.2em .5em}.crypto-wallets .modal-close:hover{background:var(--primary-50);color:var(--primary-700)}.crypto-wallets .modal-body{width:100%;display:flex;flex-direction:column;gap:.7rem;padding:0;background:none}.crypto-wallets .modal-body .form-group{margin-bottom:.5rem}.crypto-wallets .modal-body .form-group label{font-size:.97rem;color:var(--primary-600);font-weight:600;margin-bottom:.2rem}.crypto-wallets .modal-body input,.crypto-wallets .modal-body select{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--primary-100);background:var(--primary-50);color:var(--primary-700);font-size:.97rem;margin-bottom:.2rem;transition:border .18s}.crypto-wallets .modal-body input:focus,.crypto-wallets .modal-body select:focus{border:1.5px solid var(--primary-300);outline:none}.crypto-wallets .modal-footer{width:100%;display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}@media (max-width: 700px){.crypto-wallets .modal{flex-direction:column;max-width:98vw}.crypto-wallets .modal-left{flex:none;width:100%;padding:1.2rem .5rem .5rem;border-radius:1.2rem 1.2rem 0 0}.crypto-wallets .modal-right{padding:1.2rem 1rem 1rem}}.dashboard-card,.crypto-wallet-card,.wallet-card,.modal,.wallet-connector{box-shadow:var(--dashboard-card-shadow, var(--shadow-sm))!important}.payment-methods-container{width:100%;max-width:900px;margin:0 auto;padding:0}.payment-methods-container h2{font-size:1.12rem;font-weight:700;color:var(--primary-700);margin-bottom:1.2rem}.payment-methods-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;list-style:none;padding:0;margin:0}.payment-method-card{background:var(--dashboard-card-bg, #fff);border-radius:var(--dashboard-radius, 1rem);box-shadow:var(--dashboard-card-shadow, var(--shadow-sm));border:1.2px solid var(--dashboard-card-border, var(--neutral-200));padding:1.1rem 1.2rem .9rem;display:flex;flex-direction:column;gap:.5rem;min-height:120px;transition:box-shadow .16s,border-color .16s,transform .16s}.payment-method-card:hover{box-shadow:var(--dashboard-card-shadow-hover, var(--shadow-lg));border-color:var(--primary-200);transform:translateY(-2px) scale(1.01)}.payment-method-card h3{font-size:1.02rem;font-weight:700;color:var(--primary-700);margin:0 0 .2rem}.payment-method-card .desc{font-size:.95rem;color:var(--neutral-600);margin:0 0 .2rem}.payment-method-card .meta{font-size:.88rem;color:var(--neutral-500);margin:0}.payment-method-card .types{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0}.payment-method-card .type-icon{background:var(--primary-50);color:var(--primary-600);border-radius:.5rem;padding:.18em .7em;font-size:.92rem;font-weight:600;display:flex;align-items:center;gap:.3em}.payment-method-card .rating{color:var(--primary-600);font-weight:700;font-size:.92rem}.payment-method-card .reviews{color:var(--neutral-400);font-size:.88rem}.group-vaults-container{width:100%;max-width:1000px;margin:0 auto;padding:0}.group-vaults-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.group-vaults-icon{font-size:2rem;color:var(--primary-600)}.group-vaults-header h3{font-size:1.15rem;font-weight:700;color:var(--primary-700);margin:0}.group-vaults-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.group-vault-card{background:var(--dashboard-card-bg, #fff);border-radius:var(--dashboard-radius, 1rem);box-shadow:var(--dashboard-card-shadow, var(--shadow-sm));border:1.2px solid var(--dashboard-card-border, var(--neutral-200));padding:1.1rem 1.2rem .9rem;display:flex;flex-direction:column;gap:.5rem;min-height:120px;transition:box-shadow .16s,border-color .16s,transform .16s;position:relative}.group-vault-card:before{content:"";display:block;width:32px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--primary-200),var(--primary-600));margin-bottom:.5rem}.group-vault-card:hover{box-shadow:var(--dashboard-card-shadow-hover, var(--shadow-lg));border-color:var(--primary-200);transform:translateY(-2px) scale(1.01)}.vault-title{font-size:1.05rem;font-weight:700;color:var(--primary-700);margin-bottom:.1rem}.vault-desc{font-size:.95rem;color:var(--neutral-600);margin-bottom:.2rem}.vault-meta{display:flex;gap:1.2rem;font-size:.92rem;color:var(--neutral-500);margin-bottom:.2rem}.vault-meta span{display:flex;align-items:center;gap:.3em}.vault-actions{margin-top:.3rem}.create-vault-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--dashboard-card-bg, #fff);border-radius:var(--dashboard-radius, 1rem);box-shadow:0 8px 32px #3b82f61a;padding:2rem 2.5rem 1.5rem;z-index:200;display:flex;flex-direction:column;gap:.7rem;min-width:320px;max-width:98vw}.create-vault-form input[type=text],.create-vault-form input[type=number]{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--primary-100);background:var(--primary-50);color:var(--primary-700);font-size:.97rem;margin-bottom:.2rem;transition:border .18s}.create-vault-form input:focus{border:1.5px solid var(--primary-300);outline:none}.create-vault-form label{font-size:.95rem;color:var(--primary-600);font-weight:600;margin-bottom:.2rem;display:flex;align-items:center;gap:.5rem}.create-vault-form .btn{margin-top:.3rem}@media (max-width: 700px){.group-vaults-list{grid-template-columns:1fr}.create-vault-form{padding:1.2rem 1rem 1rem;min-width:0}}.btn-action{transition:background .18s,box-shadow .18s,color .18s;outline:none;position:relative}.btn-action:hover,.btn-action:focus{background:var(--primary-50);color:var(--primary-700);box-shadow:0 2px 8px #3b82f61a;z-index:2}.vault-card-hover{transition:box-shadow .18s,transform .18s}.vault-card-hover:hover{box-shadow:0 8px 24px #3b82f621,var(--shadow-md);transform:translateY(-2px) scale(1.01);z-index:3}.status-chip{display:inline-block;padding:2px 10px;border-radius:8px;font-size:13px;font-weight:700;margin-left:8px;background:var(--neutral-100);color:var(--primary-600)}.status-chip.status-active{color:var(--success-700);background:var(--success-100)}.status-chip.status-closed{color:var(--error-700);background:var(--error-100)}.status-chip.status-pending{color:var(--warning-700);background:var(--warning-100)}.card-divider{border:none;border-top:1px solid var(--neutral-200);margin:12px 0}.modal-fade{animation:fadeIn .22s cubic-bezier(.4,0,.2,1)}.modal-scale{animation:scaleIn .22s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.97)}to{transform:scale(1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(30,41,59,.18);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-form{background:#fff;border-radius:14px;box-shadow:0 8px 32px #3b82f621;padding:2rem 2rem 1.5rem;min-width:320px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:1.2rem;position:relative}.modal-form h3{font-size:1.1rem;color:var(--primary-700);margin:0 0 10px;font-weight:800}.modal-form input,.modal-form select{width:100%;margin-top:4px;padding:.6em;border-radius:8px;border:1.5px solid var(--primary-100);font-size:15px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.transaction-info{background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:1rem;margin:1rem 0}.transaction-info p{margin:.5rem 0;font-size:.9rem;color:#4a5568}.transaction-list{max-height:400px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;background:#f8fafc;transition:all .2s ease}.transaction-item:hover{background:#f1f5f9;border-color:#cbd5e1}.transaction-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;flex-shrink:0}.transaction-details{flex:1}.transaction-details .transaction-type{font-weight:600;color:#2d3748;margin-bottom:.25rem}.transaction-details .transaction-amount{font-size:1.1rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.transaction-details .transaction-address{font-size:.85rem;color:#718096;margin-bottom:.25rem;word-break:break-all}.transaction-details .transaction-time{font-size:.8rem;color:#a0aec0}.transaction-status .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.transaction-status .status-badge.pending{background:#fef3c7;color:#92400e}.transaction-status .status-badge.completed{background:#d1fae5;color:#065f46}.transaction-status .status-badge.failed{background:#fee2e2;color:#991b1b}.history-modal{max-width:600px}.history-modal .modal-body{max-height:500px;overflow-y:auto}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-success:disabled{background:#9ca3af;cursor:not-allowed}.btn-info{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;border:none}.btn-info:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%)}.btn-info:disabled{background:#9ca3af;cursor:not-allowed}.overview-dashboard{padding:1.5rem;background:var(--neutral-50);min-height:100vh}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--neutral-200);transition:all .3s ease;display:flex;align-items:center;gap:1rem}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.metric-card.primary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-color:var(--primary-200)}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-600);background:var(--primary-100)}.primary .metric-icon{background:var(--primary-200);color:var(--primary-700)}.metric-content{flex:1}.metric-label{font-size:.875rem;color:var(--neutral-600);margin-bottom:.5rem;font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem;line-height:1.2}.metric-change{font-size:.875rem;color:var(--neutral-500);display:flex;align-items:center;gap:.25rem}.metric-change.positive{color:var(--success-600)}.metric-change.negative{color:var(--error-600)}.charts-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.charts-section{grid-template-columns:1fr}}.chart-container{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--neutral-200)}.chart-container.large{grid-column:1/-1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.chart-controls{display:flex;gap:.5rem}.timeframe-select{padding:.5rem 1rem;border:1px solid var(--neutral-300);border-radius:8px;background:white;font-size:.875rem;color:var(--neutral-700);cursor:pointer}.timeframe-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.insights-section{margin-bottom:2rem}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr}}.insights-card,.recent-activity-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--neutral-200)}.insights-header,.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.insights-header h3,.activity-header h3{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0}.insights-icon{color:var(--primary-600);font-size:1.25rem}.insights-list{display:flex;flex-direction:column;gap:1rem}.insight-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all .3s ease}.insight-item:hover{background:var(--neutral-100);transform:translate(4px)}.insight-item.positive{border-left:4px solid var(--success-500);background:var(--success-50)}.insight-item.info{border-left:4px solid var(--primary-500);background:var(--primary-50)}.insight-item.warning{border-left:4px solid var(--warning-500);background:var(--warning-50)}.insight-item.success{border-left:4px solid var(--success-500);background:var(--success-50)}.insight-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:white;color:var(--primary-600);font-size:1.125rem}.insight-content{flex:1}.insight-title{font-weight:600;color:var(--neutral-900);margin-bottom:.25rem}.insight-description{font-size:.875rem;color:var(--neutral-600)}.insight-value{font-weight:700;color:var(--primary-600);font-size:1.125rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all .3s ease}.activity-item:hover{background:var(--neutral-100)}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:white;font-size:1.125rem}.activity-title{font-weight:600;color:var(--neutral-900);margin-bottom:.25rem}.activity-details{font-size:.875rem;color:var(--neutral-600)}.activity-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.quick-actions-section{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--neutral-200)}.quick-actions-section h3{font-size:1.125rem;font-weight:600;color:var(--neutral-900);margin:0 0 1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:12px;background:var(--neutral-50);border:1px solid var(--neutral-200);transition:all .3s ease;cursor:pointer;text-decoration:none;color:var(--neutral-700)}.action-card:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.action-card span{font-weight:500;font-size:.875rem}.action-icon{width:32px;height:32px;color:inherit}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-text{background:transparent;border:none;color:var(--primary-600);font-weight:500;cursor:pointer;transition:color .3s ease}.btn-text:hover{color:var(--primary-700)}@media (max-width: 768px){.overview-dashboard{padding:1rem}.overview-header{flex-direction:column;gap:1rem;text-align:center}.overview-header-left h1{font-size:1.5rem}.metrics-grid,.charts-section,.insights-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.recharts-tooltip-wrapper .recharts-default-tooltip{background-color:var(--neutral-900)!important;border:none!important;border-radius:8px!important;color:#fff!important;padding:.75rem!important}.recharts-legend-wrapper .recharts-legend-item{color:var(--neutral-700)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.metric-card,.chart-container,.insights-card,.recent-activity-card,.quick-actions-section{animation:fadeInUp .6s ease-out}.loading-skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite}.overview-container{padding:0;background:var(--dashboard-bg);min-height:100vh}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0}.overview-title-section h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.overview-subtitle{font-size:.875rem;color:#64748b;margin:0}.overview-actions{display:flex;gap:.75rem}.overview-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.9);border:1px solid rgba(249,115,22,.2);border-radius:8px;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.overview-action-btn:hover{background:rgba(249,115,22,.1);border-color:#f973164d}.portfolio-summary-card{background:#ffffff;border-radius:8px;padding:1.5rem;color:#1e293b;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9}.portfolio-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.portfolio-info{display:flex;flex-direction:column;gap:.25rem}.portfolio-title-small{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.portfolio-balance-small{font-size:1.75rem;font-weight:600;color:#1e293b;line-height:1}.portfolio-change-small{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#f8fafc}.assets-section{margin-top:0}.assets-header-minimal{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.assets-title-small{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.assets-count{font-size:.75rem;color:#94a3b8;font-weight:500}.assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.asset-item-compact{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.asset-item-compact:hover{background:#f1f5f9;border-color:#cbd5e1}.asset-main-info{display:flex;align-items:center;gap:.5rem;flex:1}.asset-icon-small{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.asset-details-compact{display:flex;flex-direction:column;gap:.125rem}.asset-name-small{font-size:.75rem;font-weight:600;color:#1e293b}.asset-balance-small{font-size:.625rem;color:#64748b;font-weight:500}.asset-values-compact{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.asset-value-small{font-size:.75rem;font-weight:600;color:#1e293b}.asset-meta{display:flex;align-items:center;gap:.5rem}.asset-percentage-small{font-size:.625rem;color:#3b82f6;font-weight:500}.asset-change-small{font-size:.625rem;font-weight:500;padding:.125rem .375rem;border-radius:3px}.asset-change-small.positive{color:#10b981;background:#ecfdf5}.asset-change-small.negative{color:#ef4444;background:#fef2f2}.quick-stats-section{margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stats-header{margin-bottom:1rem}.stats-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.stat-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.stat-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;font-size:1rem}.stat-value{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.125rem}.stat-label{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin:1.5rem 0}.chart-card{background:#ffffff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.chart-select{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:4px;background:white;font-size:.75rem;color:#1e293b}.chart-container{height:200px}.market-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#f8fafc;border-radius:6px}.market-tab{padding:.375rem .75rem;background:transparent;border:1px solid transparent;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.market-tab:hover{background:#e2e8f0;color:#1e293b}.market-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.market-data{margin-bottom:1rem}.market-price{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.price-main{font-size:1.5rem;font-weight:700;color:#1e293b}.price-change{padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600}.price-change.positive{color:#10b981;background:#ecfdf5}.price-change.negative{color:#ef4444;background:#fef2f2}.market-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.market-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.market-stat .stat-label{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.market-stat .stat-value{font-size:.75rem;color:#1e293b;font-weight:600}.distribution-section{background:rgba(255,255,255,.95);border-radius:12px;padding:1.25rem;border:1px solid rgba(249,115,22,.1);box-shadow:0 2px 8px #00000014}.distribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.distribution-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.distribution-chart{height:200px}.recent-activity-section{background:rgba(255,255,255,.95);border-radius:12px;padding:1.25rem;border:1px solid rgba(249,115,22,.1);box-shadow:0 2px 8px #00000014}.activity-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.activity-view-all{font-size:.875rem;color:#3b82f6;background:none;border:none;cursor:pointer;font-weight:500}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:rgba(249,115,22,.05);transition:all .2s ease}.activity-item:hover{background:rgba(249,115,22,.1)}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.activity-icon.receive{background:rgba(16,185,129,.1);color:#10b981}.activity-icon.send{background:rgba(239,68,68,.1);color:#ef4444}.activity-icon.swap{background:rgba(59,130,246,.1);color:#3b82f6}.activity-icon.stake{background:rgba(168,85,247,.1);color:#a855f7}.activity-message{font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:.125rem}.activity-time{font-size:.75rem;color:#64748b}.activity-amount{font-size:.875rem;font-weight:600}@media (max-width: 1024px){.overview-main-grid{grid-template-columns:1fr}.assets-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.portfolio-summary-card{padding:1rem}.portfolio-header-compact{flex-direction:column;align-items:flex-start;gap:.75rem}.portfolio-balance-small{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section,.assets-grid{grid-template-columns:1fr}.asset-item-compact{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.asset-values-compact{align-items:flex-start;width:100%}.asset-meta{justify-content:space-between;width:100%}}.activity-section{margin:1.5rem 0}.activity-card{background:#ffffff;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.activity-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0}.activity-view-all{padding:.25rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.activity-view-all:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;border-color:#cbd5e1}.activity-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600}.activity-icon.receive{background:#10b981}.activity-icon.send{background:#ef4444}.activity-icon.swap{background:#3b82f6}.activity-icon.stake{background:#a855f7}.activity-message{font-size:.75rem;font-weight:600;color:#1e293b;margin-bottom:.125rem}.activity-time{font-size:.625rem;color:#64748b;font-weight:500}.activity-amount{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background:#ffffff}.activity-amount.receive{color:#10b981}.activity-amount.send{color:#ef4444}.activity-amount.swap{color:#3b82f6}.activity-amount.stake{color:#a855f7}@media (max-width: 480px){.quick-stats-row,.asset-showcase-stats{grid-template-columns:1fr}.asset-actions{flex-direction:column;gap:.5rem}.asset-quick-action{width:100%;text-align:center}.distribution-controls{display:flex;gap:.25rem;background:#f8fafc;border-radius:4px;padding:.125rem}.view-toggle{padding:.25rem .5rem;background:transparent;border:none;border-radius:3px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle:hover{background:#e2e8f0;color:#1e293b}.view-toggle.active{background:#3b82f6;color:#fff}.portfolio-summary-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-stat .stat-label{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.summary-stat .stat-value{font-size:.875rem;font-weight:600;color:#1e293b}.summary-stat .stat-value.positive{color:#10b981}.distribution-chart-container{margin-bottom:1.5rem}.distribution-legend{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.legend-item:hover{background:#f1f5f9;border-color:#cbd5e1}.legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-content{flex:1;display:flex;justify-content:space-between;align-items:center}.legend-name{font-size:.75rem;font-weight:600;color:#1e293b}.legend-details{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.legend-value{font-size:.75rem;font-weight:600;color:#1e293b}.legend-percentage{font-size:.625rem;color:#64748b;font-weight:500}.portfolio-insights{display:flex;flex-direction:column;gap:.75rem}.insight-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.insight-item:hover{background:#f1f5f9;border-color:#cbd5e1}.insight-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.insight-icon.positive{background:#ecfdf5;color:#10b981}.insight-icon.neutral{background:#f1f5f9;color:#64748b}.insight-content{flex:1}.insight-title{font-size:.625rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.125rem}.insight-value{font-size:.75rem;font-weight:600;color:#1e293b}}@media (max-width: 480px) and (max-width: 480px){.portfolio-summary-mini{grid-template-columns:1fr;gap:.75rem}.legend-content{flex-direction:column;align-items:flex-start;gap:.25rem}.legend-details{align-items:flex-start}}.wallets-container{padding:0;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem;border-radius:20px;margin:1rem}.wallets-header{margin-bottom:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-title h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;letter-spacing:-.02em;text-shadow:0 4px 8px rgba(0,0,0,.1)}.header-title p{font-size:1rem;color:#ffffffe6;margin:0;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-refresh{width:44px;height:44px;border-radius:12px;border:none;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-refresh:hover{transform:translateY(-2px) rotate(180deg);box-shadow:0 8px 25px #ff6b6b66}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #667eea4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.wallets-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.15);box-shadow:0 15px 40px #0003;border-color:#ffffff4d}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;box-shadow:0 4px 15px #ff6b6b4d}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.8rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wallets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.empty-state{grid-column:1/-1;text-align:center;padding:2rem 1rem;background:white;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.empty-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#64748b}.empty-state h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.empty-state p{font-size:.8rem;color:#64748b;margin:0 0 1rem}.wallet-card{background:white;border-radius:8px;padding:1rem;border:1px solid #e2e8f0;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d;min-height:200px;display:flex;flex-direction:column}.wallet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .2s ease}.wallet-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.wallet-card:hover:before{opacity:1}.wallet-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.wallet-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.wallet-info{flex:1}.wallet-info h3{font-size:.9rem;font-weight:600;color:#1e293b;margin:0 0 .125rem}.wallet-network{font-size:.7rem;color:#64748b;font-weight:500}.primary-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;font-size:.6rem;font-weight:600;padding:.125rem .375rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.wallet-balance{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding:.5rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.balance-amount{display:flex;align-items:baseline;gap:.25rem}.amount{font-size:1.125rem;font-weight:700;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.currency{font-size:.7rem;color:#64748b;font-weight:500}.btn-toggle-balance{width:24px;height:24px;border-radius:4px;border:1px solid #e2e8f0;background:white;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-toggle-balance:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.wallet-address{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding:.375rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0;min-height:32px;overflow:hidden}.address-text{font-size:.7rem;color:#64748b;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500;flex:1;word-break:break-all;margin-right:.5rem;line-height:1.2;overflow-wrap:break-word}.btn-copy{width:20px;height:20px;border-radius:3px;border:1px solid #e2e8f0;background:white;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-copy:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.wallet-actions{display:flex;gap:.375rem;margin-top:auto}.btn-action{flex:1;padding:.375rem;border-radius:4px;border:1px solid #e2e8f0;background:white;color:#64748b;font-size:.7rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all .2s ease}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.btn-send{color:#3b82f6;border-color:#dbeafe}.btn-send:hover{background:#eff6ff;border-color:#3b82f6}.btn-deposit{color:#10b981;border-color:#d1fae5}.btn-deposit:hover{background:#ecfdf5;border-color:#10b981}.btn-more{flex:0 0 auto;width:28px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:white;border-radius:8px;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 24px #00000026;border:1px solid #e2e8f0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc;border-radius:8px 8px 0 0}.modal-header h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.btn-close{width:24px;height:24px;border-radius:4px;border:1px solid #e2e8f0;background:white;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-close:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.modal-body{padding:1rem}.modal-footer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e2e8f0;justify-content:flex-end;background:#f8fafc;border-radius:0 0 8px 8px}.btn-secondary{background:white;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.7rem;font-weight:600;color:#374151;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}@media (max-width: 768px){.main-nav{padding:.75rem 0;box-shadow:0 2px 12px #00000026!important}.nav-container{padding:0 1rem}.nav-brand .brand-name{font-size:1.25rem!important}.nav-links-desktop{display:none!important}.mobile-menu-toggle{display:flex!important}.mobile-menu{display:none}.mobile-menu.active{display:flex!important}.hero-section{padding:4rem 0 3rem!important;min-height:auto!important}.hero-container{grid-template-columns:1fr!important;gap:2rem!important;padding:0 1rem!important}.hero-title .title-line{font-size:2rem!important;line-height:1.2!important}.hero-subtitle{font-size:1rem!important;line-height:1.5!important}.hero-stats{gap:1.5rem!important;justify-content:center!important}.hero-actions{flex-direction:column!important;gap:.75rem!important}.hero-actions .btn{width:100%!important;justify-content:center!important}.hero-visual{order:-1!important;margin-bottom:1rem!important}.desktop-mockup{max-width:280px!important}.phone-frame{width:160px!important;height:320px!important}.features-section{padding:3rem 0!important}.features-container{padding:0 1rem!important}.features-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.feature-card{padding:1.5rem!important}.feature-card h3{font-size:1.25rem!important}.feature-card p{font-size:.875rem!important}.extension-section{padding:3rem 0!important}.extension-container{padding:0 1rem!important}.extension-content{grid-template-columns:1fr!important;gap:2rem!important}.extension-info h2{font-size:1.75rem!important}.extension-info p{font-size:1rem!important}.tokenomics-section{padding:3rem 0!important}.tokenomics-container{padding:0 1rem!important}.tokenomics-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.tokenomics-card{padding:1.5rem!important}.tokenomics-card h3{font-size:1.25rem!important}.airdrop-section{padding:3rem 0!important}.airdrop-container{padding:0 1rem!important}.airdrop-content{grid-template-columns:1fr!important;gap:2rem!important}.airdrop-details{text-align:center!important}.airdrop-stat{justify-content:center!important}.waiting-list-section{padding:3rem 0!important}.waiting-list-container{padding:0 1rem!important}.waiting-list-content{grid-template-columns:1fr!important;gap:2rem!important}.benefits-list{text-align:center!important}.footer{padding:2rem 0 1rem!important}.footer-container{padding:0 1rem!important}.footer-content{grid-template-columns:1fr!important;gap:2rem!important;text-align:center!important}.footer-section h3{font-size:1.125rem!important}.footer-section a{font-size:.875rem!important}.footer-bottom{flex-direction:column!important;gap:1rem!important;text-align:center!important}.section-title{font-size:1.75rem!important;line-height:1.3!important}.section-subtitle{font-size:1rem!important;line-height:1.5!important}.form-card{padding:1.5rem!important}.form-card h3{font-size:1.25rem!important}.form-card p{font-size:.875rem!important}.form-group input{padding:.75rem!important;font-size:.875rem!important}.btn{padding:.75rem 1.5rem!important;font-size:.875rem!important}}@media (min-width: 769px) and (max-width: 1024px){.hero-container{gap:3rem!important;padding:0 2rem!important}.hero-title .title-line{font-size:2.5rem!important}.features-grid,.tokenomics-grid{grid-template-columns:repeat(2,1fr)!important}.airdrop-content,.waiting-list-content{gap:3rem!important}.footer-content{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1025px){.hero-container,.features-container,.extension-container,.tokenomics-container,.airdrop-container,.waiting-list-container,.footer-container{max-width:1400px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-badge,.feature-icon,.extension-icon,.tokenomics-icon,.airdrop-icon,.waiting-list-icon{transform:scale(1.1)}}@media (prefers-color-scheme: dark){:root{--color-background: #0f172a;--color-background-primary: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border-primary: #334155}}@media print{.main-nav,.mobile-menu-toggle,.hero-actions,.btn{display:none!important}.hero-section{padding:1rem 0!important;min-height:auto!important}.section{page-break-inside:avoid}}@media (max-width: 768px){html,body{font-size:14px}h1,h2,h3,h4,h5,h6{font-size:clamp(1rem,4vw,2rem);line-height:1.2}p{font-size:clamp(.875rem,3vw,1rem);line-height:1.5}.btn,input,textarea,select{font-size:clamp(.875rem,3vw,1rem)!important}}@media (max-width: 480px){html,body{font-size:13px}.hero-title .title-line{font-size:1.75rem!important}.section-title{font-size:1.5rem!important}.hero-subtitle{font-size:.875rem!important}.hero-stats{gap:1rem!important}.hero-stats .stat-item div:first-child{font-size:1.25rem!important}.hero-stats .stat-item div:last-child{font-size:.75rem!important}}@media (max-width: 768px) and (orientation: landscape){.hero-section{padding:2rem 0!important;min-height:auto!important}.hero-container{gap:1.5rem!important}.hero-title .title-line{font-size:1.5rem!important}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #333333;--color-border-primary: #000000}}.btn:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:2px}html{scroll-behavior:smooth}section[id]{scroll-margin-top:80px}@media (max-width: 768px){section[id]{scroll-margin-top:60px}}section{display:block;width:100%;position:relative;overflow:visible}@media (min-width: 1400px){.hero-container,.features-container,.extension-container,.tokenomics-container,.airdrop-container,.waiting-list-container,.footer-container{max-width:1600px!important}}.dashboard{display:grid;grid-template-columns:auto 1fr;min-height:100vh;background-color:var(--background-primary)}@media (max-width: 768px){.dashboard{grid-template-columns:1fr}}.sidebar{width:280px;padding:1.5rem;background-color:var(--background-secondary);border-right:1px solid var(--border-primary);transition:all .3s ease}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-btn{padding:.75rem;justify-content:center}.sidebar.collapsed .sidebar-btn span{display:none}@media (max-width: 768px){.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;padding:.75rem;border-right:none;border-top:1px solid var(--border-primary);z-index:100}.sidebar.collapsed{width:100%}}.main-content{padding:2rem;overflow-y:auto}@media (max-width: 768px){.main-content{padding:1rem 1rem 5rem}}.activity-feed{max-height:400px;overflow-y:auto;padding-right:1rem}.activity-feed::-webkit-scrollbar{width:6px}.activity-feed::-webkit-scrollbar-track{background:var(--background-secondary)}.activity-feed::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-primary);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;z-index:1000}.modal .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal .modal-header .close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.modal .modal-header .close-button:hover{background:var(--background-hover)}.modal .modal-content{padding:1.5rem}.modal .modal-footer{padding:1.5rem;border-top:1px solid var(--border-primary);display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 640px){.modal{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;top:0;left:0;transform:none}.modal .modal-header{padding:1rem;position:sticky;top:0;background:var(--background-primary);z-index:10}.modal .modal-content{padding:1rem}.modal .modal-footer{padding:1rem;position:sticky;bottom:0;background:var(--background-primary);z-index:10}}.sidebar-btn{width:100%;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-radius:.5rem;transition:all .2s ease;color:var(--text-secondary)}.sidebar-btn:hover{background-color:var(--background-hover)}.sidebar-btn.active{background-color:var(--primary);color:var(--white)}@media (max-width: 768px){.sidebar-btn{padding:.5rem;flex-direction:column;gap:.25rem;font-size:.75rem}.sidebar-btn svg{font-size:1.25rem}}.chart-container{width:100%;height:300px;margin-bottom:2rem}@media (max-width: 640px){.chart-container{height:200px}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.enhanced-wallet{padding:2rem;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.enhanced-wallet .wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.enhanced-wallet .wallet-header .header-left h2{font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enhanced-wallet .wallet-header .header-left p{font-size:1rem;margin:0;opacity:.8}.enhanced-wallet .wallet-header .header-actions{display:flex;gap:1rem}.enhanced-wallet .wallet-header .header-actions button{padding:.75rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.enhanced-wallet .wallet-header .header-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-wallet .wallet-header .header-actions button.spinning{animation:spin 1s linear infinite}.enhanced-wallet .portfolio-overview{margin-bottom:2rem}.enhanced-wallet .portfolio-overview .portfolio-card{padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-header h3{font-size:1.25rem;font-weight:600;margin:0}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-header .portfolio-change{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-value{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-stats{display:flex;gap:2rem}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-stats .stat{display:flex;flex-direction:column;gap:.25rem}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-stats .stat span:first-child{font-size:.875rem;opacity:.7}.enhanced-wallet .portfolio-overview .portfolio-card .portfolio-stats .stat span:last-child{font-size:1.125rem;font-weight:600}.enhanced-wallet .currency-section{margin-bottom:2rem}.enhanced-wallet .currency-section .currency-selector label{display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown{position:relative}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn{width:100%;padding:1rem 1.5rem;border-radius:16px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;font-size:1rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn .selected-currency{display:flex;align-items:center;gap:1rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn .selected-currency .currency-icon{font-size:1.5rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn .selected-currency .currency-name{font-weight:600}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-select-btn .selected-currency .currency-symbol{opacity:.7}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000026;z-index:1000}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option{width:100%;padding:1rem 1.5rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;text-align:left}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option:hover{background:rgba(139,92,246,.1)}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option.selected{background:rgba(139,92,246,.2)}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option .currency-icon{font-size:1.25rem;margin-right:1rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option .currency-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option .currency-info .currency-name{font-weight:600;font-size:.9rem}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option .currency-info .currency-symbol{font-size:.8rem;opacity:.7}.enhanced-wallet .currency-section .currency-selector .currency-dropdown .currency-options .currency-option .currency-balance{font-weight:600;font-size:.9rem}.enhanced-wallet .currency-details{margin-bottom:2rem}.enhanced-wallet .currency-details .currency-card{padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.enhanced-wallet .currency-details .currency-card .currency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.enhanced-wallet .currency-details .currency-card .currency-header .currency-info{display:flex;align-items:center;gap:1rem}.enhanced-wallet .currency-details .currency-card .currency-header .currency-info .currency-icon-large{font-size:3rem}.enhanced-wallet .currency-details .currency-card .currency-header .currency-info h3{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.enhanced-wallet .currency-details .currency-card .currency-header .currency-info p{font-size:1rem;margin:0;opacity:.7}.enhanced-wallet .currency-details .currency-card .currency-header .currency-price{text-align:right}.enhanced-wallet .currency-details .currency-card .currency-header .currency-price span:first-child{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.enhanced-wallet .currency-details .currency-card .currency-header .currency-price .price-change{font-size:.9rem;font-weight:600}.enhanced-wallet .currency-details .currency-card .currency-balance{margin-bottom:2rem}.enhanced-wallet .currency-details .currency-card .currency-balance .balance-amount{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.enhanced-wallet .currency-details .currency-card .currency-balance .balance-usd{font-size:1.25rem;opacity:.7}.enhanced-wallet .currency-details .currency-card .currency-actions{display:flex;gap:1rem}.enhanced-wallet .currency-details .currency-card .currency-actions .action-btn{flex:1;padding:1rem 1.5rem;border-radius:16px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1rem}.enhanced-wallet .currency-details .currency-card .currency-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-wallet .currency-details .currency-card .currency-actions .action-btn.send-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.enhanced-wallet .currency-details .currency-card .currency-actions .action-btn.receive-btn:hover,.enhanced-wallet .currency-details .currency-card .currency-actions .action-btn.swap-btn:hover{background:rgba(139,92,246,.1)}.enhanced-wallet .all-currencies h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.enhanced-wallet .all-currencies .currencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item{padding:1.5rem;border-radius:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enhanced-wallet .all-currencies .currencies-grid .currency-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.enhanced-wallet .all-currencies .currencies-grid .currency-item.active{border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf633}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-header .currency-icon{font-size:1.5rem;margin-right:.75rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-header .currency-item-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-header .currency-item-info span:first-child{font-weight:600;font-size:1rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-header .currency-item-info span:last-child{font-size:.8rem;opacity:.7}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-balance{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-value{font-size:1rem;opacity:.7;margin-bottom:.5rem}.enhanced-wallet .all-currencies .currencies-grid .currency-item .currency-item-change{font-size:.9rem;font-weight:600}.enhanced-wallet .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.enhanced-wallet .modal-overlay .modal-content{width:90%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.enhanced-wallet .modal-overlay .modal-content .modal-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-wallet .modal-overlay .modal-content .modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.enhanced-wallet .modal-overlay .modal-content .modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.enhanced-wallet .modal-overlay .modal-content .modal-header button:hover{background:rgba(255,255,255,.1)}.enhanced-wallet .modal-overlay .modal-content .modal-body{padding:2rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group{margin-bottom:1.5rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group input,.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group select{width:100%;padding:1rem;border-radius:12px;border:none;font-size:1rem;transition:all .3s ease}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group input:focus,.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group select:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group .input-group{display:flex;align-items:center}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group .input-group input{border-radius:12px 0 0 12px;border-right:none}.enhanced-wallet .modal-overlay .modal-content .modal-body .form-group .input-group .input-suffix{padding:1rem;background:rgba(255,255,255,.05);border-radius:0 12px 12px 0;font-weight:600}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-from,.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-to{margin-bottom:1rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-from label,.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-to label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-from .swap-input-group,.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-to .swap-input-group{display:flex;gap:.5rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-from .swap-input-group input,.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-to .swap-input-group input{flex:1}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-from .swap-input-group select,.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-to .swap-input-group select{width:120px}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-container .swap-arrow{display:flex;justify-content:center;margin:1rem 0;font-size:1.5rem}.enhanced-wallet .modal-overlay .modal-content .modal-body .swap-rate{text-align:center;font-size:.9rem;opacity:.7;margin-top:1rem}.enhanced-wallet .modal-overlay .modal-content .modal-footer{padding:1.5rem 2rem;display:flex;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.enhanced-wallet .modal-overlay .modal-content .modal-footer button{flex:1;padding:1rem 1.5rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}.enhanced-wallet .modal-overlay .modal-content .modal-footer button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.enhanced-wallet .modal-overlay .modal-content .modal-footer button:disabled{opacity:.6;cursor:not-allowed;transform:none}.enhanced-wallet .modal-overlay .modal-content .modal-footer button.btn-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}.enhanced-wallet .modal-overlay .modal-content .modal-footer button.btn-secondary:hover{background:rgba(255,255,255,.1)}@media (max-width: 768px){.enhanced-wallet{padding:1rem}.enhanced-wallet .wallet-header{flex-direction:column;gap:1rem;text-align:center}.enhanced-wallet .wallet-header .header-actions{justify-content:center}.enhanced-wallet .portfolio-card{padding:1.5rem}.enhanced-wallet .portfolio-card .portfolio-value{font-size:2rem}.enhanced-wallet .portfolio-card .portfolio-stats{flex-direction:column;gap:1rem}.enhanced-wallet .currency-card{padding:1.5rem}.enhanced-wallet .currency-card .currency-header{flex-direction:column;gap:1rem;text-align:center}.enhanced-wallet .currency-card .currency-header .currency-info{justify-content:center}.enhanced-wallet .currency-card .currency-balance .balance-amount{font-size:2rem}.enhanced-wallet .currency-card .currency-actions{flex-direction:column}.enhanced-wallet .currency-card .currency-actions .action-btn{width:100%}.enhanced-wallet .currencies-grid{grid-template-columns:1fr}.enhanced-wallet .modal-content{width:95%;margin:1rem}.enhanced-wallet .modal-content .modal-body{padding:1.5rem}.enhanced-wallet .modal-content .modal-footer{padding:1rem 1.5rem;flex-direction:column}}.swap-interface{min-height:100vh;width:100%;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;gap:0}.swap-interface .provider-section{width:100%}.swap-interface .provider-section .provider-options{display:flex;background:transparent;border:none;border-radius:0;padding:1.5rem 2rem;box-shadow:none;margin:0;border-bottom:1px solid rgba(0,0,0,.05)}.swap-interface .provider-section .provider-btn{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative}.swap-interface .provider-section .provider-btn .provider-icon{font-size:1.125rem;color:#64748b;transition:color .15s ease}.swap-interface .provider-section .provider-btn .provider-info{display:flex;flex-direction:column;align-items:flex-start}.swap-interface .provider-section .provider-btn .provider-info .provider-name{font-size:.875rem;font-weight:500;color:#1e293b;transition:color .15s ease}.swap-interface .provider-section .provider-btn .provider-info .provider-desc{font-size:.75rem;color:#64748b;opacity:.6;transition:color .15s ease}.swap-interface .provider-section .provider-btn:hover{background:rgba(0,0,0,.02)}.swap-interface .provider-section .provider-btn:hover .provider-icon,.swap-interface .provider-section .provider-btn:hover .provider-info .provider-name{color:#1e293b}.swap-interface .provider-section .provider-btn.active{background:rgba(0,0,0,.05)}.swap-interface .provider-section .provider-btn.active .provider-icon{color:#1e293b}.swap-interface .provider-section .provider-btn.active .provider-info .provider-name{color:#1e293b;font-weight:600}.swap-interface .provider-section .provider-btn.active .provider-info .provider-desc{color:#64748b}.swap-interface .swap-card{width:100%;background:transparent;border:none;border-radius:0;padding:2rem;box-shadow:none;position:relative;overflow:hidden;margin:0}.swap-interface .token-inputs-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.swap-interface .token-input-group{flex:1;margin-bottom:0}.swap-interface .token-input-group .input-label{font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.swap-interface .token-input-group .token-input-container{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px;transition:all .15s ease}.swap-interface .token-input-group .token-input-container:hover{border-color:#0000001a}.swap-interface .token-input-group .token-input-container:focus-within{border-color:#00000026;background:rgba(0,0,0,.03)}.swap-interface .token-input-group .amount-section{flex:1;display:flex;align-items:center;gap:.5rem}.swap-interface .token-input-group .amount-section .amount-input{flex:1;border:none;background:transparent;font-size:1.125rem;font-weight:500;color:#1e293b;outline:none;padding:0}.swap-interface .token-input-group .amount-section .amount-input::placeholder{color:#94a3b8;font-weight:400}.swap-interface .token-input-group .amount-section .max-btn{padding:.375rem .75rem;background:rgba(0,0,0,.05);border:none;border-radius:4px;font-size:.6875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.swap-interface .token-input-group .amount-section .max-btn:hover{background:rgba(0,0,0,.1);color:#1e293b}.swap-interface .token-input-group .token-selector{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:6px;cursor:pointer;transition:all .15s ease;min-width:120px}.swap-interface .token-input-group .token-selector:hover{background:rgba(0,0,0,.05);border-color:#0000001a}.swap-interface .token-input-group .token-selector .selected-token{display:flex;align-items:center;gap:.375rem}.swap-interface .token-input-group .token-selector .selected-token .token-icon{width:20px;height:20px;border-radius:50%}.swap-interface .token-input-group .token-selector .selected-token .token-symbol{font-size:.8125rem;font-weight:600;color:#1e293b}.swap-interface .token-input-group .token-selector .selected-token .chevron{font-size:.8125rem;color:#64748b}.swap-interface .token-input-group .token-selector .select-token{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#64748b}.swap-interface .token-input-group .token-selector .select-token .chevron{font-size:.8125rem}.swap-interface .token-input-group .token-balance{margin-top:.375rem;font-size:.6875rem;color:#64748b;text-align:right}.swap-interface .swap-direction{display:flex;align-items:center;justify-content:center;margin-top:1.75rem}.swap-interface .swap-direction .swap-direction-btn{width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:1rem}.swap-interface .swap-direction .swap-direction-btn:hover{transform:scale(1.05)}.swap-interface .ai-actions-panel{margin-top:1.25rem;padding:1rem;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px}.swap-interface .ai-actions-panel .ai-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.swap-interface .ai-actions-panel .ai-actions-header h4{margin:0;font-size:.95rem;font-weight:600;color:#1e293b}.swap-interface .ai-actions-panel .ai-actions-header .ai-status{font-size:.8125rem;font-weight:500;opacity:.9}.swap-interface .ai-actions-panel .ai-actions-buttons{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.swap-interface .ai-actions-panel .ai-actions-buttons .analyze-btn,.swap-interface .ai-actions-panel .ai-actions-buttons .auto-hedge-btn{padding:.625rem 1rem;border-radius:8px;border:1px solid rgba(0,0,0,.05);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.swap-interface .ai-actions-panel .ai-actions-buttons .analyze-btn:hover:not(:disabled),.swap-interface .ai-actions-panel .ai-actions-buttons .auto-hedge-btn:hover:not(:disabled){transform:translateY(-1px)}.swap-interface .ai-actions-panel .ai-actions-buttons .analyze-btn:disabled,.swap-interface .ai-actions-panel .ai-actions-buttons .auto-hedge-btn:disabled{opacity:.6;cursor:not-allowed}.swap-interface .ai-actions-panel .ai-analysis-result{margin-top:.75rem;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.05);background:rgba(0,0,0,.02);border-radius:8px}.swap-interface .ai-actions-panel .ai-analysis-result .analysis-content{display:grid;grid-template-columns:1fr;gap:.25rem}.swap-interface .ai-actions-panel .ai-analysis-result .analysis-content p{margin:0;font-size:.875rem}.swap-interface .rate-display{margin:1rem 0;padding:1rem;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);border-radius:8px}.swap-interface .rate-display .rate-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.swap-interface .rate-display .rate-info .rate-label{font-size:.875rem;color:#64748b}.swap-interface .rate-display .rate-info .rate-value{font-size:.875rem;font-weight:600;color:#1e293b}.swap-interface .rate-display .rate-provider{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b;padding:.5rem .75rem;background:rgba(0,0,0,.02);border-radius:4px;width:fit-content}.swap-interface .rate-display .rate-provider .loading-icon{animation:spin 1s linear infinite}.swap-interface .swap-button{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.swap-interface .swap-button:hover:not(.disabled){transform:translateY(-1px)}.swap-interface .swap-button.disabled{opacity:.5;cursor:not-allowed}.swap-interface .swap-button .spinning{animation:spin 1s linear infinite}.swap-interface .swap-progress{margin-top:1rem}.swap-interface .swap-progress .progress-bar{width:100%;height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden}.swap-interface .swap-progress .progress-bar .progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.swap-interface .swap-progress .progress-text{margin-top:.5rem;font-size:.875rem;color:#64748b;text-align:center}.swap-interface .error-display{margin-top:1rem;padding:1rem;border-radius:8px;font-size:.875rem;text-align:center}.swap-interface .token-selector-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.swap-interface .token-selector-modal .token-selector-content{width:100%;max-width:400px;max-height:80vh;background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.swap-interface .token-selector-modal .token-selector-content .token-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.swap-interface .token-selector-modal .token-selector-content .token-selector-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.swap-interface .token-selector-modal .token-selector-content .token-selector-header .close-btn{width:32px;height:32px;border:none;border-radius:50%;background:rgba(0,0,0,.05);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .15s ease}.swap-interface .token-selector-modal .token-selector-content .token-selector-header .close-btn:hover{background:rgba(0,0,0,.1);color:#1e293b}.swap-interface .token-selector-modal .token-selector-content .token-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.swap-interface .token-selector-modal .token-selector-content .token-search input{width:100%;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s ease}.swap-interface .token-selector-modal .token-selector-content .token-search input:focus{border-color:#0003}.swap-interface .token-selector-modal .token-selector-content .token-search input::placeholder{color:#94a3b8}.swap-interface .token-selector-modal .token-selector-content .token-list{flex:1;overflow-y:auto;padding:.5rem 0}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border:none;background:transparent;cursor:pointer;transition:background-color .15s ease}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option:hover{background:rgba(0,0,0,.02)}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-info{display:flex;align-items:center;gap:.75rem}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-info .token-icon{width:32px;height:32px;border-radius:50%}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-info .token-details{display:flex;flex-direction:column;align-items:flex-start}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-info .token-details .token-symbol{font-size:.875rem;font-weight:600;color:#1e293b}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-info .token-details .token-name{font-size:.75rem;color:#64748b}.swap-interface .token-selector-modal .token-selector-content .token-list .token-option .token-price{font-size:.875rem;font-weight:500;color:#1e293b}@media (max-width: 768px){.swap-interface{padding:0}.swap-interface .provider-section{width:100%}.swap-interface .provider-section .provider-options{padding:1rem;flex-direction:column;gap:.5rem}.swap-interface .provider-section .provider-btn{padding:.75rem 1rem}.swap-interface .swap-card{width:100%;padding:1.5rem}.swap-interface .token-inputs-row{flex-direction:column;gap:1rem}.swap-interface .swap-direction{margin-top:.5rem;margin-bottom:.5rem}.swap-interface .token-input-group .token-input-container{padding:1rem;flex-direction:column;gap:1rem}.swap-interface .token-selector{width:100%;justify-content:space-between}}@media (max-width: 480px){.swap-interface{padding:0}.swap-interface .provider-section{width:100%}.swap-interface .swap-card{width:100%;padding:1rem}.swap-interface .token-inputs-row{flex-direction:column;gap:.75rem}.swap-interface .token-input-group .token-input-container,.swap-interface .token-selector-modal{padding:1rem}.swap-interface .token-selector-modal .token-selector-content{max-height:90vh}}.swap-history{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden;padding:2rem;width:100%}.swap-history .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem}.swap-history .history-header .history-title{font-size:2rem;font-weight:800;color:var(--nisto-text-primary);margin:0;background:linear-gradient(135deg,var(--nisto-primary) 0%,var(--nisto-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.swap-history .history-header .header-actions{display:flex;align-items:center;gap:1rem}.swap-history .history-header .header-actions .history-stats .total-swaps{padding:.5rem 1rem;background:linear-gradient(135deg,var(--nisto-primary) 0%,var(--nisto-primary) 100%);color:var(--nisto-white);border-radius:8px;font-weight:600;font-size:.9rem}.swap-history .history-header .header-actions .refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--nisto-background-secondary);border:1px solid var(--nisto-border-primary);border-radius:8px;color:var(--nisto-text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.swap-history .history-header .header-actions .refresh-button:hover:not(:disabled){background:var(--nisto-background-tertiary);transform:translateY(-1px)}.swap-history .history-header .header-actions .refresh-button:disabled{opacity:.5;cursor:not-allowed}.swap-history .history-header .header-actions .refresh-button .refresh-icon{font-size:1rem}.swap-history .history-header .header-actions .refresh-button .refresh-icon.spinning{animation:spin 1s linear infinite}.swap-history .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.swap-history .loading-state .loading-icon{font-size:2rem;color:var(--nisto-primary);margin-bottom:1rem}.swap-history .loading-state .loading-icon.spinning{animation:spin 1s linear infinite}.swap-history .loading-state span{color:var(--nisto-text-secondary);font-size:1.1rem}.swap-history .status-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.swap-history .status-overview .stat-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:16px;transition:all .3s ease}.swap-history .status-overview .stat-item:hover{transform:translateY(-2px)}.swap-history .status-overview .stat-item .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:1.3rem;flex-shrink:0}.swap-history .status-overview .stat-item .stat-icon.completed{background:linear-gradient(135deg,var(--nisto-success) 0%,var(--nisto-success) 100%);color:var(--nisto-white)}.swap-history .status-overview .stat-item .stat-icon.failed{background:linear-gradient(135deg,var(--nisto-error) 0%,var(--nisto-error) 100%);color:var(--nisto-white)}.swap-history .status-overview .stat-item .stat-icon.pending{background:linear-gradient(135deg,var(--nisto-warning) 0%,var(--nisto-warning) 100%);color:var(--nisto-white)}.swap-history .status-overview .stat-item .stat-icon.auto{background:linear-gradient(135deg,var(--nisto-info) 0%,var(--nisto-info) 100%);color:var(--nisto-white)}.swap-history .status-overview .stat-item .stat-icon.manual{background:linear-gradient(135deg,var(--nisto-primary) 0%,var(--nisto-primary) 100%);color:var(--nisto-white)}.swap-history .status-overview .stat-item .stat-details{display:flex;flex-direction:column;gap:.25rem}.swap-history .status-overview .stat-item .stat-details .stat-label{font-size:.8rem;color:var(--nisto-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.swap-history .status-overview .stat-item .stat-details .stat-value{font-size:1.5rem;font-weight:800;color:var(--nisto-text-primary)}.swap-history .alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem}.swap-history .alert.alert-warning{background:linear-gradient(135deg,var(--nisto-warning) 0%,var(--nisto-warning) 100%);color:var(--nisto-white)}.swap-history .alert .alert-icon{font-size:1.2rem;flex-shrink:0}.swap-history .alert .alert-content{font-size:.9rem;font-weight:500}.swap-history .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.swap-history .empty-state .empty-icon{font-size:3rem;color:var(--nisto-text-secondary);margin-bottom:1.5rem}.swap-history .empty-state .empty-title{font-size:1.5rem;font-weight:700;color:var(--nisto-text-primary);margin-bottom:1rem}.swap-history .empty-state .empty-description{color:var(--nisto-text-secondary);font-size:1rem;line-height:1.6;max-width:400px}.swap-history .swap-activity{margin-bottom:2rem}.swap-history .swap-activity .activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.swap-history .swap-activity .activity-header .activity-title{font-size:1.5rem;font-weight:700;color:var(--nisto-text-primary);margin:0}.swap-history .swap-activity .activity-header .filter-info{display:flex;align-items:center;gap:.5rem;color:var(--nisto-text-secondary);font-size:.9rem}.swap-history .swap-activity .activity-header .filter-info .filter-icon{font-size:1rem}.swap-history .swap-activity .filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;border-radius:12px}.swap-history .swap-activity .filter-tabs .filter-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--nisto-text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.swap-history .swap-activity .filter-tabs .filter-tab:hover{background:var(--nisto-background-tertiary);color:var(--nisto-text-primary)}.swap-history .swap-activity .filter-tabs .filter-tab.active{background:linear-gradient(135deg,var(--nisto-primary) 0%,var(--nisto-primary) 100%);color:var(--nisto-white)}.swap-history .swap-activity .filter-tabs .filter-tab .tab-icon{font-size:1rem}.swap-history .swap-activity .swaps-list{display:flex;flex-direction:column;gap:1rem}.swap-history .swap-activity .swaps-list .swap-item{border-radius:16px;padding:1.5rem;transition:all .3s ease}.swap-history .swap-activity .swaps-list .swap-item:hover{transform:translateY(-2px)}.swap-history .swap-activity .swaps-list .swap-item .swap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status{display:flex;align-items:center;gap:.5rem}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon{font-size:1.1rem}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.completed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.completed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.completed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.completed{color:var(--nisto-success)}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.failed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.failed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.failed,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.failed{color:var(--nisto-error)}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.pending,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.pending,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.pending,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.pending{color:var(--nisto-warning)}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.processing,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.processing,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.processing,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.processing{color:var(--nisto-info)}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.processing.spinning,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.processing.spinning,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.processing.spinning,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.processing.spinning{animation:spin 1s linear infinite}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-icon.unknown,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-icon.unknown,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-icon.unknown,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-icon.unknown{color:var(--nisto-text-secondary)}.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .type-label,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-type .status-label,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .type-label,.swap-history .swap-activity .swaps-list .swap-item .swap-header .swap-status .status-label{font-size:.9rem;font-weight:600;color:var(--nisto-text-primary)}.swap-history .swap-activity .swaps-list .swap-item .swap-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info{display:flex;flex-direction:column;gap:.5rem}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info .swap-pair{display:flex;align-items:center;gap:.75rem}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info .swap-pair .token{font-weight:700;color:var(--nisto-text-primary);font-size:1.1rem}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info .swap-pair .arrow-icon{font-size:1rem;color:var(--nisto-text-secondary)}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info .swap-amount{font-size:1.2rem;font-weight:800;color:var(--nisto-primary)}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-info .swap-price{font-size:.9rem;color:var(--nisto-text-secondary);font-weight:600}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-meta .swap-date{font-size:.8rem;color:var(--nisto-text-secondary)}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-meta .swap-gas{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--nisto-text-secondary)}.swap-history .swap-activity .swaps-list .swap-item .swap-details .swap-meta .swap-gas .gas-icon{font-size:.8rem}.swap-history .swap-activity .swaps-list .swap-item .swap-reason{padding-top:1rem}.swap-history .swap-activity .swaps-list .swap-item .swap-reason .reason-text{font-size:.9rem;color:var(--nisto-text-secondary);display:block;margin-bottom:.5rem}.swap-history .swap-activity .swaps-list .swap-item .swap-reason .error-text{font-size:.8rem;color:var(--nisto-error);font-weight:600}.swap-history .performance-analytics{margin-top:2rem}.swap-history .performance-analytics .analytics-title{font-size:1.5rem;font-weight:700;color:var(--nisto-text-primary);margin-bottom:1.5rem}.swap-history .performance-analytics .analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.swap-history .performance-analytics .analytics-grid .analytics-item{border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.swap-history .performance-analytics .analytics-grid .analytics-item:hover{transform:translateY(-2px)}.swap-history .performance-analytics .analytics-grid .analytics-item .analytics-label{font-size:.8rem;color:var(--nisto-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.swap-history .performance-analytics .analytics-grid .analytics-item .analytics-value{font-size:1.8rem;font-weight:800;color:var(--nisto-text-primary);margin-bottom:.5rem}.swap-history .performance-analytics .analytics-grid .analytics-item .analytics-description{font-size:.8rem;color:var(--nisto-text-secondary);line-height:1.4}@media (max-width: 768px){.swap-history{padding:1rem}.swap-history .history-header{flex-direction:column;gap:1rem;text-align:center}.swap-history .status-overview{grid-template-columns:1fr;gap:1rem}.swap-history .filter-tabs{flex-direction:column;gap:.25rem}.swap-history .filter-tabs .filter-tab{justify-content:flex-start}.swap-history .swap-details{flex-direction:column;align-items:flex-start!important;gap:1rem}.swap-history .swap-details .swap-meta{align-items:flex-start!important}.swap-history .analytics-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.swap-history{padding:.75rem}.swap-history .history-title{font-size:1.6rem}.swap-history .stat-item{padding:1rem}.swap-history .stat-item .stat-icon{width:40px;height:40px;font-size:1.1rem}.swap-history .stat-item .stat-details .stat-value{font-size:1.3rem}.swap-history .swap-item,.swap-history .analytics-item{padding:1rem}.swap-history .analytics-item .analytics-value{font-size:1.5rem}}.market-interface{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%,#f8fafc 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.market-interface:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(17,63,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(17,63,103,.03) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(17,63,103,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.market-interface>*{position:relative;z-index:1}.market-interface .market-header{padding:2rem 0 1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,250,252,.95) 50%,rgba(255,255,255,.95) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden;box-shadow:0 4px 20px #113f6714}.market-interface .market-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(17,63,103,.08) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(17,63,103,.05) 0%,transparent 60%);z-index:0}.market-interface .market-header .market-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem;position:relative;z-index:1;gap:2rem}.market-interface .market-header .header-left{flex:1;min-width:0}.market-interface .market-header .header-left .market-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(135deg,#113F67 0%,#1e4a6b 50%,#113F67 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.market-interface .market-header .header-left .market-title .title-icon{font-size:1.6rem;color:#113f67;filter:drop-shadow(0 2px 4px rgba(17,63,103,.2))}.market-interface .market-header .header-center{flex:1;display:flex;justify-content:center}.market-interface .market-header .header-center .header-stats{display:flex;gap:2rem;align-items:center}.market-interface .market-header .header-center .header-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.market-interface .market-header .header-center .header-stats .stat-item .stat-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.market-interface .market-header .header-center .header-stats .stat-item .stat-value{font-size:1.1rem;font-weight:700;color:#113f67}.market-interface .market-header .header-right{flex:1;display:flex;justify-content:flex-end}.market-interface .market-header .header-right .refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%);border:1px solid rgba(17,63,103,.15);border-radius:12px;color:#113f67;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 12px #113f671a}.market-interface .market-header .header-right .refresh-button:hover{background:linear-gradient(135deg,rgba(17,63,103,.05) 0%,rgba(17,63,103,.1) 100%);border-color:#113f674d;transform:translateY(-2px);box-shadow:0 8px 25px #113f6726}.market-interface .market-header .header-right .refresh-button:active{transform:translateY(0)}.market-interface .market-header .header-right .refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.market-interface .market-header .header-right .refresh-button .icon{font-size:1rem;transition:all .3s ease}.market-interface .market-header .header-right .refresh-button .icon.spinning{animation:spin 1s linear infinite}.market-interface .market-controls{padding:0 2rem 2rem;width:100%;display:flex;flex-direction:column;gap:2rem}.market-interface .market-controls .search-section .search-input-wrapper{position:relative;max-width:400px}.market-interface .market-controls .search-section .search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:1rem;z-index:1}.market-interface .market-controls .search-section .search-input-wrapper .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:12px;color:var(--color-text-primary);font-size:.9rem;transition:all .2s ease}.market-interface .market-controls .search-section .search-input-wrapper .search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #113f671a}.market-interface .market-controls .search-section .search-input-wrapper .search-input::placeholder{color:var(--color-text-secondary)}.market-interface .market-controls .search-section .search-input-wrapper .clear-search-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.market-interface .market-controls .search-section .search-input-wrapper .clear-search-button:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.market-interface .market-controls .search-section .search-results{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.market-interface .market-controls .search-section .search-results .results-text{font-size:.85rem;color:var(--color-text-secondary)}.market-interface .market-controls .search-section .search-results .clear-button{padding:.25rem .75rem;background:transparent;border:1px solid var(--color-border-primary);border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.market-interface .market-controls .search-section .search-results .clear-button:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.market-interface .market-controls .currency-tabs{display:flex;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:.5rem;max-width:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px var(--color-accent)}.market-interface .market-controls .currency-tabs .currency-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.market-interface .market-controls .currency-tabs .currency-tab.active{background:var(--color-accent);color:#fff;box-shadow:0 4px 12px var(--color-accent)}.market-interface .market-controls .currency-tabs .currency-tab:hover:not(.active){background:var(--color-background-tertiary);color:var(--color-text-primary)}.market-interface .market-controls .currency-tabs .currency-tab .currency-icon{font-size:1rem}.market-interface .market-controls .currency-tabs .currency-tab .currency-badge{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.market-interface .market-controls .currency-tabs .currency-tab .currency-badge.usdt{background:#26a17b}.market-interface .market-controls .currency-tabs .currency-tab .currency-badge.usdc{background:#2775ca}.market-interface .market-controls .currency-tabs .currency-tab .currency-badge.icp{background:#29b6af}.market-interface .market-controls .exchange-rate-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:8px;max-width:300px}.market-interface .market-controls .exchange-rate-info .rate-label{font-size:.8rem;color:var(--color-text-secondary)}.market-interface .market-controls .exchange-rate-info .rate-value{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.market-interface .market-table-container{padding:0 2rem 2rem;width:100%}.market-interface .market-table-container .loading-state .loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.market-interface .market-table-container .loading-state .loading-content .loading-spinner{font-size:2rem;color:var(--color-accent);animation:spin 1s linear infinite;margin-bottom:1rem}.market-interface .market-table-container .loading-state .loading-content .loading-text{color:var(--color-text-secondary);font-size:1rem}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border-primary)}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row .skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-background-tertiary);animation:pulse 1.5s ease-in-out infinite}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row .skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row .skeleton-content .skeleton-line{height:12px;background:var(--color-background-tertiary);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row .skeleton-content .skeleton-line.short{width:60%}.market-interface .market-table-container .loading-state .loading-skeletons .skeleton-row .skeleton-value{width:80px;height:12px;background:var(--color-background-tertiary);border-radius:4px;animation:pulse 1.5s ease-in-out infinite}.market-interface .market-table-container .market-table-wrapper{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px var(--color-accent);max-height:600px;overflow-y:auto}.market-interface .market-table-container .market-table-wrapper .market-table .table-header{display:grid;grid-template-columns:60px 1fr 120px 100px 120px 120px;gap:1rem;padding:1rem 1.5rem;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-primary);position:sticky;top:0;z-index:10}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell.sortable{cursor:pointer;transition:all .2s ease}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell.sortable:hover{color:var(--color-text-primary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell.text-right{justify-content:flex-end}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell .sort-icon{font-size:.9rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell .sort-icon.active{color:var(--color-accent)}.market-interface .market-table-container .market-table-wrapper .market-table .table-header .header-cell .sort-icon.inactive{color:var(--color-text-secondary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row{display:grid;grid-template-columns:60px 1fr 120px 100px 120px 120px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-primary);transition:all .2s ease}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row:hover{background:var(--color-background-tertiary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row:last-child{border-bottom:none}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell{display:flex;align-items:center;font-size:.9rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.rank{font-weight:600;color:var(--color-text-secondary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info{display:flex;align-items:center;gap:.75rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info .coin-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;position:relative;overflow:hidden}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info .coin-avatar .coin-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info .coin-avatar .coin-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;font-weight:700;font-size:.8rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info .coin-details .coin-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.2rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.name .coin-info .coin-details .coin-symbol{font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.price{font-weight:600;color:var(--color-text-primary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.change .change-value{display:flex;align-items:center;gap:.3rem;font-weight:600}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.change .change-value.positive{color:#28a745}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.change .change-value.negative{color:#dc3545}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.change .change-value .change-icon{font-size:.8rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.volume,.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.market-cap{color:var(--color-text-primary)}.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row .table-cell.text-right{justify-content:flex-end}.market-interface .market-table-container .market-table-wrapper .market-table .load-more-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary)}.market-interface .market-table-container .market-table-wrapper .market-table .load-more-indicator .loading-spinner{font-size:1rem;animation:spin 1s linear infinite}.market-interface .market-table-container .market-table-wrapper .market-table .end-indicator{text-align:center;padding:2rem;color:var(--color-text-secondary)}.market-interface .market-table-container .market-table-wrapper .market-table .end-indicator .end-subtitle{font-size:.8rem;margin-top:.5rem;opacity:.8}.market-interface .no-results{padding:2rem;width:100%}.market-interface .no-results .no-results-content{text-align:center;padding:3rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:16px}.market-interface .no-results .no-results-content .no-results-icon{font-size:3rem;color:var(--color-text-secondary);margin-bottom:1rem}.market-interface .no-results .no-results-content .no-results-title{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.market-interface .no-results .no-results-content .no-results-text{color:var(--color-text-secondary);margin-bottom:1.5rem}.market-interface .no-results .no-results-content .clear-search-button{padding:.75rem 1.5rem;background:var(--color-accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.market-interface .no-results .no-results-content .clear-search-button:hover{background:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent)}.market-interface .load-more-section{padding:2rem;width:100%;text-align:center}.market-interface .load-more-section .load-more-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.market-interface .load-more-section .load-more-button:hover{background:var(--color-background-tertiary);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent)}.market-interface .load-more-section .load-more-button .load-more-icon{font-size:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.market-interface .market-header{padding:1.5rem 0}.market-interface .market-header .market-header-content{flex-direction:column;gap:1.5rem;text-align:center;padding:0 1rem}.market-interface .market-header .header-left .market-title{font-size:1.6rem;justify-content:center}.market-interface .market-header .header-center .header-stats{gap:1.5rem}.market-interface .market-header .header-right{justify-content:center}.market-interface .market-controls{padding:1rem}.market-interface .market-controls .search-section .search-input-wrapper,.market-interface .market-controls .currency-tabs{max-width:100%}.market-interface .market-table-container{padding:0 1rem 1rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-header,.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row{grid-template-columns:50px 1fr 100px 80px 100px 100px;gap:.5rem;padding:.75rem 1rem}}@media (max-width: 480px){.market-interface .market-header{padding:1rem 0}.market-interface .market-header .market-header-content{padding:0 .75rem}.market-interface .market-header .header-left .market-title{font-size:1.4rem}.market-interface .market-header .header-center .header-stats{gap:1rem}.market-interface .market-header .header-center .header-stats .stat-item .stat-label{font-size:.7rem}.market-interface .market-header .header-center .header-stats .stat-item .stat-value{font-size:1rem}.market-interface .market-header .header-right .refresh-button{padding:.6rem 1rem;font-size:.85rem}.market-interface .market-controls{padding:.75rem;gap:1rem}.market-interface .market-table-container{padding:0 .75rem 1rem}.market-interface .market-table-container .market-table-wrapper .market-table .table-header,.market-interface .market-table-container .market-table-wrapper .market-table .table-body .table-row{grid-template-columns:40px 1fr 80px 70px 80px 80px;gap:.25rem;padding:.5rem .75rem;font-size:.8rem}}.swap-module{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.swap-module .swap-controls{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;width:100%}.swap-module .swap-controls .back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .3s ease}.swap-module .swap-controls .back-button:hover{background:var(--color-background-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.swap-module .swap-controls .back-button .icon{font-size:1rem}.swap-module .swap-controls .swap-actions{display:flex;align-items:center;gap:.75rem}.swap-module .swap-controls .swap-actions .action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .3s ease}.swap-module .swap-controls .swap-actions .action-button:hover{background:var(--color-background-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.swap-module .swap-controls .swap-actions .action-button .icon{font-size:1.1rem}@keyframes pulse-glow{0%{box-shadow:0 4px 15px var(--color-accent)}to{box-shadow:0 4px 25px var(--color-accent)}}.swap-module .stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:1.5rem 2rem;max-width:1200px;margin:0 auto}.swap-module .stats-overview .stat-item{display:flex;align-items:center;gap:1rem;padding:0;transition:all .2s ease}.swap-module .stats-overview .stat-item:hover{transform:translateY(-1px)}.swap-module .stats-overview .stat-item .stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-accent);border-radius:8px;color:#fff;font-size:1.1rem;flex-shrink:0}.swap-module .stats-overview .stat-item .stat-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.swap-module .stats-overview .stat-item .stat-details .stat-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.swap-module .stats-overview .stat-item .stat-details .stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.swap-module .stats-overview .stat-item .stat-details .stat-value.positive,.swap-module .stats-overview .stat-item .stat-details .stat-value.negative{color:var(--color-text-primary)}.swap-module .nav-tabs{display:flex;width:100%;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:12px;padding:.5rem;margin:0 0 2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swap-module .nav-tabs .nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#fff;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:48px;overflow:hidden}.swap-module .nav-tabs .nav-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-background-tertiary);opacity:0;transition:opacity .3s ease;border-radius:8px}.swap-module .nav-tabs .nav-tab .tab-icon{font-size:1.1rem;transition:all .3s ease;position:relative;z-index:1;color:#fff}.swap-module .nav-tabs .nav-tab span{position:relative;z-index:1;transition:all .3s ease;color:#fff}.swap-module .nav-tabs .nav-tab.active{background:var(--color-accent);color:var(--color-white);font-weight:600;box-shadow:0 4px 20px var(--color-accent);transform:translateY(-1px)}.swap-module .nav-tabs .nav-tab.active:before{opacity:0}.swap-module .nav-tabs .nav-tab.active .tab-icon{color:var(--color-white);transform:scale(1.05)}.swap-module .nav-tabs .nav-tab.active span{color:var(--color-white)}.swap-module .nav-tabs .nav-tab:hover:not(.active){color:#fff;transform:translateY(-1px)}.swap-module .nav-tabs .nav-tab:hover:not(.active):before{opacity:1}.swap-module .nav-tabs .nav-tab:hover:not(.active) .tab-icon{transform:scale(1.05);color:#fff}.swap-module .nav-tabs .nav-tab:hover:not(.active) span{color:#fff}.swap-module .nav-tabs .nav-tab:active{transform:translateY(0)}.swap-module .nav-tabs .nav-tab:nth-child(1).active{background:var(--success-color);box-shadow:0 4px 20px var(--success-color)}.swap-module .nav-tabs .nav-tab:nth-child(2).active{background:var(--info-color);box-shadow:0 4px 20px var(--info-color)}.swap-module .nav-tabs .nav-tab:nth-child(3).active{background:var(--warning-color);box-shadow:0 4px 20px var(--warning-color)}.swap-module .swap-content{padding:0 2rem 2rem;width:100%}.swap-module .swap-content .simple-tabs .tab-content .content-panel{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:20px;padding:2.5rem;min-height:500px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px var(--color-accent);position:relative;overflow:hidden;width:100%}.swap-module .swap-content .simple-tabs .tab-content .content-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,var(--color-accent) 0%,transparent 30%),radial-gradient(circle at 80% 80%,var(--color-accent) 0%,transparent 30%);opacity:.02;z-index:0}.swap-module .swap-content .simple-tabs .tab-content .content-panel>*{position:relative;z-index:1}@media (max-width: 768px){.swap-module .swap-header{padding:1rem}.swap-module .swap-header .swap-header-content{flex-direction:column;gap:1rem;text-align:center}.swap-module .swap-header .swap-title-section .title-wrapper{flex-direction:column;gap:.5rem}.swap-module .swap-header .swap-title-section .swap-title{font-size:1.5rem}.swap-module .swap-header .swap-title-section .swap-subtitle{font-size:.85rem}.swap-module .swap-header .swap-actions{justify-content:center}.swap-module .stats-overview{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.swap-module .stats-overview .stat-item .stat-icon{width:32px;height:32px;font-size:1rem}.swap-module .stats-overview .stat-item .stat-details .stat-label{font-size:.75rem}.swap-module .stats-overview .stat-item .stat-details .stat-value{font-size:1rem}.swap-module .nav-tabs{margin:0 1rem 1.5rem;padding:.5rem}.swap-module .nav-tabs .nav-tab{padding:1rem 1.25rem;font-size:.9rem;min-height:48px}.swap-module .nav-tabs .nav-tab .tab-icon{font-size:1rem}.swap-module .swap-content{padding:0 1rem 1.5rem}.swap-module .swap-content .simple-tabs .tab-content .content-panel{padding:1.5rem;border-radius:16px}}@media (max-width: 480px){.swap-module .swap-header{padding:.75rem}.swap-module .swap-header .swap-title-section .swap-title{font-size:1.4rem}.swap-module .swap-header .swap-title-section .swap-subtitle{font-size:.8rem}.swap-module .swap-header .back-button,.swap-module .swap-header .action-button{width:36px;height:36px}.swap-module .nav-tabs{margin:0 .75rem 1rem;padding:.4rem}.swap-module .nav-tabs .nav-tab{padding:.875rem 1rem;font-size:.85rem;min-height:44px;gap:.5rem}.swap-module .nav-tabs .nav-tab .tab-icon{font-size:.9rem}.swap-module .swap-content{padding:0 .75rem 1rem}.swap-module .swap-content .simple-tabs .tab-content .content-panel{padding:1.25rem;border-radius:12px}.swap-module .stats-overview{padding:.75rem;gap:1rem}.swap-module .stats-overview .stat-item .stat-icon{width:28px;height:28px;font-size:.9rem}.swap-module .stats-overview .stat-item .stat-details .stat-label{font-size:.7rem}.swap-module .stats-overview .stat-item .stat-details .stat-value{font-size:.9rem}}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-modal{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border-primary);background:var(--color-background-secondary)}.settings-header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.settings-header .close-button{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.settings-header .close-button:hover{background:var(--color-background-tertiary);color:var(--color-text-primary)}.settings-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-primary)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border-secondary)}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--color-text-primary);font-size:.9rem;font-weight:500;flex:1}.setting-item select,.setting-item input[type=range]{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:8px;color:var(--color-text-primary);padding:.5rem;font-size:.9rem;min-width:120px}.setting-item select:focus,.setting-item input[type=range]:focus{outline:none;border-color:var(--nisto-primary);box-shadow:0 0 0 2px rgba(var(--nisto-primary-rgb),.2)}.setting-item input[type=range]{flex:1;margin:0 1rem;height:6px;background:var(--color-background-tertiary);border-radius:3px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--nisto-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--nisto-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.setting-item .risk-value{color:var(--nisto-primary);font-weight:600;font-size:.9rem;min-width:40px;text-align:right}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-switch .toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-background-tertiary);border-radius:24px;transition:all .3s ease}.toggle-switch .toggle-label .toggle-slider{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:var(--color-text-secondary);border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-label{background:var(--nisto-primary)}.toggle-switch input:checked+.toggle-label .toggle-slider{transform:translate(26px);background:white}.settings-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border-primary);background:var(--color-background-secondary)}.settings-footer .save-button,.settings-footer .cancel-button{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.settings-footer .save-button{background:var(--nisto-primary);color:#fff}.settings-footer .save-button:hover{background:var(--nisto-primary-dark);transform:translateY(-1px)}.settings-footer .cancel-button{background:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.settings-footer .cancel-button:hover{background:var(--color-background-primary);transform:translateY(-1px)}@media (max-width: 768px){.settings-modal{margin:1rem;max-height:90vh}.settings-header,.settings-content,.settings-footer{padding:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-item label{margin-bottom:.25rem}.setting-item select,.setting-item input[type=range]{width:100%;min-width:auto}.setting-item input[type=range]{margin:0}.settings-footer{flex-direction:column}}.social-wallet{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-wallet .wallet-header{margin-bottom:24px}.social-wallet .wallet-header .balance-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-wallet .wallet-header .balance-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px #00000026}.social-wallet .wallet-header .balance-card .balance-info .balance-label{display:block;font-size:14px;color:#6b7280;font-weight:500;margin-bottom:8px}.social-wallet .wallet-header .balance-card .balance-info .balance-amount{font-size:32px;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-wallet .wallet-header .balance-card .balance-actions .action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.social-wallet .wallet-header .balance-card .balance-actions .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.social-wallet .wallet-header .balance-card .balance-actions .action-btn.primary svg{font-size:16px}.social-wallet .quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:32px}.social-wallet .quick-actions .quick-action-btn{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.social-wallet .quick-actions .quick-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--action-color);opacity:0;transition:opacity .3s ease;z-index:0}.social-wallet .quick-actions .quick-action-btn:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000026}.social-wallet .quick-actions .quick-action-btn:hover:before{opacity:.1}.social-wallet .quick-actions .quick-action-btn .action-icon{font-size:24px;color:var(--action-color);z-index:1;position:relative}.social-wallet .quick-actions .quick-action-btn .action-label{font-size:12px;font-weight:600;color:#374151;z-index:1;position:relative;text-align:center}.social-wallet .nav-tabs{display:flex;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:8px;margin-bottom:24px;box-shadow:0 10px 30px #0000001a}.social-wallet .nav-tabs .nav-tab{flex:1;background:transparent;border:none;padding:12px 16px;border-radius:12px;font-weight:600;font-size:14px;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.social-wallet .nav-tabs .nav-tab:hover{color:#374151}.social-wallet .nav-tabs .nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 5px 15px #667eea4d}.social-wallet .nav-tabs .nav-tab svg{font-size:16px}.social-wallet .content-area .stories-container .stories-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 0;scrollbar-width:none;-ms-overflow-style:none}.social-wallet .content-area .stories-container .stories-scroll::-webkit-scrollbar{display:none}.social-wallet .content-area .stories-container .stories-scroll .story-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;cursor:pointer;transition:transform .3s ease}.social-wallet .content-area .stories-container .stories-scroll .story-item:hover{transform:scale(1.05)}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-avatar .avatar-emoji{font-size:24px}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-avatar .add-story-btn{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;border:3px solid rgba(255,255,255,.3)}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info{text-align:center;color:#fff}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-user{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-amount{display:block;font-size:10px;font-weight:500;margin-bottom:2px}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-amount.sent{color:#10b981}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-amount.received{color:#3b82f6}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-amount.split{color:#8b5cf6}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-amount.gift{color:#f59e0b}.social-wallet .content-area .stories-container .stories-scroll .story-item .story-info .story-time{font-size:10px;opacity:.8}.social-wallet .content-area .feed-container .post-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-wallet .content-area .feed-container .post-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026}.social-wallet .content-area .feed-container .post-card .post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.social-wallet .content-area .feed-container .post-card .post-header .post-user{display:flex;align-items:center;gap:12px}.social-wallet .content-area .feed-container .post-card .post-header .post-user .user-avatar{font-size:32px}.social-wallet .content-area .feed-container .post-card .post-header .post-user .user-info .user-name{display:block;font-weight:600;color:#1f2937;font-size:16px}.social-wallet .content-area .feed-container .post-card .post-header .post-user .user-info .post-time{font-size:12px;color:#6b7280}.social-wallet .content-area .feed-container .post-card .post-header .post-amount{font-size:18px;font-weight:700;padding:8px 16px;border-radius:20px;color:#fff}.social-wallet .content-area .feed-container .post-card .post-header .post-amount.sent{background:#10b981}.social-wallet .content-area .feed-container .post-card .post-header .post-amount.received{background:#3b82f6}.social-wallet .content-area .feed-container .post-card .post-header .post-amount.split{background:#8b5cf6}.social-wallet .content-area .feed-container .post-card .post-header .post-amount.gift{background:#f59e0b}.social-wallet .content-area .feed-container .post-card .post-content{margin-bottom:20px}.social-wallet .content-area .feed-container .post-card .post-content p{font-size:16px;line-height:1.6;color:#374151;margin-bottom:16px}.social-wallet .content-area .feed-container .post-card .post-content .post-media .media-emoji{font-size:48px;display:block;text-align:center}.social-wallet .content-area .feed-container .post-card .post-actions{display:flex;gap:16px}.social-wallet .content-area .feed-container .post-card .post-actions .action-btn{background:transparent;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.social-wallet .content-area .feed-container .post-card .post-actions .action-btn:hover{background:rgba(102,126,234,.1);color:#667eea}.social-wallet .content-area .feed-container .post-card .post-actions .action-btn svg{font-size:16px}.social-wallet .content-area .chats-container .chat-item{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.social-wallet .content-area .chats-container .chat-item:hover{transform:translate(4px);box-shadow:0 10px 25px #0000001a}.social-wallet .content-area .chats-container .chat-item.active{background:rgba(102,126,234,.1);border-color:#667eea}.social-wallet .content-area .chats-container .chat-item .chat-avatar{position:relative}.social-wallet .content-area .chats-container .chat-item .chat-avatar .avatar-emoji{font-size:32px}.social-wallet .content-area .chats-container .chat-item .chat-avatar .unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.social-wallet .content-area .chats-container .chat-item .chat-info{flex:1}.social-wallet .content-area .chats-container .chat-item .chat-info .chat-user{display:block;font-weight:600;color:#1f2937;font-size:16px;margin-bottom:4px}.social-wallet .content-area .chats-container .chat-item .chat-info .chat-message{font-size:14px;color:#6b7280}.social-wallet .content-area .chats-container .chat-item .chat-time{font-size:12px;color:#9ca3af}.social-wallet .fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 10px 30px #667eea66;transition:all .3s ease;z-index:1000}.social-wallet .fab:hover{transform:scale(1.1);box-shadow:0 15px 40px #667eea99}.social-wallet .chat-window{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;flex-direction:column}.social-wallet .chat-window .chat-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(0,0,0,.1)}.social-wallet .chat-window .chat-header .back-btn{background:transparent;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease}.social-wallet .chat-window .chat-header .back-btn:hover{background:rgba(102,126,234,.1)}.social-wallet .chat-window .chat-header .chat-user-info{display:flex;align-items:center;gap:12px;flex:1}.social-wallet .chat-window .chat-header .chat-user-info .user-avatar{font-size:32px}.social-wallet .chat-window .chat-header .chat-user-info .user-name{font-weight:600;color:#1f2937;font-size:18px}.social-wallet .chat-window .chat-header .more-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.social-wallet .chat-window .chat-header .more-btn:hover{background:rgba(0,0,0,.1)}.social-wallet .chat-window .chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.social-wallet .chat-window .chat-messages .message{max-width:70%;padding:12px 16px;border-radius:18px;position:relative}.social-wallet .chat-window .chat-messages .message.received{align-self:flex-start;background:rgba(255,255,255,.9);color:#1f2937}.social-wallet .chat-window .chat-messages .message.received .message-time{color:#6b7280}.social-wallet .chat-window .chat-messages .message.sent{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.social-wallet .chat-window .chat-messages .message.sent .message-time{color:#fffc}.social-wallet .chat-window .chat-messages .message .message-text{display:block;margin-bottom:4px;font-size:14px;line-height:1.4}.social-wallet .chat-window .chat-messages .message .message-time{font-size:11px;opacity:.8}.social-wallet .chat-window .chat-input{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(0,0,0,.1)}.social-wallet .chat-window .chat-input .input-actions{display:flex;gap:8px}.social-wallet .chat-window .chat-input .input-actions .action-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.social-wallet .chat-window .chat-input .input-actions .action-btn:hover{background:rgba(102,126,234,.1);color:#667eea}.social-wallet .chat-window .chat-input .input-actions .action-btn svg{font-size:18px}.social-wallet .chat-window .chat-input input{flex:1;background:rgba(0,0,0,.05);border:none;border-radius:20px;padding:12px 20px;font-size:14px;outline:none;transition:all .3s ease}.social-wallet .chat-window .chat-input input:focus{background:rgba(0,0,0,.08);box-shadow:0 0 0 3px #667eea1a}.social-wallet .chat-window .chat-input input::placeholder{color:#9ca3af}.social-wallet .chat-window .chat-input .send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-wallet .chat-window .chat-input .send-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #667eea4d}.social-wallet .chat-window .chat-input .send-btn svg{font-size:18px}@media (max-width: 768px){.social-wallet{padding:16px}.social-wallet .wallet-header .balance-card{flex-direction:column;gap:20px;text-align:center}.social-wallet .wallet-header .balance-card .balance-amount{font-size:28px}.social-wallet .quick-actions{grid-template-columns:repeat(2,1fr)}.social-wallet .nav-tabs .nav-tab{font-size:12px;padding:10px 12px}.social-wallet .fab{bottom:20px;right:20px;width:50px;height:50px;font-size:20px}}@media (prefers-color-scheme: dark){.social-wallet .wallet-header .balance-card,.social-wallet .quick-actions .quick-action-btn,.social-wallet .nav-tabs,.social-wallet .content-area .post-card,.social-wallet .content-area .chat-item{background:rgba(31,41,55,.95);color:#fff;border-color:#ffffff1a}.social-wallet .content-area .post-card .post-content p,.social-wallet .content-area .chat-item .chat-info .chat-user{color:#e5e7eb}}.social-integration-hub{width:100%;max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.social-integration-hub .hub-header{text-align:center;margin-bottom:40px;color:#fff}.social-integration-hub .hub-header h2{font-size:32px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#ffffff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-integration-hub .hub-header p{font-size:18px;opacity:.9;font-weight:400}.social-integration-hub .section-header{margin-bottom:24px;color:#fff}.social-integration-hub .section-header h3{font-size:24px;font-weight:700;margin-bottom:8px}.social-integration-hub .section-header p{font-size:16px;opacity:.8}.social-integration-hub .social-analytics{margin-bottom:40px}.social-integration-hub .social-analytics .analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.social-integration-hub .social-analytics .analytics-grid .analytics-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-integration-hub .social-analytics .analytics-grid .analytics-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.social-integration-hub .social-analytics .analytics-grid .analytics-card .analytics-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.social-integration-hub .social-analytics .analytics-grid .analytics-card .analytics-content{flex:1}.social-integration-hub .social-analytics .analytics-grid .analytics-card .analytics-content .analytics-value{display:block;font-size:24px;font-weight:700;color:#1f2937;margin-bottom:4px}.social-integration-hub .social-analytics .analytics-grid .analytics-card .analytics-content .analytics-label{font-size:14px;color:#6b7280;font-weight:500}.social-integration-hub .platform-integration{margin-bottom:40px}.social-integration-hub .platform-integration .platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.social-integration-hub .platform-integration .platform-grid .platform-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.social-integration-hub .platform-integration .platform-grid .platform-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--platform-color);opacity:0;transition:opacity .3s ease;z-index:0}.social-integration-hub .platform-integration .platform-grid .platform-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000026}.social-integration-hub .platform-integration .platform-grid .platform-card:hover:before{opacity:.1}.social-integration-hub .platform-integration .platform-grid .platform-card.active{border-color:var(--platform-color);box-shadow:0 10px 25px #0000001a}.social-integration-hub .platform-integration .platform-grid .platform-card.active:before{opacity:.05}.social-integration-hub .platform-integration .platform-grid .platform-card .platform-icon{font-size:32px;color:var(--platform-color);margin-bottom:12px;z-index:1;position:relative}.social-integration-hub .platform-integration .platform-grid .platform-card .platform-name{display:block;font-weight:600;color:#1f2937;margin-bottom:12px;z-index:1;position:relative}.social-integration-hub .platform-integration .platform-grid .platform-card .integration-status{font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px;background:var(--platform-color);color:#fff;z-index:1;position:relative}.social-integration-hub .viral-campaigns{margin-bottom:40px}.social-integration-hub .viral-campaigns .campaigns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-platform{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-platform svg{font-size:16px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-status.active{background:#10b981;color:#fff}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-status.trending{background:#f59e0b;color:#fff}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-header .campaign-status.viral{background:#ef4444;color:#fff}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-description{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:16px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-hashtag{margin-bottom:20px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-hashtag .hashtag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-stats{display:flex;gap:20px;margin-bottom:20px}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-stats .stat{text-align:center}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-stats .stat .stat-value{display:block;font-size:18px;font-weight:700;color:#1f2937}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .campaign-stats .stat .stat-label{font-size:12px;color:#6b7280}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .launch-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.social-integration-hub .viral-campaigns .campaigns-grid .campaign-card .launch-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.social-integration-hub .influencer-partnerships{margin-bottom:40px}.social-integration-hub .influencer-partnerships .influencers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-avatar{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-avatar .avatar-emoji{font-size:24px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-info{margin-bottom:20px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-info .influencer-name{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-info .influencer-platform{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;margin-bottom:4px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-info .influencer-platform svg{font-size:14px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-info .influencer-category{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-stats{display:flex;gap:20px;margin-bottom:20px}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-stats .stat{text-align:center}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-stats .stat .stat-value{display:block;font-size:16px;font-weight:600;color:#1f2937}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-stats .stat .stat-label{font-size:11px;color:#6b7280}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions{display:flex;justify-content:space-between;align-items:center}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions .partnership-status{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions .partnership-status.active{background:#10b981;color:#fff}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions .partnership-status.pending{background:#f59e0b;color:#fff}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions .connect-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.social-integration-hub .influencer-partnerships .influencers-grid .influencer-card .influencer-actions .connect-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.social-integration-hub .social-features{margin-bottom:40px}.social-integration-hub .social-features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.social-integration-hub .social-features .features-grid .feature-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-integration-hub .social-features .features-grid .feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.social-integration-hub .social-features .features-grid .feature-card .feature-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.social-integration-hub .social-features .features-grid .feature-card .feature-content{flex:1}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-description{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:12px}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats{display:flex;justify-content:space-between;align-items:center}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats .users-count{font-size:12px;color:#6b7280;font-weight:500}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats .feature-status{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats .feature-status.live{background:#10b981;color:#fff}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats .feature-status.beta{background:#f59e0b;color:#fff}.social-integration-hub .social-features .features-grid .feature-card .feature-content .feature-stats .feature-status.coming_soon{background:#6b7280;color:#fff}.social-integration-hub .social-features .features-grid .feature-card .feature-actions .action-btn{background:transparent;border:none;color:#667eea;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:16px}.social-integration-hub .social-features .features-grid .feature-card .feature-actions .action-btn:hover{background:rgba(102,126,234,.1)}.social-integration-hub .social-features .features-grid .feature-card .feature-actions .action-btn.disabled{color:#9ca3af;cursor:not-allowed}.social-integration-hub .social-features .features-grid .feature-card .feature-actions .action-btn.disabled:hover{background:transparent}.social-integration-hub .hub-footer .viral-tips{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2)}.social-integration-hub .hub-footer .viral-tips h4{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.social-integration-hub .hub-footer .viral-tips ul{list-style:none;padding:0}.social-integration-hub .hub-footer .viral-tips ul li{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.social-integration-hub .hub-footer .viral-tips ul li:before{content:"💡";position:absolute;left:0;top:0}@media (max-width: 768px){.social-integration-hub{padding:16px}.social-integration-hub .hub-header h2{font-size:24px}.social-integration-hub .hub-header p{font-size:16px}.social-integration-hub .analytics-grid,.social-integration-hub .platform-grid,.social-integration-hub .campaigns-grid,.social-integration-hub .influencers-grid,.social-integration-hub .features-grid{grid-template-columns:1fr}.social-integration-hub .campaign-card,.social-integration-hub .influencer-card,.social-integration-hub .feature-card{padding:20px}}@media (prefers-color-scheme: dark){.social-integration-hub .analytics-card,.social-integration-hub .platform-card,.social-integration-hub .campaign-card,.social-integration-hub .influencer-card,.social-integration-hub .feature-card,.social-integration-hub .hub-footer .viral-tips{background:rgba(31,41,55,.95);color:#fff;border-color:#ffffff1a}.social-integration-hub .analytics-content .analytics-value,.social-integration-hub .campaign-title,.social-integration-hub .influencer-name,.social-integration-hub .feature-title{color:#e5e7eb}.social-integration-hub .analytics-content .analytics-label,.social-integration-hub .campaign-description,.social-integration-hub .influencer-platform,.social-integration-hub .feature-description{color:#9ca3af}}.add-recovery-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.add-recovery-modal{width:100%;max-width:480px;background:white;border-radius:16px;border:1px solid rgba(0,0,0,.1);box-shadow:0 20px 40px #00000026;overflow:hidden;max-height:90vh;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.modal-header .header-content{display:flex;align-items:center;gap:1rem}.modal-header .header-content .header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.modal-header .header-content .header-text h2{margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.modal-header .header-content .header-text p{margin:.25rem 0 0;font-size:.875rem;opacity:.8;line-height:1.4}.modal-header .header-actions{display:flex;gap:.5rem}.modal-header .header-actions .back-btn,.modal-header .header-actions .close-btn{width:40px;height:40px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:1rem}.modal-header .header-actions .back-btn:hover,.modal-header .header-actions .close-btn:hover{transform:scale(1.05);opacity:.8}.modal-content{padding:1.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.error-banner svg{flex-shrink:0}.step-content{flex:1;display:flex;flex-direction:column}.step-content h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.step-content p{margin:0 0 1.5rem;font-size:.875rem;line-height:1.5;opacity:.8}.method-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.method-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease;text-align:left}.method-option:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.method-option .method-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.method-option .method-info{flex:1}.method-option .method-info h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.3}.method-option .method-info p{margin:0;font-size:.75rem;line-height:1.4;opacity:.7}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;line-height:1.4}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid;border-radius:8px;font-size:.875rem;outline:none;transition:all .15s ease}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group input::placeholder{opacity:.6}.otp-inputs{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.otp-inputs input{width:48px;height:48px;text-align:center;border:1px solid;border-radius:8px;font-size:1.125rem;font-weight:600;outline:none;transition:all .15s ease}.otp-inputs input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.timer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.timer svg{font-size:1rem}.primary-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn svg{font-size:1rem}.resend-btn{width:100%;padding:.5rem;border:none;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-decoration:underline}.resend-btn:hover:not(:disabled){opacity:.8}.resend-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.add-recovery-modal-overlay{padding:.5rem}.add-recovery-modal{max-width:100%;max-height:95vh}.modal-header{padding:1rem}.modal-header .header-content{gap:.75rem}.modal-header .header-content .header-icon{width:40px;height:40px;font-size:1rem}.modal-header .header-content .header-text h2{font-size:1.125rem}.modal-header .header-content .header-text p{font-size:.8125rem}.modal-header .header-actions .back-btn,.modal-header .header-actions .close-btn{width:36px;height:36px;font-size:.875rem}.modal-content{padding:1rem}.method-option{padding:.75rem}.method-option .method-icon{width:40px;height:40px;font-size:1rem}.otp-inputs{gap:.5rem}.otp-inputs input{width:40px;height:40px;font-size:1rem}}@media (max-width: 480px){.add-recovery-modal-overlay{padding:.25rem}.modal-header{padding:.75rem}.modal-header .header-content .header-text h2{font-size:1rem}.modal-header .header-content .header-text p{font-size:.75rem}.modal-content{padding:.75rem}.method-option{padding:.5rem;gap:.75rem}.method-option .method-icon{width:36px;height:36px;font-size:.875rem}.method-option .method-info h4{font-size:.8125rem}.method-option .method-info p{font-size:.6875rem}.otp-inputs{gap:.375rem}.otp-inputs input{width:36px;height:36px;font-size:.875rem}}.security-audit{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.security-audit__header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.security-audit__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.security-audit__description{font-size:var(--text-base);color:var(--color-gray-600);margin:0;line-height:var(--leading-relaxed)}.security-audit__overview{padding:var(--space-6);display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:center}.security-score{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-xl);color:var(--color-white);min-width:120px}.security-score__value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);line-height:1;margin-bottom:var(--space-2)}.security-score__label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.security-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.security-stat{text-align:center;padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.security-stat__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--space-1)}.security-stat__value--error{color:var(--color-error)}.security-stat__value--critical{color:var(--color-warning)}.security-stat__label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}.security-audit__actions{padding:var(--space-6);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--color-gray-50)}.last-audit{font-size:var(--text-sm);color:var(--color-gray-500)}.security-audit__results{padding:var(--space-6)}.results-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-6)}.critical-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.alert-icon{width:20px;height:20px;color:var(--color-error);flex-shrink:0;margin-top:2px}.alert-content strong{color:var(--color-error);font-weight:var(--font-semibold);display:block;margin-bottom:var(--space-1)}.alert-content p{margin:0;font-size:var(--text-sm);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.audit-results{display:flex;flex-direction:column;gap:var(--space-4)}.audit-result{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.audit-result--passed{background:rgba(16,185,129,.05);border-color:#10b98133}.audit-result--failed{background:rgba(239,68,68,.05);border-color:#ef444433}.audit-result--critical{border-left:4px solid var(--color-error)}.audit-result__icon{flex-shrink:0;width:24px;height:24px;margin-top:2px}.status-icon{width:100%;height:100%}.status-icon--success{color:var(--color-success)}.status-icon--error{color:var(--color-error)}.audit-result__content{flex:1;min-width:0}.audit-result__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.audit-result__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--space-2)}.critical-badge{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-white);background:var(--color-error);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.audit-result__status{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.audit-result__status--passed{color:var(--color-success);background:rgba(16,185,129,.1)}.audit-result__status--failed{color:var(--color-error);background:rgba(239,68,68,.1)}.audit-result__description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0 0 var(--space-2);line-height:var(--leading-relaxed)}.audit-result__error{font-size:var(--text-xs);color:var(--color-error);font-family:var(--font-family-mono);background:rgba(239,68,68,.1);padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2)}@media (max-width: 768px){.security-audit__overview{grid-template-columns:1fr;gap:var(--space-4)}.security-stats{grid-template-columns:1fr;gap:var(--space-3)}.security-audit__actions{flex-direction:column;gap:var(--space-3);align-items:stretch}.audit-result__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.audit-result__status{align-self:flex-start}}@media (prefers-color-scheme: dark){.security-audit{background:var(--color-gray-800)}.security-audit__header{background:var(--color-gray-700);border-bottom-color:var(--color-gray-600)}.security-audit__title{color:var(--color-gray-100)}.security-audit__description{color:var(--color-gray-300)}.security-stat{background:var(--color-gray-700);border-color:var(--color-gray-600)}.security-stat__value{color:var(--color-gray-100)}.security-stat__label{color:var(--color-gray-300)}.security-audit__actions{background:var(--color-gray-700);border-top-color:var(--color-gray-600)}.last-audit{color:var(--color-gray-400)}.results-title{color:var(--color-gray-100)}.audit-result{border-color:var(--color-gray-600)}.audit-result__name{color:var(--color-gray-100)}.audit-result__description{color:var(--color-gray-300)}.alert-content p{color:var(--color-gray-200)}}.performance-monitor{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.performance-monitor__header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.performance-monitor__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.performance-monitor__description{font-size:var(--text-base);color:var(--color-gray-600);margin:0;line-height:var(--leading-relaxed)}.performance-monitor__controls{padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.monitoring-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-success);font-weight:var(--font-medium)}.monitoring-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:monitoring-pulse 2s infinite}@keyframes monitoring-pulse{0%,to{opacity:1}50%{opacity:.5}}.performance-metrics{padding:var(--space-6)}.metrics-section{margin-bottom:var(--space-8)}.metrics-section:last-child{margin-bottom:0}.metrics-section__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-4)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.metric-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.metric-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);margin:0;text-transform:uppercase;letter-spacing:.05em}.metric-grade{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.metric-grade--success{background:rgba(16,185,129,.1);color:var(--color-success)}.metric-grade--warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.metric-grade--error{background:rgba(239,68,68,.1);color:var(--color-error)}.metric-grade--gray{background:var(--color-gray-200);color:var(--color-gray-600)}.metric-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--space-1)}.metric-card__description{font-size:var(--text-xs);color:var(--color-gray-500);margin:0;line-height:var(--leading-normal)}.memory-usage{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4)}.memory-bar{height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.memory-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-warning) 70%,var(--color-error) 100%);border-radius:var(--radius-full);transition:width .3s ease}.memory-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-gray-600)}.network-info{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4)}.network-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-200)}.network-item:last-child{border-bottom:none}.network-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}.network-value{font-size:var(--text-sm);color:var(--color-gray-900);font-weight:var(--font-semibold)}.resource-metrics{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4)}.resource-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-200)}.resource-item:last-child{border-bottom:none}.resource-label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}.resource-value{font-size:var(--text-sm);color:var(--color-gray-900);font-weight:var(--font-semibold)}.performance-history{padding:var(--space-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.history-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-4)}.history-chart{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.history-entry{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.history-time{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:var(--font-medium)}.history-metrics{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-gray-600)}.history-metrics span{background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono)}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.performance-monitor__controls{flex-direction:column;align-items:stretch}.memory-stats{flex-direction:column;gap:var(--space-1)}.history-entry{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.history-metrics{flex-wrap:wrap;gap:var(--space-2)}}@media (prefers-color-scheme: dark){.performance-monitor{background:var(--color-gray-800)}.performance-monitor__header{background:var(--color-gray-700);border-bottom-color:var(--color-gray-600)}.performance-monitor__title{color:var(--color-gray-100)}.performance-monitor__description{color:var(--color-gray-300)}.performance-monitor__controls{border-bottom-color:var(--color-gray-600)}.metrics-section__title{color:var(--color-gray-100)}.metric-card{background:var(--color-gray-700);border-color:var(--color-gray-600)}.metric-card__name{color:var(--color-gray-200)}.metric-card__value{color:var(--color-gray-100)}.metric-card__description{color:var(--color-gray-400)}.memory-usage,.network-info,.resource-metrics{background:var(--color-gray-700);border-color:var(--color-gray-600)}.network-label,.resource-label{color:var(--color-gray-300)}.network-value,.resource-value{color:var(--color-gray-100)}.performance-history{background:var(--color-gray-700);border-top-color:var(--color-gray-600)}.history-title{color:var(--color-gray-100)}.history-entry{background:var(--color-gray-800);border-color:var(--color-gray-600)}.history-time{color:var(--color-gray-400)}.history-metrics span{background:var(--color-gray-600);color:var(--color-gray-200)}}.admin-dashboard{min-height:100vh;background:var(--color-gray-50)}.admin-dashboard__header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between}.admin-dashboard__title h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.admin-dashboard__title p{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.admin-dashboard__content{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 120px)}.admin-dashboard__sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);padding:var(--space-4)}.admin-nav{display:flex;flex-direction:column;gap:var(--space-1)}.admin-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600)}.admin-nav__item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.admin-nav__item--active{background:var(--color-primary);color:var(--color-white)}.admin-nav__item--active:hover{background:var(--color-primary-dark)}.admin-nav__icon{font-size:var(--text-lg);width:20px;text-align:center}.admin-nav__label{flex:1}.admin-dashboard__main{padding:var(--space-6);overflow-y:auto}.overview-tab{max-width:1200px}.overview-header{margin-bottom:var(--space-8)}.overview-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.overview-header p{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card__content{margin-bottom:var(--space-4)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--space-2)}.stat-card__label{font-size:var(--text-sm);color:var(--color-gray-600);font-weight:var(--font-medium)}.stat-card__change{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.stat-card__change--up{color:var(--color-success);background:rgba(16,185,129,.1)}.stat-card__change--down{color:var(--color-error);background:rgba(239,68,68,.1)}.overview-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.overview-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.overview-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-4)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg)}.activity-icon{width:32px;height:32px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.activity-content{flex:1}.activity-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-900);margin-bottom:var(--space-1)}.activity-time{font-size:var(--text-xs);color:var(--color-gray-500)}.health-indicators{display:flex;flex-direction:column;gap:var(--space-3)}.health-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-lg)}.health-indicator__status{font-size:var(--text-lg)}.health-indicator__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-900)}.analytics-tab,.users-tab,.settings-tab{max-width:1200px}.analytics-header,.users-header,.settings-header{margin-bottom:var(--space-8)}.analytics-header h2,.users-header h2,.settings-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.analytics-header p,.users-header p,.settings-header p{font-size:var(--text-base);color:var(--color-gray-600);margin:0}.analytics-placeholder,.users-placeholder,.settings-placeholder{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-sm)}.placeholder-content{max-width:400px;margin:0 auto}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-4)}.placeholder-content h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);margin:0 0 var(--space-3)}.placeholder-content p{font-size:var(--text-base);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin:0}@media (max-width: 1024px){.admin-dashboard__content{grid-template-columns:200px 1fr}.overview-sections{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard__content{grid-template-columns:1fr}.admin-dashboard__sidebar{border-right:none;border-bottom:1px solid var(--color-gray-200);padding:var(--space-2)}.admin-nav{flex-direction:row;overflow-x:auto;gap:var(--space-2)}.admin-nav__item{white-space:nowrap;min-width:fit-content}.admin-dashboard__main{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.overview-sections{gap:var(--space-4)}.admin-dashboard__header{flex-direction:column;gap:var(--space-4);align-items:stretch}}@media (prefers-color-scheme: dark){.admin-dashboard{background:var(--color-gray-900)}.admin-dashboard__header{background:var(--color-gray-800);border-bottom-color:var(--color-gray-700)}.admin-dashboard__title h1{color:var(--color-gray-100)}.admin-dashboard__title p{color:var(--color-gray-300)}.admin-dashboard__sidebar{background:var(--color-gray-800);border-right-color:var(--color-gray-700)}.admin-nav__item{color:var(--color-gray-300)}.admin-nav__item:hover{background:var(--color-gray-700);color:var(--color-gray-100)}.stat-card,.overview-section,.analytics-placeholder,.users-placeholder,.settings-placeholder{background:var(--color-gray-800);border-color:var(--color-gray-700)}.stat-card__value,.overview-section h3,.placeholder-content h3{color:var(--color-gray-100)}.stat-card__label,.overview-header p,.analytics-header p,.users-header p,.settings-header p,.placeholder-content p{color:var(--color-gray-300)}.activity-item,.health-indicator{background:var(--color-gray-700)}.activity-title,.health-indicator__label{color:var(--color-gray-100)}.activity-time{color:var(--color-gray-400)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-gray-50)}.error-boundary__container{max-width:600px;width:100%;text-align:center;background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-8);border:1px solid var(--color-gray-200)}.error-boundary__icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--color-error);display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1);border-radius:50%}.error-boundary__icon svg{width:40px;height:40px}.error-boundary__content{max-width:500px;margin:0 auto}.error-boundary__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.error-boundary__message{font-size:var(--text-lg);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin:0 0 var(--space-8)}.error-boundary__actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.error-boundary__retry-info{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.error-boundary__details{margin:var(--space-6) 0;text-align:left;background:var(--color-gray-100);border-radius:var(--radius-lg);overflow:hidden}.error-boundary__details summary{padding:var(--space-4);background:var(--color-gray-200);cursor:pointer;font-weight:var(--font-medium);color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-300)}.error-boundary__details summary:hover{background:var(--color-gray-300)}.error-boundary__error,.error-boundary__stack{padding:var(--space-4);font-family:var(--font-family-mono);font-size:var(--text-xs);line-height:var(--leading-relaxed);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.error-boundary__error{background:rgba(239,68,68,.1);color:var(--color-error);border-bottom:1px solid rgba(239,68,68,.2)}.error-boundary__stack{background:var(--color-gray-50);color:var(--color-gray-700)}@media (max-width: 768px){.error-boundary{padding:var(--space-2)}.error-boundary__container{padding:var(--space-6)}.error-boundary__title{font-size:var(--text-2xl)}.error-boundary__message{font-size:var(--text-base)}.error-boundary__actions{flex-direction:column;align-items:center}.error-boundary__actions .btn{width:100%;max-width:200px}.error-boundary__icon{width:60px;height:60px;margin-bottom:var(--space-4)}.error-boundary__icon svg{width:30px;height:30px}}@media (prefers-color-scheme: dark){.error-boundary{background:var(--color-gray-900)}.error-boundary__container{background:var(--color-gray-800);border-color:var(--color-gray-700)}.error-boundary__title{color:var(--color-gray-100)}.error-boundary__message{color:var(--color-gray-300)}.error-boundary__retry-info{color:var(--color-gray-400)}.error-boundary__details{background:var(--color-gray-700)}.error-boundary__details summary{background:var(--color-gray-600);color:var(--color-gray-200);border-bottom-color:var(--color-gray-500)}.error-boundary__details summary:hover{background:var(--color-gray-500)}.error-boundary__stack{background:var(--color-gray-600);color:var(--color-gray-200)}}@media (prefers-contrast: high){.error-boundary__container{border:2px solid var(--color-gray-900)}.error-boundary__icon{border:2px solid var(--color-error)}.error-boundary__details{border:1px solid var(--color-gray-400)}}@media (prefers-reduced-motion: reduce){.error-boundary__container{transition:none}}:root{--color-primary: #415E72;--color-primary-light: #5A7A8F;--color-primary-dark: #2E4A5F;--color-secondary: #17313E;--color-accent: #00D4AA;--color-accent-light: #33DDBA;--color-accent-dark: #00B894;--color-white: #FFFFFF;--color-gray-50: #F8FAFC;--color-gray-100: #F1F5F9;--color-gray-200: #E2E8F0;--color-gray-300: #CBD5E1;--color-gray-400: #94A3B8;--color-gray-500: #64748B;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1E293B;--color-gray-900: #0F172A;--color-success: #10B981;--color-success-light: #34D399;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-error: #EF4444;--color-error-light: #F87171;--color-info: #3B82F6;--color-info-light: #60A5FA;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-gray-600);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-700)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family-primary);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #415e721a}.input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-success{background:var(--color-success);color:var(--color-white)}.badge-warning{background:var(--color-warning);color:var(--color-white)}.badge-error{background:var(--color-error);color:var(--color-white)}.badge-outline{background:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);max-width:400px;padding:var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform var(--transition-normal)}.toast.show{transform:translate(0)}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.95);transition:transform var(--transition-normal)}.modal.show{transform:scale(1)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width: 768px){.btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.card-header,.card-body,.card-footer{padding:var(--space-4)}.modal{margin:var(--space-4);max-width:none}.toast{right:var(--space-2);left:var(--space-2);max-width:none}}@media (prefers-color-scheme: dark){:root{--color-white: #0F172A;--color-gray-50: #1E293B;--color-gray-100: #334155;--color-gray-200: #475569;--color-gray-300: #64748B;--color-gray-400: #94A3B8;--color-gray-500: #CBD5E1;--color-gray-600: #E2E8F0;--color-gray-700: #F1F5F9;--color-gray-800: #F8FAFC;--color-gray-900: #FFFFFF}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.btn-primary{border:2px solid var(--color-primary-dark)}.card{border:2px solid var(--color-gray-300)}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}