:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a{font-weight:500;color:var(--brand-primary);text-decoration:inherit}a:hover{color:var(--primary-button-hover)}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-base)}button:hover{border-color:var(--brand-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg-primary: #F7F9FA;--bg-secondary: #FFFFFF;--surface-color: #FFFFFF;--text-primary: #1F2933;--text-secondary: #5A6772;--text-muted: #8A959E;--border-color: #E3E7EB}.theme-dark{--bg-primary: #0E141B;--bg-secondary: #141C24;--surface-color: #1F2933;--text-primary: #E6EDF3;--text-secondary: #AAB6C2;--text-muted: #7A8590;--border-color: #23303D}.platform-clearpath{--brand-primary: #2FA4A9;--brand-primary-rgb: 47, 164, 169;--brand-secondary: #6BCF9C;--brand-secondary-rgb: 107, 207, 156;--brand-highlight: #F5C16C;--chart-series-a: #2FA4A9;--chart-series-b: #6BCF9C;--chart-series-c: #F5C16C;--chart-series-d: #4C9AFF;--chart-series-e: #9AA6B2}.theme-light.platform-clearpath{--primary-button: #2FA4A9;--primary-button-hover: #248A8E;--primary-button-text: #FFFFFF;--accent-color: #6BCF9C;--highlight-color: #F5C16C}.theme-dark.platform-clearpath{--primary-button: #3BC1C7;--primary-button-hover: #4FD4DA;--primary-button-text: #0E141B;--accent-color: #6BCF9C;--highlight-color: #F5C16C}.platform-fairwins{--brand-primary: #36B37E;--brand-primary-rgb: 54, 179, 126;--brand-secondary: #4C9AFF;--brand-secondary-rgb: 76, 154, 255;--brand-accent: #7BDCB5;--brand-accent-rgb: 123, 220, 181;--semantic-win: #2ECC71;--semantic-active: #4C9AFF;--semantic-warning: #F5A623;--semantic-loss: #E5533D;--chart-series-a: #36B37E;--chart-series-b: #4C9AFF;--chart-series-c: #7BDCB5;--chart-series-d: #F5A623;--chart-series-e: #9AA6B2}.theme-light.platform-fairwins{--primary-button: #36B37E;--primary-button-hover: #2F9E6E;--primary-button-text: #FFFFFF;--accent-color: #4C9AFF;--highlight-color: #7BDCB5}.theme-dark.platform-fairwins{--primary-button: #45C492;--primary-button-hover: #5ED6A6;--primary-button-text: #0E141B;--accent-color: #4C9AFF;--highlight-color: #7BDCB5}:root{--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #dc2626;--info-color: #3b82f6}.theme-dark{--success-color: #2ECC71;--warning-color: #F5A623;--danger-color: #E5533D;--info-color: #4C9AFF}:root{--primary-color: var(--brand-primary);--secondary-color: var(--brand-secondary);--bg-dark: var(--bg-primary);--bg-light: var(--bg-secondary);--hover-color: var(--primary-button-hover)}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}.theme-dark{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@supports not selector(:focus-visible){*:focus{outline:2px solid var(--brand-primary);outline-offset:2px}}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--brand-primary);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}.App{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.App-header{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--primary-button-hover) 100%);padding:2rem;text-align:center;box-shadow:var(--shadow-md)}.App-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.subtitle{font-size:1.1rem;opacity:.9;margin-bottom:1.5rem;color:#fff}.wallet-section{margin-top:1rem}.connect-button,.disconnect-button{padding:.75rem 2rem;font-size:1rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all var(--transition-base)}.connect-button{background-color:var(--bg-secondary);color:var(--brand-primary)}.connect-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.connected-wallet{display:flex;align-items:center;justify-content:center;gap:1rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex}.wallet-info{display:flex;gap:1rem}.wallet-address{font-weight:600;color:#fff}.chain-id{opacity:.8;font-size:.9rem;color:#fff}.disconnect-button{background-color:#ef444433;color:#fff;padding:.5rem 1rem}.disconnect-button:hover{background-color:#ef444466}.main-content{flex:1;padding:2rem;max-width:min(1200px,100vw);margin:0 auto;width:100%;box-sizing:border-box}.not-connected{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.not-connected h2{color:var(--brand-primary);margin-bottom:1rem}.not-connected ul{list-style:none;margin:2rem 0}.not-connected li{padding:.75rem;font-size:1.1rem;color:var(--text-secondary)}.dashboard{display:flex;flex-direction:column;gap:2rem}.section{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.section h2{color:var(--brand-primary);margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.proposal-submission form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-primary)}.form-group small{color:var(--text-secondary);font-size:.875rem}.error-text{color:var(--danger-color);font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.required{color:var(--danger-color);margin-left:.25rem;font-weight:600}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger-color);background-color:#dc26260d}.bond-notice{padding:1rem;background:#f59e0b1a;border:1px solid var(--warning-color);border-radius:var(--radius-md);color:var(--warning-color)}.submit-button,.trade-submit-button{padding:.75rem 2rem;background:var(--primary-button);color:var(--primary-button-text);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.submit-button:hover,.trade-submit-button:hover{background:var(--primary-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.proposal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:1.5rem}.proposal-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.proposal-card:hover{border-color:var(--brand-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.proposal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.proposal-header h3{color:var(--brand-primary);font-size:1.2rem;flex:1}.proposal-status{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:.375rem}.status-icon{display:inline-block;font-size:1rem;line-height:1}.status-active{background-color:var(--success-color)}.status-reviewing{background-color:var(--warning-color)}.status-cancelled,.status-default{background-color:#6b7280}.status-executed{background-color:#3b82f6}.status-forfeited{background-color:var(--danger-color)}.proposal-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.proposal-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-item{font-size:.9rem;color:var(--text-secondary)}.detail-item strong{color:var(--text-primary)}.proposal-actions{display:flex;gap:.5rem}.view-button,.trade-button{flex:1;padding:.5rem;border:1px solid var(--brand-primary);background:transparent;color:var(--brand-primary);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-base)}.view-button:hover{background:var(--brand-primary);color:var(--bg-secondary)}.trade-button{border-color:var(--success-color);color:var(--success-color)}.trade-button:hover{background:var(--success-color);color:var(--bg-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-header h3{color:var(--brand-primary);font-size:1.1rem}.active-badge{padding:.25rem .75rem;background:var(--success-color);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600}.metric-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.4}.metric-stats{display:flex;gap:1rem}.stat{flex:1}.stat label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase}.stat .value{font-size:1.25rem;font-weight:700;color:var(--brand-primary)}.metrics-info{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--brand-primary)}.metrics-info h4{color:var(--brand-primary);margin-bottom:.5rem}.metrics-info p{color:var(--text-secondary);line-height:1.6}.markets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:1.5rem;margin-bottom:2rem}.market-card{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-base)}.market-card:hover{border-color:var(--brand-primary)}.market-card.selected{border-color:var(--brand-primary);box-shadow:var(--shadow-lg)}.market-card h3{color:var(--brand-primary);margin-bottom:1rem;font-size:1.1rem}.market-prices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.price-item{padding:1rem;border-radius:8px;text-align:center}.price-item.pass{background:#10b9811a;border:1px solid var(--success-color)}.price-item.fail{background:#ef44441a;border:1px solid var(--danger-color)}.price-item label{display:block;font-size:.75rem;text-transform:uppercase;opacity:.7;margin-bottom:.5rem}.price-item .price{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.price-item.pass .price{color:var(--success-color)}.price-item.fail .price{color:var(--danger-color)}.price-item .probability{font-size:.875rem;opacity:.7}.market-info{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-color)}.info-item{font-size:.9rem;color:var(--text-secondary)}.info-item strong{color:var(--text-primary)}.trading-panel{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-md);border:2px solid var(--brand-primary);box-shadow:var(--shadow-lg)}.trading-panel h3{color:var(--brand-primary);margin-bottom:1.5rem}.token-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.token-button{padding:1rem;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all var(--transition-base)}.token-button.active{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb, 54, 179, 126),.2);color:var(--brand-primary)}.token-button:hover{transform:translateY(-2px)}.privacy-notice{padding:1rem;background:rgba(var(--brand-secondary-rgb, 76, 154, 255),.1);border:1px solid var(--brand-secondary);border-radius:var(--radius-md);color:var(--brand-secondary);text-align:center}.App-footer{background:var(--bg-secondary);padding:2rem;text-align:center;color:var(--text-secondary);margin-top:auto}.loading,.no-proposals,.no-markets{padding:2rem;text-align:center;color:var(--text-secondary)}img,video,svg{max-width:100%;height:auto}@media(max-width:768px){.App-header h1{font-size:1.75rem}.main-content{padding:1rem;max-width:100vw}.section{padding:1rem}.proposal-card,.market-card,.metric-card{min-width:0;width:100%}.proposal-list,.markets-grid,.metrics-grid,.market-prices,.token-selector{grid-template-columns:1fr}button,.tab-button,.view-button,.trade-button,.submit-button,.connect-button,.disconnect-button{min-height:44px;min-width:44px;padding:.75rem 1.25rem}input,textarea,select{font-size:16px}body{font-size:.9375rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media(max-width:480px){.main-content,.section{padding:.75rem}.App-header{padding:1.5rem 1rem}.App-header h1{font-size:1.5rem}.subtitle{font-size:1rem}.market-prices{grid-template-columns:1fr}.proposal-list,.markets-grid,.metrics-grid{gap:1rem}.proposal-card,.market-card,.metric-card,.trading-panel{padding:1rem}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.loading-content{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.loading-content h2{color:var(--brand-primary);margin-bottom:1rem}.loading-content p{color:var(--text-secondary);font-size:1.1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:var(--bg-secondary);padding:.5rem 1rem;text-decoration:none;font-weight:600;z-index:9999;border-radius:0 0 var(--radius-sm) 0;transition:top var(--transition-base)}.skip-to-content:focus{top:0;outline:2px solid var(--bg-secondary);outline-offset:2px}.network-error-banner{position:fixed;top:0;left:0;right:0;background:var(--danger-color);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;z-index:1000;box-shadow:0 2px 8px #0000004d}.network-error-banner span{font-weight:600}.switch-network-button{padding:.5rem 1rem;background:var(--bg-secondary);color:var(--danger-color);border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.switch-network-button:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.switch-network-button:focus-visible{outline:2px solid var(--bg-secondary);outline-offset:2px}.notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;z-index:10001;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.notification-message{flex:1;font-size:.95rem;line-height:1.4}.notification-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.6;transition:opacity .2s;flex-shrink:0}.notification-close:hover{opacity:1}.notification-close:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.notification-info{border-left:4px solid #3b82f6;color:#1e40af}.notification-info .notification-icon{color:#3b82f6}.notification-success{border-left:4px solid #10b981;color:#065f46}.notification-success .notification-icon{color:#10b981}.notification-warning{border-left:4px solid #f59e0b;color:#92400e}.notification-warning .notification-icon{color:#f59e0b}.notification-error{border-left:4px solid #ef4444;color:#991b1b}.notification-error .notification-icon{color:#ef4444}@media(max-width:768px){.notification{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.notification{animation:none}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease-out}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal:focus{outline:none}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-full{width:100%;max-width:95vw}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.modal-content{padding:1.5rem}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s;flex-shrink:0;border-radius:4px}.modal-close:hover{color:#111827;background:#f3f4f6}.modal-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.modal-close-absolute{position:absolute;top:1rem;right:1rem}@media(max-width:768px){.modal-backdrop{padding:0;align-items:flex-end}.modal{border-radius:12px 12px 0 0;max-height:90vh;width:100%!important;max-width:none!important}.modal-header,.modal-content{padding:1rem}.modal-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.blockies-avatar{border-radius:50%;display:inline-block;vertical-align:middle;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.blockies-avatar-fallback{background:var(--color-surface-raised, #f0f0f0);display:flex;align-items:center;justify-content:center;font-size:1.2em;border-radius:50%}.wallet-avatar-inline{margin-right:8px}.wallet-avatar{margin-right:12px}.ppm-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:ppm-fade-in .2s ease}@keyframes ppm-fade-in{0%{opacity:0}to{opacity:1}}.ppm-modal{width:100%;max-width:720px;max-height:90vh;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-lg, 16px);box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:ppm-slide-up .3s ease}@keyframes ppm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ppm-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #f8fafc)}.ppm-header-content{flex:1}.ppm-header h2{margin:0;font-size:1.375rem;font-weight:700;color:var(--text-primary, #1a202c)}.ppm-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary, #718096)}.ppm-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md, 8px);color:var(--text-secondary, #718096);font-size:1.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ppm-close-btn:hover:not(:disabled){background:var(--bg-secondary, #ffffff);color:var(--text-primary, #1a202c)}.ppm-close-btn:disabled{opacity:.5;cursor:not-allowed}.ppm-steps{display:flex;background:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);padding:0}.ppm-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-tertiary, #a0aec0);cursor:pointer;transition:all .2s ease}.ppm-step:hover:not(:disabled){color:var(--text-secondary, #718096);background:var(--bg-primary, #f8fafc)}.ppm-step.active{color:var(--brand-primary, #36B37E);border-bottom-color:var(--brand-primary, #36B37E)}.ppm-step.completed{color:var(--success-color, #48bb78)}.ppm-step:disabled{cursor:not-allowed;opacity:.5}.ppm-step-icon{font-size:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-primary, #f8fafc);font-weight:600}.ppm-step.active .ppm-step-icon{background:#36b37e1a;color:var(--brand-primary, #36B37E)}.ppm-step.completed .ppm-step-icon{background:var(--success-color, #48bb78);color:#fff}.ppm-step-label{font-size:.75rem;font-weight:500;letter-spacing:.25px}.ppm-content{flex:1;overflow-y:auto;padding:1.5rem}.ppm-panel{animation:ppm-fade-in .2s ease}.ppm-section{margin-bottom:1.5rem}.ppm-section:last-child{margin-bottom:0}.ppm-section-header{margin-bottom:1.25rem}.ppm-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.0625rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-section-title span{font-size:1.125rem}.ppm-section-desc{margin:0;font-size:.875rem;color:var(--text-secondary, #718096);line-height:1.5}.ppm-roles-grid{display:flex;flex-direction:column;gap:1rem}.ppm-role-card{position:relative;background:var(--bg-primary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);transition:all .2s ease;overflow:hidden}.ppm-role-card:hover:not(.owned){border-color:var(--brand-primary, #36B37E);box-shadow:0 4px 12px #00000014}.ppm-role-card.selected{border-color:var(--brand-primary, #36B37E);background:#36b37e08;box-shadow:0 4px 16px #36b37e26}.ppm-role-card.owned{opacity:.7;cursor:not-allowed}.ppm-role-label{display:block;cursor:pointer;padding:1.25rem}.ppm-role-card.owned .ppm-role-label{cursor:not-allowed}.ppm-role-checkbox{position:absolute;top:1.25rem;right:1.25rem;width:22px;height:22px;accent-color:var(--brand-primary, #36B37E);cursor:pointer}.ppm-role-content{padding-right:2.5rem}.ppm-role-header{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem}.ppm-role-icon{font-size:1.75rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-md, 8px);flex-shrink:0}.ppm-role-title-group{flex:1;min-width:0}.ppm-role-name{display:block;font-size:1.0625rem;font-weight:600;color:var(--text-primary, #1a202c);margin-bottom:.125rem}.ppm-role-tagline{display:block;font-size:.8125rem;color:var(--text-secondary, #718096)}.ppm-role-price{font-size:1.125rem;font-weight:700;color:var(--brand-primary, #36B37E);white-space:nowrap}.ppm-role-details{margin-left:3.875rem}.ppm-role-duration{margin-bottom:.75rem}.ppm-duration-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:var(--info-color, #4299e1);background:#4299e11a;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.ppm-role-features{margin:0 0 1rem;padding:0;list-style:none}.ppm-role-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #718096);margin-bottom:.375rem;line-height:1.4}.ppm-feature-check{color:var(--success-color, #48bb78);font-weight:700;flex-shrink:0}.ppm-role-funds{padding:.75rem;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}.ppm-funds-label{font-size:.6875rem;font-weight:600;color:var(--text-tertiary, #a0aec0);text-transform:uppercase;letter-spacing:.5px}.ppm-funds-destination{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary, #1a202c);margin-top:.125rem}.ppm-funds-usage{margin:.25rem 0 0;font-size:.75rem;color:var(--text-tertiary, #a0aec0);line-height:1.4}.ppm-owned-badge{position:absolute;top:0;right:0;padding:.5rem 1rem;background:var(--success-color, #48bb78);color:#fff;font-size:.75rem;font-weight:600;border-bottom-left-radius:var(--radius-md, 8px)}.ppm-bundle-info{display:flex;gap:.875rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#36b37e14,#667eea14);border:1px solid rgba(54,179,126,.2);border-radius:var(--radius-md, 8px);margin-top:1.25rem}.ppm-bundle-icon{font-size:1.5rem;flex-shrink:0}.ppm-bundle-info strong{display:block;font-size:.9375rem;color:var(--text-primary, #1a202c);margin-bottom:.25rem}.ppm-bundle-info p{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096);line-height:1.5}.ppm-pricing-summary{margin-top:1.25rem;padding:1rem 1.25rem;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px)}.ppm-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9375rem;color:var(--text-secondary, #718096)}.ppm-pricing-row.ppm-discount{color:var(--success-color, #48bb78)}.ppm-pricing-row.ppm-total{padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--border-color, #e2e8f0);font-size:1.125rem;font-weight:700;color:var(--text-primary, #1a202c)}.ppm-recipient-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.ppm-recipient-card{display:flex;align-items:flex-start;padding:1.25rem;background:var(--bg-primary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.ppm-recipient-card:hover{border-color:var(--brand-primary, #36B37E)}.ppm-recipient-card.selected{border-color:var(--brand-primary, #36B37E);background:#36b37e08}.ppm-recipient-card input[type=radio]{margin-top:.25rem;accent-color:var(--brand-primary, #36B37E)}.ppm-recipient-content{display:flex;align-items:flex-start;gap:.875rem;margin-left:.75rem;flex:1}.ppm-recipient-icon{font-size:1.5rem;flex-shrink:0}.ppm-recipient-content strong{display:block;font-size:.9375rem;color:var(--text-primary, #1a202c);margin-bottom:.25rem}.ppm-recipient-content p{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096)}.ppm-address-preview{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;font-family:SF Mono,Monaco,Courier New,monospace;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-sm, 4px);color:var(--text-secondary, #718096)}.ppm-field{margin-bottom:1rem}.ppm-field:last-child{margin-bottom:0}.ppm-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1a202c);margin-bottom:.5rem}.ppm-required{color:#e53e3e}.ppm-field input[type=text],.ppm-field textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;color:var(--text-primary, #1a202c);background:var(--bg-primary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);transition:all .2s ease;outline:none}.ppm-field input:focus,.ppm-field textarea:focus{border-color:var(--brand-primary, #36B37E);box-shadow:0 0 0 3px #36b37e26}.ppm-field input.error,.ppm-field textarea.error{border-color:#e53e3e}.ppm-field input:disabled,.ppm-field textarea:disabled{opacity:.6;cursor:not-allowed}.ppm-field textarea{resize:vertical;min-height:80px;font-family:SF Mono,Monaco,Courier New,monospace}.ppm-hint{font-size:.8125rem;color:var(--text-tertiary, #a0aec0);margin-top:.375rem;line-height:1.4}.ppm-error{color:#e53e3e;font-size:.8125rem;font-weight:500;margin-top:.375rem}.ppm-zk-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.ppm-info-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#4299e114;border-left:3px solid var(--info-color, #4299e1);border-radius:var(--radius-md, 8px);margin-bottom:1rem}.ppm-info-icon{font-size:1.25rem;flex-shrink:0}.ppm-info-card strong{display:block;font-size:.875rem;color:var(--text-primary, #1a202c);margin-bottom:.25rem}.ppm-info-card p{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096);line-height:1.5}.ppm-warning-card{display:flex;gap:.875rem;padding:1.25rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md, 8px);margin-bottom:1.5rem}.ppm-warning-icon{font-size:1.5rem;flex-shrink:0}.ppm-warning-content strong{display:block;font-size:1rem;font-weight:700;color:#d97706;margin-bottom:.5rem}.ppm-warning-content ul{margin:0;padding-left:1.25rem}.ppm-warning-content li{font-size:.875rem;color:var(--text-primary, #1a202c);line-height:1.6;margin-bottom:.25rem}.ppm-warning-content li strong{display:inline;font-size:inherit;color:inherit}.ppm-review-card{background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);overflow:hidden}.ppm-review-card h4{margin:0;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1a202c);background:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);text-transform:uppercase;letter-spacing:.5px}.ppm-review-recipient{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ppm-review-label{font-size:.8125rem;font-weight:500;color:var(--text-tertiary, #a0aec0)}.ppm-review-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary, #1a202c)}.ppm-review-value code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;color:var(--text-secondary, #718096)}.ppm-recipient-badge{padding:.25rem .5rem;font-size:.6875rem;font-weight:600;color:var(--brand-primary, #36B37E);background:#36b37e1a;border-radius:4px;text-transform:uppercase}.ppm-recipient-badge.ppm-gift{color:var(--info-color, #4299e1);background:#4299e11a}.ppm-review-roles{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ppm-review-roles .ppm-review-label{margin-bottom:.75rem}.ppm-review-roles-list{display:flex;flex-direction:column;gap:.625rem}.ppm-review-role-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-md, 8px)}.ppm-review-role-info{display:flex;align-items:center;gap:.625rem}.ppm-review-role-icon{font-size:1.25rem}.ppm-review-role-name{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-review-role-duration{display:block;font-size:.75rem;color:var(--text-tertiary, #a0aec0)}.ppm-review-role-price{font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-review-pricing{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.ppm-review-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.875rem;color:var(--text-secondary, #718096)}.ppm-review-pricing-row.ppm-discount{color:var(--success-color, #48bb78)}.ppm-discount-amount{font-weight:600}.ppm-review-pricing-row.ppm-total{padding-top:.625rem;margin-top:.375rem;border-top:1px dashed var(--border-color, #e2e8f0);font-size:1.0625rem;font-weight:700;color:var(--text-primary, #1a202c)}.ppm-review-funds-info{display:flex;align-items:flex-start;gap:.625rem;padding:1rem 1.25rem;background:#36b37e0d}.ppm-funds-icon{font-size:1.125rem;flex-shrink:0}.ppm-review-funds-info p{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096);line-height:1.5}.ppm-review-funds-info strong{color:var(--text-primary, #1a202c)}.ppm-network-warning,.ppm-connect-warning{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;background:#f59e0b14;border:1px solid #f59e0b;border-radius:var(--radius-md, 8px);margin-top:1rem}.ppm-network-warning>span:first-child,.ppm-connect-warning>span:first-child{font-size:1.25rem;flex-shrink:0}.ppm-network-warning strong,.ppm-connect-warning strong{display:block;color:#d97706;margin-bottom:.25rem}.ppm-network-warning p,.ppm-connect-warning p{margin:0 0 .75rem;font-size:.875rem;color:var(--text-primary, #1a202c)}.ppm-network-warning button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#000;background:#f59e0b;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.ppm-network-warning button:hover{background:#d97706}.ppm-complete-section{text-align:center}.ppm-success-icon{font-size:4rem;margin-bottom:1rem}.ppm-complete-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a202c)}.ppm-complete-desc{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-secondary, #718096)}.ppm-purchase-results{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem;text-align:left}.ppm-result-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px)}.ppm-result-item.success{border-left:3px solid var(--success-color, #48bb78)}.ppm-result-item.failed{border-left:3px solid #e53e3e}.ppm-result-icon{font-size:1.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.ppm-result-item.success .ppm-result-icon{background:#48bb781a;color:var(--success-color, #48bb78)}.ppm-result-item.failed .ppm-result-icon{background:#e53e3e1a;color:#e53e3e}.ppm-result-info{flex:1;min-width:0}.ppm-result-name{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-result-status{font-size:.8125rem;color:var(--success-color, #48bb78)}.ppm-result-error{font-size:.8125rem;color:#e53e3e}.ppm-tx-link{font-size:.8125rem;font-weight:500;color:var(--brand-primary, #36B37E);text-decoration:none}.ppm-tx-link:hover{text-decoration:underline}.ppm-whats-next{text-align:left;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);padding:1.25rem}.ppm-whats-next h4{margin:0 0 .875rem;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-whats-next ul{margin:0;padding:0;list-style:none}.ppm-whats-next li{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary, #718096)}.ppm-whats-next li span{font-size:1rem}.ppm-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #f8fafc)}.ppm-footer-left,.ppm-footer-right{display:flex;gap:.75rem}.ppm-btn-secondary{padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a202c);background:var(--bg-secondary, #ffffff);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.ppm-btn-secondary:hover:not(:disabled){border-color:var(--text-secondary, #718096);background:var(--bg-primary, #f8fafc)}.ppm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.ppm-btn-primary{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:var(--brand-primary, #36B37E);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.ppm-btn-primary:hover:not(:disabled){background:var(--primary-button-hover, #2f9e6e);transform:translateY(-1px);box-shadow:0 4px 12px #36b37e4d}.ppm-btn-primary:active:not(:disabled){transform:translateY(0)}.ppm-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.ppm-btn-purchase{display:flex;align-items:center;gap:.5rem}.ppm-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ppm-spin .8s linear infinite}@keyframes ppm-spin{to{transform:rotate(360deg)}}.ppm-loading-tiers{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem;color:var(--text-secondary, #6b7280)}.ppm-loading-tiers .ppm-spinner{width:32px;height:32px;border-width:3px;border-color:var(--border-color, #e2e8f0);border-top-color:var(--brand-primary, #36b37e)}.ppm-loading-tiers p{margin:0;font-size:.9375rem}.ppm-current-tier-info{margin-bottom:1rem;background:var(--bg-info, #ebf4ff);border-color:var(--border-info, #3b82f6)}.ppm-current-tier-info .ppm-tier-badge{vertical-align:middle;margin:0 .25rem}:root.theme-dark .ppm-modal{background:var(--bg-secondary, #1a202c)}:root.theme-dark .ppm-header{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .ppm-steps{background:var(--bg-secondary, #1a202c);border-color:var(--border-color, #4a5568)}:root.theme-dark .ppm-step:hover:not(:disabled){background:var(--bg-primary, #2d3748)}:root.theme-dark .ppm-step-icon{background:var(--bg-primary, #2d3748)}:root.theme-dark .ppm-role-card,:root.theme-dark .ppm-recipient-card,:root.theme-dark .ppm-field input,:root.theme-dark .ppm-field textarea,:root.theme-dark .ppm-pricing-summary,:root.theme-dark .ppm-review-card,:root.theme-dark .ppm-result-item,:root.theme-dark .ppm-whats-next{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .ppm-role-icon,:root.theme-dark .ppm-role-funds,:root.theme-dark .ppm-review-card h4,:root.theme-dark .ppm-review-role-item{background:var(--bg-secondary, #1a202c);border-color:var(--border-color, #4a5568)}:root.theme-dark .ppm-footer{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .ppm-btn-secondary{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568);color:var(--text-primary, #f7fafc)}:root.theme-dark .ppm-btn-secondary:hover:not(:disabled){background:var(--bg-secondary, #1a202c)}:root.platform-clearpath .ppm-step.active{color:var(--clearpath-primary, #4C9AFF);border-bottom-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-step.active .ppm-step-icon{background:#4c9aff1a;color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-role-card:hover:not(.owned),:root.platform-clearpath .ppm-recipient-card:hover{border-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-role-card.selected,:root.platform-clearpath .ppm-recipient-card.selected{border-color:var(--clearpath-primary, #4C9AFF);background:#4c9aff08}:root.platform-clearpath .ppm-role-price{color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-field input:focus,:root.platform-clearpath .ppm-field textarea:focus{border-color:var(--clearpath-primary, #4C9AFF);box-shadow:0 0 0 3px #4c9aff26}:root.platform-clearpath .ppm-btn-primary{background:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-btn-primary:hover:not(:disabled){background:#3182ce;box-shadow:0 4px 12px #4c9aff4d}:root.platform-clearpath .ppm-role-checkbox{accent-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .ppm-recipient-card input[type=radio]{accent-color:var(--clearpath-primary, #4C9AFF)}.ppm-tier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.ppm-tier-card{position:relative;padding:1.25rem;background:var(--bg-primary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .2s ease}.ppm-tier-card:hover{border-color:var(--tier-color, var(--primary, #4299e1));background:var(--bg-secondary, #ffffff)}.ppm-tier-card.selected{border-color:var(--tier-color, var(--primary, #4299e1));background:var(--bg-secondary, #ffffff);box-shadow:0 0 0 2px var(--tier-color, var(--primary, #4299e1))}.ppm-tier-radio{position:absolute;opacity:0;width:0;height:0}.ppm-tier-content{display:flex;flex-direction:column;gap:.75rem}.ppm-tier-header{display:flex;justify-content:space-between;align-items:center}.ppm-tier-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;color:#1a1a2e;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.ppm-tier-price{font-size:1.125rem;font-weight:700;color:var(--primary, #4299e1)}.ppm-tier-limits{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#00000008;border-radius:var(--radius-sm, 8px)}.ppm-limit-item{display:flex;justify-content:space-between;font-size:.8rem}.ppm-limit-label{color:var(--text-secondary, #718096)}.ppm-limit-value{font-weight:600;color:var(--text-primary, #1a202c)}.ppm-tier-features{margin:0;padding:0;list-style:none}.ppm-tier-features li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary, #718096);margin-bottom:.25rem}.ppm-tier-features li .ppm-feature-check{color:var(--success, #48bb78);font-size:.75rem}.ppm-review-tier{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e2e8f0)}.ppm-review-tier .ppm-tier-badge{padding:.375rem 1rem;font-size:.875rem}.ppm-tier-summary{background:var(--bg-primary, #f8fafc);padding:1.25rem;border-radius:var(--radius-md, 12px);margin-bottom:1.5rem}.ppm-tier-summary h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1a202c)}.ppm-tier-summary ul{margin:0;padding-left:1.25rem}.ppm-tier-summary li{margin-bottom:.5rem;color:var(--text-secondary, #718096)}.ppm-multi-role-benefits{display:flex;flex-direction:column;gap:.75rem}.ppm-role-benefit-section{padding:.75rem;background:var(--bg-secondary, #f1f5f9);border-radius:var(--radius-sm, 6px);border-left:3px solid var(--tier-color, #4299e1)}.ppm-role-benefit-section h5{margin:0 0 .5rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.375rem;color:var(--text-primary, #1a202c)}.ppm-role-summary-section{padding:.75rem 0;border-bottom:1px solid var(--border-color, #e2e8f0)}.ppm-role-summary-section:last-child{border-bottom:none;padding-bottom:0}.ppm-role-summary-section h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-primary, #1a202c)}.ppm-tier-limits--tokens{border-left:3px solid var(--tokenmint-color, #ffd700);background:#ffd7000d}.ppm-tier-limits--governance{border-left:3px solid var(--clearpath-color, #36b37e);background:#36b37e0d}@media(max-width:768px){.ppm-overlay{padding:.5rem}.ppm-modal{max-height:95vh;border-radius:var(--radius-md, 12px)}.ppm-header{padding:1rem}.ppm-header h2{font-size:1.25rem}.ppm-step{padding:.75rem .5rem}.ppm-step-icon{font-size:.875rem;width:1.75rem;height:1.75rem}.ppm-step-label{font-size:.6875rem}.ppm-content{padding:1rem}.ppm-role-header{flex-wrap:wrap;gap:.625rem}.ppm-role-price{margin-left:auto}.ppm-role-details{margin-left:0;margin-top:.75rem}.ppm-recipient-content{flex-direction:column;gap:.5rem}.ppm-footer{flex-direction:column-reverse;gap:.75rem;padding:1rem}.ppm-footer-left,.ppm-footer-right{width:100%}.ppm-btn-secondary,.ppm-btn-primary{flex:1;justify-content:center}.ppm-tier-grid{grid-template-columns:1fr}}@media(max-width:480px){.ppm-step-label{display:none}.ppm-step-icon{font-size:1rem}.ppm-role-card .ppm-role-checkbox{top:1rem;right:1rem}.ppm-review-recipient{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(prefers-reduced-motion:reduce){.ppm-overlay,.ppm-modal,.ppm-panel,.ppm-spinner{animation:none}.ppm-step,.ppm-role-card,.ppm-recipient-card,.ppm-btn-secondary,.ppm-btn-primary{transition:none}.ppm-btn-primary:hover:not(:disabled){transform:none}}@media print{.ppm-overlay{display:none}}.role-card-compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.role-card-compact:hover{border-color:var(--brand-primary, var(--primary-color, #4a9eff));box-shadow:var(--shadow-sm)}.role-card-compact.needs-attention{border-color:var(--warning-color, #f59e0b)}.role-card-compact .role-card-header{display:flex;align-items:center;gap:8px}.role-tier-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.role-card-compact .role-name{font-size:13px;font-weight:500;color:var(--text-primary);flex:1}.role-status{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:500}.role-status.expired{background:#dc262626;color:var(--danger-color, #dc2626)}.role-status.at-limit{background:#f59e0b26;color:var(--warning-color, #f59e0b)}.role-status.expiring-soon{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.expand-icon{font-size:10px;color:var(--text-secondary);transition:transform .2s ease;margin-left:4px}.expand-icon.expanded{transform:rotate(180deg)}.role-card-details{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px}.detail-label{color:var(--text-secondary)}.detail-value{color:var(--text-primary);font-weight:500}.detail-value.expired{color:var(--danger-color, #dc2626)}.detail-value.at-limit{color:var(--warning-color, #f59e0b)}.role-card-compact .role-card-actions{display:flex;gap:8px;margin-top:10px}.role-action-btn{flex:1;padding:6px 12px;font-size:11px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#fff}.role-action-btn.upgrade{background:var(--brand-secondary, var(--info-color, #4C9AFF))}.role-action-btn.upgrade:hover{opacity:.9;transform:translateY(-1px)}.role-action-btn.extend{background:var(--success-color, #22c55e)}.role-action-btn.extend:hover{opacity:.9;transform:translateY(-1px)}.role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px}.role-card.needs-attention{border-color:var(--warning-color, #f59e0b);box-shadow:0 0 0 1px #f59e0b1a}.role-card .role-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.role-card .role-tier-badge{font-size:11px;padding:4px 8px}.role-info{flex:1}.role-card .role-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.role-description{font-size:12px;color:var(--text-secondary);margin:0}.role-card-body{display:flex;flex-direction:column;gap:12px}.role-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:600;color:var(--text-primary)}.stat-value.expired{color:var(--danger-color, #dc2626)}.stat-value.warning,.stat-value.at-limit{color:var(--warning-color, #f59e0b)}.stat-sublabel{font-size:11px;color:var(--text-secondary)}.stat-sublabel.warning{color:var(--warning-color, #f59e0b)}.usage-bar-container{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;margin:4px 0}.usage-bar{height:100%;background:linear-gradient(90deg,var(--success-color, #22c55e),var(--brand-secondary, #4C9AFF));border-radius:3px;transition:width .3s ease}.usage-bar.at-limit{background:linear-gradient(90deg,var(--warning-color, #f59e0b),var(--danger-color, #dc2626))}.role-alert{font-size:12px;padding:10px 12px;border-radius:8px;margin-top:8px}.role-alert.expired{background:#dc26261a;border:1px solid rgba(220,38,38,.25);color:var(--danger-color, #dc2626)}.role-alert.at-limit{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:var(--warning-color, #f59e0b)}.role-alert.expiring-soon{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--warning-color, #f59e0b)}.role-card .role-card-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.role-card .role-action-btn{padding:10px 16px;font-size:13px}.role-details-section{padding:0}.role-details-section .roles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.role-details-section .section-title{font-size:.625rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.role-details-section .refresh-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.role-details-section .refresh-btn:hover{border-color:var(--brand-primary, var(--primary-color, #4a9eff));color:var(--brand-primary, var(--primary-color, #4a9eff))}.role-details-section .roles-list{display:flex;flex-direction:column}.roles-empty{text-align:center;padding:16px 8px}.roles-empty p{font-size:13px;color:var(--text-secondary);margin:0 0 12px}.purchase-roles-btn{background:var(--brand-primary, var(--primary-color, #4a9eff));color:#fff;border:none;padding:10px 20px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.purchase-roles-btn:hover{opacity:.9;transform:translateY(-1px)}.roles-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary);font-size:13px}.loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--brand-primary, var(--primary-color, #4a9eff));border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.role-card-compact,.role-action-btn,.purchase-roles-btn,.role-details-section .refresh-btn{transition:none}.loading-spinner{animation:none}}.sidebar-nav{position:fixed;left:0;top:0;bottom:0;width:70px;background:var(--bg-light);border-right:1px solid rgba(59,130,246,.2);display:flex;flex-direction:column;padding:1rem 0;transition:width .3s ease;z-index:100;overflow-y:auto;overflow-x:hidden}.sidebar-nav.expanded{width:240px}.sidebar-nav.collapsed{width:70px}.sidebar-header{padding:0 1rem 1rem;border-bottom:1px solid rgba(59,130,246,.2);margin-bottom:1rem;min-height:3rem;display:flex;align-items:center;gap:.5rem}.sidebar-nav.collapsed .sidebar-header{padding:0 0 1rem;justify-content:center}.sidebar-nav.expanded .sidebar-header{justify-content:flex-start}.toggle-btn{background:transparent;border:none;color:var(--brand-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;font-size:1rem;line-height:1}.toggle-btn:hover{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);transform:scale(1.1)}.toggle-btn:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.toggle-btn:active{transform:scale(.95)}.toggle-icon{display:flex;align-items:center;justify-content:center;font-size:.875rem}.sidebar-header h2{color:var(--brand-primary);font-size:1.25rem;font-weight:700;margin:0}.category-list{display:flex;flex-direction:column;gap:.25rem;padding:0 .5rem}.sidebar-divider{margin:.5rem 0;padding:0 1rem;border-top:1px solid rgba(59,130,246,.15)}.sidebar-nav.collapsed .sidebar-divider{padding:0 .5rem}.divider-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #636e72);padding-top:.5rem}.category-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:left;font-size:.95rem;font-weight:500;position:relative}.sidebar-nav.collapsed .category-item{justify-content:center;padding:.875rem .5rem}.category-item:hover{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);color:var(--text-primary)}.category-item.active{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.2);color:var(--brand-primary);font-weight:600}.category-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--brand-primary);border-radius:0 3px 3px 0}.category-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;min-width:24px}.category-icon-img{width:24px;height:24px;object-fit:contain}.category-name{white-space:nowrap}.sidebar-nav.collapsed .category-name{display:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media(max-width:768px){.sidebar-nav{display:none}}.bottom-nav-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-light);border-top:2px solid rgba(59,130,246,.3);z-index:160;box-shadow:0 -2px 10px #0000004d;display:none}@media(max-width:768px){.bottom-nav-bar{display:block}}.bottom-nav-scroll{display:flex;overflow-x:auto;overflow-y:hidden;height:100%;padding:0 .5rem;gap:.25rem;align-items:center;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.bottom-nav-scroll::-webkit-scrollbar{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:center;font-size:.7rem;font-weight:500;min-width:70px;flex-shrink:0;position:relative}.bottom-nav-item:hover{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);color:var(--text-primary)}.bottom-nav-item.active{background:rgba(var(--brand-primary-rgb, 54, 179, 126),.2);color:var(--brand-primary);font-weight:600}.bottom-nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--brand-primary);border-radius:3px 3px 0 0}.bottom-nav-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.bottom-nav-icon .category-icon-img{width:28px;height:28px;object-fit:contain}.bottom-nav-label{white-space:nowrap;font-size:.65rem;line-height:1}.header-actions-expanded{display:flex;align-items:center;gap:.25rem}.header-kebab-container{display:flex;align-items:center;gap:.5rem;position:relative}.kebab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;padding:8px}.kebab-button:hover,.kebab-button.active{background:#ffffff40;border-color:#fff6}.kebab-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.kebab-dot{width:4px;height:4px;background:#fff;border-radius:50%;transition:all .2s ease}.kebab-button.active .kebab-dot:nth-child(1){transform:translateY(7px) rotate(45deg) scaleX(1.8)}.kebab-button.active .kebab-dot:nth-child(2){opacity:0;transform:scale(0)}.kebab-button.active .kebab-dot:nth-child(3){transform:translateY(-7px) rotate(-45deg) scaleX(1.8)}.kebab-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.kebab-dropdown{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary, #141C24);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000004d;z-index:1000;animation:kebabSlideUp .3s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom,0);overflow:visible}@keyframes kebabSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.kebab-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #23303D)}.kebab-dropdown-header span{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3)}.kebab-close-btn{background:transparent;border:1px solid var(--border-color, #23303D);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #AAB6C2);font-size:1.25rem;transition:all .2s}.kebab-close-btn:hover{background:#ffffff1a;border-color:var(--text-secondary, #AAB6C2);color:var(--text-primary, #E6EDF3)}.kebab-dropdown-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;overflow:visible}.kebab-menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:12px;transition:all .2s;position:relative;overflow:visible;cursor:pointer;-webkit-user-select:none;user-select:none}.kebab-menu-item:hover{background:#4c9aff14;border-color:#4c9aff4d}.kebab-menu-item:focus{outline:2px solid rgba(76,154,255,.5);outline-offset:2px}.kebab-menu-item:active{background:#4c9aff26;transform:scale(.98)}.kebab-menu-item .tokenmint-button-container,.kebab-menu-item .clearpath-button-container{margin:0;padding:0}.kebab-menu-item .tokenmint-button,.kebab-menu-item .clearpath-button{width:48px;height:48px;flex-shrink:0}.kebab-item-label{font-size:.95rem;font-weight:500;color:var(--text-primary, #E6EDF3);flex:1;pointer-events:none}.kebab-dropdown-content .tokenmint-dropdown,.kebab-dropdown-content .clearpath-dropdown{top:auto!important;bottom:calc(100% + 8px)!important;right:auto!important;left:0!important;transform:none!important;max-height:60vh;overflow-y:auto;z-index:1200!important}.kebab-dropdown-content .tokenmint-button-container,.kebab-dropdown-content .clearpath-button-container{position:relative;z-index:1002}.kebab-dropdown-content .tokenmint-dropdown,.kebab-dropdown-content .clearpath-dropdown{pointer-events:auto}.theme-light .kebab-dropdown{background:var(--bg-secondary, #FFFFFF);box-shadow:0 -4px 20px #00000026}.theme-light .kebab-menu-item{background:var(--bg-primary, #F7F9FA)}@media(prefers-reduced-motion:reduce){.kebab-dropdown,.kebab-backdrop,.kebab-dot{animation:none;transition:none}}.header-bar{position:fixed;top:var(--dev-banner-height, 0);left:0;right:0;width:100%;max-width:100vw;height:70px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--primary-button-hover) 100%);box-shadow:0 2px 8px #0000004d;z-index:200;display:flex;align-items:center;transition:transform .3s ease,height .3s ease,box-shadow .3s ease,top .3s ease;box-sizing:border-box}.header-bar.header-hidden{transform:translateY(-100%)}.header-bar.header-scrolled{box-shadow:0 4px 12px #0006}.header-bar-content{width:100%;max-width:95vw;margin:0;padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0;min-width:0}.back-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s;white-space:nowrap}.back-button:hover{background:#fff3;transform:translate(-2px)}.header-branding{display:flex;align-items:center;gap:.75rem}.brand-logo{height:40px;display:flex;align-items:center}.brand-logo .logo-image{max-height:40px;width:auto;max-width:100%;height:auto;display:block}.brand-text h1{font-size:1.5rem;margin:0;color:#fff;line-height:1}.brand-text .tagline{font-size:.75rem;color:#fffc;margin:.125rem 0 0;line-height:1}.header-bar .header-right{display:flex;margin-right:1rem;flex-direction:row;align-items:center;gap:.25rem;flex-shrink:0}.header-bar .header-right .tokenmint-button,.header-bar .header-right .clearpath-button{width:44px;height:44px}.header-bar .header-right .tokenmint-button-container,.header-bar .header-right .clearpath-button-container{margin:0;padding:0}.header-bar .header-right .wallet-button-container{position:relative}.header-bar .header-right .wallet-dropdown{position:absolute;top:calc(100% + .5rem);right:0;left:auto;min-width:280px;max-width:calc(100vw - 2rem);z-index:1001}.header-bar .header-right .wallet-connect-button,.header-bar .header-right .wallet-account-button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff}.header-bar .header-right .wallet-connect-button:hover,.header-bar .header-right .wallet-account-button:hover{background:#ffffff40;border-color:#fff6}.header-bar .header-right .wallet-icon{filter:brightness(0) invert(1)}.header-bar .header-right .tokenmint-dropdown,.header-bar .header-right .clearpath-dropdown{max-width:calc(100vw - 2rem)}.wallet-info-compact{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.wallet-info-compact .status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite}.wallet-info-compact .wallet-address{font-weight:600;color:#fff;font-size:.9rem}.settings-btn{background-color:#a855f733;color:#fff;padding:.625rem 1rem;border:1px solid rgba(168,85,247,.3);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.settings-btn:hover{background-color:#a855f766;border-color:#a855f780;transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.settings-btn:focus{outline:2px solid rgba(168,85,247,.6);outline-offset:2px}.wallet-connected{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.wallet-info{display:flex;align-items:center}.connection-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.wallet-address{font-weight:600;color:#fff;font-size:.9rem}.disconnect-btn{background-color:#ef444433;color:#fff;padding:.5rem .875rem;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s;white-space:nowrap}.disconnect-btn:hover{background-color:#ef444466;border-color:#ef444480}.connect-btn{background-color:#22c55e33;color:#fff;padding:.625rem 1.25rem;border:1px solid rgba(34,197,94,.3);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;white-space:nowrap}.connect-btn:hover{background-color:#22c55e66;border-color:#22c55e80;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.scan-qr-btn{background-color:#6366f133;color:#fff;padding:.625rem 1rem;border:1px solid rgba(99,102,241,.3);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.scan-qr-btn:hover{background-color:#6366f166;border-color:#6366f180;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.scan-qr-btn:focus{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}@media(max-width:1024px){.header-bar-content{gap:1rem}}@media(max-width:768px){.header-bar{height:var(--mobile-header-height, 56px);max-width:100vw;width:100%}.header-bar.header-scrolled{height:var(--mobile-header-compact-height, 48px)}.header-bar-content{padding:0 1rem;justify-content:space-between;gap:.75rem;max-width:100vw}.back-button{padding:.35rem .6rem;font-size:.8rem}.brand-logo{height:32px}.brand-logo .logo-image{max-height:32px}.brand-text h1{font-size:1.1rem}.brand-text .tagline,.header-center{display:none}.header-left{flex:0 1 auto;min-width:fit-content}.header-bar .header-right{flex:0 1 auto;gap:.5rem}.header-bar .header-right .wallet-button-container{position:static}.header-bar .header-right .wallet-dropdown{position:fixed;inset:auto 0 0;min-width:unset;width:100%;max-width:100%;max-height:85vh;border-radius:20px 20px 0 0;transform:none;overflow-y:auto}.wallet-info-compact{padding:.35rem .6rem;gap:.4rem}.wallet-info-compact .wallet-address{font-size:.75rem}.wallet-connected{padding:.35rem .6rem;gap:.5rem}.wallet-address{font-size:.75rem}.disconnect-btn,.connect-btn{padding:.4rem .75rem;font-size:.8rem}.settings-btn,.scan-qr-btn{padding:.5rem;font-size:1.1rem}.settings-btn .btn-text,.scan-qr-btn .btn-text{display:none}.header-bar.header-scrolled .brand-text h1{font-size:1rem}.header-bar.header-scrolled .brand-logo{height:28px}.header-bar.header-scrolled .brand-logo .logo-image{max-height:28px}}@media(max-width:480px){.header-bar-content{padding:0 .75rem;gap:.5rem}.header-left{gap:.5rem;flex-shrink:1;min-width:0}.header-bar .header-right{gap:.25rem;flex-shrink:0}.brand-text h1{font-size:1rem}.brand-logo{height:28px}.brand-logo .logo-image{max-height:28px}.back-button{padding:.25rem .5rem;font-size:.75rem}}.user-management-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;flex-shrink:0}.user-management-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.user-management-btn:active{transform:scale(.98)}.user-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.clearpath-badge{position:absolute;top:-2px;right:-2px;width:80px;height:80px;background:var(--color-success);color:#fff;border-radius:0%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:0px solid var(--brand-primary);box-shadow:0 2px 4px #0003}.qr-scanner-backdrop{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.qr-scanner-modal{background:var(--bg-primary, #ffffff);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;animation:slideUp .3s ease-out}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #e5e7eb)}.qr-scanner-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937)}.qr-scanner-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary, #6b7280);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s}.qr-scanner-close:hover{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937)}.qr-scanner-close:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.qr-scanner-content{padding:24px}.scanner-container{position:relative;width:100%;min-height:300px;background:#000;border-radius:12px;overflow:hidden;margin-bottom:20px}#qr-reader{width:100%}#qr-reader video{border-radius:12px}.scanner-placeholder,.scanner-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #6b7280)}.scanner-placeholder .camera-icon,.scanner-error .error-icon{font-size:3rem}.scanner-placeholder p,.scanner-error p{margin:0;font-size:1rem;text-align:center;padding:0 20px}.scanner-error{background:#fee;color:#c00}.scanner-controls{margin-bottom:24px}.camera-select{margin-bottom:16px}.camera-select label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px;color:var(--text-primary, #1f2937)}.camera-select select{width:100%;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.875rem;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #1f2937);cursor:pointer}.camera-select select:disabled{opacity:.6;cursor:not-allowed}.camera-select select:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:0;border-color:transparent}.scanner-actions{display:flex;justify-content:center}.start-scan-btn,.stop-scan-btn{padding:12px 32px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.start-scan-btn{background:var(--primary-color, #2563eb);color:#fff}.start-scan-btn:hover:not(:disabled){background:var(--primary-hover, #1d4ed8);transform:translateY(-1px)}.start-scan-btn:disabled{background:var(--bg-secondary, #e5e7eb);color:var(--text-secondary, #9ca3af);cursor:not-allowed}.stop-scan-btn{background:#ef4444;color:#fff}.stop-scan-btn:hover{background:#dc2626;transform:translateY(-1px)}.start-scan-btn:active,.stop-scan-btn:active{transform:translateY(0)}.start-scan-btn:focus,.stop-scan-btn:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.scanner-instructions{padding:20px;background:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.scanner-instructions h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.scanner-instructions ol{margin:0 0 16px;padding-left:20px}.scanner-instructions li{margin-bottom:8px;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5}.privacy-note{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.5;padding:12px;background:#fff;border-radius:8px;border-left:3px solid #10b981}@media(prefers-color-scheme:dark){.qr-scanner-modal{background:var(--bg-primary, #1f2937)}.qr-scanner-header{border-bottom-color:var(--border-color, #374151)}.qr-scanner-header h2,.camera-select label,.scanner-instructions h3{color:var(--text-primary, #f9fafb)}.scanner-placeholder,.scanner-instructions{background:var(--bg-secondary, #374151)}.scanner-placeholder p,.scanner-instructions li,.privacy-note{color:var(--text-secondary, #d1d5db)}.camera-select select{background:var(--bg-secondary, #374151);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}.start-scan-btn:disabled{background:var(--bg-secondary, #4b5563);color:var(--text-secondary, #6b7280)}.scanner-instructions{border-color:var(--border-color, #4b5563)}.privacy-note{background:#1f2937}}@media(max-width:640px){.qr-scanner-modal{width:95%;max-height:95vh}.qr-scanner-header{padding:16px 20px}.qr-scanner-content{padding:20px}.scanner-container{min-height:250px}.scanner-placeholder .camera-icon,.scanner-error .error-icon{font-size:2rem}.scanner-placeholder p,.scanner-error p{font-size:.875rem}.scanner-instructions{padding:16px}.scanner-instructions ol{padding-left:16px}}.ma-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ma-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ma-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.ma-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.ma-close-btn{background:var(--bg-primary, #0E141B);border:2px solid var(--text-secondary, #AAB6C2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #E6EDF3);font-size:1.25rem;cursor:pointer;line-height:1;transition:all .2s ease;flex-shrink:0}.ma-close-btn svg{stroke:currentColor;width:16px;height:16px}.ma-close-btn:hover{background:#4c9aff26;border-color:#4c9aff;color:#4c9aff}.ma-content{flex:1;overflow-y:auto;padding:1.5rem;background:var(--bg-secondary)}.ma-market-info{margin-bottom:1.5rem}.ma-description{margin:0 0 1rem;font-size:1.125rem;font-weight:500;color:var(--text-primary);line-height:1.4}.ma-encrypted-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#4c9aff1a;border:1px solid rgba(76,154,255,.3);border-radius:8px;color:#4c9aff;font-size:.9375rem;font-weight:500;margin-bottom:1rem}.ma-encrypted-notice svg{flex-shrink:0}.ma-encrypted-section{margin-bottom:1rem}.ma-encrypted-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#4c9aff1a;border:1px solid rgba(76,154,255,.2);border-radius:12px;color:var(--primary-color);font-size:.75rem;font-weight:500;margin-bottom:.75rem}.ma-encrypted-badge svg{flex-shrink:0}.ma-decrypting{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:.875rem}.ma-spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.ma-decrypt-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;text-align:center}.ma-decrypt-error p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem}.ma-decrypt-prompt{padding:1rem;background:var(--bg-tertiary);border-radius:8px;text-align:center}.ma-decrypt-prompt p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem}.ma-btn-decrypt{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.ma-btn-decrypt:hover{background:var(--primary-hover, #3730a3)}.ma-encrypted-hint{margin:0;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);font-size:.8125rem;font-style:italic;text-align:center}.ma-deadline-warning{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.875rem;font-weight:500}.ma-deadline-warning.expired{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.ma-clock-icon{font-size:1rem}.ma-offer-details{margin-bottom:1.25rem}.ma-offer-details h4,.ma-financial-summary h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.ma-details-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.ma-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;border-bottom:1px solid var(--border-color)}.ma-detail-row:last-child{border-bottom:none}.ma-detail-label{font-size:.8125rem;color:var(--text-secondary)}.ma-detail-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ma-detail-value.ma-address{font-family:Courier New,monospace;font-size:.8125rem}.ma-financial-summary{margin-bottom:1.25rem}.ma-financial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.ma-financial-item{background:var(--bg-primary);border:1px solid var(--border-color);padding:.875rem;border-radius:8px;text-align:center}.ma-financial-label{display:block;font-size:.6875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.ma-financial-value{display:block;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.ma-financial-stake{background:linear-gradient(135deg,#4c9aff1f,#4c9aff0f);border-color:#4c9aff4d}.ma-financial-stake .ma-financial-value{color:#4c9aff}.ma-financial-win{background:#36b37e1a;border-color:#36b37e4d}.ma-financial-win .ma-financial-value{color:#36b37e}.ma-financial-lose{background:#ef444414;border-color:#ef444433}.ma-financial-lose .ma-financial-value{color:#ef4444}.ma-arbitrator-note{margin:.75rem 0 0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.ma-term{background:var(--bg-primary);border:1px solid var(--border-color);padding:.875rem;border-radius:8px}.ma-term label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.ma-term .ma-value{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.ma-term-info{background:#4c9aff1a;border:1px solid rgba(76,154,255,.3)}.ma-participants{margin-bottom:1.5rem}.ma-participants h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.ma-participants-list{list-style:none;margin:0;padding:0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.ma-participants-list li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.ma-participants-list li:last-child{border-bottom:none}.ma-participants-list li.accepted{background:#36b37e0d}.ma-participants-list li.pending{background:transparent}.ma-participant-addr{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--text-primary)}.ma-badge{font-family:inherit;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .375rem;border-radius:4px}.ma-badge.creator{background:#4c9aff33;color:#4c9aff}.ma-badge.you{background:#36b37e33;color:#36b37e}.ma-participant-status{font-size:.8125rem;color:var(--text-secondary)}.ma-participants-list li.accepted .ma-participant-status{color:var(--color-success, #36B37E)}.ma-already-accepted,.ma-expired,.ma-not-invited,.ma-connect-prompt{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.ma-already-accepted{background:#36b37e1a;border:1px solid rgba(54,179,126,.3);color:#36b37e}.ma-already-accepted span{font-size:1.25rem}.ma-expired,.ma-not-invited{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.ma-connect-prompt{background:#4c9aff1a;border:1px solid rgba(76,154,255,.3);color:#4c9aff;justify-content:center}.ma-actions{display:flex;gap:1rem;margin-top:1rem}.ma-btn-primary,.ma-btn-secondary{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ma-btn-primary{background:linear-gradient(135deg,#4c9aff,#36b37e);border:none;color:#fff}.ma-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ma-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.ma-btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.ma-btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.ma-confirmation{text-align:left}.ma-confirmation h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary);text-align:center}.ma-confirmation p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.5}.ma-confirmation strong{color:var(--color-success, #36B37E)}.ma-safety-warning{background:#ff980014;border:1px solid rgba(255,152,0,.35);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem}.ma-safety-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;color:#ff9800;font-size:.9375rem}.ma-safety-icon{font-size:1.25rem}.ma-safety-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.ma-safety-list li{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;line-height:1.4;color:var(--text-secondary)}.ma-safety-list li strong{color:var(--text-primary)}.ma-check-icon{color:#ff9800;font-size:.75rem;margin-top:.125rem;flex-shrink:0}.ma-stake-notice{text-align:center;padding:.875rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;font-size:.9375rem;color:var(--text-primary)}.ma-confirm-details{background:var(--bg-primary);border:1px solid var(--border-color);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.ma-confirm-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.ma-confirm-row:last-child{border-bottom:none}.ma-confirm-row span:first-child{color:var(--text-secondary)}.ma-confirm-row span:last-child{color:var(--text-primary);font-weight:500}.ma-processing{text-align:center;padding:2rem 0}.ma-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--color-primary, #4C9AFF);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}.ma-processing h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.ma-processing p{margin:0;color:var(--text-secondary)}.ma-success{text-align:center;padding:1rem 0}.ma-success-icon{width:64px;height:64px;background:linear-gradient(135deg,#36b37e,#4c9aff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem}.ma-success h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary)}.ma-success p{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.5}.ma-tx-link{display:inline-block;margin-bottom:1.5rem;color:var(--color-primary, #4C9AFF);text-decoration:none;font-size:.875rem}.ma-tx-link:hover{text-decoration:underline}.ma-error{text-align:center;padding:1rem 0}.ma-error-icon{width:64px;height:64px;background:#ef444433;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ef4444;margin:0 auto 1.5rem}.ma-error h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary)}.ma-error-message{margin:0 0 1.5rem;color:#ef4444;background:#ef44441a;padding:.75rem;border-radius:8px;font-size:.875rem;word-break:break-word}.ma-term-success{background:#36b37e1a;border:1px solid rgba(54,179,126,.3)}.ma-term-success .ma-value{color:#36b37e;font-weight:600}.ma-odds-value{color:#4c9aff;font-weight:600}.ma-potential-win{color:#36b37e;font-weight:600}.ma-decrypt-required{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.875rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}@media(max-width:480px){.ma-modal{max-height:100vh;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%}.ma-financial-grid{grid-template-columns:1fr}.ma-actions{flex-direction:column}.ma-btn-primary,.ma-btn-secondary{width:100%}}.tp-container{padding:1rem;background:var(--surface-color, var(--bg-secondary, #FFFFFF));border-radius:8px;margin-bottom:1rem}.tp-pending-banner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;background:var(--warning-bg, rgba(255, 193, 7, .1));border:1px solid var(--warning-border, rgba(255, 193, 7, .3));border-radius:8px;margin-bottom:1rem}.tp-pending-icon{font-size:1.5rem;color:var(--warning-color, #ffc107)}.tp-pending-content{flex:1;min-width:200px}.tp-pending-content strong{display:block;color:var(--text-primary, #1F2933);margin-bottom:.25rem}.tp-pending-content p{margin:0;font-size:.875rem;color:var(--text-secondary, #5A6772)}.tp-pending-actions{display:flex;gap:.5rem}.tp-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 .5rem}.tp-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:0}.tp-step-indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;background:var(--bg-primary, #F7F9FA);border:2px solid var(--border-color, #E3E7EB);color:var(--text-secondary, #5A6772);transition:all .3s ease;z-index:2}.tp-step.current .tp-step-indicator{background:var(--primary-color, #6366f1);border-color:var(--primary-color, #6366f1);color:#fff}.tp-step.complete .tp-step-indicator{background:var(--success-color, #10b981);border-color:var(--success-color, #10b981);color:#fff}.tp-step-label{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary, #5A6772);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tp-step.current .tp-step-label,.tp-step.complete .tp-step-label{color:var(--text-primary, #1F2933)}.tp-step-connector{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:var(--border-color, #E3E7EB);z-index:1}.tp-step-connector.complete{background:var(--success-color, #10b981)}.tp-check{font-size:1rem}.tp-number{font-size:.875rem}.tp-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tp-spin .8s linear infinite}.tp-spinner-small{display:inline-block;width:14px;height:14px;border:2px solid var(--border-color, #E3E7EB);border-top-color:var(--brand-primary, #36B37E);border-radius:50%;animation:tp-spin .8s linear infinite}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-current-step{margin-top:1.5rem;text-align:center}.tp-step-description{font-size:.875rem;color:var(--text-secondary, #5A6772);margin-bottom:.5rem}.tp-wallet-prompt{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--primary-bg, rgba(99, 102, 241, .1));border:1px solid var(--primary-border, rgba(99, 102, 241, .3));border-radius:6px;color:var(--primary-color, #6366f1);font-size:.875rem}.tp-wallet-icon{font-size:1rem}.tp-error{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;background:var(--error-bg, rgba(239, 68, 68, .1));border:1px solid var(--error-border, rgba(239, 68, 68, .3));border-radius:8px;margin-top:1rem}.tp-error-icon{width:32px;height:32px;border-radius:50%;background:var(--error-color, #ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.tp-error-content{flex:1;min-width:200px}.tp-error-content strong{display:block;color:var(--error-color, #ef4444);margin-bottom:.25rem}.tp-error-content p{margin:0;font-size:.875rem;color:var(--text-secondary, #5A6772);word-break:break-word}.tp-error-actions{display:flex;gap:.5rem}.tp-success{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--success-bg, rgba(16, 185, 129, .1));border:1px solid var(--success-border, rgba(16, 185, 129, .3));border-radius:8px;margin-top:1rem}.tp-success-icon{width:32px;height:32px;border-radius:50%;background:var(--success-color, #10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.tp-success-content{flex:1}.tp-success-content strong{display:block;color:var(--success-color, #10b981);margin-bottom:.25rem}.tp-tx-link{color:var(--primary-color, #6366f1);text-decoration:none;font-size:.875rem}.tp-tx-link:hover{text-decoration:underline}.tp-tx-pending{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--bg-primary, #F7F9FA);border-radius:6px;font-size:.875rem;color:var(--text-secondary, #5A6772)}.tp-btn-primary,.tp-btn-secondary{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tp-btn-primary{background:var(--brand-primary, var(--primary-button, #36B37E));color:var(--primary-button-text, #fff)}.tp-btn-primary:hover{background:var(--primary-button-hover, #2F9E6E)}.tp-btn-secondary{background:var(--bg-secondary, #FFFFFF);color:var(--text-secondary, #5A6772);border:1px solid var(--border-color, #E3E7EB)}.tp-btn-secondary:hover{background:var(--surface-color, var(--bg-primary, #F7F9FA));color:var(--text-primary, #1F2933)}@media(max-width:480px){.tp-steps{flex-wrap:wrap;gap:.5rem}.tp-step{flex:0 0 auto;min-width:60px}.tp-step-connector{display:none}.tp-step-label{font-size:.625rem}.tp-pending-banner,.tp-error,.tp-success{flex-direction:column;text-align:center}.tp-pending-actions,.tp-error-actions{width:100%;justify-content:center}}.friend-markets-modal-backdrop{position:fixed;inset:0;background:#0e141bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fmFadeIn .2s ease-out}@keyframes fmFadeIn{0%{opacity:0}to{opacity:1}}.friend-markets-modal{background:var(--bg-secondary, #141C24);border-radius:20px;width:100%;max-width:680px;height:auto;max-height:min(640px,100vh);display:flex;flex-direction:column;box-shadow:0 0 0 1px #36b37e26,0 20px 60px #00000080,0 0 40px #36b37e1a;animation:fmSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes fmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fm-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #23303D);flex-shrink:0}.fm-header-content{flex:1}.fm-brand{display:flex;align-items:center;gap:.5rem}.fm-brand-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(54,179,126,.5))}.fm-brand h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0}.fm-subtitle{font-size:.8rem;color:var(--text-secondary, #AAB6C2);margin:.25rem 0 0}.fm-close-btn{background:var(--bg-primary, #0E141B);border:2px solid var(--text-secondary, #AAB6C2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #E6EDF3);transition:all .2s;flex-shrink:0}.fm-close-btn svg{stroke:currentColor;width:16px;height:16px}.fm-close-btn:hover:not(:disabled){background:#36b37e1a;border-color:#36b37e4d;color:#36b37e}.fm-close-btn:disabled{opacity:.5;cursor:not-allowed}.fm-tabs{display:flex;border-bottom:1px solid var(--border-color, #23303D);background:var(--bg-primary, #0E141B);flex-shrink:0}.fm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #AAB6C2);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.fm-tab:hover:not(:disabled){color:var(--text-primary, #E6EDF3);background:#36b37e0d}.fm-tab.active{color:#36b37e;border-bottom-color:#36b37e;background:#36b37e14}.fm-tab:disabled{opacity:.5;cursor:not-allowed}.fm-tab svg{flex-shrink:0}.fm-tab-badge{background:#36b37e;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.fm-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.fm-panel{height:100%}.fm-section-title{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 1rem;text-align:center}.fm-type-selection{display:flex;flex-direction:column;height:100%}.fm-type-grid{display:flex;flex-direction:column;gap:.75rem}.fm-type-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.fm-type-card:hover{border-color:#36b37e;background:#36b37e14;transform:translate(4px)}.fm-type-icon{font-size:2rem;flex-shrink:0}.fm-type-info{flex:1}.fm-type-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .25rem}.fm-type-info p{font-size:.8rem;color:var(--text-secondary, #AAB6C2);margin:0}.fm-type-arrow{color:var(--text-secondary, #AAB6C2);flex-shrink:0;transition:transform .2s}.fm-type-card:hover .fm-type-arrow{color:#36b37e;transform:translate(4px)}.fm-form{display:flex;flex-direction:column;height:100%}.fm-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.fm-back-btn{display:flex;align-items:center;gap:.375rem;background:transparent;border:none;color:var(--text-secondary, #AAB6C2);font-size:.875rem;cursor:pointer;padding:.375rem 0;transition:color .2s}.fm-back-btn:hover:not(:disabled){color:#36b37e}.fm-form-type-badge{background:#36b37e26;color:#36b37e;font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:20px}.fm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fm-form-full{grid-column:1 / -1}.fm-form-group{display:flex;flex-direction:column;gap:.375rem}.fm-form-group label{font-size:.8rem;font-weight:500;color:var(--text-primary, #E6EDF3)}.fm-required{color:#e5533d}.fm-form-group input,.fm-form-group textarea,.fm-form-group select{padding:.625rem .875rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.fm-token-select{width:100%;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237A8590' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.fm-datetime-input{width:100%;cursor:pointer;color-scheme:dark}.fm-datetime-input::-webkit-calendar-picker-indicator{background-color:transparent;color:#36b37e;cursor:pointer;filter:invert(.6) sepia(1) saturate(2) hue-rotate(100deg);padding:.25rem;border-radius:4px}.fm-datetime-input::-webkit-calendar-picker-indicator:hover{filter:invert(.5) sepia(1) saturate(3) hue-rotate(100deg);background-color:#36b37e1a}.fm-form-group input::placeholder,.fm-form-group textarea::placeholder{color:var(--text-muted, #7A8590)}.fm-form-group input:focus,.fm-form-group textarea:focus,.fm-form-group select:focus{outline:none;border-color:#36b37e;box-shadow:0 0 0 3px #36b37e26}.fm-form-group input.error,.fm-form-group textarea.error{border-color:#e5533d}.fm-form-group input:disabled,.fm-form-group textarea:disabled,.fm-form-group select:disabled{opacity:.6;cursor:not-allowed}.fm-hint{font-size:.75rem;color:var(--text-muted, #7A8590)}.fm-error{font-size:.75rem;color:#e5533d}.fm-stake-input-wrapper{display:flex;align-items:center;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.fm-stake-input-wrapper:focus-within{border-color:var(--accent-green, #36B37E);box-shadow:0 0 0 3px #36b37e26}.fm-stake-prefix,.fm-stake-suffix{padding:0 .75rem;color:var(--text-muted, #7A8590);font-size:1rem;font-weight:500;background:var(--bg-secondary, rgba(255, 255, 255, .02));border-right:1px solid var(--border-color, #23303D);align-self:stretch;display:flex;align-items:center}.fm-stake-suffix{border-right:none;border-left:1px solid var(--border-color, #23303D)}.fm-stake-input-wrapper input{flex:1;border:none!important;background:transparent!important;border-radius:0!important;min-width:80px;color:var(--text-primary, #E6EDF3)!important;-webkit-text-fill-color:var(--text-primary, #E6EDF3)!important;font-size:1rem;padding:.75rem;caret-color:var(--text-primary, #E6EDF3)}.fm-stake-input-wrapper input::placeholder{color:var(--text-muted, #7A8590)!important;-webkit-text-fill-color:var(--text-muted, #7A8590)!important}.fm-stake-input-wrapper input:focus{border:none!important;box-shadow:none!important;outline:none!important}.fm-stake-input-wrapper input.fm-stake-usd{font-weight:500}.fm-stake-input-wrapper input[type=number]{color-scheme:var(--color-scheme, dark)}.fm-input-with-action{display:flex;gap:.5rem;align-items:stretch}.fm-input-with-action input{flex:1;min-width:0}.fm-scan-btn,.fm-lookup-btn{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-secondary, #AAB6C2);cursor:pointer;transition:all .2s ease}.fm-scan-btn:hover:not(:disabled),.fm-lookup-btn:hover:not(:disabled){border-color:#36b37e;color:#36b37e;background:#36b37e1a}.fm-scan-btn:disabled,.fm-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.fm-market-lookup{display:flex;flex-direction:column;gap:.5rem}.fm-spinner-small{width:16px;height:16px;border:2px solid rgba(54,179,126,.2);border-top-color:#36b37e;border-radius:50%;animation:fmSpin .8s linear infinite}@keyframes fmSpin{to{transform:rotate(360deg)}}.fm-lookup-result{background:var(--bg-primary, #0E141B);border:1px solid rgba(54,179,126,.3);border-radius:8px;padding:.75rem;animation:fmFadeIn .2s ease-out}.fm-lookup-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.fm-lookup-result-title{font-size:.75rem;font-weight:600;color:#36b37e;text-transform:uppercase;letter-spacing:.5px}.fm-lookup-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-muted, #7A8590);cursor:pointer;border-radius:4px;transition:all .2s}.fm-lookup-clear:hover{color:#e5533d;background:#e5533d1a}.fm-lookup-result-content{display:flex;flex-direction:column;gap:.375rem}.fm-lookup-question{font-size:.875rem;color:var(--text-primary, #E6EDF3);margin:0;line-height:1.4}.fm-lookup-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted, #7A8590)}.fm-lookup-status{padding:.125rem .375rem;border-radius:4px;font-weight:500;text-transform:capitalize}.fm-lookup-status-active{background:#36b37e26;color:#36b37e}.fm-lookup-status-pending{background:#f5a62326;color:#f5a623}.fm-lookup-status-resolved{background:#4c9aff26;color:#4c9aff}.fm-warning{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#f5a6231a;border:1px solid rgba(245,166,35,.3);border-radius:8px;margin-top:1rem;color:#f5a623}.fm-warning strong{display:block;font-size:.875rem;margin-bottom:.25rem}.fm-warning button{background:#f5a623;border:none;color:#0e141b;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:.5rem}.fm-error-banner{padding:.875rem;background:#e5533d1a;border:1px solid rgba(229,83,61,.3);border-radius:8px;color:#e5533d;font-size:.875rem;margin-top:1rem}.fm-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border-color, #23303D)}.fm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#36b37e,#2f9e6e);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.fm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3dc48b,#36b37e);transform:translateY(-1px);box-shadow:0 4px 12px #36b37e59}.fm-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.fm-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.fm-btn-secondary:hover:not(:disabled){background:var(--bg-primary, #0E141B);border-color:var(--text-secondary, #AAB6C2)}.fm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.fm-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:fmSpin .8s linear infinite}.fm-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem 0}.fm-success-icon{font-size:3rem;margin-bottom:.75rem;animation:fmPop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fmPop{0%{transform:scale(0)}to{transform:scale(1)}}.fm-success h3{font-size:1.25rem;font-weight:600;color:#36b37e;margin:0 0 .375rem}.fm-success-desc{font-size:.9rem;color:var(--text-secondary, #AAB6C2);margin:0 0 1.25rem;max-width:280px}.fm-qr-section{margin-bottom:1.25rem}.fm-qr-container{background:#fff;padding:1rem;border-radius:12px;display:inline-block;box-shadow:0 0 20px #36b37e33}.fm-qr-hint{font-size:.75rem;color:var(--text-muted, #7A8590);margin:.75rem 0 0;text-align:center;max-width:220px;line-height:1.4}.fm-acceptance-info{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-top:.75rem;padding:.625rem 1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.25);border-radius:8px}.fm-acceptance-status{font-size:.8125rem;font-weight:600;color:#ffc107}.fm-acceptance-deadline{font-size:.75rem;color:var(--text-muted, #7A8590)}.fm-status-pending{color:#ffc107!important}.fm-qr-url{margin-top:.75rem;width:100%}.fm-qr-url label{display:block;font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.fm-qr-url input{width:100%;padding:.5rem;background:var(--bg-primary, #0E141B);border:1px solid rgba(54,179,126,.2);border-radius:6px;color:var(--text-primary, #E6EDF3);font-size:.75rem;font-family:monospace;text-align:center}.fm-qr-url input:focus{outline:none;border-color:#36b37e;box-shadow:0 0 0 2px #36b37e1a}.fm-success-details{display:flex;gap:1.5rem;padding:1rem 1.25rem;background:var(--bg-primary, #0E141B);border-radius:10px;margin-bottom:1.25rem}.fm-detail-row{display:flex;flex-direction:column;gap:.125rem}.fm-detail-row span:first-child{font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em}.fm-detail-row span:last-child{font-size:.9rem;font-weight:600;color:var(--text-primary, #E6EDF3)}.fm-success-actions{display:flex;gap:.75rem}.fm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:280px}.fm-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.fm-empty-state h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .5rem}.fm-empty-state p{font-size:.875rem;color:var(--text-secondary, #AAB6C2);margin:0 0 1.25rem}.fm-markets-list{overflow-x:auto}.fm-table{width:100%;border-collapse:collapse;font-size:.8rem}.fm-table thead{position:sticky;top:0;background:var(--bg-secondary, #141C24)}.fm-table th{padding:.625rem .75rem;text-align:left;font-weight:600;color:var(--text-secondary, #AAB6C2);border-bottom:1px solid var(--border-color, #23303D);white-space:nowrap;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.fm-table-row{cursor:pointer;transition:background .15s}.fm-table-row:hover{background:#36b37e14}.fm-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #23303D);color:var(--text-primary, #E6EDF3);vertical-align:middle}.fm-table-desc{max-width:200px}.fm-table-desc-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-decrypting-indicator{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary, #AAB6C2);font-style:italic}.fm-table-row.decrypting{opacity:.7;pointer-events:none}.fm-privacy-icon.unlockable{color:#f5a623;cursor:pointer;animation:fmPulse 2s ease-in-out infinite}@keyframes fmPulse{0%,to{opacity:1}50%{opacity:.5}}.fm-decrypt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5a62326;border:1px solid rgba(245,166,35,.3);border-radius:6px;color:#f5a623;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fm-decrypt-btn:hover{background:#f5a62340;border-color:#f5a62380}.fm-decrypt-btn:active{transform:scale(.98)}.fm-decrypt-btn svg{animation:fmPulse 2s ease-in-out infinite}.fm-decrypt-error{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.fm-error-message{color:#e5533d;font-size:.85rem}.fm-retry-btn{background:#e5533d26;border-color:#e5533d4d;color:#e5533d}.fm-retry-btn:hover{background:#e5533d40;border-color:#e5533d80}.fm-retry-btn svg{animation:none}.fm-table-stake{font-weight:600;color:#36b37e;white-space:nowrap}.fm-table-date{color:var(--text-secondary, #AAB6C2);white-space:nowrap}.fm-type-badge{display:inline-block;padding:.25rem .5rem;background:#4c9aff26;color:#4c9aff;font-size:.7rem;font-weight:600;border-radius:4px;white-space:nowrap}.fm-status-badge{display:inline-block;padding:.25rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:capitalize;white-space:nowrap}.fm-status-badge.status-active{background:#36b37e26;color:#36b37e}.fm-status-badge.status-pending{background:#f5a62326;color:#f5a623}.fm-status-badge.status-resolved{background:#4c9aff26;color:#4c9aff}.fm-status-badge.status-won{background:#36b37e26;color:#36b37e}.fm-status-badge.status-lost{background:#e5533d26;color:#e5533d}.fm-status-badge.status-default{background:#aab6c226;color:#aab6c2}.fm-detail{display:flex;flex-direction:column;height:100%}.fm-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:1rem 0 1.25rem}.fm-detail-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0;flex:1}.fm-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;background:var(--bg-primary, #0E141B);border-radius:10px;margin-bottom:1rem}.fm-detail-item{display:flex;flex-direction:column;gap:.25rem}.fm-detail-label{font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em}.fm-detail-value{font-size:.9rem;font-weight:600;color:var(--text-primary, #E6EDF3)}.fm-detail-participants{margin-bottom:1rem}.fm-participants-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.fm-participant{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--bg-primary, #0E141B);border-radius:6px;font-size:.8rem}.fm-participant-addr{color:var(--text-primary, #E6EDF3);font-family:monospace}.fm-participant-tag{font-size:.65rem;font-weight:600;padding:.125rem .375rem;background:#4c9aff26;color:#4c9aff;border-radius:4px}.fm-participant-tag.fm-you{background:#36b37e26;color:#36b37e}.fm-detail-arbitrator{margin-bottom:1rem}.fm-detail-qr{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-primary, #0E141B);border-radius:10px;margin-bottom:1rem}.fm-detail-qr p{font-size:.75rem;color:var(--text-muted, #7A8590);margin:.75rem 0 0}.fm-detail-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color, #23303D)}@media(max-width:640px){.friend-markets-modal-backdrop{padding:0;align-items:flex-end}.friend-markets-modal{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}.fm-header{padding:1rem}.fm-tabs{gap:0}.fm-tab{padding:.75rem .5rem}.fm-tab span:not(.fm-tab-badge){display:none}.fm-content{padding:1rem}.fm-form-grid{grid-template-columns:1fr}.fm-form-group{grid-column:1}.fm-success-details{flex-direction:column;gap:.75rem}.fm-detail-grid{grid-template-columns:repeat(2,1fr)}.fm-table{font-size:.75rem}.fm-table th,.fm-table td{padding:.5rem}.fm-table-desc{max-width:120px}.fm-detail-actions,.fm-success-actions,.fm-form-actions{flex-direction:column}.fm-btn-primary,.fm-btn-secondary{width:100%}}@media(prefers-reduced-motion:reduce){.friend-markets-modal-backdrop,.friend-markets-modal,.fm-success-icon,.fm-spinner{animation:none}.fm-type-card:hover,.fm-btn-primary:hover:not(:disabled){transform:none}}@media(prefers-color-scheme:light){.friend-markets-modal-backdrop{background:#f7f9fad9}.friend-markets-modal{background:var(--bg-secondary, #FFFFFF);box-shadow:0 0 0 1px #36b37e1a,0 20px 60px #00000026}}.theme-light .friend-markets-modal-backdrop{background:#f7f9fae6}.theme-light .friend-markets-modal{background:var(--bg-secondary, #FFFFFF);box-shadow:0 0 0 1px #36b37e1a,0 20px 60px #0000001f}.theme-light .fm-qr-container{box-shadow:0 0 20px #36b37e26}.fm-pending-section{margin-bottom:1.5rem}.fm-section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle, #21262D)}.fm-pending-icon{font-size:1rem}.fm-active-title{margin-top:1.5rem}.fm-pending-list{display:flex;flex-direction:column;gap:.75rem}.fm-pending-card{background:var(--bg-primary, #0E141B);border:1px solid rgba(255,193,7,.25);border-radius:10px;padding:1rem}.fm-pending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fm-pending-type{font-size:.75rem;font-weight:600;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em}.fm-pending-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1875rem .5rem;background:#ffc10726;color:#ffc107;border-radius:4px}.fm-pending-badge.fm-badge-consideration{background:#4c9aff26;color:#4c9aff}.fm-pending-desc{margin:0 0 .75rem;font-size:.9375rem;font-weight:500;color:var(--text-primary, #E6EDF3);line-height:1.4}.fm-pending-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.fm-progress-bar{flex:1;height:6px;background:var(--bg-tertiary, #161B22);border-radius:3px;overflow:hidden}.fm-progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#36b37e);border-radius:3px;transition:width .3s ease}.fm-progress-text{font-size:.75rem;color:var(--text-muted, #7A8590);white-space:nowrap}.fm-pending-info{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8125rem}.fm-pending-stake{font-weight:600;color:var(--color-success, #36B37E)}.fm-pending-deadline{color:var(--text-muted, #7A8590)}.fm-pending-actions{display:flex;gap:.5rem}.fm-btn-outline{flex:1;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-default, #30363D);border-radius:6px;color:var(--text-primary, #E6EDF3);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.fm-btn-outline:hover{background:var(--bg-tertiary, #161B22);border-color:var(--text-muted, #7A8590)}.fm-btn-danger-outline{padding:.5rem .75rem;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.fm-btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.fm-btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.fm-btn-accept{flex:1;padding:.5rem .875rem;background:linear-gradient(135deg,#36b37e,#2ecc71);border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #36b37e33}.fm-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 8px #36b37e4d;opacity:.95}.fm-btn-accept:active{transform:translateY(0);box-shadow:0 2px 4px #36b37e33}.fm-encryption-toggle{padding:1rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:10px}.fm-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.fm-toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.fm-toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-tertiary, #1A242D);border-radius:12px;transition:all .2s ease;flex-shrink:0}.fm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-muted, #7A8590);border-radius:50%;transition:all .2s ease}.fm-toggle-label input:checked+.fm-toggle-switch{background:linear-gradient(135deg,#36b37e,#2ecc71)}.fm-toggle-label input:checked+.fm-toggle-switch:after{transform:translate(20px);background:#fff}.fm-toggle-label input:disabled+.fm-toggle-switch{opacity:.5;cursor:not-allowed}.fm-toggle-text{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-primary, #E6EDF3)}.fm-toggle-text svg{color:var(--text-muted, #7A8590)}.fm-toggle-label input:checked~.fm-toggle-text svg{color:#36b37e}.fm-encryption-toggle .fm-hint{margin-top:.5rem;display:block}.fm-encryption-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;background:#4c9aff1a;border:1px solid rgba(76,154,255,.25);border-radius:6px;font-size:.8rem;color:#4c9aff}.fm-encryption-status{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;background:#36b37e1a;border:1px solid rgba(54,179,126,.25);border-radius:6px;font-size:.8rem;color:#36b37e}.fm-privacy-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:6px}.fm-privacy-badge.fm-private{background:#36b37e26;color:#36b37e}.fm-privacy-badge.fm-public{background:#aab6c226;color:#aab6c2}.fm-privacy-icon{display:inline-block;vertical-align:middle;margin-right:.375rem;color:#36b37e;flex-shrink:0}.fm-table-desc-text{display:flex;align-items:center}.fm-detail-header h3{display:flex;align-items:center;gap:.5rem}.fm-detail-header .fm-privacy-icon{margin-right:0}.fm-pending-card.fm-encrypted{border-color:#36b37e59}.fm-pending-privacy{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#36b37e}.fm-pending-privacy svg{width:12px;height:12px}.fm-decrypting-overlay{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:var(--bg-primary, #0E141B);border-radius:10px;color:var(--text-secondary, #AAB6C2);font-size:.875rem}.fm-key-exchange{margin-top:1rem;padding:1rem;background:#4c9aff14;border:1px dashed rgba(76,154,255,.3);border-radius:8px}.fm-key-exchange-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#4c9aff;margin-bottom:.5rem}.fm-key-exchange-desc{font-size:.8rem;color:var(--text-secondary, #AAB6C2);margin-bottom:.75rem;line-height:1.5}.fm-signature-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:6px;font-family:monospace;font-size:.75rem;color:var(--text-muted, #7A8590);overflow:hidden}.fm-signature-display code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fm-copy-signature{flex-shrink:0;padding:.25rem .5rem;background:transparent;border:1px solid var(--border-color, #23303D);border-radius:4px;color:var(--text-secondary, #AAB6C2);font-size:.7rem;cursor:pointer;transition:all .2s}.fm-copy-signature:hover{border-color:#36b37e;color:#36b37e}.fm-share-modal-backdrop{position:fixed;inset:0;background:#0e141be6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fmFadeIn .2s ease-out}.fm-share-modal{position:relative;background:var(--bg-secondary, #141C24);border-radius:16px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 0 0 1px #36b37e33,0 20px 60px #00000080,0 0 40px #36b37e1a;animation:fmSlideUp .3s cubic-bezier(.16,1,.3,1)}.fm-share-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-muted, #7A8590);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.fm-share-close:hover{color:var(--text-primary, #E6EDF3);background:var(--bg-primary, #0E141B)}.fm-share-header{text-align:center;margin-bottom:1.5rem}.fm-share-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .5rem}.fm-share-desc{color:var(--text-secondary, #AAB6C2);font-size:.875rem;margin:0;line-height:1.4}.fm-share-qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.fm-share-qr-container{background:var(--bg-primary, #0E141B);padding:1rem;border-radius:12px;border:1px solid var(--border-color, #23303D)}.fm-share-qr-hint{margin:.75rem 0 0;font-size:.75rem;color:var(--text-muted, #7A8590)}.fm-share-url-section{margin-bottom:1rem}.fm-share-url-section label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary, #AAB6C2);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.fm-share-url-row{display:flex;gap:.5rem}.fm-share-url-row input{flex:1;padding:.625rem .75rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.8rem;font-family:monospace}.fm-share-url-row input:focus{outline:none;border-color:#36b37e}.fm-share-copy-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:linear-gradient(135deg,#36b37e,#2f9e6e);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.fm-share-copy-btn:hover{background:linear-gradient(135deg,#3dc48b,#36b37e);transform:translateY(-1px)}.fm-share-stake-info{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;background:#36b37e1a;border-radius:8px;font-size:.875rem;color:var(--text-secondary, #AAB6C2)}.fm-share-stake-info strong{color:#36b37e}.fm-pq-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;margin-top:.75rem;background:linear-gradient(135deg,#8a2be259,#4b008266);border:1px solid rgba(183,148,246,.5);border-radius:6px;font-size:.7rem;font-weight:600;color:#e9dfff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.fm-pq-badge svg{color:#e9dfff}.fm-pq-badge-small{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg,#8a2be259,#4b008266);border:1px solid rgba(183,148,246,.5);border-radius:4px;font-size:.65rem;font-weight:600;color:#e9dfff;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.fm-pq-badge-small svg{color:#e9dfff}.fm-encryption-enabled{border-color:#36b37e66;background:var(--bg-primary, #0E141B);box-shadow:inset 0 0 0 1px #36b37e26}.fm-encryption-info{margin-top:.75rem;padding:.75rem;background:#36b37e0d;border:1px solid rgba(54,179,126,.15);border-radius:8px}.fm-encryption-info-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, #AAB6C2);margin-bottom:.625rem}.fm-encryption-info-header svg{color:var(--text-muted, #7A8590)}.fm-encryption-fields{display:flex;flex-direction:column;gap:.375rem}.fm-field-encrypted,.fm-field-public{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:4px;font-size:.75rem}.fm-field-encrypted{background:#36b37e1a;color:#36b37e}.fm-field-public{background:#aab6c21a;color:var(--text-muted, #7A8590)}.fm-field-icon{font-size:.7rem;opacity:.9}.fm-detail-section{margin-bottom:1rem}.fm-section-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#36b37e1a;border:1px solid rgba(54,179,126,.2);border-radius:8px 8px 0 0;font-size:.8rem;font-weight:600;color:#36b37e}.fm-section-header.fm-section-public{background:#aab6c214;border-color:#aab6c226;color:var(--text-secondary, #AAB6C2)}.fm-section-header.fm-section-public svg{color:var(--text-muted, #7A8590)}.fm-section-hint{margin-left:auto;font-size:.7rem;font-weight:400;opacity:.7}.fm-encrypted-content{padding:.75rem;background:#36b37e08;border:1px solid rgba(54,179,126,.15);border-top:none;border-radius:0 0 8px 8px}.fm-item-encrypted .fm-detail-label{color:#36b37e}.fm-value-decrypted{padding:.375rem .5rem;background:#36b37e14;border-radius:4px}.fm-encrypted-placeholder{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#4c9aff1a;border:1px dashed rgba(76,154,255,.3);border-radius:4px;font-size:.75rem;color:#4c9aff;cursor:pointer}.fm-encrypted-placeholder:hover{background:#4c9aff26;border-color:#4c9aff80}.fm-public-section .fm-detail-grid{padding:.75rem;background:#aab6c208;border:1px solid rgba(170,182,194,.1);border-top:none;border-radius:0 0 8px 8px}.fm-detail-badges{display:flex;align-items:center;gap:.5rem}.fm-encrypted-section .fm-section-header svg{color:#36b37e}.fm-table-desc-text .fm-pq-icon{width:12px;height:12px;margin-left:.375rem;color:#b794f6;opacity:.8}.fm-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.fm-input-header label{font-weight:500;color:var(--text-primary, #E6EDF3)}.fm-odds-value{font-weight:600;color:#36b37e;font-size:1rem}.fm-odds-slider{width:100%;height:6px;background:var(--border-color, #23303D);border-radius:3px;appearance:none;cursor:pointer;margin:.75rem 0}.fm-odds-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#36b37e;border-radius:50%;cursor:pointer;transition:transform .15s ease;box-shadow:0 2px 8px #36b37e66}.fm-odds-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.fm-odds-slider::-moz-range-thumb{width:18px;height:18px;background:#36b37e;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #36b37e66}.fm-odds-presets{display:flex;gap:.5rem;margin:.75rem 0;flex-wrap:wrap}.fm-odds-presets button{flex:1;min-width:45px;padding:.5rem .25rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:6px;color:var(--text-secondary, #AAB6C2);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.fm-odds-presets button:hover{background:#36b37e1a;border-color:#36b37e;color:#36b37e}.fm-odds-presets button.active{background:#36b37e;border-color:#36b37e;color:#fff}.fm-odds-presets button:disabled{opacity:.5;cursor:not-allowed}.fm-odds-summary{background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;padding:.75rem;margin:.75rem 0}.fm-odds-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;font-size:.875rem}.fm-odds-row:not(:last-child){border-bottom:1px solid rgba(35,48,61,.5)}.fm-odds-row span:first-child{color:var(--text-secondary, #AAB6C2)}.fm-odds-row span:last-child{color:var(--text-primary, #E6EDF3);font-weight:500}.fm-odds-row.fm-odds-highlight{padding-top:.5rem}.fm-odds-row.fm-odds-highlight span:last-child{color:#36b37e;font-weight:600;font-size:1rem}@media(max-width:480px){.fm-odds-presets{gap:.375rem}.fm-odds-presets button{flex:0 0 calc(25% - .3rem);padding:.4rem .2rem;font-size:.75rem}}.fm-tab-badge-unread{animation:fmBadgePulse 2s ease-in-out infinite}@keyframes fmBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #36b37e66}50%{transform:scale(1.05);box-shadow:0 0 0 4px #36b37e00}}@media(prefers-reduced-motion:reduce){.fm-tab-badge-unread{animation:none}}.fm-table-row.fm-unread{position:relative;background:#36b37e14}.fm-table-row.fm-unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#36b37e;border-radius:0 2px 2px 0}.fm-pending-card.fm-unread{position:relative;background:#36b37e14;border-color:#36b37e4d}.fm-pending-card.fm-unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#36b37e;border-radius:4px 0 0 4px}.fm-status-badge.status-expired{background:#ff563026;color:#ff5630}.my-markets-modal-backdrop{position:fixed;inset:0;background:#0e141bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:mmFadeIn .2s ease-out}@keyframes mmFadeIn{0%{opacity:0}to{opacity:1}}.my-markets-modal{background:var(--bg-secondary, #141C24);border-radius:20px;width:100%;max-width:800px;height:auto;max-height:min(720px,90vh);display:flex;flex-direction:column;box-shadow:0 0 0 1px #4c9aff26,0 20px 60px #00000080,0 0 40px #4c9aff1a;animation:mmSlideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes mmSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mm-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #23303D);flex-shrink:0}.mm-header-content{flex:1}.mm-brand{display:flex;align-items:center;gap:.5rem}.mm-brand-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(76,154,255,.5))}.mm-brand h2{font-size:1.25rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0}.mm-subtitle{font-size:.8rem;color:var(--text-secondary, #AAB6C2);margin:.25rem 0 0}.mm-close-btn{background:var(--bg-primary, #0E141B);border:2px solid var(--text-secondary, #AAB6C2);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #E6EDF3);transition:all .2s;flex-shrink:0}.mm-close-btn svg{stroke:currentColor;width:16px;height:16px}.mm-close-btn:hover:not(:disabled){background:#4c9aff1a;border-color:#4c9aff4d;color:#4c9aff}.mm-close-btn:disabled{opacity:.5;cursor:not-allowed}.mm-tabs{display:flex;border-bottom:1px solid var(--border-color, #23303D);background:var(--bg-primary, #0E141B);flex-shrink:0}.mm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #AAB6C2);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mm-tab:hover:not(:disabled){color:var(--text-primary, #E6EDF3);background:#4c9aff0d}.mm-tab.active{color:#4c9aff;border-bottom-color:#4c9aff;background:#4c9aff14}.mm-tab:disabled{opacity:.5;cursor:not-allowed}.mm-tab svg{flex-shrink:0}.mm-tab-badge{background:#4c9aff;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center}.mm-filter-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--bg-primary, #0E141B);border-bottom:1px solid var(--border-color, #23303D);flex-shrink:0}.mm-filter-group{display:flex;align-items:center;gap:.5rem}.mm-filter-group label{font-size:.75rem;color:var(--text-secondary, #AAB6C2);white-space:nowrap}.mm-filter-select{padding:.375rem .75rem;background:var(--bg-secondary, #141C24);border:1px solid var(--border-color, #23303D);border-radius:6px;color:var(--text-primary, #E6EDF3);font-size:.8rem;cursor:pointer;min-width:140px}.mm-filter-select:focus{outline:none;border-color:#4c9aff}.mm-refresh-btn{margin-left:auto;background:transparent;border:1px solid var(--border-color, #23303D);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #AAB6C2);transition:all .2s}.mm-refresh-btn:hover:not(:disabled){border-color:#4c9aff;color:#4c9aff}.mm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mm-refresh-btn svg.spinning{animation:mmSpin 1s linear infinite}@keyframes mmSpin{to{transform:rotate(360deg)}}.mm-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.mm-panel{height:100%}.mm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.mm-loading p{color:var(--text-secondary, #AAB6C2);font-size:.875rem}.mm-spinner{width:40px;height:40px;border:3px solid rgba(76,154,255,.2);border-top-color:#4c9aff;border-radius:50%;animation:mmSpin .8s linear infinite}.mm-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mmSpin .8s linear infinite}.mm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem}.mm-error-icon{font-size:3rem;color:#e5533d}.mm-error-state p{color:var(--text-secondary, #AAB6C2);margin:0}.mm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:300px}.mm-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.mm-empty-state h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .5rem}.mm-empty-state p{font-size:.875rem;color:var(--text-secondary, #AAB6C2);margin:0 0 .5rem}.mm-hint{font-size:.75rem;color:var(--text-muted, #7A8590)}.mm-table-container{overflow-x:auto}.mm-table{width:100%;border-collapse:collapse;font-size:.85rem}.mm-table thead{position:sticky;top:0;background:var(--bg-secondary, #141C24);z-index:1}.mm-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary, #AAB6C2);border-bottom:1px solid var(--border-color, #23303D);white-space:nowrap;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.mm-table-row{cursor:pointer;transition:background .15s}.mm-table-row:hover{background:#4c9aff14}.mm-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color, #23303D);color:var(--text-primary, #E6EDF3);vertical-align:middle}.mm-table-market{max-width:280px}.mm-table-market-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.mm-table-category{display:inline-block;margin-top:.25rem;font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:capitalize}.mm-table-time{white-space:nowrap;color:var(--text-secondary, #AAB6C2)}.mm-table-actions{white-space:nowrap}.mm-type-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;border-radius:4px;white-space:nowrap}.mm-type-badge.mm-type-prediction{background:#4c9aff26;color:#4c9aff}.mm-type-badge.mm-type-friend{background:#36b37e26;color:#36b37e}.mm-status-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:capitalize;white-space:nowrap}.mm-status-badge.status-active{background:#36b37e26;color:#36b37e}.mm-status-badge.status-pending-acceptance{background:#9c27b026;color:#ab47bc}.mm-status-badge.status-pending{background:#f5a62326;color:#f5a623}.mm-status-badge.status-disputed{background:#e5533d26;color:#e5533d}.mm-status-badge.status-resolved{background:#4c9aff26;color:#4c9aff}.mm-status-badge.status-cancelled,.mm-status-badge.status-default{background:#aab6c226;color:#aab6c2}.mm-outcome{font-weight:600}.mm-outcome.positive{color:#36b37e}.mm-outcome.negative{color:#e5533d}.mm-action-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;border:none;margin-right:.5rem}.mm-action-btn:last-child{margin-right:0}.mm-action-btn.mm-action-resolve{background:linear-gradient(135deg,#36b37e,#2f9e6e);color:#fff}.mm-action-btn.mm-action-resolve:hover{background:linear-gradient(135deg,#3dc48b,#36b37e)}.mm-action-btn.mm-action-dispute{background:#f5a62326;color:#f5a623;border:1px solid rgba(245,166,35,.3)}.mm-action-btn.mm-action-dispute:hover{background:#f5a62340}.mm-action-btn.mm-action-accept{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.mm-action-btn.mm-action-accept:hover{background:linear-gradient(135deg,#818cf8,#a78bfa)}.mm-resolve-countdown{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#4c9aff1a;border:1px solid rgba(76,154,255,.3);border-radius:6px;color:#4c9aff;font-size:.75rem;font-weight:600;white-space:nowrap}.mm-resolve-countdown svg{opacity:.8}.mm-resolve-countdown-full{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#4c9aff1a;border:1px solid rgba(76,154,255,.3);border-radius:8px;color:#4c9aff;font-size:.875rem}.mm-resolve-countdown-full strong{color:#6cb8ff}.mm-detail{display:flex;flex-direction:column;height:100%}.mm-back-btn{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:none;color:var(--text-secondary, #AAB6C2);font-size:.875rem;cursor:pointer;padding:.375rem 0;margin-bottom:1rem;transition:color .2s}.mm-back-btn:hover:not(:disabled){color:#4c9aff}.mm-detail-header{margin-bottom:1.25rem}.mm-detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.mm-detail-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0;flex:1}.mm-detail-meta{display:flex;align-items:center;gap:.5rem}.mm-category-tag{font-size:.75rem;color:var(--text-muted, #7A8590);text-transform:capitalize}.mm-detail-description{padding:1rem;background:var(--bg-primary, #0E141B);border-radius:10px;margin-bottom:1.25rem}.mm-detail-description p{margin:0;font-size:.9rem;color:var(--text-secondary, #AAB6C2);line-height:1.5}.mm-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1rem;background:var(--bg-primary, #0E141B);border-radius:10px;margin-bottom:1rem}.mm-detail-item{display:flex;flex-direction:column;gap:.25rem}.mm-detail-label{font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em}.mm-detail-value{font-size:.9rem;font-weight:600;color:var(--text-primary, #E6EDF3);display:flex;align-items:center;gap:.375rem}.mm-time-remaining{color:#f5a623}.mm-you-tag{font-size:.65rem;font-weight:600;padding:.125rem .375rem;background:#4c9aff26;color:#4c9aff;border-radius:4px}.mm-position-section{margin-bottom:1rem}.mm-position-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .75rem}.mm-position-card{display:flex;gap:1.5rem;padding:1rem;background:var(--bg-primary, #0E141B);border-radius:10px;border-left:3px solid #4C9AFF}.mm-position-item{display:flex;flex-direction:column;gap:.25rem}.mm-position-label{font-size:.7rem;color:var(--text-muted, #7A8590);text-transform:uppercase;letter-spacing:.05em}.mm-position-value{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3)}.mm-position-value.positive{color:#36b37e}.mm-position-value.negative{color:#e5533d}.mm-outcome-section{margin-bottom:1rem}.mm-outcome-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .75rem}.mm-outcome-display{display:inline-block;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:700;border-radius:10px;margin-bottom:.75rem}.mm-outcome-display.positive{background:#36b37e26;color:#36b37e}.mm-outcome-display.negative{background:#e5533d26;color:#e5533d}.mm-outcome-result{font-size:.875rem}.mm-result-win{color:#36b37e;font-weight:600}.mm-result-loss{color:var(--text-secondary, #AAB6C2)}.mm-dispute-info{margin-bottom:1rem}.mm-dispute-info h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .75rem}.mm-dispute-card{padding:1rem;background:#e5533d0d;border:1px solid rgba(229,83,61,.2);border-radius:10px}.mm-dispute-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(229,83,61,.1)}.mm-dispute-item:last-child{border-bottom:none}.mm-dispute-label{font-size:.75rem;color:var(--text-muted, #7A8590)}.mm-dispute-value{font-size:.875rem;color:var(--text-primary, #E6EDF3)}.mm-detail-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color, #23303D)}.mm-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#4c9aff,#3a7fd5);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:120px}.mm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5ca9ff,#4c9aff);transform:translateY(-1px);box-shadow:0 4px 12px #4c9aff59}.mm-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.mm-btn-primary.warning{background:linear-gradient(135deg,#f5a623,#d99520)}.mm-btn-primary.warning:hover:not(:disabled){background:linear-gradient(135deg,#ffb834,#f5a623);box-shadow:0 4px 12px #f5a62359}.mm-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.mm-btn-secondary:hover:not(:disabled){background:var(--bg-primary, #0E141B);border-color:var(--text-secondary, #AAB6C2)}.mm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.mm-btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:#f5a6231a;border:1px solid rgba(245,166,35,.3);border-radius:8px;color:#f5a623;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.mm-btn-warning:hover:not(:disabled){background:#f5a62333;border-color:#f5a623}.mm-sub-modal-backdrop{position:fixed;inset:0;background:#0e141be6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:mmFadeIn .15s ease-out}.mm-sub-modal{background:var(--bg-secondary, #141C24);border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #4c9aff33,0 16px 48px #0006;animation:mmSlideUp .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.mm-sub-modal.mm-dispute-modal{max-width:560px}.mm-sub-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color, #23303D)}.mm-sub-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0}.mm-sub-modal-content{flex:1;overflow-y:auto;padding:1.25rem}.mm-resolution-market-info{margin-bottom:1.25rem}.mm-resolution-market-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .5rem}.mm-resolution-hint{font-size:.85rem;color:var(--text-secondary, #AAB6C2);margin:0;line-height:1.5}.mm-resolution-outcomes{margin-bottom:1.25rem}.mm-outcome-label{display:block;font-size:.8rem;font-weight:500;color:var(--text-primary, #E6EDF3);margin-bottom:.5rem}.mm-outcome-options{display:flex;gap:.75rem}.mm-outcome-btn{flex:1;padding:1rem;background:var(--bg-primary, #0E141B);border:2px solid var(--border-color, #23303D);border-radius:10px;font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3);cursor:pointer;transition:all .2s}.mm-outcome-btn:hover:not(:disabled){border-color:var(--text-secondary, #AAB6C2)}.mm-outcome-btn.selected.positive{border-color:#36b37e;background:#36b37e1a;color:#36b37e}.mm-outcome-btn.selected.negative{border-color:#e5533d;background:#e5533d1a;color:#e5533d}.mm-outcome-btn:disabled{opacity:.5;cursor:not-allowed}.mm-resolution-notes{margin-bottom:1.25rem}.mm-resolution-notes label{display:block;font-size:.8rem;font-weight:500;color:var(--text-primary, #E6EDF3);margin-bottom:.5rem}.mm-resolution-notes textarea{width:100%;padding:.75rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.875rem;font-family:inherit;resize:vertical}.mm-resolution-notes textarea:focus{outline:none;border-color:#4c9aff}.mm-dispute-market-info{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #23303D)}.mm-dispute-market-info h4{font-size:1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .5rem}.mm-dispute-current-outcome{font-size:.85rem;color:var(--text-secondary, #AAB6C2);margin:0}.mm-form-group{margin-bottom:1rem}.mm-form-group label{display:block;font-size:.8rem;font-weight:500;color:var(--text-primary, #E6EDF3);margin-bottom:.5rem}.mm-required{color:#e5533d}.mm-form-group textarea,.mm-form-group input{width:100%;padding:.75rem;background:var(--bg-primary, #0E141B);border:1px solid var(--border-color, #23303D);border-radius:8px;color:var(--text-primary, #E6EDF3);font-size:.875rem;font-family:inherit}.mm-form-group textarea{resize:vertical}.mm-form-group input::placeholder,.mm-form-group textarea::placeholder{color:var(--text-muted, #7A8590)}.mm-form-group input:focus,.mm-form-group textarea:focus{outline:none;border-color:#4c9aff}.mm-form-group input.error,.mm-form-group textarea.error{border-color:#e5533d}.mm-dispute-info-box{padding:1rem;background:#4c9aff0d;border:1px solid rgba(76,154,255,.15);border-radius:10px;margin-bottom:1rem}.mm-dispute-info-box h5{font-size:.85rem;font-weight:600;color:#4c9aff;margin:0 0 .5rem}.mm-dispute-info-box ul{margin:0;padding-left:1.25rem}.mm-dispute-info-box li{font-size:.8rem;color:var(--text-secondary, #AAB6C2);margin-bottom:.25rem}.mm-dispute-info-box li:last-child{margin-bottom:0}.mm-dispute-details{padding:1rem;background:#e5533d0d;border:1px solid rgba(229,83,61,.15);border-radius:10px;margin-bottom:1rem}.mm-dispute-details h5{font-size:.85rem;font-weight:600;color:#e5533d;margin:0 0 .75rem}.mm-dispute-detail-item{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.85rem}.mm-dispute-detail-item .mm-label{color:var(--text-muted, #7A8590)}.mm-dispute-detail-item span:last-child{color:var(--text-primary, #E6EDF3)}.mm-resolution-options{display:flex;gap:.75rem}.mm-resolution-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:var(--bg-primary, #0E141B);border:2px solid var(--border-color, #23303D);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-primary, #E6EDF3);cursor:pointer;transition:all .2s}.mm-resolution-btn:hover:not(:disabled){border-color:var(--text-secondary, #AAB6C2)}.mm-resolution-btn.selected.accept{border-color:#36b37e;background:#36b37e1a;color:#36b37e}.mm-resolution-btn.selected.reject{border-color:#e5533d;background:#e5533d1a;color:#e5533d}.mm-warning-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:#f5a6231a;border:1px solid rgba(245,166,35,.3);border-radius:8px;margin-bottom:1rem;color:#f5a623}.mm-warning-banner strong{display:block;font-size:.875rem;margin-bottom:.25rem}.mm-warning-banner button{background:#f5a623;border:none;color:#0e141b;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:.5rem}.mm-error-banner{padding:.875rem;background:#e5533d1a;border:1px solid rgba(229,83,61,.3);border-radius:8px;color:#e5533d;font-size:.875rem;margin-bottom:1rem}.mm-confirmation{text-align:center;padding:1rem 0}.mm-confirmation-icon{font-size:3rem;margin-bottom:1rem;color:#f5a623}.mm-confirmation h4{font-size:1.1rem;font-weight:600;color:var(--text-primary, #E6EDF3);margin:0 0 .75rem}.mm-confirmation p{font-size:.9rem;color:var(--text-secondary, #AAB6C2);margin:0 0 .5rem}.mm-confirmation strong{color:var(--text-primary, #E6EDF3)}.mm-confirmation-warning{font-size:.8rem;color:#f5a623}.mm-success-state{text-align:center;padding:1.5rem 0}.mm-success-icon{font-size:3.5rem;margin-bottom:1rem;animation:mmPop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes mmPop{0%{transform:scale(0)}to{transform:scale(1)}}.mm-success-state h4{font-size:1.25rem;font-weight:600;color:#36b37e;margin:0 0 .75rem}.mm-success-state p{font-size:.9rem;color:var(--text-secondary, #AAB6C2);margin:0 0 .5rem}.mm-success-hint{font-size:.8rem;color:var(--text-muted, #7A8590);margin-bottom:1.5rem!important}.mm-success-state .mm-btn-primary{margin-top:1rem}.mm-sub-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border-color, #23303D)}@media(max-width:768px){.my-markets-modal-backdrop{padding:0;align-items:flex-end}.my-markets-modal{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}.mm-header{padding:1rem}.mm-tabs{gap:0}.mm-tab{padding:.75rem .5rem}.mm-tab span:not(.mm-tab-badge){display:none}.mm-filter-bar{flex-wrap:wrap;padding:.75rem 1rem}.mm-filter-group{flex:1 1 45%}.mm-filter-select{width:100%;min-width:auto}.mm-refresh-btn{margin-left:0}.mm-content{padding:1rem}.mm-table{font-size:.8rem}.mm-table th,.mm-table td{padding:.625rem .5rem}.mm-table-market{max-width:150px}.mm-detail-grid{grid-template-columns:repeat(2,1fr)}.mm-position-card{flex-wrap:wrap;gap:1rem}.mm-detail-actions{flex-direction:column}.mm-btn-primary,.mm-btn-secondary,.mm-btn-warning{width:100%}.mm-sub-modal{max-width:100%;max-height:90vh;border-radius:20px 20px 0 0}.mm-outcome-options,.mm-resolution-options,.mm-sub-modal-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.my-markets-modal-backdrop,.my-markets-modal,.mm-sub-modal-backdrop,.mm-sub-modal,.mm-success-icon{animation:none}.mm-spinner,.mm-spinner-small,.mm-refresh-btn svg.spinning{animation:none}.mm-btn-primary:hover:not(:disabled){transform:none}}.theme-light .my-markets-modal-backdrop{background:#f7f9fae6}.theme-light .my-markets-modal{background:var(--bg-secondary, #FFFFFF);box-shadow:0 0 0 1px #4c9aff1a,0 20px 60px #0000001f}.theme-light .mm-sub-modal-backdrop{background:#f7f9faf2}.theme-light .mm-sub-modal{background:var(--bg-secondary, #FFFFFF);box-shadow:0 0 0 1px #4c9aff1a,0 16px 48px #00000026}.dashboard-container{padding:1.5rem 2rem;max-width:min(1200px,100vw);width:100%;margin:0 auto;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.dashboard-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:rgba(var(--brand-primary-rgb, 54, 179, 126),.08);border:1px solid rgba(var(--brand-primary-rgb, 54, 179, 126),.2);border-radius:12px;margin-bottom:1rem}.cta-banner-content strong{display:block;font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.cta-banner-content p{font-size:.8rem;color:var(--text-secondary);margin:0}.cta-banner-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cta-banner-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.cta-banner-btn.primary{color:#fff;background:var(--brand-primary, #36B37E)}.cta-banner-btn.primary:hover{opacity:.9}.cta-banner-dismiss{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1}.cta-banner-dismiss:hover{color:var(--text-primary)}@media(max-width:640px){.dashboard-cta-banner{flex-direction:column;text-align:center}.cta-banner-actions{justify-content:center}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);width:100%;max-width:100%;box-sizing:border-box}.header-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem;background:linear-gradient(135deg,var(--brand-primary, #00b894) 0%,#00cec9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title-row{display:flex;align-items:center;gap:1rem}.demo-mode-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;animation:pulse-demo 2s infinite;-webkit-background-clip:unset;-webkit-text-fill-color:white;background-clip:unset}@keyframes pulse-demo{0%,to{opacity:1}50%{opacity:.7}}.dashboard-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0}.dashboard-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#00b89426;color:var(--brand-primary, #00b894);border-radius:12px;font-size:.8rem;font-weight:600}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center;color:inherit;font-family:inherit}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#00b89466;background:#00b8940d}.quick-action-card:focus-visible{outline:2px solid var(--brand-primary, #00b894);outline-offset:2px}.quick-action-icon{color:var(--brand-primary, #00b894);display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#00b8941a;border-radius:14px}.quick-action-content h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.quick-action-content p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.3}.wagers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.wager-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .2s ease}.wager-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:#00b8944d}.wager-card:focus-visible{outline:2px solid var(--brand-primary, #00b894);outline-offset:2px}.wager-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.wager-time{font-size:.75rem;color:var(--text-secondary);font-weight:500}.wager-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.4}.wager-card-details{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.wager-detail{display:flex;flex-direction:column;gap:.15rem}.wager-detail-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.wager-detail-value{font-size:.85rem;color:var(--text-primary);font-weight:500}.wager-card-participants{display:flex;gap:.5rem;flex-wrap:wrap}.participant-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;background:#00b8941a;border-radius:12px;font-size:.7rem;font-family:Monaco,Menlo,monospace;color:var(--text-secondary)}.wager-status-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-pending{background:#fdcb6e33;color:#fdcb6e}.status-active{background:#00b89433;color:#00b894}.status-resolving{background:#0984e333;color:#0984e3}.status-disputed{background:#e1705533;color:#e17055}.status-resolved{background:#6c5ce733;color:#a29bfe}.status-expired{background:#636e7233;color:#636e72}.how-it-works-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.how-it-works-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}.how-it-works-toggle h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.toggle-chevron{font-size:.8rem;color:var(--text-secondary)}.how-it-works-steps{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.how-step{display:flex;gap:1rem;align-items:flex-start}.how-step-number{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary, #00b894);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.how-step-content strong{font-size:.9rem;color:var(--text-primary)}.how-step-content p{font-size:.8rem;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.4}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;background:var(--surface-color);border-radius:12px;border:1px dashed var(--border-color)}.empty-state.compact{padding:2rem;min-height:auto}.empty-state p{color:var(--text-secondary);font-size:.95rem;margin:0}.dashboard-container::-webkit-scrollbar{width:6px}.dashboard-container::-webkit-scrollbar-track{background:transparent}.dashboard-container::-webkit-scrollbar-thumb{background:#00b8944d;border-radius:3px}.dashboard-container::-webkit-scrollbar-thumb:hover{background:#00b89480}@media(max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.header-content h1{font-size:1.5rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-action-card{padding:1rem .75rem}.wagers-grid{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-container{padding:.75rem}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:.5rem}.quick-action-card{padding:.75rem}.quick-action-icon{width:44px;height:44px}.quick-action-content h4{font-size:.85rem}.quick-action-content p{font-size:.7rem}.header-content h1{font-size:1.25rem}}.welcome-view{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}.welcome-hero{text-align:center;padding:2.5rem 1rem 2rem}.welcome-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:20px;background:rgba(var(--brand-primary-rgb, 54, 179, 126),.12);color:var(--brand-primary, #36B37E);font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:1.25rem}.welcome-hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-primary, #36B37E);animation:welcome-pulse 2s ease-in-out infinite}@keyframes welcome-pulse{0%,to{opacity:1}50%{opacity:.4}}.welcome-hero-title{font-size:2.25rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin:0 0 1rem;letter-spacing:-.5px}.welcome-hero-subtitle{font-size:1.05rem;color:var(--text-secondary);margin:0 auto 1.75rem;max-width:520px;line-height:1.55}.welcome-connect-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.75rem;background:var(--brand-primary, #36B37E);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.welcome-connect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(var(--brand-primary-rgb, 54, 179, 126),.35);filter:brightness(1.08)}.welcome-connect-btn:focus-visible{outline:2px solid var(--brand-primary, #36B37E);outline-offset:3px}.welcome-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand-primary, #36B37E);margin:0 0 1.25rem}.welcome-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.welcome-step-card{position:relative;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem 1.25rem;text-align:center;transition:border-color .2s ease}.welcome-step-card:hover{border-color:rgba(var(--brand-primary-rgb, 54, 179, 126),.35)}.welcome-step-number{position:absolute;top:-10px;left:16px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary, #36B37E);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.welcome-step-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto .75rem;background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);border-radius:14px;color:var(--brand-primary, #36B37E)}.welcome-step-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .4rem}.welcome-step-card p{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.45}.welcome-resolution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.welcome-resolution-card{position:relative;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:1.25rem;overflow:hidden;transition:border-color .2s ease}.welcome-resolution-card:hover{border-color:rgba(var(--brand-primary-rgb, 54, 179, 126),.3)}.welcome-resolution-accent{position:absolute;top:0;left:0;right:0;height:3px}.welcome-resolution-accent-either{background:linear-gradient(90deg,#36b37e,#7bdcb5)}.welcome-resolution-accent-initiator{background:linear-gradient(90deg,#6366f1,#818cf8)}.welcome-resolution-accent-receiver{background:linear-gradient(90deg,#2962ff,#448aff)}.welcome-resolution-accent-thirdparty{background:linear-gradient(90deg,#e5533d,#ff7961)}.welcome-resolution-card h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .35rem}.welcome-resolution-card p{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.welcome-resolution-tag{display:inline-block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .55rem;border-radius:6px;background:rgba(var(--brand-primary-rgb, 54, 179, 126),.1);color:var(--brand-primary, #36B37E)}.welcome-preview-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;max-width:460px;margin:0 auto}.welcome-preview-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.welcome-preview-live{width:8px;height:8px;border-radius:50%;background:var(--brand-primary, #36B37E);animation:welcome-pulse 2s ease-in-out infinite}.welcome-preview-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.welcome-preview-type{margin-left:auto;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:6px;background:rgba(var(--brand-secondary-rgb, 76, 154, 255),.15);color:var(--brand-secondary, #4C9AFF)}.welcome-preview-question{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.35}.welcome-preview-stakes{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1rem;padding:1rem;background:#00000014;border-radius:10px}.theme-dark .welcome-preview-stakes{background:#ffffff0d}.welcome-preview-side{display:flex;flex-direction:column;align-items:center;gap:.2rem}.welcome-preview-side-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.welcome-preview-side-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.welcome-preview-vs{font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:1px}.welcome-preview-footer{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-secondary)}.welcome-bottom-cta{text-align:center;padding:2rem 1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px}.welcome-bottom-cta p{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}@media(max-width:768px){.welcome-hero-title{font-size:1.75rem}.welcome-hero-subtitle{font-size:.95rem}.welcome-steps-grid,.welcome-resolution-grid{grid-template-columns:1fr;gap:.75rem}.welcome-view{gap:2rem}}@media(max-width:480px){.welcome-hero{padding:1.5rem .5rem 1rem}.welcome-hero-title{font-size:1.5rem}.welcome-connect-btn{width:100%;justify-content:center}.welcome-preview-card{padding:1rem}.welcome-preview-stakes{gap:.75rem;padding:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:fadeInUp .4s ease-out}.welcome-hero{animation:fadeInUp .5s ease-out}.welcome-steps{animation:fadeInUp .5s ease-out .1s both}.welcome-resolution{animation:fadeInUp .5s ease-out .2s both}.welcome-preview{animation:fadeInUp .5s ease-out .3s both}.welcome-bottom-cta{animation:fadeInUp .5s ease-out .4s both}.wallet-button-container{position:relative;min-width:fit-content;display:inline-block}.wallet-connect-button{display:flex;align-items:center;gap:.25rem;padding:.625rem 1.5rem;background:var(--surface-color, #1a1a1a);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #333);border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.wallet-connect-button:hover{background:var(--surface-hover, #2a2a2a);border-color:var(--border-hover, #444);transform:translateY(-1px)}.wallet-connect-button:active{transform:translateY(0)}.wallet-connect-button:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:0px}.wallet-icon{width:24px;height:24px;flex-shrink:0;left:0}.connect-text{font-family:inherit}.wallet-account-button{display:flex;align-items:center;left:0;gap:.5rem;padding:.375rem 1.5rem;background:var(--surface-color, #1a1a1a);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #333);border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.wallet-account-button:hover{background:var(--surface-hover, #2a2a2a);border-color:var(--border-hover, #444)}.wallet-account-button:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:0px}.account-address{font-family:Courier New,monospace;font-size:1rem}.wallet-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:520px;background:var(--surface-color, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:16px;box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.25rem;border-bottom:1px solid var(--border-color, #333)}.dropdown-header h3{margin:0;font-size:.75rem;font-weight:600;color:var(--text-primary, #ffffff)}.account-info{display:flex;align-items:center;gap:.5rem}.account-details{display:flex;flex-direction:column;gap:0rem 0rem}.account-address-full{font-family:Courier New,monospace;font-size:.75rem;color:var( --text-primary, #ffffff);font-weight:500}.usc-balance{font-size:.875rem;color:var(--success-color, #4caf50);font-weight:600}.get-usc-link{font-size:.75rem;color:var(--primary-color, #4a9eff);text-decoration:none;transition:color .2s ease}.get-usc-link:hover{color:var(--primary-hover, #6bb3ff);text-decoration:underline}.network-info{font-size:.75rem;color:var(--text-primary, #ffffff)}.wallet-dropdown-extended{min-width:340px}.dropdown-section{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color, #333)}.wallet-section-title{display:block;margin:0 0 .375rem;padding:0;font-size:.625rem!important;font-weight:500!important;color:var(--text-secondary, #888)!important;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.section-title{margin:0 0 .375rem;font-size:.625rem;font-weight:500;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.roles-list{display:flex;flex-wrap:wrap;gap:.5rem}.role-item{display:flex;align-items:center;gap:.25rem}.role-badge{font-size:.75rem;color:var(--primary-color, #4a9eff);background:#4a9eff1a;padding:.25rem .5rem;border-radius:4px;font-weight:500}.premium-indicator{color:var(--warning-color, #ffc107);font-size:.75rem}.get-roles-btn{width:100%;justify-content:center}.roles-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.roles-header .wallet-section-title{margin:0}.roles-refresh-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:1px solid var(--border-color, #333);border-radius:4px;color:var(--text-secondary, #888);cursor:pointer;transition:all .2s ease}.roles-refresh-btn:hover:not(:disabled){background:var(--surface-hover, #2a2a2a);border-color:var(--primary-color, #4a9eff);color:var(--primary-color, #4a9eff)}.roles-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{font-size:12px;line-height:1}.refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-markets-btn{width:100%;justify-content:center;background:linear-gradient(135deg,#4c9aff,#3a7fd5);border:none;color:#fff}.my-markets-btn:hover{background:linear-gradient(135deg,#5ca9ff,#4c9aff);border:none;box-shadow:0 2px 8px #4c9aff4d}.friend-market-btn{width:100%;justify-content:center;background:var(--primary-color, #4a9eff);border-color:var(--primary-color, #4a9eff)}.friend-market-btn:hover{background:var(--primary-hover, #3a8eef);border-color:var(--primary-hover, #3a8eef)}.friend-market-promo,.create-market-promo{text-align:center}.promo-text{font-size:.75rem;color:var(--text-secondary, #888);margin:0 0 .5rem}.create-market-btn{width:100%;justify-content:center;background:var(--success-color, #4caf50);border-color:var(--success-color, #4caf50)}.create-market-btn:hover{background:#3d8b40;border-color:#3d8b40}.purchase-access-btn{width:100%;justify-content:center;background:linear-gradient(135deg,var(--primary-color, #4a9eff),var(--success-color, #4caf50));border:none}.purchase-access-btn:hover{opacity:.9}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.toggle-label{font-size:.875rem;color:var(--text-primary, #ffffff)}.toggle-btn{padding:.25rem .5rem;background:var(--surface-hover, #2a2a2a);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, #333);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--surface-color, #1a1a1a);border-color:var(--primary-color, #4a9eff)}.status-active{color:var(--success-color, #4caf50);font-weight:600}.status-inactive{color:var(--text-secondary, #888)}.connector-list{padding:.5rem}.connector-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:transparent;color:var(--text-primary, #ffffff);border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.connector-option:hover:not(:disabled){background:var(--surface-hover, #2a2a2a);border-color:var(--border-color, #333)}.connector-option:disabled{opacity:.5;cursor:not-allowed}.connector-option:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:-2px}.connector-name{font-weight:500}.connector-status{font-size:.75rem;color:var(--text-secondary, #888)}.connector-badge{font-size:.625rem;color:var(--primary-color, #4a9eff);background:#4a9eff1a;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.connector-option.unavailable{opacity:.6}.connector-option.unavailable:hover{background:transparent;border-color:transparent;cursor:default}.connector-option.connecting{opacity:.8;cursor:wait}.connector-option:disabled{cursor:not-allowed}.connector-status.connecting{color:var(--primary-color, #4a9eff);animation:pulse 1.5s ease-in-out infinite}.connector-loading{padding:1rem;text-align:center;color:var(--text-secondary, #888);font-size:.875rem}.dropdown-actions{padding:.5rem;border-top:1px solid var(--border-color, #333)}.action-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:transparent;color:var(--text-primary, #ffffff);border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.action-button:hover{background:var(--surface-hover, #2a2a2a);border-color:var(--border-color, #333)}.action-button:focus-visible{outline:2px solid var(--primary-color, #4a9eff);outline-offset:-2px}.disconnect-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.get-usdc-btn{text-decoration:none;color:var(--success-color, #4caf50)}.get-usdc-btn:hover{background:#4caf501a;border-color:#4caf504d;color:var(--success-color, #4caf50)}.dropdown-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-color, #333);background:var(--surface-darker, #0f0f0f)}.help-text{margin:0;font-size:.75rem;color:var(--text-secondary, #888);line-height:1.5}.help-text a{color:var(--primary-color, #4a9eff);text-decoration:none;transition:color .2s ease}.help-text a:hover{color:var(--primary-hover, #6bb3ff);text-decoration:underline}@media(max-width:768px){.wallet-connect-button .connect-text{display:none}.wallet-connect-button{padding:.625rem}.wallet-button-container{position:static}.wallet-dropdown{position:fixed;inset:auto 0 0;min-width:unset;width:100%;max-width:100%;max-height:85vh;overflow-y:auto;border-radius:20px 20px 0 0;animation:slideUpMobile .3s cubic-bezier(.16,1,.3,1);transform:none}.wallet-dropdown-extended{min-width:unset;width:100%}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(prefers-contrast:high){.wallet-connect-button,.wallet-account-button,.wallet-dropdown{border-width:2px}}@media(prefers-reduced-motion:reduce){.wallet-connect-button,.wallet-account-button,.connector-option,.action-button{transition:none}@keyframes dropdownFadeIn{0%,to{opacity:1;transform:none}}}.site-header{position:sticky;top:var(--dev-banner-height, 0px);z-index:1000;background:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-logo{display:flex;align-items:center;cursor:pointer;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-logo-image{height:50px;width:auto;max-width:200px;object-fit:contain}.header-logo-text{font-size:1.5rem;font-weight:700;color:#2d7a4f;margin-left:.5rem}.header-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-link{color:#1a1a1a;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s;background:none;border:none;cursor:pointer;padding:.5rem 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#2d7a4f;transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover,.nav-link.active{color:#2d7a4f}.nav-link.active:after{width:100%}.nav-link:focus-visible{outline:2px solid #2D7A4F;outline-offset:4px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:1rem}.connect-wallet-button{background:linear-gradient(135deg,#2d7a4f,#1e5a37);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #2d7a4f33}.connect-wallet-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d7a4f4d}.connect-wallet-button:active{transform:translateY(0)}.connect-wallet-button:focus-visible{outline:3px solid #2D7A4F;outline-offset:2px}.button-icon{font-size:1.2rem}.wallet-connected{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#f0fdf4;border-radius:8px;border:2px solid #2D7A4F}.wallet-address{font-weight:600;color:#2d7a4f;font-size:.95rem;font-family:Courier New,monospace}.disconnect-button{background:transparent;color:#2d7a4f;border:1px solid #2D7A4F;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.disconnect-button:hover{background:#2d7a4f;color:#fff}.disconnect-button:focus-visible{outline:2px solid #2D7A4F;outline-offset:2px}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{width:28px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{width:100%;height:3px;background:#1a1a1a;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;background:#fff;border-top:1px solid #e5e7eb;padding:1rem 2rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-nav.open{max-height:400px}.mobile-nav-link{color:#1a1a1a;text-decoration:none;font-weight:500;font-size:1.1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6;transition:color .2s;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left;width:100%}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{color:#2d7a4f}@media(max-width:768px){.header-container{padding:1rem 1.5rem}.header-logo-image{height:40px;max-width:150px}.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:flex}.header-actions{gap:.5rem}.connect-wallet-button{padding:.6rem 1rem;font-size:.9rem}.button-icon{display:none}.wallet-connected{padding:.4rem .75rem}.wallet-address{font-size:.85rem}.disconnect-button{padding:.4rem .75rem;font-size:.85rem}.wallet-btn{padding:6px 10px}.wallet-icon-img{width:24px;height:24px}.wallet-address-badge{font-size:12px}}@media(min-width:769px){.mobile-menu-toggle{display:none}.mobile-nav{display:none!important}}@media(prefers-contrast:high){.site-header{border-bottom:2px solid #000}.nav-link{font-weight:600}}.wallet-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0;gap:8px}.wallet-btn:hover{background:var(--color-surface-hover, rgba(54, 179, 126, .05));border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.wallet-btn:active{transform:translateY(0)}.wallet-btn.connected{border-color:var(--color-primary);background:var(--color-primary-alpha, rgba(54, 179, 126, .1))}.wallet-icon-img{width:28px;height:28px;flex-shrink:0}.wallet-address-badge{font-family:monospace;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap}.wallet-btn .clearpath-indicator{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--color-success);color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.user-panel-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-primary);border:2px solid var(--color-primary-dark, var(--color-primary));border-radius:50%;cursor:pointer;transition:all .3s ease;flex-shrink:0}.user-panel-btn:hover{background:var(--color-primary-dark, var(--color-primary));transform:scale(1.05);box-shadow:0 2px 8px #00000026}.user-panel-btn:active{transform:scale(.98)}.user-panel-btn .user-icon{font-size:22px;display:flex;align-items:center;justify-content:center;filter:grayscale(0)}.clearpath-indicator{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:var(--color-success);color:#fff;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}@media(prefers-reduced-motion:reduce){.site-header,.nav-link,.connect-wallet-button,.user-panel-btn,.wallet-btn,.hamburger span{transition:none}}.landing-page{width:100%;min-height:100vh;background-color:#fff;color:#1a1a1a;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0f1a;padding:6rem 2rem 4rem;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 12s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,#2D7A4F 0%,transparent 70%);top:-10%;left:-5%;animation-delay:0s}.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,#4C9AFF 0%,transparent 70%);bottom:-15%;right:-5%;animation-delay:-4s}.hero-orb-3{width:300px;height:300px;background:radial-gradient(circle,#7BDCB5 0%,transparent 70%);top:40%;left:50%;animation-delay:-8s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}.hero-content{position:relative;z-index:2;max-width:680px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2d7a4f26;border:1px solid rgba(45,122,79,.3);border-radius:999px;color:#7bdcb5;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem}.hero-badge-dot{width:8px;height:8px;background:#36b37e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-headline{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;color:#fff;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-headline-accent{background:linear-gradient(135deg,#36b37e,#7bdcb5,#4c9aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;line-height:1.7;color:#ffffffa6;max-width:520px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.hero-cta-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#2d7a4f,#36b37e);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #2d7a4f66}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2d7a4f80}.hero-cta-primary:active{transform:translateY(0)}.hero-cta-primary.cta-large{padding:1.25rem 2.5rem;font-size:1.2rem}.hero-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:#fffc;font-size:1.1rem;font-weight:500;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.hero-cta-secondary:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.hero-social{display:flex;gap:.75rem;justify-content:center}.hero-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff6;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;text-decoration:none}.hero-social-link:hover{color:#fff;background:#2d7a4f4d;border-color:#2d7a4f80;transform:translateY(-2px)}.hero-preview{position:absolute;right:8%;top:50%;transform:translateY(-50%);z-index:2;animation:cardFloat 6s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 12px))}}.preview-card{width:300px;background:#141c24e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #0006}.preview-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.preview-status-live{width:8px;height:8px;background:#36b37e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.preview-label{font-size:.75rem;font-weight:600;color:#7bdcb5;text-transform:uppercase;letter-spacing:.05em}.preview-question{font-size:1rem;font-weight:600;color:#fff;line-height:1.4;margin-bottom:1.25rem}.preview-stakes{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.preview-stake{flex:1;text-align:center;padding:.6rem;background:#ffffff0d;border-radius:8px}.preview-stake-label{display:block;font-size:.7rem;color:#fff6;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.preview-stake-value{font-size:.95rem;font-weight:700;color:#7bdcb5}.preview-vs{font-size:.7rem;font-weight:700;color:#ffffff4d;letter-spacing:.1em}.preview-resolution{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.preview-resolution svg{flex-shrink:0;stroke:#4c9aff}.proof-strip{background:#f8f9fa;border-bottom:1px solid #e5e7eb}.proof-strip-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:1.75rem 2rem;flex-wrap:wrap}.proof-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.proof-number{font-size:1.5rem;font-weight:800;color:#2d7a4f;letter-spacing:-.02em}.proof-label{font-size:.8rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.proof-divider{width:1px;height:36px;background:#e5e7eb}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-size:.8rem;font-weight:700;color:#2d7a4f;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.15rem;color:#5a6772;line-height:1.6;max-width:600px;margin:0 auto}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.visible [data-animate],[data-animate].visible,.visible[data-animate],.value-section.visible .container,.steps-section.visible .container,.resolution-section.visible .container,.scenarios-section.visible .container{opacity:1;transform:translateY(0)}.value-section{padding:6rem 2rem;background:#fff}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.value-card{padding:2rem;background:#f8f9fa;border-radius:16px;border:1px solid #e5e7eb;transition:all .3s ease}.value-card:hover{background:#fff;border-color:#2d7a4f;box-shadow:0 8px 30px #2d7a4f1a;transform:translateY(-4px)}.value-card-featured{grid-column:1 / -1;background:linear-gradient(135deg,#0a1a12,#0f2318);border-color:#2d7a4f4d;color:#fff;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:0 1.5rem;align-items:start}.value-card-featured:hover{background:linear-gradient(135deg,#0d1f16,#122b1d);border-color:#2d7a4f}.value-card-featured .value-icon{grid-row:1 / 3;width:64px;height:64px;background:#2d7a4f33;stroke:#7bdcb5}.value-card-featured h3{color:#fff;font-size:1.5rem}.value-card-featured p{color:#ffffffa6;font-size:1.05rem}.value-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#2d7a4f14;border-radius:12px;margin-bottom:1.25rem;color:#2d7a4f}.value-card h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.value-card p{font-size:.95rem;color:#5a6772;line-height:1.65}.steps-section{padding:6rem 2rem;background:#f8f9fa}.steps-timeline{position:relative;max-width:700px;margin:0 auto}.timeline-line{position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#2d7a4f,#7bdcb5,#4c9aff);border-radius:1px}.step-item{display:flex;gap:2rem;align-items:flex-start;margin-bottom:3rem;position:relative}.step-item:last-child{margin-bottom:0}.step-marker{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d7a4f,#36b37e);border-radius:50%;z-index:1;box-shadow:0 4px 15px #2d7a4f4d}.step-marker span{font-size:1.25rem;font-weight:800;color:#fff}.step-content{padding-top:.5rem}.step-content h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.step-content p{font-size:1rem;color:#5a6772;line-height:1.7}.resolution-section{padding:6rem 2rem;background:#fff}.resolution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.resolution-card{position:relative;padding:2rem;background:#f8f9fa;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.resolution-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;background:#fff}.resolution-accent{position:absolute;top:0;left:0;right:0;height:3px}.resolution-either .resolution-accent{background:linear-gradient(90deg,#2d7a4f,#36b37e)}.resolution-initiator .resolution-accent{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.resolution-receiver .resolution-accent{background:linear-gradient(90deg,#2563eb,#3b82f6)}.resolution-thirdparty .resolution-accent{background:linear-gradient(90deg,#dc2626,#ef4444)}.resolution-icon-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:1.25rem}.resolution-either .resolution-icon-badge{background:#2d7a4f1a;color:#2d7a4f}.resolution-initiator .resolution-icon-badge{background:#6366f11a;color:#6366f1}.resolution-receiver .resolution-icon-badge{background:#2563eb1a;color:#2563eb}.resolution-thirdparty .resolution-icon-badge{background:#dc26261a;color:#dc2626}.resolution-card h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem}.resolution-card p{font-size:.95rem;color:#5a6772;line-height:1.65;margin-bottom:1rem}.resolution-use-case{font-size:.8rem;font-weight:600;color:#8a959e;text-transform:uppercase;letter-spacing:.04em}.scenarios-section{padding:6rem 2rem;background:#f8f9fa}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.scenario-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014;border-color:#2d7a4f}.scenario-emoji{font-size:3rem;margin-bottom:1.25rem}.scenario-card h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.scenario-setup{font-size:1.05rem;font-weight:500;font-style:italic;color:#2d7a4f;line-height:1.5;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.scenario-resolution{font-size:.95rem;color:#5a6772;line-height:1.65}.final-cta{position:relative;padding:8rem 2rem;background:#0a0f1a;text-align:center;overflow:hidden}.final-cta-bg{position:absolute;inset:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.cta-orb-1{width:400px;height:400px;background:#2d7a4f;top:-20%;right:10%}.cta-orb-2{width:300px;height:300px;background:#4c9aff;bottom:-10%;left:15%}.final-cta-content{position:relative;z-index:2}.final-cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.final-cta p{font-size:1.15rem;color:#ffffff8c;margin-bottom:2.5rem}.cta-contact{margin-top:2rem;font-size:.9rem}.cta-contact a{color:#7bdcb5;text-decoration:underline;text-underline-offset:2px}.cta-contact a:hover{color:#36b37e}.landing-footer{background:#060a12;color:#fff9;padding:3rem 2rem 2rem}.footer-content{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.footer-logo{width:40px;height:40px;object-fit:contain}.footer-logo-fallback{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2d7a4f;color:#fff;border-radius:8px;font-weight:700;font-size:.9rem}.footer-section p{color:#fff6;font-size:.9rem;line-height:1.6}.footer-section h4{color:#fffc;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{padding:.35rem 0}.footer-section a{color:#ffffff73;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section a:hover{color:#7bdcb5}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);color:#ffffff40;font-size:.85rem}@media(max-width:1100px){.hero-preview{display:none}}@media(max-width:900px){.value-grid{grid-template-columns:1fr 1fr}.value-card-featured{grid-column:1 / -1}.resolution-grid{grid-template-columns:1fr 1fr}.scenario-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:640px){.hero-section{padding:5rem 1.5rem 3rem;min-height:auto}.hero-headline{font-size:2.25rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.hero-cta-primary,.hero-cta-secondary{width:100%;max-width:300px;justify-content:center}.proof-strip-inner{gap:1.5rem;padding:1.25rem 1rem}.proof-divider{display:none}.proof-item{min-width:80px}.value-grid{grid-template-columns:1fr}.value-card-featured{display:block}.value-card-featured .value-icon{margin-bottom:1rem}.resolution-grid{grid-template-columns:1fr}.section-header{margin-bottom:2.5rem}.steps-section,.value-section,.resolution-section,.scenarios-section{padding:4rem 1.5rem}.final-cta{padding:5rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}}@media(prefers-reduced-motion:reduce){.hero-orb,.hero-badge-dot,.preview-status-live,.hero-preview{animation:none}[data-animate]{opacity:1;transform:none;transition:none}.value-card:hover,.resolution-card:hover,.scenario-card:hover,.hero-cta-primary:hover,.hero-social-link:hover{transform:none}}.swap-panel{max-width:500px;margin:2rem auto;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000000a}.swap-header{text-align:center;margin-bottom:1.5rem}.swap-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:var(--color-text)}.swap-header .subtitle{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.connect-message{padding:2rem;text-align:center;color:var(--color-text-secondary)}.mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--color-surface-secondary);padding:.25rem;border-radius:12px;border:1px solid var(--color-border)}.mode-btn{flex:1;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:background .2s,color .2s}.mode-btn:hover{background:var(--color-surface);color:var(--color-text)}.mode-btn.active{background:var(--color-primary);color:var(--primary-button-text, #ffffff);box-shadow:0 2px 8px #0000000d}.swap-form{display:flex;flex-direction:column;gap:1rem}.token-input-group{display:flex;flex-direction:column;gap:.5rem}.token-input-group label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.token-input{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-surface-secondary);border-radius:10px;border:1px solid var(--color-border);transition:border-color .2s}.token-input:focus-within{border-color:var(--color-primary)}.token-select,.token-display{min-width:80px;padding:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-weight:600;font-size:1rem;color:var(--color-text)}.token-select{cursor:pointer}.token-display{text-align:center}.amount-input,.amount-display{flex:1;padding:.5rem;font-size:1.25rem;font-weight:600;border:none;background:transparent;color:var(--color-text)}.amount-input:focus{outline:none}.amount-input::placeholder{color:var(--color-text-tertiary)}.amount-display{text-align:right}.max-btn{padding:.5rem 1rem;background:var(--color-primary);color:var(--primary-button-text, #ffffff);border:none;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background-color .2s}.max-btn:hover:not(:disabled){background:var(--color-primary-dark)}.max-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.balance-info{font-size:.875rem;color:var(--color-text-secondary);text-align:right}.swap-direction{display:flex;justify-content:center;margin:-.5rem 0}.flip-btn{width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;font-size:1.5rem;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,border-color .2s;box-shadow:0 2px 8px #0000000d}.flip-btn:hover{transform:rotate(180deg);border-color:var(--color-primary)}.swap-arrow{text-align:center;font-size:1.5rem;color:var(--color-text-secondary);margin:-.5rem 0}.slippage-settings{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-surface-secondary);border-radius:8px;border:1px solid var(--color-border)}.slippage-settings label{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.slippage-select{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer;font-size:.875rem;color:var(--color-text)}.execute-btn{width:100%;padding:1rem;background:var(--color-primary);color:var(--primary-button-text, #ffffff);border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;margin-top:.5rem}.execute-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.execute-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.message{padding:1rem;border-radius:8px;font-size:.875rem;margin-top:.5rem;border:1px solid transparent}.error-message{background:var(--color-error-bg, rgba(229, 83, 61, .1));color:var(--color-error, #e5533d);border-color:var(--color-error, #e5533d)}.success-message{background:var(--color-success-bg, rgba(72, 187, 120, .1));color:var(--color-success, #48bb78);border-color:var(--color-success, #48bb78)}.contract-links{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.contract-links h3{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.contract-link{padding:.5rem .75rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-primary);font-size:.875rem;font-weight:500;text-align:center;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:block}.contract-link:hover{background:var(--color-primary);color:var(--primary-button-text, #ffffff);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}@media(max-width:768px){.swap-panel{margin:1rem;padding:1rem}.swap-header h2{font-size:1.5rem}.mode-btn{padding:.625rem;font-size:.8rem}.links-grid{grid-template-columns:1fr}}._loading-screen_qyjpa_8{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-primary);z-index:9999;transition:opacity .3s ease-out}._loading-screen_qyjpa_8[aria-hidden=true]{opacity:0;pointer-events:none}._logo-container_qyjpa_28{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}._clover-svg_qyjpa_38{width:100%;height:100%;animation:_logoFadeIn_qyjpa_1 1.5s ease-out forwards;opacity:0}@keyframes _logoFadeIn_qyjpa_1{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}._logo-container_qyjpa_28._animated_qyjpa_61{animation:_pulse_qyjpa_1 2s ease-in-out 2s infinite}@keyframes _pulse_qyjpa_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}._loading-text_qyjpa_75{margin-top:1.5rem;font-size:1rem;font-weight:500;color:var(--text-secondary);text-align:center}._loading-dots_qyjpa_84{display:inline-block;margin-left:.25rem}._loading-dots_qyjpa_84:after{content:"";animation:_dots_qyjpa_1 1.5s steps(4,end) infinite}@keyframes _dots_qyjpa_1{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media(prefers-reduced-motion:reduce){._clover-svg_qyjpa_38{animation:none;opacity:1;transform:none}._logo-container_qyjpa_28._animated_qyjpa_61{animation:none}._loading-dots_qyjpa_84:after{animation:none;content:"..."}._loading-screen_qyjpa_8{transition:none}}._loading-screen_qyjpa_8._small_qyjpa_132 ._logo-container_qyjpa_28{width:60px;height:60px}._loading-screen_qyjpa_8._small_qyjpa_132 ._loading-text_qyjpa_75{font-size:.875rem;margin-top:1rem}._loading-screen_qyjpa_8._large_qyjpa_142 ._logo-container_qyjpa_28{width:180px;height:180px}._loading-screen_qyjpa_8._large_qyjpa_142 ._loading-text_qyjpa_75{font-size:1.125rem;margin-top:2rem}._loading-screen_qyjpa_8._inline_qyjpa_153{position:relative;background-color:transparent;min-height:200px;z-index:auto}.wallet-page-wrapper{max-width:760px;margin:2rem auto;padding:0 1rem}.wallet-page{width:100%;background:var(--color-surface);border-radius:12px;padding:0;overflow:hidden;position:relative;box-shadow:0 2px 12px #00000014}.connector-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.connector-btn{padding:16px 24px;font-size:16px;font-weight:500;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.connector-btn:hover:not(:disabled){background:var(--color-surface-hover, rgba(54, 179, 126, .05));border-color:var(--primary-button, #36B37E);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.connector-btn:active:not(:disabled){transform:translateY(0)}.connector-btn:disabled{opacity:.6;cursor:not-allowed}.connection-error .error-icon{font-size:20px;flex-shrink:0}.connection-error .error-message{font-size:14px;line-height:1.5;flex:1;color:var(--text-primary, #1F2933)}.tab-content{padding:24px;max-height:500px;overflow-y:auto}.disconnect-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--color-error);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:var(--color-error-dark, #c53030)}.toggle-status-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.toggle-status-btn:hover{background:var(--color-primary-dark)}.membership-section h3{margin:0 0 16px;font-size:18px;color:var(--color-text)}.membership-active,.membership-inactive{padding:16px;background:var(--color-surface-secondary);border-radius:8px}.membership-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;margin-bottom:12px}.membership-status-badge.active{background:#36b37e26;color:#36b37e}.membership-active p,.membership-inactive p{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.renew-btn{padding:10px 24px;font-size:14px;font-weight:500;color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.renew-btn:hover{border-color:var(--color-primary)}.security-section h3{margin:0 0 8px;font-size:18px;color:var(--color-text)}.security-section .section-description{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.key-status-card{padding:16px;background:var(--color-surface-secondary);border-radius:8px;margin-bottom:16px}.key-status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.key-status-row+.key-status-row{border-top:1px solid var(--color-border)}.key-status-label{font-size:14px;color:var(--color-text-secondary)}.key-status-value{font-size:14px;font-weight:600}.key-status-value.active{color:#36b37e}.key-status-value.inactive{color:var(--color-text-secondary)}.key-error{padding:12px 16px;background:#dc26261a;border-left:3px solid #dc2626;border-radius:6px;font-size:14px;color:#dc2626;margin-bottom:16px}.key-actions{display:flex;gap:12px;flex-wrap:wrap}.key-action-btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.key-action-btn.primary{color:#fff;background:var(--color-primary, #36B37E)}.key-action-btn.primary:hover{opacity:.9}.key-action-btn.secondary{color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border)}.key-action-btn.secondary:hover{border-color:var(--color-primary)}.key-action-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.wallet-page-wrapper{margin:0;padding:0}.wallet-page{border-radius:0}.modal-header-section{padding:16px}.modal-header-section h2{font-size:20px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{min-width:100px;padding:12px 8px;font-size:13px}.tab-content{padding:16px;max-height:400px}.key-actions{flex-direction:column}.search-btn{width:100%}}.get-roles-btn{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent, #667eea));border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.manage-org-btn{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.manage-org-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.admin-panel-btn{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--color-error);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-panel-btn:hover{background:var(--color-error-dark, #c53030);transform:translateY(-1px)}.map-container{min-height:100vh;background:var(--background-color, #0a0a0a)}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background-color, #0a0a0a);color:var(--text-primary, #fff)}.map-spinner{width:48px;height:48px;border:3px solid var(--border-color, #333);border-top-color:var(--color-primary, #4C9AFF);border-radius:50%;margin-bottom:1.5rem;animation:spin 1s linear infinite}.map-loading p{color:var(--text-secondary, #888);font-size:1rem}.map-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background-color, #0a0a0a);padding:2rem;text-align:center}.map-error-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}.map-error h2{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary, #fff)}.map-error p{margin:0 0 2rem;color:var(--text-secondary, #888);max-width:400px;line-height:1.5}.map-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#4c9aff,#36b37e);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.map-btn:hover{opacity:.9;transform:translateY(-1px)}.role-management-admin{min-height:100vh;background:var(--background-primary);padding-bottom:4rem}.admin-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:2rem 1rem}.admin-header-content{max-width:1200px;margin:0 auto}.admin-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text)}.admin-subtitle{margin:0;font-size:1rem;color:var(--color-text-secondary)}.message-banner{max-width:1200px;margin:1rem auto;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.message-banner.success{background:var(--color-success-bg, rgba(72, 187, 120, .1));color:var(--color-success);border:1px solid var(--color-success)}.message-banner.error{background:var(--color-error-bg, rgba(245, 101, 101, .1));color:var(--color-error);border:1px solid var(--color-error)}.message-icon{font-size:1.25rem;font-weight:700}.admin-tabs{max-width:1200px;margin:0 auto;display:flex;gap:.5rem;padding:1rem 1rem 0;border-bottom:2px solid var(--color-border)}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-tab:hover{color:var(--color-text);background:var(--color-surface-secondary)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-icon{font-size:1.25rem}.admin-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.search-section{margin-bottom:1.5rem}.admin-search-input{width:100%;padding:.875rem 1rem;font-size:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);outline:none;transition:all .2s ease}.admin-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.users-list{display:flex;flex-direction:column;gap:1rem}.user-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;transition:all .2s ease}.user-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.user-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.user-address-section{display:flex;align-items:center;gap:.75rem}.user-address{font-family:monospace;font-size:1rem;font-weight:600;color:var(--color-text)}.current-user-badge{padding:.25rem .5rem;font-size:.75rem;font-weight:600;background:var(--color-primary-alpha, rgba(54, 179, 126, .1));color:var(--color-primary);border-radius:4px;text-transform:uppercase}.user-role-count{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.user-roles{display:flex;flex-wrap:wrap;gap:.5rem}.user-role-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:6px}.role-name{font-size:.875rem;font-weight:500;color:var(--color-text)}.revoke-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--color-error-bg, rgba(245, 101, 101, .1));border:none;border-radius:4px;color:var(--color-error);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}.revoke-btn:hover{background:var(--color-error);color:#fff}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.grant-tab{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grant-form{background:var(--color-surface);padding:2rem;border-radius:12px;border:1px solid var(--color-border)}.grant-form h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text)}.admin-input,.admin-select{width:100%;padding:.75rem 1rem;font-size:1rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);outline:none;transition:all .2s ease}.admin-input:focus,.admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.grant-role-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.grant-role-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.role-info-cards h4{margin:0 0 1rem;font-size:1.125rem;color:var(--color-text)}.role-info-card{background:var(--color-surface);padding:1.25rem;border-radius:8px;border:1px solid var(--color-border);margin-bottom:1rem}.role-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.role-card-name{font-size:1rem;font-weight:600;color:var(--color-text)}.premium-indicator{padding:.125rem .5rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:4px;text-transform:uppercase}.role-card-description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.stats-tab h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--color-surface);padding:1.5rem;border-radius:12px;border:1px solid var(--color-border);transition:all .2s ease}.stat-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stat-role-name{font-size:1rem;font-weight:600;color:var(--color-text)}.stat-premium{padding:.125rem .5rem;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-radius:4px;text-transform:uppercase}.stat-count{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.stat-description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.total-stats{background:var(--color-surface);padding:1.5rem;border-radius:12px;border:2px solid var(--color-primary)}.total-stat{display:flex;justify-content:space-between;align-items:center}.total-label{font-size:1.125rem;font-weight:600;color:var(--color-text)}.total-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.role-admin-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.unauthorized-icon{font-size:4rem;margin-bottom:1rem}.role-admin-unauthorized h2{margin:0 0 .5rem;font-size:2rem;color:var(--color-text)}.role-admin-unauthorized p{margin:0;font-size:1rem;color:var(--color-text-secondary)}@media(max-width:768px){.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{flex-shrink:0}.grant-tab,.stats-grid{grid-template-columns:1fr}}.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirm-dialog{background:var(--color-surface);border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 8px 32px #0000004d}.confirm-dialog h3{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text)}.confirm-dialog p{margin:0 0 1.5rem;color:var(--color-text-secondary);line-height:1.6}.confirm-dialog code{background:var(--color-surface-secondary);padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.875rem}.confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-yes-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-error);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.confirm-yes-btn:hover{background:var(--color-error-dark, #c53030)}.confirm-no-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.confirm-no-btn:hover{background:var(--color-surface-tertiary, var(--color-surface));border-color:var(--color-text-secondary)}.admin-panel{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;max-width:500px;margin:0 auto}.unauthorized-icon{color:var(--text-secondary);margin-bottom:1.5rem;opacity:.6}.admin-unauthorized h2{margin:0 0 1rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.admin-unauthorized p{margin:0 0 .75rem;font-size:1rem;color:var(--text-secondary);line-height:1.6}.unauthorized-hint{font-size:.875rem;color:var(--text-muted);margin-top:1rem}.admin-panel-header{display:flex;justify-content:space-between;align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.admin-panel-header-content{flex:1}.admin-panel-title-section{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-panel-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.admin-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;background:var(--brand-primary);color:#fff;border-radius:var(--radius-full)}.admin-panel-subtitle{margin:0;font-size:.9375rem;color:var(--text-secondary)}.admin-panel-status{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.status-indicator.active{background:#22c55e1a;color:var(--success-color)}.status-indicator.paused{background:#dc26261a;color:var(--danger-color)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-panel-tabs{display:flex;gap:.25rem;padding:0 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-panel-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.admin-panel-tab:hover{color:var(--text-primary);background:var(--bg-primary)}.admin-panel-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.admin-panel-tab.active .tab-icon{opacity:1}.admin-panel-content{padding:2rem;max-width:1400px;margin:0 auto}.admin-tab-content{animation:fadeIn .2s ease}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-fast)}.admin-card:hover{border-color:var(--text-muted)}.admin-card.warning-card{border-color:var(--warning-color)}.admin-card.full-width{grid-column:1 / -1}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-info{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.card-info.warning-text{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#f59e0b1a;border-radius:var(--radius-md);color:var(--warning-color)}.warning-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--warning-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.status-details{display:flex;flex-direction:column;gap:.75rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.status-row:last-child{border-bottom:none}.status-label{font-size:.875rem;color:var(--text-secondary)}.status-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.status-value.active{color:var(--success-color)}.status-value.paused{color:var(--danger-color)}.permissions-list{display:flex;flex-direction:column;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-primary);border-radius:var(--radius-md)}.permission-item.enabled{color:var(--success-color)}.permission-item.disabled{color:var(--text-muted);opacity:.7}.permission-icon{font-weight:700;font-size:.875rem}.permission-name{font-size:.875rem;font-weight:500}.contract-addresses{display:flex;flex-direction:column;gap:.5rem}.contract-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-md)}.contract-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.contract-address{font-family:monospace;font-size:.8125rem;color:var(--text-primary);background:transparent}.contract-link{display:flex;align-items:center;justify-content:center;padding:.375rem;color:var(--text-muted);transition:color var(--transition-fast)}.contract-link:hover{color:var(--brand-primary)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.emergency-section{max-width:700px}.emergency-info{margin-bottom:2rem}.info-text{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.current-state{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md)}.state-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.state-badge{padding:.375rem .875rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-full)}.state-badge.active{background:#22c55e26;color:var(--success-color)}.state-badge.paused{background:#dc262626;color:var(--danger-color)}.emergency-actions{display:flex;flex-direction:column;gap:1rem}.action-block{padding:1.5rem;background:var(--bg-primary);border-radius:var(--radius-md)}.action-block h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.action-description{margin:0 0 1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.emergency-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.emergency-btn.pause{background:var(--danger-color);color:#fff}.emergency-btn.pause:hover:not(:disabled){background:#b91c1c}.emergency-btn.unpause{background:var(--success-color);color:#fff}.emergency-btn.unpause:hover:not(:disabled){background:#16a34a}.emergency-btn:disabled{opacity:.6;cursor:not-allowed}.permission-notice{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#f59e0b1a;border-radius:var(--radius-md);font-size:.875rem;color:var(--warning-color)}.notice-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--warning-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.tiers-grid,.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.tier-form,.role-form,.withdraw-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-input,.admin-select{width:100%;padding:.75rem 1rem;font-size:.9375rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.admin-input:focus,.admin-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.15)}.admin-input::placeholder{color:var(--text-muted)}.checkbox-group{flex-direction:row}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.checkbox-text{font-size:.875rem;color:var(--text-secondary)}.input-with-action{display:flex;gap:.5rem}.input-with-action .admin-input{flex:1}.max-btn{padding:0 1rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.max-btn:hover{color:var(--brand-primary);border-color:var(--brand-primary)}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-btn.primary{background:var(--brand-primary);color:#fff}.admin-btn.primary:hover:not(:disabled){background:var(--primary-button-hover);transform:translateY(-1px)}.admin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tier-info-list{display:flex;flex-direction:column;gap:.75rem}.tier-info-item{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid}.tier-info-item.bronze{border-left-color:#cd7f32}.tier-info-item.silver{border-left-color:silver}.tier-info-item.gold{border-left-color:gold}.tier-info-item.platinum{border-left-color:#e5e4e2}.tier-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.tier-desc{font-size:.8125rem;color:var(--text-secondary)}.role-hierarchy{display:flex;flex-direction:column;gap:.5rem}.hierarchy-item{display:flex;flex-direction:column;gap:.125rem;padding:.75rem 1rem;background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--text-muted)}.hierarchy-item.level-0{border-left-color:var(--danger-color);margin-left:0}.hierarchy-item.level-1{border-left-color:var(--warning-color);margin-left:1rem}.hierarchy-item.level-2{border-left-color:var(--info-color);margin-left:2rem}.hierarchy-item.level-3{border-left-color:var(--success-color);margin-left:3rem}.hierarchy-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.hierarchy-desc{font-size:.75rem;color:var(--text-secondary)}.treasury-section{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px}.balance-display{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.balance-value{font-size:2.5rem;font-weight:700;color:var(--brand-primary)}.balance-unit{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:1rem}.balance-item{display:flex;flex-direction:column;gap:.25rem}.balance-item .balance-display{margin-bottom:0}.balance-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.spending-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.limit-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.limit-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.limit-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.security-info{padding-top:.5rem;border-top:1px solid var(--border-color)}.security-info p{margin:.5rem 0}.status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b9811a;color:var(--success-color)}.status-badge.paused{background:#ef44441a;color:var(--danger-color)}.confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .15s ease}.confirm-dialog{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem;max-width:480px;width:100%;box-shadow:var(--shadow-lg)}.confirm-dialog h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.confirm-dialog p{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.confirm-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#f59e0b1a;border-radius:var(--radius-md);font-size:.875rem;color:var(--warning-color);line-height:1.5}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-btn{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.confirm-btn.primary{background:var(--brand-primary);color:#fff}.confirm-btn.primary:hover:not(:disabled){background:var(--primary-button-hover)}.confirm-btn.danger{background:var(--danger-color);color:#fff}.confirm-btn.danger:hover:not(:disabled){background:#b91c1c}.confirm-btn.secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.confirm-btn.secondary:hover:not(:disabled){border-color:var(--text-secondary)}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.treasury-section{grid-template-columns:1fr}}@media(max-width:768px){.admin-panel-header{flex-direction:column;gap:1rem;padding:1.25rem 1rem}.admin-panel-status{align-self:flex-start}.admin-panel-tabs{padding:0 1rem}.admin-panel-tab{padding:.875rem 1rem;font-size:.875rem}.admin-panel-content{padding:1rem}.overview-grid,.tiers-grid,.roles-grid,.form-row{grid-template-columns:1fr}.confirm-actions{flex-direction:column}.confirm-btn{width:100%}.hierarchy-item.level-1,.hierarchy-item.level-2,.hierarchy-item.level-3{margin-left:0;padding-left:1rem}}.address-input-wrapper{position:relative;display:flex;align-items:center}.address-input-wrapper .admin-input{padding-right:2.5rem}.admin-input.input-error{border-color:var(--color-error)}.admin-input.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #f5656526}.admin-input.input-success{border-color:var(--color-success, #22c55e)}.admin-input.input-success:focus{border-color:var(--color-success, #22c55e);box-shadow:0 0 0 3px #22c55e26}.address-status{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center}.address-status.success{color:var(--color-success, #22c55e)}.address-status.resolving{color:var(--color-primary, #3b82f6)}.spinner-small{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--color-primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.resolved-address-hint{margin-top:.375rem;font-size:.75rem;color:var(--color-text-secondary)}.resolved-address-hint code{background:#22c55e1a;color:var(--color-success, #22c55e);padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.75rem}.input-error-message{margin-top:.375rem;font-size:.75rem;color:var(--color-error)}@media(prefers-reduced-motion:reduce){.spinner-small{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:480px){.admin-panel-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.balance-value{font-size:2rem}}.perp-markets-table{overflow-x:auto;margin-top:1rem}.perp-markets-table table{width:100%;border-collapse:collapse;min-width:700px}.perp-markets-table th,.perp-markets-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.perp-markets-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-primary)}.perp-markets-table tbody tr:hover{background:var(--bg-primary)}.market-name-cell{display:flex;align-items:center;gap:.5rem}.market-name{font-weight:500}.market-status{display:inline-flex;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:600;text-transform:uppercase}.market-status.active{background:#22c55e1a;color:var(--success-color, #22c55e)}.market-status.paused{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.market-status.settled{background:#6b72801a;color:var(--text-muted)}.market-category{display:inline-flex;padding:.25rem .5rem;border-radius:var(--radius-sm, 4px);font-size:.75rem;font-weight:500;background:var(--bg-primary);color:var(--text-secondary)}.market-category.crypto{background:#6366f11a;color:#6366f1}.market-category.prediction{background:#a855f71a;color:#a855f7}.market-category.commodity{background:#f59e0b1a;color:#f59e0b}.market-category.index{background:#22c55e1a;color:#22c55e}.market-category.custom{background:#6b72801a;color:#6b7280}.funding-positive{color:var(--success-color, #22c55e)}.funding-negative{color:var(--danger-color, #ef4444)}.health-indicator{display:inline-flex;align-items:center}.health-dot{width:8px;height:8px;border-radius:50%}.health-dot.healthy{background:var(--success-color, #22c55e)}.health-dot.warning{background:var(--warning-color, #f59e0b)}.health-dot.critical{background:var(--danger-color, #ef4444)}.health-dot.unknown{background:var(--text-muted)}.perp-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.metric-card{padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color)}.metric-card .metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-card .metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:.25rem}.perp-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.config-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.config-label{color:var(--text-secondary);font-size:.875rem}.config-value{color:var(--text-primary);font-weight:500;font-size:.875rem}.perp-market-creation-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.perp-market-creation-form .form-section{padding:1.25rem;background:var(--bg-primary);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color)}.perp-market-creation-form .form-section h4{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.perp-market-creation-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.perp-market-creation-form .form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.perp-market-details-modal{background:var(--bg-secondary);border-radius:var(--radius-lg, 12px);max-width:700px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.perp-market-details-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.perp-market-details-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.perp-market-details-modal .close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm, 4px);transition:background .15s ease}.perp-market-details-modal .close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.perp-market-details-modal .modal-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.perp-market-details-modal .detail-section{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.perp-market-details-modal .detail-section:last-child{border-bottom:none;padding-bottom:0}.perp-market-details-modal .detail-section h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.perp-market-details-modal .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.perp-market-details-modal .detail-row{display:flex;justify-content:space-between;padding:.25rem 0}.perp-market-details-modal .detail-label{color:var(--text-secondary);font-size:.875rem}.perp-market-details-modal .detail-value{color:var(--text-primary);font-weight:500;font-size:.875rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.dev-warning-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 2px 8px #0003;font-size:.95rem;font-weight:500}.dev-warning-content{display:flex;align-items:center;gap:.75rem;max-width:1200px;width:100%;position:relative}.dev-warning-icon{font-size:1.25rem;flex-shrink:0}.dev-warning-text{flex:1;text-align:center}.dev-warning-link{color:#fff;text-decoration:underline;font-weight:600;transition:opacity .2s ease}.dev-warning-link:hover{opacity:.8}.dev-warning-link:focus-visible{outline:2px solid white;outline-offset:2px;border-radius:2px}.dev-warning-close{background:transparent;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;width:32px;height:32px}.dev-warning-close:hover{background:#fff3}.dev-warning-close:active{background:#ffffff4d}.dev-warning-close:focus-visible{outline:2px solid white;outline-offset:2px}@media(max-width:768px){.dev-warning-banner{font-size:.875rem;padding:.625rem .75rem}.dev-warning-content{gap:.5rem}.dev-warning-icon{font-size:1rem}.dev-warning-close{font-size:1.25rem;width:28px;height:28px}}.dev-warning-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;gap:1.5rem;max-width:600px}.dev-warning-modal-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.dev-warning-modal-logo{width:64px;height:64px;object-fit:contain}.dev-warning-modal-icon{font-size:4rem;margin-bottom:.5rem}.dev-warning-modal-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.dev-warning-modal-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500;margin:0}.dev-warning-modal-body{width:100%;display:flex;flex-direction:column;gap:1.25rem}.dev-warning-modal-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.platform-addons{background:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius-md, 8px);text-align:left}.addons-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.addons-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.addons-list li{font-size:.95rem;color:var(--text-secondary);line-height:1.5;padding-left:2.5rem;position:relative;display:flex;align-items:flex-start;gap:.5rem}.addon-logo{position:absolute;left:0;top:0;width:24px;height:24px;object-fit:contain;flex-shrink:0}.addon-content{flex:1}.dev-warning-notice{background:#ff98001a;padding:1rem;border-radius:var(--radius-md, 8px);border-left:4px solid rgba(255,152,0,.8)}.dev-warning-notice .dev-warning-modal-message{font-size:.9rem}.dev-warning-modal-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.dev-warning-modal-link{display:inline-block;color:var(--brand-primary);text-decoration:underline;font-weight:600;font-size:1rem;transition:opacity .2s ease}.dev-warning-modal-link:hover{opacity:.8}.dev-warning-modal-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:2px}.dev-warning-modal-button{padding:.875rem 2rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;width:100%;max-width:300px}.dev-warning-modal-button:hover{background:var(--primary-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dev-warning-modal-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.dev-warning-modal-button:active{transform:translateY(0)}@media(max-width:768px){.dev-warning-modal-content{padding:1.5rem 1rem}.dev-warning-modal-logo{width:48px;height:48px}.dev-warning-modal-icon{font-size:3rem}.dev-warning-modal-title{font-size:1.5rem}.dev-warning-modal-subtitle{font-size:1rem}.dev-warning-modal-message{font-size:.95rem}.platform-addons{padding:1rem}.addons-list li{font-size:.9rem}.addon-logo{width:20px;height:20px}.dev-warning-modal-button{width:100%;min-width:auto;max-width:none}}.demo-container{max-width:1400px;margin:0 auto;padding:2rem}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-header p{color:#6b7280;font-size:1.1rem}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.demo-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb}.demo-card.full-width{grid-column:1 / -1}.demo-card.info-card{background:linear-gradient(135deg,#667eea15,#764ba215)}.demo-card h2{margin:0 0 1.5rem;font-size:1.5rem;color:#111827}.state-info{margin-bottom:1.5rem}.state-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.state-item:last-child{border-bottom:none}.state-label{font-weight:600;color:#374151}.state-value{font-size:.95rem;color:#6b7280}.state-value.monospace{font-family:Courier New,monospace;font-size:.85rem}.state-value.connected{color:#10b981;font-weight:600}.state-value.disconnected{color:#ef4444;font-weight:600}.demo-actions,.demo-actions-grid{display:flex;gap:1rem;flex-wrap:wrap}.demo-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.primary-button,.secondary-button,.action-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.secondary-button{background:#fff;color:#667eea;border:2px solid #667eea}.secondary-button:hover:not(:disabled){background:#f3f4f6}.action-button{background:#f9fafb;color:#374151;border:1px solid #e5e7eb}.action-button:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.primary-button:disabled,.secondary-button:disabled,.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.error-display{margin-top:1.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.error-display h3{margin:0 0 .5rem;color:#991b1b;font-size:1rem}.error-display p{margin:0 0 1rem;color:#7f1d1d}.event-log{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto;margin-bottom:1rem}.empty-log{text-align:center;color:#6b7280;padding:2rem;margin:0}.log-entry{display:flex;gap:1rem;padding:.5rem;border-bottom:1px solid #e5e7eb;animation:slideIn .3s ease-out}.log-entry:last-child{border-bottom:none}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-time{font-family:Courier New,monospace;font-size:.85rem;color:#6b7280;min-width:80px}.log-message{color:#374151;flex:1}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item h3{margin:0 0 .5rem;color:#667eea;font-size:1.1rem}.info-item p{margin:0 0 .75rem;color:#6b7280;font-size:.95rem;line-height:1.5}.info-item code{display:block;background:#fff;padding:.5rem;border-radius:4px;font-size:.85rem;color:#667eea;font-family:Courier New,monospace;border:1px solid #e5e7eb}.network-error-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fef2f2;color:#991b1b;padding:1rem 2rem;border-radius:8px;border:2px solid #fecaca;box-shadow:0 4px 12px #00000026;max-width:600px;text-align:center;animation:slideUp .3s ease-out;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.demo-modal-content{padding:1rem 0}.demo-modal-content p{margin:0 0 1rem;color:#374151}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:768px){.demo-container{padding:1rem}.demo-header h1{font-size:2rem}.demo-grid{grid-template-columns:1fr;gap:1rem}.demo-card{padding:1.5rem}.demo-actions,.demo-actions-grid{flex-direction:column}.action-button,.primary-button,.secondary-button{width:100%}.info-grid{grid-template-columns:1fr}.network-error-banner{left:10px;right:10px;transform:none;max-width:none}}@media(prefers-reduced-motion:reduce){.log-entry,.network-error-banner{animation:none}.primary-button:hover:not(:disabled){transform:none}}._button_wa1a8_2{padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}._button-primary_wa1a8_20{background:linear-gradient(135deg,#2d7a4f,#34a853);color:#fff;box-shadow:0 2px 4px #0000001a}._button-primary_wa1a8_20:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2d7a4f66}._button-primary_wa1a8_20:active:not(:disabled){transform:translateY(0) scale(.98)}._button-secondary_wa1a8_36{background:transparent;color:#2d7a4f;border:1px solid #2D7A4F}._button-secondary_wa1a8_36:hover:not(:disabled){background:#2d7a4f;color:#fff;transform:translateY(-2px)}._button-secondary_wa1a8_36:active:not(:disabled){transform:translateY(0) scale(.98)}._button_wa1a8_2:disabled{opacity:.5;cursor:not-allowed;transform:none}._button-loading_wa1a8_60{opacity:.8;cursor:wait}._button-spinner_wa1a8_65{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:_spin_wa1a8_1 .6s linear infinite}._button-text_wa1a8_75{display:inline-block}@keyframes _spin_wa1a8_1{to{transform:rotate(360deg)}}._button_wa1a8_2:focus-visible{outline:2px solid #2D7A4F;outline-offset:2px}@supports not selector(:focus-visible){._button_wa1a8_2:focus{outline:2px solid #2D7A4F;outline-offset:2px}}@media(prefers-reduced-motion:reduce){._button_wa1a8_2,._button-spinner_wa1a8_65{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){._button_wa1a8_2{min-height:44px;min-width:44px;padding:.875rem 1.5rem}}._card_cqnyd_2{background:#1a2820;padding:2rem;border-radius:12px;border:1px solid #2D7A4F;box-shadow:0 4px 6px #0003;transition:all .3s ease}._card-hover_cqnyd_12:hover{transform:translateY(-4px);box-shadow:0 8px 20px #2d7a4f33;border-color:#34a853}._card-interactive_cqnyd_19{cursor:pointer}._card-interactive_cqnyd_19:active{transform:translateY(-2px) scale(.99)}._card-interactive_cqnyd_19:focus-visible{outline:2px solid #2D7A4F;outline-offset:2px}@supports not selector(:focus-visible){._card-interactive_cqnyd_19:focus{outline:2px solid #2D7A4F;outline-offset:2px}}@media(prefers-reduced-motion:reduce){._card_cqnyd_2,._card-hover_cqnyd_12,._card-interactive_cqnyd_19{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){._card_cqnyd_2{padding:1.5rem}}._badge_1ytho_2{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}._badge-icon_1ytho_14{display:inline-flex;align-items:center;font-size:1em}._badge-success_1ytho_21{background:#22c55e;color:#fff}._badge-warning_1ytho_27{background:#f59e0b;color:#fff}._badge-danger_1ytho_33{background:#dc2626;color:#fff}._badge-neutral_1ytho_39{background:#94a3b8;color:#fff}@media(prefers-reduced-motion:reduce){._badge_1ytho_2{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._status-indicator_1cr4h_2{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}._status-icon_1cr4h_14{display:inline-flex;align-items:center;font-size:1.1em}._status-label_1cr4h_20{display:inline-block}._status-success_1cr4h_25{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}._status-warning_1cr4h_32{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}._status-danger_1cr4h_39{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.3)}@media(prefers-reduced-motion:reduce){._status-indicator_1cr4h_2{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){._status-indicator_1cr4h_2{font-size:.8125rem;padding:.375rem .75rem}}._input_8y55a_2{padding:.75rem;border:1px solid #2D7A4F;border-radius:8px;background:#0f1810;color:#f1f5f9;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}._input_8y55a_2::placeholder{color:#94a3b8;opacity:1}._input_8y55a_2:focus{outline:none;border-color:#34a853;box-shadow:0 0 0 3px #2d7a4f1a}._input_8y55a_2:focus-visible{outline:2px solid #2D7A4F;outline-offset:2px}@supports not selector(:focus-visible){._input_8y55a_2:focus{outline:2px solid #2D7A4F;outline-offset:2px}}._input_8y55a_2:disabled{opacity:.5;cursor:not-allowed;background:#1a2820}._input-error_8y55a_49{border-color:#dc2626}._input-error_8y55a_49:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}@media(prefers-reduced-motion:reduce){._input_8y55a_2{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){._input_8y55a_2{font-size:16px;padding:.875rem}}._container_1eyff_3{display:flex;flex-direction:column;gap:.375rem;width:100%}._label_1eyff_10{font-size:.875rem;font-weight:500;color:#e2e8f0}._required_1eyff_16{color:#ef4444}._inputWrapper_1eyff_20{position:relative;display:flex;align-items:center}._input_1eyff_20{width:100%;padding:.75rem 3rem .75rem .75rem;border:1px solid #2D7A4F;border-radius:8px;background:#0f1810;color:#f1f5f9;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}._input_1eyff_20::placeholder{color:#94a3b8;opacity:1}._input_1eyff_20:focus{outline:none;border-color:#34a853;box-shadow:0 0 0 3px #2d7a4f1a}._input_1eyff_20:focus-visible{outline:2px solid #2D7A4F;outline-offset:2px}@supports not selector(:focus-visible){._input_1eyff_20:focus{outline:2px solid #2D7A4F;outline-offset:2px}}._input_1eyff_20:disabled{opacity:.5;cursor:not-allowed;background:#1a2820}._inputError_1eyff_72{border-color:#dc2626}._inputError_1eyff_72:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}._inputSuccess_1eyff_82{border-color:#22c55e}._inputSuccess_1eyff_82:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}._inputLoading_1eyff_92{border-color:#3b82f6}._statusContainer_1eyff_97{position:absolute;right:.75rem;display:flex;align-items:center;gap:.5rem;pointer-events:none}._spinner_1eyff_107{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:_spin_1eyff_107 .8s linear infinite}@keyframes _spin_1eyff_107{to{transform:rotate(360deg)}}._successIcon_1eyff_123{display:flex;align-items:center;justify-content:center;color:#22c55e}._ensLabel_1eyff_131{display:inline-flex;align-items:center;padding:.125rem .375rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#60a5fa;background:#3b82f626;border-radius:4px}._resolvedHint_1eyff_145{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#94a3b8;padding-left:.125rem}._resolvedLabel_1eyff_154{color:#64748b}._resolvedAddress_1eyff_158{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.75rem;color:#22c55e;background:#22c55e1a;padding:.125rem .375rem;border-radius:4px}._ensNameLabel_1eyff_167{color:#60a5fa;font-weight:500}._errorMessage_1eyff_173{font-size:.75rem;color:#ef4444;padding-left:.125rem}@media(prefers-reduced-motion:reduce){._input_1eyff_20{transition-duration:.01ms!important}._spinner_1eyff_107{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:768px){._input_1eyff_20{font-size:16px;padding:.875rem 3.5rem .875rem .875rem}._resolvedHint_1eyff_145{flex-wrap:wrap}}._helper-text_j2zj6_2{display:block;font-size:.875rem;color:#94a3b8;margin-top:.25rem;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}._helper-text-error_j2zj6_13{color:#dc2626;font-weight:500}@media(prefers-reduced-motion:reduce){._helper-text_j2zj6_2{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._form-group_1gir0_2{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}._form-label_1gir0_9{font-size:.875rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}._form-required_1gir0_20{color:#dc2626;font-size:1.1em;margin-left:.125rem}@media(prefers-reduced-motion:reduce){._form-group_1gir0_2{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.component-examples{min-height:100vh;background:#0f1810;color:#f1f5f9;padding:2rem}.examples-container{max-width:1200px;margin:0 auto}.component-examples h1{font-size:2.5rem;color:#2d7a4f;margin-bottom:.5rem}.intro{font-size:1.125rem;color:#94a3b8;margin-bottom:3rem}.example-section{margin-bottom:4rem}.example-section h2{font-size:2rem;color:#34a853;margin-bottom:1.5rem;border-bottom:2px solid #2D7A4F;padding-bottom:.5rem}.example-section h3{font-size:1.25rem;color:#f1f5f9;margin-bottom:1rem}.example-section h4{font-size:1.125rem;color:#f1f5f9;margin-bottom:.5rem}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.example-item{margin-bottom:1.5rem}.example-badges,.example-statuses{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.accessibility-list{list-style:none;padding:0;margin:1rem 0}.accessibility-list li{padding:.5rem 0;font-size:1rem;color:#94a3b8}.usage-code{background:#1a2820;border:1px solid #2D7A4F;border-radius:8px;padding:1.5rem;overflow-x:auto;margin-top:1rem}.usage-code pre{margin:0;color:#f1f5f9;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6}@media(max-width:768px){.component-examples{padding:1rem}.component-examples h1{font-size:2rem}.example-section h2{font-size:1.5rem}.example-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.usage-code{padding:1rem}.usage-code pre{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--transition-base);box-shadow:var(--shadow-lg);z-index:1000}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);border-color:var(--brand-primary);box-shadow:0 8px 20px #0003}.theme-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(-15deg)}@media(max-width:768px){.theme-toggle{bottom:1rem;right:1rem;width:3rem;height:3rem;font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle-icon{transition:none}.theme-toggle:hover,.theme-toggle:hover .theme-toggle-icon{transform:none}}.user-management-modal{width:100%;max-width:none;background:transparent;border-radius:0;padding:0;overflow:visible}.modal-header-section{padding:24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header-section h2{margin:0;font-size:24px;color:var(--color-text)}.wallet-info-header{display:flex;align-items:center;gap:8px}.wallet-address-display{font-family:monospace;font-size:14px;color:var(--color-text-secondary)}.wallet-address-stack{display:flex;flex-direction:column;gap:2px}.wallet-address-full{font-family:monospace;font-size:12px;color:var(--color-text-tertiary);opacity:.8;word-break:break-all}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary)}.status-dot.connected{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.connect-section{padding:48px 24px}.connect-prompt{text-align:center;max-width:400px;margin:0 auto}.connect-icon{font-size:48px;margin-bottom:16px}.connect-prompt h3{margin:0 0 12px;font-size:20px;color:var(--color-text)}.connect-prompt p{margin:0 0 24px;color:var(--color-text-secondary);line-height:1.6}.connect-wallet-btn-large{padding:12px 32px;font-size:16px;font-weight:600;color:var(--primary-button-text, white);background:var(--primary-button, #36B37E);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:160px}.connect-wallet-btn-large:hover:not(:disabled){background:var(--primary-button-hover, #2F9E6E);transform:translateY(-1px)}.connect-wallet-btn-large:active:not(:disabled){transform:translateY(0)}.connect-wallet-btn-large:disabled{opacity:.6;cursor:not-allowed}.connection-error{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:16px 0;background:var(--semantic-loss, #E5533D);background:#e5533d1a;border:1px solid var(--semantic-loss, #E5533D);border-radius:8px;color:var(--semantic-loss, #E5533D)}.connector-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;align-items:center;justify-content:center}.connector-options .thirdweb-wallet-button{width:100%;max-width:400px}.connector-options .thirdweb-wallet-button button{width:100%;padding:16px 24px;font-size:16px;font-weight:500;border-radius:12px}.wallet-help{margin-top:24px;padding:16px;background:#4c9aff1a;border-left:3px solid var(--semantic-active, #4C9AFF);border-radius:6px;text-align:left}.wallet-help p{margin:0 0 8px;font-size:14px;color:var(--text-secondary, #5A6772)}.install-metamask-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--primary-button, #36B37E);text-decoration:none;transition:all .2s ease}.install-metamask-link:hover{color:var(--primary-button-hover, #2F9E6E);text-decoration:underline}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface-secondary);overflow-x:auto}.tab{flex:1;min-width:120px;padding:16px 12px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--color-text);background:var(--color-surface)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface)}.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tab-content{padding:24px;max-height:none;overflow:visible}.profile-section .section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.profile-section .section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.profile-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text)}.wallet-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;gap:8px;align-items:center;padding:12px;background:var(--color-surface-secondary);border-radius:8px}.detail-row .label{font-weight:600;color:var(--color-text-secondary);min-width:80px}.detail-row .value{font-family:monospace;font-size:14px;color:var(--color-text);word-break:break-all}.disconnect-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--primary-button-text, #ffffff);background:var(--danger-color, #dc2626);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:var(--danger-color-hover, #b91c1c)}.clearpath-status-section{display:flex;flex-direction:column;gap:16px}.status-display{display:flex;align-items:center;gap:12px}.status-badge{display:inline-flex;align-items:center;padding:6px 16px;font-size:14px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{color:var(--color-success);background:var(--color-success-bg, rgba(72, 187, 120, .1));border:1px solid var(--color-success)}.status-badge.inactive{color:var(--color-text-tertiary);background:var(--color-surface-secondary);border:1px solid var(--color-border)}.last-updated{font-size:12px;color:var(--color-text-tertiary)}.toggle-status-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--primary-button-text, #ffffff);background:var(--primary-button, #36B37E);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.toggle-status-btn:hover{background:var(--primary-button-hover, #2F9E6E)}.clearpath-description{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.demo-mode-section{display:flex;flex-direction:column;gap:16px}.toggle-demo-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--primary-button-text, #ffffff);background:var(--primary-button, #36B37E);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.toggle-demo-btn:hover{background:var(--primary-button-hover, #2F9E6E)}.demo-mode-description{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.status-badge.demo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.status-badge.live{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.preferences-info{display:flex;flex-direction:column;gap:12px}.pref-item{display:flex;justify-content:space-between;padding:12px;background:var(--color-surface-secondary);border-radius:6px}.pref-label{font-weight:500;color:var(--color-text-secondary)}.pref-value{font-weight:600;color:var(--color-text)}.search-section h3{margin:0 0 16px;font-size:18px;color:var(--color-text)}.search-form{margin-bottom:24px}.search-input-group{display:flex;gap:8px}.search-input{flex:1;padding:12px 16px;font-size:14px;color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.search-btn{padding:12px 24px;font-size:14px;font-weight:500;color:var(--primary-button-text, #ffffff);background:var(--primary-button, #36B37E);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.search-btn:hover{background:var(--primary-button-hover, #2F9E6E)}.recent-searches{margin-bottom:24px}.recent-searches h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.search-item-btn{width:100%;padding:10px 12px;text-align:left;font-size:14px;color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.search-item-btn:hover{background:var(--color-surface-tertiary, var(--color-surface));border-color:var(--color-primary)}.search-help{padding:16px;background:var(--color-info-bg, rgba(66, 153, 225, .1));border-left:3px solid var(--color-info, #4299e1);border-radius:6px}.search-help p{margin:0;font-size:14px;color:var(--color-text-secondary)}.swap-section{padding:0}.launch-section h3{margin:0 0 24px;font-size:18px;color:var(--color-text)}.launch-content{text-align:center;max-width:500px;margin:0 auto}.launch-icon{font-size:64px;margin-bottom:16px}.launch-description{margin:0 0 24px;font-size:15px;color:var(--color-text-secondary);line-height:1.6}.launch-market-btn{padding:14px 32px;font-size:16px;font-weight:600;color:var(--primary-button-text, #ffffff);background:var(--primary-button, #36B37E);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:32px}.launch-market-btn:hover{background:var(--primary-button-hover, #2F9E6E);transform:translateY(-1px)}.launch-help{text-align:left;padding:20px;background:var(--color-surface-secondary);border-radius:8px}.launch-help h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text)}.launch-help ul{margin:0;padding-left:20px}.launch-help li{margin-bottom:8px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.launch-help li:last-child{margin-bottom:0}@media(max-width:768px){.user-management-modal{max-width:100%;border-radius:0}.modal-header-section{padding:16px}.modal-header-section h2{font-size:20px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{min-width:100px;padding:12px 8px;font-size:13px}.tab-content{padding:16px}.search-input-group{flex-direction:column}.search-btn{width:100%}}.settings-section h3{margin:0 0 24px;font-size:18px;color:var(--color-text)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:16px;background:var(--color-surface-secondary);border-radius:8px;gap:16px}.setting-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--color-text)}.setting-info p{margin:0;font-size:14px;color:var(--color-text-secondary)}.theme-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle-btn:hover{border-color:var(--color-primary);background:var(--color-primary-alpha, rgba(54, 179, 126, .1))}.theme-icon{font-size:20px}.theme-label{white-space:nowrap}.status-toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.status-toggle-btn:hover{background:var(--color-surface)}.setting-value{font-size:16px;font-weight:600;color:var(--color-text);flex-shrink:0}.scan-section h3{margin:0 0 16px;font-size:18px;color:var(--color-text)}.scan-description{margin:0 0 24px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.open-scanner-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.open-scanner-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.open-scanner-btn:active{transform:translateY(0)}.open-scanner-btn span[aria-hidden=true]{font-size:24px}.scanner-container{margin-top:24px}.user-roles-list{display:flex;flex-direction:column;gap:12px}.user-role-item{padding:16px;background:var(--color-surface-secondary);border-radius:8px;border:1px solid var(--color-border)}.role-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.role-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:13px;font-weight:600;border-radius:12px;background:var(--color-primary-alpha, rgba(54, 179, 126, .1));color:var(--color-primary);border:1px solid var(--color-primary)}.premium-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;text-transform:uppercase;letter-spacing:.5px}.role-desc{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.no-roles-message{text-align:center;padding:24px;background:var(--color-surface-secondary);border-radius:8px;border:2px dashed var(--color-border)}.no-roles-message p{margin:0 0 16px;color:var(--color-text-secondary);font-size:14px}.get-roles-btn{padding:10px 24px;font-size:14px;font-weight:600;color:var(--primary-button-text, #ffffff);background:linear-gradient(135deg,var(--primary-button, #36B37E),var(--accent-color, #4C9AFF));border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.get-roles-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.clearpath-management-section{background:linear-gradient(135deg,#36b37e0d,#667eea0d);padding:20px!important;border-radius:8px;border:1px solid var(--color-primary)}.section-description{margin:0 0 16px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.manage-org-btn{padding:12px 24px;font-size:14px;font-weight:600;color:var(--primary-button-text, #ffffff);background:var(--primary-button, #36B37E);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.manage-org-btn:hover{background:var(--primary-button-hover, #2F9E6E);transform:translateY(-1px)}.admin-section{background:linear-gradient(135deg,#ed64a60d,#ff4d4d0d);padding:20px!important;border-radius:8px;border:1px solid var(--color-error, #f56565)}.admin-panel-btn{padding:12px 24px;font-size:14px;font-weight:600;color:var(--primary-button-text, #ffffff);background:var(--danger-color, #dc2626);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-panel-btn:hover{background:var(--danger-color-hover, #b91c1c);transform:translateY(-1px)}.fairwins-user-modal{width:100%;max-width:100%;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-lg, 12px);overflow:hidden;font-family:var(--font-family, system-ui, -apple-system, sans-serif)}.fwum-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0)}.fwum-wallet-info{display:flex;align-items:center;gap:1rem}.fwum-avatar{border-radius:50%;border:3px solid var(--brand-primary, #36B37E);box-shadow:0 0 0 2px var(--bg-primary, #f8fafc)}.fwum-wallet-details{display:flex;flex-direction:column;gap:.25rem}.fwum-address{font-size:1rem;font-weight:600;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-primary, #1a202c)}.fwum-address-full{font-size:.75rem;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-tertiary, #a0aec0);word-break:break-all;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fwum-connection-status{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.fwum-status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary, #a0aec0)}.fwum-status-dot.connected{background:var(--success-color, #48bb78);box-shadow:0 0 8px var(--success-color, #48bb78);animation:pulse-status 2s infinite}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.6}}.fwum-status-text{font-size:.75rem;font-weight:500;color:var(--success-color, #48bb78);text-transform:uppercase;letter-spacing:.5px}.fwum-disconnect-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:var(--danger-color, #e53e3e);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.fwum-disconnect-btn:hover{background:var(--danger-color-hover, #c53030);transform:translateY(-1px);box-shadow:0 4px 12px #e53e3e4d}.fwum-disconnect-btn:active{transform:translateY(0)}.fwum-tabs{display:flex;background:var(--bg-secondary, #ffffff);border-bottom:1px solid var(--border-color, #e2e8f0);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.fwum-tabs::-webkit-scrollbar{display:none}.fwum-tab{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .75rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary, #718096);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.fwum-tab:hover{color:var(--text-primary, #1a202c);background:var(--bg-primary, #f8fafc)}.fwum-tab.active{color:var(--brand-primary, #36B37E);border-bottom-color:var(--brand-primary, #36B37E);background:var(--bg-primary, #f8fafc)}.fwum-tab:focus-visible{outline:2px solid var(--brand-primary, #36B37E);outline-offset:-2px}.fwum-tab-icon{font-size:1.25rem}.fwum-tab-label{font-size:.75rem;letter-spacing:.25px}.fwum-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.fwum-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fwum-panel-swap{padding:0}.fwum-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.fwum-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.fwum-section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary, #1a202c)}.fwum-section-title span{font-size:1.125rem}.fwum-wallet-card,.fwum-clearpath-card,.fwum-datasource-card{padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}.fwum-info-row{display:flex;flex-direction:column;gap:.25rem}.fwum-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #a0aec0);text-transform:uppercase;letter-spacing:.5px}.fwum-value{font-size:.875rem;color:var(--text-primary, #1a202c);word-break:break-all}.fwum-monospace{font-family:SF Mono,Monaco,Courier New,monospace}.fwum-status-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.fwum-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.fwum-status-badge.active{color:var(--success-color, #48bb78);background:#48bb781a;border:1px solid var(--success-color, #48bb78)}.fwum-status-badge.inactive{color:var(--text-tertiary, #a0aec0);background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e2e8f0)}.fwum-mode-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:20px}.fwum-mode-badge.demo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.fwum-mode-badge.live{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.fwum-timestamp{font-size:.75rem;color:var(--text-tertiary, #a0aec0)}.fwum-description{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary, #718096);line-height:1.6}.fwum-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--brand-primary, #36B37E);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.fwum-action-btn:hover{background:var(--primary-button-hover, #2f9e6e);transform:translateY(-1px);box-shadow:0 4px 12px #36b37e4d}.fwum-action-btn:active{transform:translateY(0)}.fwum-action-btn.secondary{color:var(--text-primary, #1a202c);background:var(--bg-secondary, #ffffff);border:2px solid var(--border-color, #e2e8f0)}.fwum-action-btn.secondary:hover{border-color:var(--brand-primary, #36B37E);background:var(--bg-primary, #f8fafc);box-shadow:0 4px 12px #0000001a}.fwum-action-btn.primary{background:var(--brand-primary, #36B37E)}.fwum-action-btn.danger{background:var(--danger-color, #e53e3e)}.fwum-action-btn.danger:hover{background:var(--danger-color-hover, #c53030);box-shadow:0 4px 12px #e53e3e4d}.fwum-roles-list{display:flex;flex-direction:column;gap:.75rem}.fwum-role-card{padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}.fwum-role-card:hover{border-color:var(--brand-primary, #36B37E)}.fwum-role-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.fwum-role-badge{display:inline-flex;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;color:var(--brand-primary, #36B37E);background:#36b37e1a;border:1px solid var(--brand-primary, #36B37E);border-radius:12px}.fwum-premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;color:#1a202c;background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.fwum-role-description{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096);line-height:1.5}.fwum-no-roles{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;background:var(--bg-primary, #f8fafc);border:2px dashed var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px)}.fwum-no-roles-icon{font-size:2.5rem;margin-bottom:.75rem}.fwum-no-roles p{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary, #718096)}.fwum-premium-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand-primary, #36B37E),var(--accent-color, #4C9AFF));border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.fwum-premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #36b37e66}.fwum-clearpath-section{background:linear-gradient(135deg,#36b37e0d,#667eea0d);padding:1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--brand-primary, #36B37E)}.fwum-admin-section{background:linear-gradient(135deg,#ed64a60d,#ff4d4d0d);padding:1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--danger-color, #e53e3e)}.fwum-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.fwum-stat-card{display:flex;flex-direction:column;padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);text-align:center}.fwum-stat-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary, #a0aec0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.fwum-stat-value{font-size:1.5rem;font-weight:700;color:var(--brand-primary, #36B37E)}.fwum-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.75rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0);transition:all .2s ease}.fwum-setting-item:last-child{margin-bottom:0}.fwum-setting-item:hover{border-color:var(--brand-primary, #36B37E)}.fwum-setting-info{display:flex;align-items:center;gap:1rem;flex:1}.fwum-setting-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-md, 8px);flex-shrink:0}.fwum-setting-text{display:flex;flex-direction:column;gap:.125rem}.fwum-setting-text strong{font-size:.9375rem;color:var(--text-primary, #1a202c)}.fwum-setting-text p{margin:0;font-size:.8125rem;color:var(--text-secondary, #718096)}.fwum-toggle-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.fwum-toggle-btn:hover{background:var(--bg-secondary, #ffffff)}.fwum-toggle-btn:focus-visible{outline:2px solid var(--brand-primary, #36B37E);outline-offset:2px}.fwum-toggle-track{position:relative;width:3rem;height:1.5rem;background:var(--border-color, #e2e8f0);border-radius:1rem;transition:all .2s ease}.fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track{background:var(--brand-primary, #36B37E)}.fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track.platform{background:linear-gradient(135deg,#667eea,#764ba2)}.fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track.currency{background:linear-gradient(135deg,#48bb78,#38a169)}.fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track.data{background:linear-gradient(135deg,#ed64a6,#d53f8c)}.fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track.clearpath{background:linear-gradient(135deg,#4299e1,#3182ce)}.fwum-toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:all .2s ease}.fwum-toggle-thumb.active{left:calc(100% - 1.375rem)}.fwum-toggle-label{font-size:.875rem;font-weight:600;color:var(--text-primary, #1a202c);min-width:4.5rem;text-align:left}.fwum-wallet-status-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:2px solid var(--success-color, #48bb78)}.fwum-wallet-connected{display:flex;align-items:center;gap:1rem}.fwum-wallet-status-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius:50%}.fwum-wallet-status-icon.connected{background:var(--success-color, #48bb78);color:#fff}.fwum-wallet-status-info{display:flex;flex-direction:column;gap:.125rem}.fwum-wallet-status-info strong{font-size:.875rem;color:var(--text-primary, #1a202c)}.fwum-wallet-address{font-size:.75rem;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-secondary, #718096)}.fwum-disconnect-settings-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:#fff;background:var(--danger-color, #e53e3e);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease}.fwum-disconnect-settings-btn:hover{background:var(--danger-color-hover, #c53030)}.fwum-search-form{margin-bottom:1.5rem}.fwum-search-input-group{display:flex;gap:.5rem}.fwum-search-input{flex:1;padding:.875rem 1rem;font-size:.9375rem;color:var(--text-primary, #1a202c);background:var(--bg-primary, #f8fafc);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);outline:none;transition:all .2s ease}.fwum-search-input:focus{border-color:var(--brand-primary, #36B37E);box-shadow:0 0 0 3px #36b37e26}.fwum-search-input::placeholder{color:var(--text-tertiary, #a0aec0)}.fwum-search-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background:var(--brand-primary, #36B37E);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;white-space:nowrap}.fwum-search-btn:hover{background:var(--primary-button-hover, #2f9e6e)}.fwum-recent-searches{margin-bottom:1.5rem}.fwum-recent-searches h4{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--text-tertiary, #a0aec0);text-transform:uppercase;letter-spacing:.5px}.fwum-search-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.fwum-search-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary, #1a202c);background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;transition:all .2s ease}.fwum-search-item:hover{border-color:var(--brand-primary, #36B37E);background:var(--bg-secondary, #ffffff)}.fwum-search-help{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#4299e11a;border-left:3px solid var(--info-color, #4299e1);border-radius:var(--radius-md, 8px)}.fwum-help-icon{font-size:1.25rem;flex-shrink:0}.fwum-search-help p{margin:0;font-size:.875rem;color:var(--text-secondary, #718096);line-height:1.5}.fwum-launch-section{border-bottom:none}.fwum-launch-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;margin:0 auto}.fwum-launch-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fwum-launch-content h3{margin:0 0 .75rem;font-size:1.5rem;color:var(--text-primary, #1a202c)}.fwum-launch-description{margin:0 0 1.5rem;font-size:.9375rem;color:var(--text-secondary, #718096);line-height:1.6}.fwum-launch-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:var(--brand-primary, #36B37E);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.fwum-launch-btn:hover{background:var(--primary-button-hover, #2f9e6e);transform:translateY(-2px);box-shadow:0 6px 16px #36b37e66}.fwum-launch-requirements{width:100%;text-align:left;padding:1.25rem;background:var(--bg-primary, #f8fafc);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}.fwum-launch-requirements h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #1a202c)}.fwum-launch-requirements ul{margin:0;padding:0;list-style:none}.fwum-launch-requirements li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary, #718096)}.fwum-launch-requirements li span{color:var(--success-color, #48bb78)}.fwum-market-maker-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;color:var(--brand-primary, #36B37E);background:#36b37e1a;border:1px solid var(--brand-primary, #36B37E);border-radius:20px}:root.theme-dark .fairwins-user-modal{background:var(--bg-secondary, #1a202c)}:root.theme-dark .fwum-header{background:var(--bg-primary, #2d3748);border-bottom-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-tabs{background:var(--bg-secondary, #1a202c);border-bottom-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-tab:hover{background:var(--bg-primary, #2d3748)}:root.theme-dark .fwum-tab.active{background:var(--bg-primary, #2d3748)}:root.theme-dark .fwum-wallet-card,:root.theme-dark .fwum-clearpath-card,:root.theme-dark .fwum-datasource-card,:root.theme-dark .fwum-role-card,:root.theme-dark .fwum-stat-card,:root.theme-dark .fwum-setting-item,:root.theme-dark .fwum-search-input,:root.theme-dark .fwum-search-item,:root.theme-dark .fwum-launch-requirements{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-no-roles{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-status-badge.inactive{background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-setting-icon{background:var(--bg-secondary, #1a202c)}:root.theme-dark .fwum-toggle-track{background:var(--border-color, #4a5568)}:root.theme-dark .fwum-toggle-btn:hover{background:var(--bg-primary, #2d3748)}:root.theme-dark .fwum-wallet-status-card{background:var(--bg-primary, #2d3748)}:root.theme-dark .fwum-search-help{background:#4299e126}:root.theme-dark .fwum-action-btn.secondary{color:var(--text-primary, #f7fafc);background:var(--bg-primary, #2d3748);border-color:var(--border-color, #4a5568)}:root.theme-dark .fwum-action-btn.secondary:hover{background:var(--bg-secondary, #1a202c)}:root.platform-clearpath .fwum-avatar{border-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-tab.active{color:var(--clearpath-primary, #4C9AFF);border-bottom-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-action-btn{background:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-action-btn:hover{background:#3182ce;box-shadow:0 4px 12px #4c9aff4d}:root.platform-clearpath .fwum-premium-btn{background:linear-gradient(135deg,#4c9aff,#667eea)}:root.platform-clearpath .fwum-role-badge{color:var(--clearpath-primary, #4C9AFF);background:#4c9aff1a;border-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-stat-value{color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-search-input:focus{border-color:var(--clearpath-primary, #4C9AFF);box-shadow:0 0 0 3px #4c9aff26}:root.platform-clearpath .fwum-search-btn,:root.platform-clearpath .fwum-launch-btn{background:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-search-btn:hover,:root.platform-clearpath .fwum-launch-btn:hover{background:#3182ce;box-shadow:0 6px 16px #4c9aff66}:root.platform-clearpath .fwum-toggle-btn[aria-pressed=true] .fwum-toggle-track{background:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-market-maker-badge{color:var(--clearpath-primary, #4C9AFF);background:#4c9aff1a;border-color:var(--clearpath-primary, #4C9AFF)}:root.platform-clearpath .fwum-setting-item:hover,:root.platform-clearpath .fwum-role-card:hover,:root.platform-clearpath .fwum-search-item:hover{border-color:var(--clearpath-primary, #4C9AFF)}@media(max-width:768px){.fwum-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.fwum-wallet-info{flex-direction:column;text-align:center}.fwum-address-full{max-width:100%}.fwum-disconnect-btn{width:100%;justify-content:center}.fwum-tabs{justify-content:flex-start}.fwum-tab{min-width:70px;padding:.75rem .5rem}.fwum-tab-icon{font-size:1.125rem}.fwum-tab-label{font-size:.6875rem}.fwum-content{padding:1rem;max-height:50vh}.fwum-setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.fwum-toggle-btn{width:100%;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary, #ffffff);border-radius:var(--radius-md, 8px)}.fwum-search-input-group{flex-direction:column}.fwum-search-btn{width:100%;justify-content:center}.fwum-stats-grid{grid-template-columns:1fr 1fr}.fwum-launch-icon{font-size:3rem}}@media(max-width:480px){.fwum-tab{min-width:60px;padding:.625rem .25rem}.fwum-section-title{font-size:.9375rem}.fwum-action-btn{width:100%;justify-content:center}.fwum-stats-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.fwum-status-dot.connected,.fwum-panel,.fwum-launch-icon{animation:none}.fwum-disconnect-btn,.fwum-tab,.fwum-action-btn,.fwum-toggle-thumb,.fwum-toggle-track,.fwum-role-card,.fwum-setting-item,.fwum-search-input,.fwum-search-item,.fwum-premium-btn,.fwum-launch-btn,.fwum-disconnect-settings-btn{transition:none}}@media print{.fairwins-user-modal{background:#fff;color:#000}.fwum-disconnect-btn,.fwum-tabs,.fwum-action-btn,.fwum-toggle-btn,.fwum-premium-btn,.fwum-launch-btn{display:none}}.settings-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.settings-modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.settings-modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.settings-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.settings-modal-body{padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:.75rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.setting-item:last-child{margin-bottom:0}.setting-item:hover{border-color:var(--brand-primary)}.setting-label{display:flex;align-items:center;gap:1rem;flex:1}.setting-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md)}.setting-icon.status-connected{background:var(--success-color);color:#fff}.setting-label div{display:flex;flex-direction:column;gap:.25rem}.setting-label strong{color:var(--text-primary);font-size:1rem}.setting-description{color:var(--text-secondary);font-size:.875rem;margin:0}.setting-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md)}.setting-toggle:hover{background:var(--bg-secondary)}.toggle-track{width:3rem;height:1.5rem;background:var(--border-color);border-radius:1rem;position:relative;transition:all var(--transition-base)}.toggle-thumb{position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:0 2px 4px #0003}.toggle-thumb.active{left:calc(100% - 1.375rem);background:var(--brand-primary)}.setting-toggle[aria-pressed=true] .toggle-track{background:var(--brand-primary)}.toggle-label{color:var(--text-primary);font-weight:600;font-size:.875rem;min-width:3.5rem;text-align:left}.connect-wallet-btn,.disconnect-wallet-btn{padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;font-size:.875rem}.connect-wallet-btn{background:var(--brand-primary);color:#fff}.connect-wallet-btn:hover{background:var(--primary-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.disconnect-wallet-btn{background:var(--danger-color);color:#fff}.disconnect-wallet-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.wallet-status{border:2px solid var(--border-color)}.wallet-status:hover{border-color:var(--brand-primary)}@media(max-width:768px){.settings-modal-content{max-width:100%;margin:0}.settings-modal-body{padding:1rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-toggle,.connect-wallet-btn,.disconnect-wallet-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.settings-modal-overlay,.setting-item,.toggle-track,.toggle-thumb,.setting-toggle,.connect-wallet-btn,.disconnect-wallet-btn{transition:none}}.role-gate-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--color-surface);border-radius:12px;border:2px dashed var(--color-border);margin:2rem 0}.role-gate-icon{font-size:3rem;margin-bottom:1rem}.role-gate-message h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.role-gate-message p{color:var(--text-secondary);margin-bottom:1.5rem;max-width:500px}.required-roles-list{list-style:none;padding:0;margin:1rem 0 2rem;width:100%;max-width:500px}.required-role-item{background:var(--background-secondary);padding:1rem;margin-bottom:.75rem;border-radius:8px;text-align:left;display:flex;flex-direction:column;gap:.25rem}.required-role-item strong{color:var(--text-primary);font-size:1rem}.role-description{color:var(--text-secondary);font-size:.875rem}.purchase-access-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-access-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.purchase-access-btn:active{transform:translateY(0)}.purchase-access-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.role-purchase-modal{width:100%;max-width:600px;background:var(--color-surface);border-radius:16px;overflow:hidden}.purchase-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border)}.purchase-modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text)}.close-modal-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-secondary);border:none;border-radius:8px;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:var(--color-error-bg, rgba(245, 101, 101, .1));color:var(--color-error)}.purchase-modal-content{padding:2rem;max-height:600px;overflow-y:auto}.select-step{display:flex;flex-direction:column;gap:1.5rem}.step-description{margin:0;color:var(--color-text-secondary);line-height:1.6}.role-options{display:flex;flex-direction:column;gap:1rem}.role-option{display:flex;gap:1rem;padding:1.25rem;background:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.role-option:hover{border-color:var(--color-primary);background:var(--color-surface)}.role-option input[type=radio]{flex-shrink:0;margin-top:.25rem}.role-option input[type=radio]:checked+.role-option-content{color:var(--color-primary)}.role-option-content{flex:1}.role-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.role-option-name{font-size:1.125rem;font-weight:600;color:var(--color-text)}.role-option-price{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.role-option-description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.selected-role-summary{background:linear-gradient(135deg,#36b37e1a,#667eea1a);padding:1.5rem;border-radius:12px;border:1px solid var(--color-primary)}.selected-role-summary h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.summary-details{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:.875rem;color:var(--color-text-secondary)}.summary-value{font-size:1rem;font-weight:600;color:var(--color-text)}.purchase-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-accent, #667eea));border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.payment-step{text-align:center;padding:2rem 0}.loading-spinner{display:flex;justify-content:center;margin-bottom:1.5rem}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-step h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text)}.payment-step p{margin:0 0 2rem;color:var(--color-text-secondary)}.payment-details{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.detail-row{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface-secondary);border-radius:8px}.detail-row span:first-child{color:var(--color-text-secondary)}.detail-row span:last-child{font-weight:600;color:var(--color-text)}.register-step{text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;background:var(--color-success-bg, rgba(72, 187, 120, .1));border-radius:50%;font-size:2rem;color:var(--color-success)}.register-step h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text)}.register-description{margin:0 0 2rem;color:var(--color-text-secondary);line-height:1.6;text-align:left}.register-form{text-align:left;margin-bottom:1.5rem}.register-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--color-text)}.zk-key-input{width:100%;padding:.75rem;font-family:monospace;font-size:.875rem;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);resize:vertical;outline:none;transition:all .2s ease}.zk-key-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.input-help{margin:.5rem 0 0;font-size:.75rem;color:var(--color-text-tertiary);line-height:1.5}.register-actions{display:flex;gap:1rem}.register-btn{flex:1;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.register-btn:hover:not(:disabled){background:var(--color-primary-dark)}.register-btn:disabled{opacity:.6;cursor:not-allowed}.skip-btn{padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.skip-btn:hover{background:var(--color-surface-secondary);border-color:var(--color-text-secondary)}.complete-step{text-align:center}.success-icon-large{font-size:4rem;margin-bottom:1rem}.complete-step h3{margin:0 0 .5rem;font-size:1.75rem;color:var(--color-text)}.complete-description{margin:0 0 2rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.complete-features{text-align:left;background:var(--color-surface-secondary);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.complete-features h4{margin:0 0 1rem;font-size:1rem;color:var(--color-text)}.complete-features ul{margin:0;padding-left:1.5rem}.complete-features li{margin-bottom:.75rem;color:var(--color-text-secondary);line-height:1.5}.complete-features li:last-child{margin-bottom:0}.complete-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-success);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.complete-btn:hover{background:var(--color-success-dark, #2f855a);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.role-option-selected{border-color:var(--color-primary);background:var(--color-surface)}.tier-step{display:flex;flex-direction:column;gap:1.5rem}.back-btn{align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--color-surface-secondary);color:var(--color-text)}.tier-step h3{margin:0;font-size:1.25rem;color:var(--color-text)}.tier-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tier-option{display:flex;flex-direction:column;padding:1.25rem;background:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.tier-option:hover{border-color:var(--tier-color, var(--color-primary))}.tier-option-selected{border-color:var(--tier-color, var(--color-primary));background:var(--color-surface);box-shadow:0 0 0 2px var(--tier-color, var(--color-primary))}.tier-radio{display:none}.tier-option-content{display:flex;flex-direction:column;gap:.75rem}.tier-option-header{display:flex;justify-content:space-between;align-items:center}.tier-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;color:#1a1a2e;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tier-price{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.tier-limits{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0000001a;border-radius:8px}.limit-item{display:flex;justify-content:space-between;font-size:.8rem}.limit-label{color:var(--color-text-secondary)}.limit-value{font-weight:600;color:var(--color-text)}.tier-features{margin:0;padding-left:1.25rem;list-style-type:none}.tier-features li{position:relative;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.25rem}.tier-features li:before{content:"✓";position:absolute;left:-1.25rem;color:var(--color-success)}.selected-role-summary h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}@media(max-width:640px){.purchase-modal-content{padding:1.5rem}.register-actions{flex-direction:column}.skip-btn{order:-1}.tier-options{grid-template-columns:1fr}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.error-boundary-content{background:#fff;border-radius:12px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-boundary h1{margin:0 0 1rem;font-size:2rem;color:#111827}.error-boundary p{color:#6b7280;font-size:1.1rem;margin:0 0 2rem}.error-details{text-align:left;margin:2rem 0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#111827}.error-message,.error-stack{margin:1rem 0 0;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;overflow-x:auto;color:#991b1b;white-space:pre-wrap;word-break:break-word}.error-stack{color:#6b7280;font-size:.8rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.reset-button,.home-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.home-button{background:#fff;color:#667eea;border:2px solid #667eea}.home-button:hover{background:#f3f4f6}.reset-button:focus-visible,.home-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media(max-width:768px){.error-boundary-content{padding:2rem}.error-icon{font-size:3rem}.error-boundary h1{font-size:1.5rem}.error-boundary p{font-size:1rem}.error-actions{flex-direction:column}.reset-button,.home-button{width:100%}}