*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c0c0c,#1a1a1a 25%,#2d2d2d 50%,#1a1a1a 75%,#0c0c0c);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b9811a 0,#0000 50%),radial-gradient(circle at 60% 70%,#f565651a 0,#0000 50%)}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}body:after{background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ffffff03 50%,#0000 70%)}#root{min-height:100vh;position:relative}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d}::-webkit-scrollbar-thumb:hover{background:#ffffff80}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6}.glass-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #ffffff0d;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.glass-card:hover{background:#00000080;border:1px solid #fff3;box-shadow:0 16px 48px #0006,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff1a;transform:translateY(-4px) scale(1.02)}.btn-primary,.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.btn-secondary{padding:12px 24px}.btn-secondary:hover{border-color:#ffffff4d}input,select,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}input::placeholder,select::placeholder,textarea::placeholder{color:#fff9}input:focus,select:focus,textarea:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #667eea33;outline:none}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.fade-in{animation:fadeIn .5s ease-in}.grid-1{grid-gap:16px;grid-template-columns:1fr}.grid-1,.grid-2{display:grid;gap:16px}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:16px}.grid-4{grid-gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:#fff}.text-gray{color:#ffffffb3}.text-light{color:#ffffff80}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.trade-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#00000059;border:1px solid #ffffff14;border-radius:20px;color:#fff;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.trade-card:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;right:0;z-index:1}.trade-card:after,.trade-card:before{content:"";left:0;position:absolute;top:0}.trade-card:after{background:radial-gradient(circle at 30% 20%,#ffffff05 0,#0000 50%);height:100%;pointer-events:none;width:100%;z-index:0}.trade-card:hover{background:#00000073;border-color:#ffffff26;box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.01)}.trade-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.trade-symbol{display:flex;flex-direction:column;gap:.5rem}.trade-symbol h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0}.broker-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.broker-badge.binance{background:linear-gradient(135deg,#f0b90b,#f8d12f);color:#000}.broker-badge.dhan{background:linear-gradient(135deg,#00d4aa,#00b894);color:#fff}.trade-status{align-items:center;display:flex}.status-badge{border:1px solid;font-size:.75rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.status-badge.green{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.status-badge.yellow{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.status-badge.red{background:#ef444433;border-color:#ef44444d;color:#ef4444}.status-badge.gray{background:#9ca3af33;border-color:#9ca3af4d;color:#9ca3af}.trade-info{margin-bottom:1.5rem}.info-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.info-row:last-child{margin-bottom:0}.info-item{flex-direction:column;gap:.25rem}.info-label{color:#ffffffb3;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.25rem}.info-value.action-green{color:#22c55e}.info-value.action-red{color:#ef4444}.info-value.change-positive{color:#22c55e}.info-value.change-negative{color:#ef4444}.pnl-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.pnl-item{align-items:center;display:flex;gap:.5rem;justify-content:center}.pnl-icon{color:#ffffffb3}.pnl-label{color:#fffc;font-size:.9rem;font-weight:500}.pnl-value{font-size:1.1rem;font-weight:700}.pnl-value.green{color:#22c55e}.pnl-value.red{color:#ef4444}.risk-management{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.risk-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex:1 1;gap:.25rem;min-width:120px;padding:.5rem .75rem}.risk-icon{color:#fff9}.risk-label{color:#ffffffb3;font-size:.75rem;font-weight:500}.risk-value{color:#fff;font-size:.85rem;font-weight:600;margin-left:auto}.trade-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;padding-top:1rem}.trade-footer,.trade-time{align-items:center;display:flex;gap:.5rem}.trade-time{color:#ffffffb3;font-size:.8rem}.time-icon{color:#ffffff80}.trade-value{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.value-label{color:#fff9;font-size:.75rem;font-weight:500}.value-amount{color:#fff;font-size:.9rem;font-weight:700}@media (max-width:768px){.trade-card{padding:1rem}.trade-header{align-items:flex-start;flex-direction:column;gap:1rem}.info-row{gap:.75rem;grid-template-columns:1fr}.risk-management{flex-direction:column;gap:.5rem}.risk-item{min-width:auto}.trade-footer{flex-direction:column;gap:.75rem}.trade-footer,.trade-value{align-items:flex-start}}@media (max-width:480px){.trade-symbol h3{font-size:1.2rem}.pnl-item{flex-direction:column;gap:.25rem;text-align:center}}.trade-card:hover .trade-symbol h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.trade-card:hover .broker-badge{transform:scale(1.05)}.trade-card:hover .status-badge{box-shadow:0 4px 15px #ffffff1a;transform:scale(1.05)}.trade-dashboard{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;position:relative;z-index:1}.dashboard-header{margin-bottom:3rem;position:relative;text-align:center}.dashboard-header h1{background:linear-gradient(135deg,#fff,#a855f7 50%,#3b82f6);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;position:relative;text-shadow:0 8px 16px #0000004d}.dashboard-header h1:after{background:linear-gradient(90deg,#0000,#a855f7,#0000);border-radius:2px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.dashboard-header p{color:#ffffffb3;font-size:1.25rem;font-weight:400;margin-top:1rem}.loading-container{color:#fff;min-height:400px}.loading-spinner{border:3px solid #ffffff4d;margin-bottom:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.search-filter-bar{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000004d;border:1px solid #ffffff14;border-radius:24px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.search-filter-bar:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.search-container{flex:1 1;min-width:320px;position:relative}.search-icon{color:#fff6;left:1.25rem;transition:color .3s ease;z-index:2}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:16px;font-size:1rem;font-weight:400;padding:1.25rem 1.25rem 1.25rem 3.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-input::placeholder{color:#fff6;font-weight:300}.search-input:focus{background:#0009;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a,0 8px 25px #0000004d}.search-input:focus+.search-icon{color:#a855f7cc}.filter-actions{gap:1rem}.filter-actions,.filter-btn{align-items:center;display:flex}.filter-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0006;border:1px solid #ffffff1a;border-radius:16px;color:#fffc;cursor:pointer;font-size:.875rem;font-weight:500;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.filter-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.filter-btn:hover{background:#0009;border-color:#fff3;box-shadow:0 8px 25px #0000004d;color:#fff;transform:translateY(-2px)}.filter-btn:hover:before{left:100%}.filter-btn.active{background:#a855f733;border-color:#a855f766;box-shadow:0 0 20px #a855f733;color:#c084fc}.filter-btn.active:before{background:linear-gradient(90deg,#0000,#a855f733,#0000)}.results-count{color:#fffc;font-size:.9rem;font-weight:500;white-space:nowrap}.trades-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:2rem}.no-trades{color:#fff;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-trades-icon{color:#ffffff80;margin-bottom:1rem}.no-trades h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-trades p{color:#ffffffb3;font-size:1rem}.filter-panel{margin-bottom:2rem;padding:1.5rem}.filter-header{margin-bottom:1.5rem}.filter-title{align-items:center;color:#fff;display:flex;gap:.5rem}.filter-title h3{font-size:1.25rem;font-weight:600;margin:0}.filter-content{display:flex;flex-direction:column;gap:1.5rem}.filter-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column;gap:.5rem}.filter-label{align-items:center;color:#fffc;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.search-input-wrapper{position:relative}.filter-input,.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{background:#ffffff26;border-color:#fff6;outline:none}.filter-select option{background:#1a1a1a}.clear-filters-btn{font-size:.875rem;padding:.75rem 1.5rem}.stats-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000004d;border:1px solid #ffffff14;border-radius:24px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stats-card:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;right:0;z-index:1}.stats-card:after,.stats-card:before{content:"";left:0;position:absolute;top:0}.stats-card:after{background:radial-gradient(circle at 50% 0,#ffffff08 0,#0000 50%);height:100%;pointer-events:none;width:100%;z-index:0}.stats-card:hover{background:#0006;border-color:#ffffff26;box-shadow:0 25px 50px #0006,inset 0 1px 0 #ffffff1a;transform:translateY(-6px) scale(1.02)}.stats-content{position:relative;z-index:2}.stats-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.stats-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stats-info{flex:1 1}.stats-title{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;text-transform:uppercase}.stats-subtitle{color:#fff9;font-size:.75rem;margin:0}.stats-value{margin-bottom:1rem}.stats-number{color:#fff;font-size:2rem;font-weight:700;line-height:1}.stats-footer{position:relative}.stats-indicator{border-radius:2px;height:3px;opacity:.8;width:100%}@media (max-width:768px){.trade-dashboard{padding:1rem 0}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-filter-bar{align-items:stretch;flex-direction:column;gap:1rem}.search-container{min-width:auto}.filter-actions{justify-content:space-between}.trades-grid{gap:1rem}.filter-row,.trades-grid{grid-template-columns:1fr}.filter-panel,.stats-card{padding:1rem}.stats-number{font-size:1.75rem}}@media (max-width:480px){.search-filter-bar{padding:1rem}.filter-actions{align-items:stretch;flex-direction:column;gap:.5rem}.filter-btn{justify-content:center}.stats-grid{grid-template-columns:1fr}.stats-header{gap:.75rem}.stats-icon{height:40px;width:40px}.stats-number{font-size:1.5rem}}.trades-grid>*{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.trades-grid>:first-child{animation-delay:.1s}.trades-grid>:nth-child(2){animation-delay:.2s}.trades-grid>:nth-child(3){animation-delay:.3s}.trades-grid>:nth-child(4){animation-delay:.4s}.trades-grid>:nth-child(5){animation-delay:.5s}.trades-grid>:nth-child(n+6){animation-delay:.6s}.hero-section{align-items:center;display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:80vh;padding:6rem 2rem;text-align:left}.hero-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:650px}.hero-title{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-align:left}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-subtitle{color:#ffffffb3;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;max-width:90%;text-align:left}.hero-buttons{display:flex;gap:1rem;justify-content:flex-start}.hero-image{flex:1 1;justify-content:flex-end;margin-top:0;max-width:700px}.dashboard-preview,.hero-image{display:flex;position:relative;width:100%}.dashboard-preview{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;justify-content:center}.dashboard-img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));height:auto;max-height:500px;object-fit:contain;width:100%}.fallback-text{background:#000c;border-radius:8px;color:#ffffff80;display:none;padding:1rem;position:absolute;text-align:center}.dashboard-preview.image-error .fallback-text{display:block}.dashboard-preview.image-error{background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;height:400px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:1024px){.hero-section{flex-direction:column;padding-top:4rem;text-align:center}.hero-content{align-items:center;margin-bottom:3rem;max-width:100%}.hero-subtitle,.hero-title{text-align:center}.hero-buttons,.hero-image{justify-content:center}.hero-image{width:100%}}.features-section{background:#0000;padding:6rem 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px}.feature-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;box-shadow:none;display:flex;flex-direction:column;padding:2.5rem;text-align:left;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 20px 40px -10px #0000004d;transform:translateY(-5px)}.feature-icon{align-items:center;background:#a855f71a;border-radius:16px;color:#a855f7;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;padding:0;width:64px}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#fff9;line-height:1.6;margin-bottom:1.5rem}.feature-link{align-items:center;color:#a855f7;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-top:auto;text-decoration:none;transition:gap .2s}.feature-link:hover{gap:.75rem}.section-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#fff9;font-size:1.125rem;line-height:1.6}.marketplace-section{background:#0003;padding:6rem 2rem}.strategies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 4rem;max-width:1400px}.strategy-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.strategy-card:before{background:linear-gradient(180deg,#a855f70d,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.strategy-card:hover{border-color:#a855f780;box-shadow:0 20px 40px #0006,0 0 20px #a855f733;transform:translateY(-8px)}.strategy-card:hover:before{opacity:1}.strategy-header{align-items:center;display:flex;gap:1.25rem;margin-bottom:1.5rem;position:relative;z-index:1}.strategy-icon{align-items:center;background:#ffffff0d;border-radius:18px;box-shadow:0 4px 10px #0003;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.user-1{background:#3b82f626;border:1px solid #3b82f633;color:#60a5fa}.user-2{background:#a855f726;border:1px solid #a855f733;color:#c084fc}.user-3{background:#ef444426;border:1px solid #ef444433;color:#f87171}.strategy-header h4{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .25rem}.author{align-items:center;color:#ffffff80;display:flex;font-size:.9rem;gap:.5rem}.author:before{background-color:#ffffff4d;border-radius:50%;content:"";display:block;height:6px;width:6px}.strategy-stats{background:#0000004d;border:1px solid #ffffff08;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;position:relative;z-index:1}.stat-row{align-items:center;border-bottom:1px solid #ffffff14;color:#ffffffb3;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 0}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row:first-child{padding-top:0}.stat-positive{color:#34d399;font-size:1rem;font-weight:700;text-shadow:0 0 10px #34d3994d}.risk-low{background:#10b98126;border:1px solid #10b98133;border-radius:20px;color:#34d399}.risk-low,.risk-medium{font-size:.8rem;font-weight:600;padding:4px 12px}.risk-medium{background:#f59e0b26;border:1px solid #f59e0b33;border-radius:20px;color:#fbbf24}.risk-high{background:#ef444426;border:1px solid #ef444433;border-radius:20px;color:#f87171;font-size:.8rem;font-weight:600;padding:4px 12px}.btn-outline.full-width{background:#0000;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:12px;position:relative;transition:all .3s ease;width:100%;z-index:1}.btn-outline.full-width:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #fff3;color:#000;transform:translateY(-2px)}.marketplace-cta{display:flex;justify-content:center;margin-top:3rem;width:100%}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 32px;transition:all .3s ease}.btn-secondary:hover{background:#fff3;border-color:#fff6;box-shadow:0 4px 15px #ffffff1a;transform:translateY(-2px)}.trust-section{background:linear-gradient(180deg,#0000,#a855f70d);padding:6rem 2rem;text-align:center}.trust-content{margin:0 auto;max-width:800px}.trust-icons{color:#fff;display:flex;gap:4rem;justify-content:center;margin-top:4rem;opacity:.6}.cta-section{background:#0000;overflow:hidden;padding:8rem 2rem;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.landing-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border-top:1px solid #ffffff0d;padding:5rem 2rem 2rem}.footer-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 4rem;max-width:1400px;text-align:left}.footer-col{align-items:flex-start;display:flex;flex-direction:column}.footer-col h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-col p{color:#fff9;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;text-align:left}.footer-col ul{list-style:none;margin:0;padding:0;text-align:left}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:#fff9;font-size:.95rem;text-decoration:none;transition:color .2s}.footer-col ul li a:hover{color:#a855f7}.footer-bottom{align-items:center;border-top:1px solid #ffffff0d;color:#fff6;display:flex;font-size:.875rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding-top:2rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#fff6;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.enhanced-chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1af2,#2a2b43f2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:20px 0;overflow:hidden;padding:20px;position:relative}.enhanced-chart-container.error{align-items:center;display:flex;justify-content:center;min-height:400px}.chart-error{color:#ef5350;text-align:center}.chart-error h3{font-size:1.5rem;margin-bottom:10px}.chart-error p{margin-bottom:20px;opacity:.8}.retry-button{padding:10px 20px}.chart-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:15px}.chart-title h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.price-info{align-items:center;display:flex;gap:15px}.current-price{color:#fff;font-size:1.25rem;font-weight:700}.price-change{border-radius:4px;font-size:1rem;font-weight:600;padding:4px 8px;transition:all .3s ease}.price-change.positive{background:#26a69a1a;color:#26a69a}.price-change.negative{background:#ef53501a;color:#ef5350}.chart-controls{flex-wrap:wrap}.chart-controls .interval-selector{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#d1d4dc;cursor:pointer;font-size:.85rem;font-weight:500;outline:none;padding:8px 12px;transition:all .2s ease}.chart-controls .interval-selector:hover{background:#ffffff1f;border-color:#ffffff40}.chart-controls .interval-selector:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.connection-status{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:6px 12px}.status-indicator{border-radius:50%;height:8px;transition:all .3s ease;width:8px}.status-text{color:#d1d4dc;font-size:.875rem}.chart-wrapper{background:#0003;border-radius:8px;overflow:hidden;position:relative}.tradingview-chart{transition:opacity .3s ease}.chart-loading{color:#d1d4dc;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-spinner{margin:0 auto 15px}.chart-loading p{font-size:.875rem;margin:0;opacity:.8}.orderbook-panel{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:20px;padding:20px}.orderbook-panel h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 15px}.orderbook-display{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;max-height:300px;overflow-y:auto}.orderbook-header{color:#d1d4dc;font-size:.875rem;font-weight:600;margin-bottom:10px;text-align:center}.orderbook-row{border-radius:4px;display:flex;font-family:Courier New,monospace;font-size:.875rem;justify-content:space-between;padding:4px 8px}.orderbook-row.ask{background:#ef53501a;color:#ef5350}.orderbook-row.bid{background:#26a69a1a;color:#26a69a}.orderbook-row .price{font-weight:600}.orderbook-row .size{opacity:.8}.spread{align-items:center;display:flex;justify-content:center}.spread-value{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#d1d4dc;font-size:.875rem;font-weight:500;padding:8px 12px}.orderbook-loading{color:#d1d4dc;font-size:.875rem;opacity:.8;text-align:center}.enhanced-trading-view-chart .price-breakdown{display:flex;font-size:.9rem;gap:20px;margin-top:8px}.enhanced-trading-view-chart .breakdown-item{align-items:center;color:#d1d4dc;display:flex;gap:5px}.enhanced-trading-view-chart .breakdown-item small{color:#888;font-size:.8rem}.enhanced-trading-view-chart .price-row{align-items:center;display:flex;gap:15px;margin-bottom:5px}.enhanced-trading-view-chart .price-label{color:#d1d4dc;font-weight:500}.enhanced-trading-view-chart .price-value{color:#fff;font-size:1.25rem;font-weight:700}.enhanced-trading-view-chart .expiry-info{color:#888;font-size:.9rem;margin-left:10px}.enhanced-trading-view-chart .interval-selector{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#d1d4dc;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .3s ease}.enhanced-trading-view-chart .interval-selector:hover{background:#ffffff1a;border-color:#fff3}.enhanced-trading-view-chart .interval-selector:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.enhanced-trading-view-chart .vwap-toggle{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.enhanced-trading-view-chart .vwap-toggle:hover{background:#ffffff1a;border-color:#fff3}.enhanced-trading-view-chart .vwap-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #d1d4dc;border-radius:3px;cursor:pointer;height:16px;position:relative;transition:all .3s ease;width:16px}.enhanced-trading-view-chart .vwap-toggle input[type=checkbox]:checked{background:#ff6b6b;border-color:#ff6b6b}.enhanced-trading-view-chart .vwap-toggle input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;top:-2px}.enhanced-trading-view-chart .toggle-text{color:#d1d4dc;font-size:.875rem;font-weight:500}.enhanced-trading-view-chart .series-toggles{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:4px}.enhanced-trading-view-chart .series-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:8px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.enhanced-trading-view-chart .series-toggle:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.enhanced-trading-view-chart .series-toggle:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.enhanced-trading-view-chart .series-toggle:hover:before{opacity:1}.enhanced-trading-view-chart .series-toggle:active{box-shadow:0 2px 6px #0003;transform:translateY(0)}.enhanced-trading-view-chart .series-toggle.disabled{background:#ffffff08;border-color:#ffffff14;cursor:not-allowed;opacity:.5}.enhanced-trading-view-chart .series-toggle.disabled:hover{background:#ffffff08;border-color:#ffffff14;box-shadow:none;transform:none}.enhanced-trading-view-chart .series-toggle.disabled:before{display:none}.enhanced-trading-view-chart .series-toggle.disabled input{cursor:not-allowed}.enhanced-trading-view-chart .series-toggle.disabled .toggle-text{color:#666!important}.enhanced-trading-view-chart .series-toggle input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0003;border:2px solid #fff6;border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:16px}.enhanced-trading-view-chart .series-toggle input[type=checkbox]:checked{background:currentColor;border-color:currentColor;box-shadow:0 0 0 2px #fff3}.enhanced-trading-view-chart .series-toggle input[type=checkbox]:checked:after{color:#1e1e1e;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;text-shadow:none;top:-1px}.enhanced-trading-view-chart .series-toggle .toggle-text{font-size:.85rem;font-weight:500;text-shadow:0 1px 2px #00000080;transition:all .2s ease;white-space:nowrap}.enhanced-trading-view-chart .series-toggle input[type=checkbox]:checked+.toggle-text{font-weight:600;text-shadow:0 0 8px currentColor}.enhanced-trading-view-chart .series-toggle:has(input:checked){background:#ffffff26;border-color:currentColor;box-shadow:0 0 0 1px currentColor,0 2px 8px #0000004d}.enhanced-trading-view-chart .chart-container{background:#0003;border-radius:8px;overflow:hidden;position:relative}.enhanced-trading-view-chart .chart{transition:opacity .3s ease}.auto-refresh-control{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:15px;margin-bottom:10px;padding:8px 12px}.refresh-status{color:#26a69a;font-size:.85rem;font-weight:500;opacity:.8}@media (max-width:768px){.enhanced-chart-container{margin:15px 0;padding:15px}.chart-header{gap:15px}.chart-header,.price-info{align-items:flex-start;flex-direction:column}.price-info{gap:8px}.chart-controls{gap:12px;justify-content:space-between;width:100%}.auto-refresh-control{align-items:flex-start;flex-direction:column;gap:8px}.enhanced-trading-view-chart .series-toggles{gap:6px;padding:3px}.enhanced-trading-view-chart .series-toggle{font-size:.8rem;padding:6px 8px}.enhanced-trading-view-chart .series-toggle .toggle-text{font-size:.8rem}.enhanced-trading-view-chart .series-toggle input[type=checkbox]{height:14px;width:14px}.orderbook-display{gap:15px;grid-template-columns:1fr}.spread{order:2}.asks{order:1}.bids{order:3}.enhanced-trading-view-chart .price-breakdown{flex-direction:column;gap:8px}.enhanced-trading-view-chart .price-row{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.enhanced-chart-container{margin:10px 0;padding:10px}.chart-title h3{font-size:1.25rem}.current-price{font-size:1.1rem}.price-change{font-size:.875rem}}.enhanced-chart-container:before{background:radial-gradient(circle at 20% 80%,#26a69a1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#2196f31a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.enhanced-chart-container:hover{box-shadow:0 12px 40px #0006;transform:translateY(-2px);transition:all .3s ease}.price-change{animation:priceFlash .5s ease-in-out}@keyframes priceFlash{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.chart-settings-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;bottom:10px;color:#d1d4dc;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:10px;transition:all .3s ease;width:36px;z-index:10}.chart-settings-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.chart-settings-modal{animation:slideUp .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e1ef2;border:1px solid #ffffff26;border-radius:8px;bottom:55px;box-shadow:0 8px 32px #0006;position:absolute;right:10px;width:280px;z-index:20}.settings-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.settings-header h4{color:#d1d4dc;font-size:14px;font-weight:600;margin:0}.close-settings{background:none;border:none;border-radius:4px;color:#d1d4dc;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.close-settings:hover{background:#ffffff1a}.settings-content{padding:16px}.setting-group{margin-bottom:16px}.setting-group:last-child{margin-bottom:0}.setting-group label{align-items:center;color:#d1d4dc;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px}.setting-group input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#0000;border:2px solid #d1d4dc;border-radius:3px;cursor:pointer;height:16px;position:relative;transition:all .3s ease;width:16px}.setting-group input[type=checkbox]:checked{background:#2196f3;border-color:#2196f3}.setting-group input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;top:-2px}.setting-group select{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#d1d4dc;cursor:pointer;font-size:13px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.setting-group select:hover{background:#ffffff1f;border-color:#ffffff40}.setting-group select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.setting-group select option{background:#2a2a2a;color:#d1d4dc}@media (max-width:768px){.chart-settings-modal{bottom:50px;right:5px;width:250px}.chart-settings-button{bottom:5px;font-size:14px;height:32px;right:5px;width:32px}}@media (max-width:480px){.chart-settings-modal{left:10px;right:10px;width:220px;width:auto}}.fullscreen-chart{background:#1e1e1e!important;box-sizing:border-box;height:100vh!important;left:0!important;padding:20px!important;position:fixed!important;top:0!important;width:100vw!important;z-index:9999!important}.fullscreen-chart .chart-container{height:calc(100vh - 300px)!important}.fullscreen-chart .chart,.fullscreen-chart .chart-container{pointer-events:auto!important;touch-action:manipulation!important}.fullscreen-chart .chart{height:100%!important}.fullscreen-chart .chart-header{background:#ffffff0d;border-radius:8px;margin-bottom:15px;padding:15px}.fullscreen-chart .price-info{background:#ffffff08;border-radius:8px;margin-bottom:15px;padding:15px}@media (max-width:768px){.fullscreen-chart{padding:10px!important}.fullscreen-chart .chart-container{height:calc(100vh - 250px)!important}.fullscreen-chart .chart-header,.fullscreen-chart .price-info{padding:10px}}.derivatives-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1af2,#2a2b43f2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d;margin:20px 0;overflow:visible;padding:24px;position:relative}.derivatives-selector.error{align-items:center;display:flex;justify-content:center;min-height:200px}.error-message{color:#ef5350}.error-message p{font-size:1rem;margin-bottom:15px}.retry-button{background:linear-gradient(135deg,#26a69a,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #26a69a4d;transform:translateY(-2px)}.selector-header{margin-bottom:24px;text-align:center}.selector-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.selector-header p{color:#d1d4dc;font-size:.875rem;margin:0;opacity:.8}.selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.selector-item{position:relative}.selector-label{color:#d1d4dc;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.dropdown-container{position:relative}.dropdown-trigger{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-height:44px;padding:12px 16px;transition:all .3s ease;width:100%}.dropdown-trigger:hover{background:#ffffff14;border-color:#fff3}.dropdown-trigger.active{background:#2196f31a;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.dropdown-trigger.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.selected-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.chevron{color:#d1d4dc;transition:transform .3s ease}.chevron.rotated{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlideIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1afa;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0006;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-search{border-bottom:1px solid #ffffff1a;padding:12px;position:relative}.search-icon{color:#d1d4dc;left:20px;opacity:.6;top:50%;transform:translateY(-50%)}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-size:.875rem;outline:none;padding:8px 12px 8px 36px;width:100%}.search-input:focus{background:#ffffff14;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.search-input::placeholder{color:#d1d4dc;opacity:.6}.dropdown-items{max-height:240px;overflow-y:auto;padding:4px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#d1d4dc;cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item.focused,.dropdown-item:hover{background:#ffffff14;color:#fff}.dropdown-item.selected{background:#2196f333;color:#2196f3}.dropdown-item.selected:hover{background:#2196f34d}.item-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.item-label{font-weight:500}.item-description{font-size:.75rem;opacity:.7}.loading-item{color:#d1d4dc;font-size:.875rem;opacity:.8;padding:16px;text-align:center}.selection-summary{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-top:24px;padding:20px}.selection-summary h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 12px}.contract-details{display:flex;flex-direction:column;gap:8px}.contract-symbol{color:#2196f3;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.contract-meta{color:#d1d4dc;display:flex;font-size:.875rem;gap:20px;opacity:.8}.contract-meta span{align-items:center;display:flex;gap:4px}.dropdown-items::-webkit-scrollbar{width:6px}.dropdown-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dropdown-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dropdown-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.derivatives-selector{margin:15px 0;padding:20px}.selector-grid{gap:16px;grid-template-columns:1fr}.selector-header h3{font-size:1.25rem}.dropdown-menu{max-height:250px}.contract-meta{flex-direction:column;gap:8px}}@media (max-width:480px){.derivatives-selector{margin:10px 0;padding:16px}.selector-header{margin-bottom:20px}.selector-header h3{font-size:1.1rem}.dropdown-trigger{min-height:40px;padding:10px 12px}.dropdown-menu{max-height:200px}.contract-symbol{font-size:1.1rem}}.derivatives-selector:hover{box-shadow:0 12px 40px #0006;transform:translateY(-2px);transition:all .3s ease}.dropdown-trigger:focus{box-shadow:0 0 0 2px #2196f380;outline:none}.dropdown-item:focus{background:#ffffff14;outline:none}.contract-symbol{animation:contractUpdate .3s ease-in-out}@keyframes contractUpdate{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.dropdown-trigger.loading{overflow:hidden;position:relative}.dropdown-trigger.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.dropdown-item:active,.dropdown-trigger:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.dropdown-menu{animation:none}.chevron{transition:none}.contract-symbol{animation:none}}@media (prefers-contrast:high){.dropdown-menu,.dropdown-trigger{border-color:#fff}.dropdown-menu{background:#000}.dropdown-item:hover{background:#333}}.connection-monitor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px;padding:16px;transition:all .3s ease}.connection-monitor:hover{box-shadow:0 4px 16px #00000026}.connection-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-indicator{align-items:center;cursor:help;display:flex;font-size:14px;font-weight:500;gap:8px;transition:all .2s ease}.status-indicator:hover{transform:translateY(-1px)}.status-icon{animation:pulse 2s infinite;font-size:16px}.status-indicator.connected .status-icon{animation:none}.status-indicator.connecting .status-icon{animation:spin 1s linear infinite}.status-indicator.disconnected .status-icon,.status-indicator.error .status-icon,.status-indicator.failed .status-icon{animation:pulse 1.5s infinite}.status-text{color:#333}.network-status{background:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#c62828;font-size:12px;padding:4px 8px}.network-status.offline{animation:blink 1s infinite;background:#ffebee;color:#c62828}.connection-controls{display:flex;gap:8px;margin-bottom:12px}.control-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.control-button:hover:not(:disabled){box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.control-button:active{transform:translateY(0)}.control-button:disabled{cursor:not-allowed;opacity:.5}.control-button.disconnect{background:#f44336;color:#fff}.control-button.disconnect:hover:not(:disabled){background:#d32f2f}.control-button.reconnect{background:#4caf50;color:#fff}.control-button.reconnect:hover:not(:disabled){background:#388e3c}.connection-details{border-top:1px solid #e0e0e0;font-size:12px;padding-top:12px}.detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;padding:2px 0}.detail-item:last-child{margin-bottom:0}.detail-label{color:#666;font-weight:500;min-width:100px}.detail-value{color:#333;font-weight:400;max-width:200px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-value.url{background:#f5f5f5;border-radius:2px;font-family:Courier New,monospace;font-size:10px;padding:2px 4px}.compact-connection-status{align-items:center;border-radius:12px;cursor:help;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px;transition:all .2s ease}.compact-connection-status.connected{background:#4caf501a;border:1px solid #4caf504d;color:#2e7d32}.compact-connection-status.connecting{background:#ff98001a;border:1px solid #ff98004d;color:#f57c00}.compact-connection-status.disconnected{background:#f443361a;border:1px solid #f443364d;color:#c62828}.compact-connection-status.error{background:#ff57221a;border:1px solid #ff57224d;color:#d84315}.compact-connection-status:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.7}}@media (max-width:768px){.connection-monitor{max-width:100%;padding:12px}.connection-status{align-items:flex-start;flex-direction:column;gap:8px}.connection-controls{width:100%}.control-button{flex:1 1}.detail-item{align-items:flex-start;flex-direction:column;gap:2px}.detail-value{max-width:100%;text-align:left}}@media (prefers-color-scheme:dark){.connection-monitor{background:#212121f2;border-color:#444;color:#fff}.status-text{color:#fff}.detail-label{color:#bbb}.detail-value{color:#fff}.detail-value.url{background:#444;color:#fff}.connection-details{border-top-color:#444}}.dashboard-header .connection-monitor{margin-left:auto;max-width:300px}.dashboard-sidebar .connection-monitor{margin-bottom:16px}.connection-monitor.floating{max-width:280px;position:fixed;right:20px;top:20px;z-index:1000}.connection-monitor.floating:hover{transform:translateY(-2px)}.connection-monitor.minimized{padding:8px 12px}.connection-monitor.minimized .connection-controls,.connection-monitor.minimized .connection-details{display:none}.connection-monitor.minimized .connection-status{margin-bottom:0}.delta-neutral-dashboard{background:#0d1421;color:#d1d4dc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2b2b43;border-radius:12px;margin-bottom:30px;padding:20px}.header-title-section{align-items:center;display:flex;gap:20px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2196f3,#21cbf3);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600;margin:0}.header-connection-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;font-size:12px;padding:6px 12px}.connection-status-card{grid-column:span 1;min-height:200px}.dashboard-connection-monitor{color:#d1d4dc;padding:0}.dashboard-connection-monitor,.dashboard-connection-monitor .connection-monitor{background:#0000;border:none;box-shadow:none}.dashboard-connection-monitor .status-text{color:#d1d4dc}.dashboard-connection-monitor .detail-label{color:#9ca3af}.dashboard-connection-monitor .detail-value{color:#d1d4dc}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.controls .control-select{min-width:120px}.controls .expiry-select{min-width:180px}.controls .strike-select{min-width:200px}.live-indicator{animation:pulse 1.5s infinite;color:#f44;font-size:12px;font-weight:700;margin-left:8px}.controls .date-select{background:#1e2329;border:1px solid #2b2b43;border-radius:6px;color:#d1d4dc;font-size:14px;min-width:150px;padding:8px 12px}.controls .date-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.control-select{background:#1a1a2e;border:1px solid #2b2b43;border-radius:8px;color:#d1d4dc;font-size:14px;outline:none;padding:10px 15px;transition:all .3s ease}.control-select:hover{border-color:#2196f3}.control-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.strike-input{min-width:180px}.strike-input::placeholder{color:#888;font-style:italic}.live-button{align-items:center;background:#424242;border:none;border-radius:8px;color:#d1d4dc;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.live-button.active{animation:pulse 2s infinite;background:linear-gradient(45deg,#f44336,#ff5722)}.live-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.refresh-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.refresh-button:hover{background:#1976d2;transform:translateY(-2px)}.testing-mode-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;justify-content:center;min-width:100px;padding:10px 20px;transition:all .3s ease}.testing-mode-button.testing-active{animation:testingPulse 3s infinite;background:linear-gradient(45deg,#ff9800,#ffc107);color:#1a1a1a}.testing-mode-button.live-trading{animation:livePulse 2s infinite;background:linear-gradient(45deg,#4caf50,#8bc34a);color:#fff}.testing-mode-button:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.testing-mode-button:disabled{cursor:not-allowed;opacity:.7;transform:none}@keyframes testingPulse{0%{box-shadow:0 0 0 0 #ff9800b3}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 0 0 #ff980000}}@keyframes livePulse{0%{box-shadow:0 0 0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 0 0 #4caf5000}}.dashboard-loading{align-items:center;background:#0d1421;color:#d1d4dc;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #2b2b43}.error-message{background:#f443361a;border:1px solid #f44336;border-radius:8px;color:#f44336;margin-bottom:20px;padding:15px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2b2b43;border-radius:12px;padding:20px;transition:all .3s ease}.card:hover{border-color:#2196f3;box-shadow:0 8px 25px #2196f31a;transform:translateY(-2px)}.card h3{border-bottom:2px solid #2b2b43;color:#2196f3;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.market-stats,.option-stats{display:flex;flex-direction:column;gap:15px}.option-row,.stat{align-items:center;border-bottom:1px solid #2b2b43;display:flex;justify-content:space-between;padding:10px 0}.option-row{flex-wrap:wrap;gap:10px;padding:12px 0}.option-row:last-child,.stat:last-child{border-bottom:none}.option-row label,.stat label{color:#9e9e9e;font-weight:500}.option-row .value,.stat .value{font-size:16px;font-weight:600}.value.positive{color:#4caf50}.value.negative{color:#f44336}.value.highlight{color:#ff9800;font-size:18px;font-weight:700}.option-row.combined{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;margin:10px 0;padding:15px}.option-symbol{background:#ffffff0d;color:#888;font-family:Courier New,monospace;font-size:12px;margin-left:auto;padding:2px 6px}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.status-item{align-items:center;background:#2196f30d;border:1px solid #2b2b43;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.signal-badge{color:#fff;font-size:12px;padding:6px 12px}.pnl{font-size:18px;font-weight:700}.position{color:#2196f3;font-weight:600}.chart-container{grid-column:1/-1}.tradingview-chart{border-radius:8px;height:400px;overflow:hidden}.premium-chart,.strategy-rules{grid-column:1/-1}.strategy-rules{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #2b2b43;border-radius:12px;padding:25px}.rules-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rule-section h4{color:#2196f3;font-size:16px;font-weight:600;margin:0 0 15px}.rule-section ul{list-style:none;margin:0;padding:0}.rule-section li{border-bottom:1px solid #2b2b43;padding:8px 0 8px 20px;position:relative}.rule-section li:before{color:#2196f3;content:"▶";font-size:12px;left:0;position:absolute}.rule-section li:last-child{border-bottom:none}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.controls{flex-wrap:wrap;justify-content:center}.dashboard-grid{grid-template-columns:1fr}.chart-container,.premium-chart,.strategy-rules{grid-column:1}.rules-grid{grid-template-columns:1fr}}@media (max-width:480px){.delta-neutral-dashboard{padding:10px}.dashboard-header h1{font-size:22px}.card{padding:15px}.tradingview-chart{height:300px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#2b2b43;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2196f3}.card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.option-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin-top:15px}.option-section{background:#1a1a2e;border:1px solid #2b2b43;border-radius:8px;padding:15px;transition:all .3s ease}.option-section:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f31a}.option-type-header{border-radius:6px;font-size:14px;font-weight:600;margin:0 0 12px;padding:8px;text-align:center}.call-header{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.put-header{background:#f4433633;border:1px solid #f443364d;color:#f44336}.option-details{text-align:center}.price-display{margin-bottom:10px}.price-label{color:#8892b0;display:block;font-size:12px;margin-bottom:5px}.price-value{font-size:18px;font-weight:600}.call-price{color:#4caf50}.put-price{color:#f44336}.option-symbol{background:#0f1419;border:1px solid #2b2b43;border-radius:4px;color:#64748b;font-size:11px;padding:4px 8px}.combined-premium{background:#16213e;border:1px solid #2b2b43;border-radius:8px;grid-column:1/-1;padding:15px}.premium-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.premium-row:last-child{margin-bottom:0}.premium-row label{color:#8892b0;font-size:14px}.premium-row .value{font-weight:600}.premium-row .value.highlight{color:#2196f3;font-size:16px}.analysis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-top:15px}.analysis-section{background:#1a1a2e;border:1px solid #2b2b43;border-radius:8px;padding:15px}.analysis-section h4{border-bottom:1px solid #2b2b43;color:#2196f3;font-size:16px;margin:0 0 15px;padding-bottom:8px}.analysis-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.analysis-row:last-child{margin-bottom:0}.analysis-row label{color:#8892b0;font-size:13px}.analysis-row .value{font-size:14px;font-weight:600}.premium-value{color:#2196f3;font-size:16px}.vwap-value{color:#ff9800;font-size:16px}.positive{color:#4caf50}.negative{color:#f44336}.strategy-signal{text-align:center}.signal-display{margin-bottom:10px}.signal-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.signal-badge.buy{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.signal-badge.sell{background:#f4433633;border:1px solid #f443364d;color:#f44336}.signal-badge.hold{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.signal-reason{color:#8892b0;font-size:12px;font-style:italic}@media (max-width:1200px){.analysis-grid{grid-template-columns:1fr 1fr}.strategy-signal{grid-column:1/-1}}@media (max-width:768px){.analysis-grid,.option-grid{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.controls .control-select,.controls .date-select{min-width:auto;width:100%}}.option-row .value,.stat .value{transition:all .3s ease}.option-row .value:hover,.stat .value:hover{transform:scale(1.05)}.index-prices-table{grid-column:1/-1;margin-top:20px}.index-prices-table h3{color:#2196f3;font-size:1.4rem;font-weight:600;margin-bottom:20px}.table-container{border:1px solid #2b2b43;border-radius:8px;overflow-x:auto}.index-table{background:#0d1421cc;border-collapse:collapse;font-size:.9rem;width:100%}.index-table thead{background:linear-gradient(135deg,#2b2b43,#1a1a2e)}.index-table th{border-bottom:2px solid #2196f3;font-weight:600;padding:12px 15px;text-align:left}.index-table td,.index-table th{color:#d1d4dc;white-space:nowrap}.index-table td{border-bottom:1px solid #2b2b43;padding:10px 15px}.index-table tbody tr{transition:all .3s ease}.index-table tbody tr:hover{background:#2196f31a;transform:translateY(-1px)}.index-table .selected-row{background:#2196f333;border-left:3px solid #2196f3}.index-table .index-name{color:#2196f3;font-weight:600}.index-table .price-value{color:#4caf50;font-weight:500}.index-table .change-percent.positive,.index-table .change-value.positive{color:#4caf50}.index-table .change-percent.negative,.index-table .change-value.negative{color:#f44336}.index-table .timestamp{color:#9e9e9e;font-size:.8rem}.index-table .no-data{color:#9e9e9e;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.index-table{font-size:.8rem}.index-table td,.index-table th{padding:8px 10px}.table-container{overflow-x:scroll}}.subscription-dashboard{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.dashboard-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 8px}.header-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0}.create-subscription-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;box-shadow:0 4px 12px #00d4ff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-subscription-btn:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.dashboard-filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.filter-group{gap:8px}.filter-group,.search-wrapper{align-items:center;display:flex}.search-wrapper{position:relative}.search-icon{color:#ffffff80;left:12px;position:absolute;z-index:1}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:10px 12px 10px 40px;transition:all .3s ease;width:280px}.search-input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.search-input::placeholder{color:#ffffff80}.filter-icon{color:#ffffffb3}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:10px 12px;transition:all .3s ease}.filter-select:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.filter-select option{background:#1a1f2e;color:#fff}.bulk-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.selected-count{color:#fffc;font-size:.9rem;font-weight:500}.bulk-delete-btn{align-items:center;background:linear-gradient(135deg,#ff4757,#c44569);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.bulk-delete-btn:hover{box-shadow:0 4px 12px #ff47574d;transform:translateY(-1px)}.subscriptions-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;margin-bottom:24px;overflow:hidden}.subscriptions-table{border-collapse:collapse;width:100%}.subscriptions-table th{background:#ffffff1a;border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.subscriptions-table td{border-bottom:1px solid #ffffff0d;padding:16px 12px;vertical-align:top}.subscription-row:hover{background:#ffffff08}.asset-info{display:flex;flex-direction:column;gap:4px}.asset-symbol{color:#00d4ff;font-size:1.1rem;font-weight:700}.strike-info{color:#ffffffb3;font-family:Courier New,monospace;font-size:.85rem}.expiry-date{color:#ffffff80;font-size:.8rem}.alert-type{align-items:center;display:flex;font-size:.9rem;gap:8px}.alert-icon{flex-shrink:0}.alert-icon.cross-above{color:#2ed573}.alert-icon.cross-below{color:#ff4757}.alert-icon.price{color:#ffa502}.alert-icon.expiry{color:#a4b0be}.threshold-value{color:#fff;font-family:Courier New,monospace;font-weight:600}.status-cell{align-items:center;display:flex;gap:8px}.status-icon{flex-shrink:0}.status-icon.active{color:#2ed573}.status-icon.paused{color:#ffa502}.status-icon.expired{color:#a4b0be}.status-icon.cancelled{color:#ff4757}.status-text{font-size:.85rem;font-weight:600;letter-spacing:.5px}.status-text.active{color:#2ed573}.status-text.paused{color:#ffa502}.status-text.expired{color:#a4b0be}.status-text.cancelled{color:#ff4757}.notification-settings{gap:6px}.notification-badge{background:#ffffff1a;border-radius:4px;font-size:.8rem;padding:2px 4px}.trigger-info{display:flex;flex-direction:column;gap:2px}.last-triggered{color:#fffc;font-size:.85rem}.trigger-count{color:#ffffff80;font-size:.75rem}.never-triggered{color:#fff6;font-size:.85rem;font-style:italic}.action-buttons{gap:6px}.action-btn{border-radius:6px;height:32px;width:32px}.view-btn{background:#00d4ff33;color:#00d4ff}.view-btn:hover{background:#00d4ff4d;transform:scale(1.1)}.edit-btn{background:#ffa50233;color:#ffa502}.edit-btn:hover{background:#ffa5024d;transform:scale(1.1)}.toggle-btn{background:#2ed57333;color:#2ed573}.toggle-btn.paused{background:#ffa50233;color:#ffa502}.toggle-btn:hover{transform:scale(1.1)}.delete-btn{background:#ff475733;color:#ff4757}.delete-btn:hover{background:#ff47574d;transform:scale(1.1)}.row-checkbox,.select-all-checkbox{accent-color:#00d4ff;cursor:pointer;height:16px;width:16px}.loading-state{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#00d4ff}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#ffffff4d;margin-bottom:24px}.empty-state h3{color:#fffc;font-size:1.5rem;margin:0 0 12px}.empty-state p{color:#fff9;font-size:1rem;margin:0 0 32px}.create-first-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-first-btn:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.stat-value{color:#00d4ff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#ffffffb3;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1f2e,#2d3748);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-content h2{color:#fff;font-size:1.5rem;margin:0 0 16px}.modal-content p{color:#ffffffb3;margin-bottom:24px}.modal-content button{background:#00d4ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}@media (max-width:1200px){.subscription-dashboard{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.header-right{align-self:flex-start}}@media (max-width:768px){.dashboard-filters{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.search-input{width:100%}.subscriptions-table-container{overflow-x:auto}.subscriptions-table{min-width:800px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.header-left h1{font-size:2rem}.dashboard-stats{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}}.subscription-form-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subscription-form-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1f2e,#2d3748);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 80px #0009;max-height:90vh;max-width:800px;overflow-y:auto;width:95%}.form-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:24px 32px}.form-header,.form-title{align-items:center;display:flex}.form-title{gap:12px}.form-icon{color:#00d4ff}.form-title h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#ffffff1a;border-radius:8px;color:#ffffffb3;transition:all .2s ease}.close-btn:hover{background:#ff475733;color:#ff4757;transform:scale(1.05)}.close-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.subscription-form{padding:32px}.form-section{margin-bottom:32px}.form-section h3{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.form-section h3:before{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:2px;content:"";height:20px;width:4px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-label{color:#ffffffe6;font-size:.9rem;font-weight:600;margin-bottom:4px}.form-input,.form-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus{background:#ffffff14;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;outline:none}.form-input::placeholder{color:#fff6}.form-input.error,.form-select.error{border-color:#ff4757;box-shadow:0 0 0 3px #ff475733}.form-select option{background:#1a1f2e;color:#fff}.input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-secondary);font-weight:500;left:12px;pointer-events:none;position:absolute;z-index:1}.input-with-prefix .form-input{padding-left:32px}.input-with-suffix{align-items:center;display:flex;position:relative}.input-suffix{color:var(--text-secondary);font-weight:500;pointer-events:none;position:absolute;right:12px;z-index:1}.input-with-suffix .form-input{padding-right:32px}.alert-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.alert-config-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:20px}.alert-config-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.alert-config-section .field-description{background:#007bff1a;border:1px solid #007bff33;border-radius:8px;color:#fffc;font-size:14px;line-height:1.4;margin-top:12px;padding:12px}.loading-message{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;display:flex;font-size:.875rem;gap:8px;margin-top:4px;padding:8px 12px}.loading-spinner{border:2px solid #60a5fa4d;border-top-color:#60a5fa}.warning-message{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;color:#fbbf24;display:flex;font-size:.875rem;gap:8px;margin-top:4px;padding:8px 12px}.alert-type-option{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:16px;transition:all .3s ease}.alert-type-option:hover{background:#ffffff14;border-color:#00d4ff4d;transform:translateY(-2px)}.alert-type-option.selected{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 4px 20px #00d4ff33}.alert-type-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.alert-type-label{color:#fff;font-size:.95rem;font-weight:600}.alert-type-description{color:#ffffffb3;font-size:.85rem;line-height:1.4;margin:0}.field-description{color:#fff9;font-size:.8rem;line-height:1.3;margin:4px 0 0}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.notification-option:hover{background:#ffffff14;border-color:#fff3}.option-info{align-items:center;display:flex;gap:12px}.option-icon{color:#00d4ff;flex-shrink:0}.option-label{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:4px}.option-description{color:#fff9;font-size:.8rem;margin:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#fff3;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background:linear-gradient(135deg,#00d4ff,#09c)}input:checked+.toggle-slider:before{transform:translateX(26px)}input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.error-message{color:#ff4757;font-size:.8rem;gap:6px;margin-top:4px}.submit-error{background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;display:flex;flex-direction:column;font-size:.9rem;gap:12px;margin-bottom:16px;padding:16px}.submit-error.duplicate-error{background:#ffc1071a;border-color:#ffc1074d;color:#ffc107}.error-header{align-items:center;display:flex;font-weight:600;gap:8px}.duplicate-details{background:#ffffff0d;border-left:3px solid #ffc107;border-radius:6px;padding:12px}.duplicate-details p{font-weight:600;margin:0 0 8px}.duplicate-details ul{list-style-type:disc;margin:0;padding-left:20px}.duplicate-details li{color:#ffffffe6;margin-bottom:4px}.error-suggestions{background:#00d4ff1a;border-left:3px solid #00d4ff;border-radius:6px;padding:12px}.error-suggestions p{color:#00d4ff;font-weight:600;margin:0 0 8px}.error-suggestions ul{list-style-type:disc;margin:0;padding-left:20px}.error-suggestions li{color:#ffffffe6;margin-bottom:4px}.form-actions{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.action-buttons{justify-content:flex-end}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.cancel-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 4px 12px #00d4ff4d;color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.subscription-form-modal{margin:10px;max-height:95vh;width:98%}.form-header{padding:20px 24px}.subscription-form{padding:24px}.form-row{gap:16px}.alert-type-grid,.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.form-header{padding:16px 20px}.form-title h2{font-size:1.3rem}.subscription-form{padding:20px}.notification-option{padding:12px}.option-info{gap:8px}}.subscription-form-modal::-webkit-scrollbar{width:6px}.subscription-form-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.subscription-form-modal::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.subscription-form-modal::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.duplicate-dialog-content{background:linear-gradient(135deg,#1a1f2e,#2d3748);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 80px #0009;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:95%}.dialog-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;padding:24px 32px 16px;position:relative}.warning-icon{filter:drop-shadow(0 0 8px rgba(255,193,7,.5));font-size:2rem}.dialog-header h2{color:#fff;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff1a;color:#fff}.dialog-body{padding:24px 32px 32px}.dialog-message{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:32px;text-align:center}.dialog-message strong{color:#00d4ff;font-weight:600}.subscriptions-comparison{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.existing-subscriptions h3,.new-subscription h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.existing-subscriptions h3:before{content:"📋"}.new-subscription h3:before{content:"✨"}.subscription-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .3s ease}.subscription-card.existing{border-left:4px solid #ffc107}.subscription-card.new{border-left:4px solid #00d4ff}.subscription-card:hover{background:#ffffff14;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.subscription-info{margin-bottom:16px}.info-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#fff9;font-size:.9rem;font-weight:500}.info-row .value{color:#fff;font-weight:600;text-align:right}.status.active{color:#28a745}.status.paused{color:#ffc107}.status.cancelled{color:#dc3545}.edit-existing-btn{background:linear-gradient(135deg,#ffc107,#ff8c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease;width:100%}.edit-existing-btn:hover{box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.dialog-actions{border-top:1px solid #ffffff1a;padding-top:24px}.action-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.action-btn{border:none;font-size:.95rem;font-weight:600;justify-content:center;min-width:160px;padding:12px 20px;transition:all .3s ease}.modify-btn{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.modify-btn:hover{box-shadow:0 6px 20px #00d4ff66;transform:translateY(-2px)}.create-anyway-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.create-anyway-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.cancel-btn{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.cancel-btn:hover{box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.btn-icon{font-size:1rem}@media (max-width:768px){.duplicate-dialog-content{margin:10px;width:98%}.dialog-body,.dialog-header{padding:16px 20px}.subscriptions-comparison{gap:16px;grid-template-columns:1fr}.action-buttons{align-items:stretch;flex-direction:column}.action-btn{min-width:auto}}@media (max-width:480px){.dialog-header h2{font-size:1.3rem}.subscription-card{padding:16px}.info-row{align-items:flex-start;flex-direction:column;gap:4px}.info-row .value{text-align:left}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.duplicate-dialog-content{animation:slideIn .3s ease-out}.options-chart-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.chart-header{border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding:30px 0;text-align:center}.chart-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px}.chart-header .subtitle{color:#a0a0a0;font-size:1.1rem;margin:0 0 20px}.refresh-indicator{align-items:center;background:#00ff881a;border:1px solid #00ff884d;border-radius:20px;color:#0f8;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 16px}.refresh-dot{animation:pulse 2s infinite;background:#0f8;border-radius:50%;height:8px;width:8px}.selection-flow{grid-gap:20px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px;padding:30px}.selection-step{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .3s ease}.selection-step:not(.disabled):hover{background:#ffffff1f;border-color:#677eea80;transform:translateY(-2px)}.selection-step.disabled{opacity:.5;pointer-events:none}.step-label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px}.asset-toggle{display:flex;gap:12px}.asset-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:8px;padding:16px 12px;transition:all .3s ease}.asset-btn:hover{background:#ffffff26;border-color:#677eea80;transform:translateY(-2px)}.asset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #677eea4d}.asset-icon{font-size:1.5rem;font-weight:700}.option-type-toggle{display:flex;gap:12px}.option-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:14px 16px;transition:all .3s ease}.option-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.option-btn:disabled{cursor:not-allowed;opacity:.5}.option-btn.call.active{background:linear-gradient(135deg,#0f8,#00cc6a);border-color:#0f8;box-shadow:0 6px 20px #00ff884d}.option-btn.put.active{background:linear-gradient(135deg,#f44,#c33);border-color:#f44;box-shadow:0 6px 20px #ff44444d}.option-icon{font-size:1.2rem}.step-select{background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.step-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #677eea33;outline:none}.step-select:disabled{cursor:not-allowed;opacity:.5}.field-error{align-items:center;background:#ff44441a;border:1px solid #ff44444d;border-radius:6px;color:#ff6b6b;display:flex;font-size:.9rem;gap:8px;margin-top:8px;padding:8px 12px}.field-error .error-icon{font-size:1rem}.step-select[disabled]:not([disabled=false]){opacity:.6}.selection-step.loading .step-select{animation:selectSpin 1s linear infinite;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a9 9 0 11-6.219-8.56"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:16px}@keyframes selectSpin{0%{background-position:right 12px center}to{background-position:right 12px center}}.step-select option{background:#1a1a2e;color:#fff;padding:10px}.selection-summary{margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#677eea1a,#764ba21a);border:1px solid #677eea4d;border-radius:16px;padding:24px;text-align:center}.summary-card h3{color:#fff;font-size:1.3rem;margin:0 0 16px}.contract-details{color:#a0a0a0;font-size:1.1rem}.contract-details strong{color:#fff;font-weight:600}.charts-section{margin-bottom:40px}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}.chart-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.chart-container .chart-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin:0;padding:20px 24px}.chart-container .chart-header h3{color:#fff;font-size:1.2rem;margin:0}.chart-controls{align-items:center;display:flex;gap:16px}.chart-symbol{background:#00ff881a;border:1px solid #00ff884d;border-radius:6px;color:#0f8;font-family:Monaco,Menlo,monospace;font-size:.9rem;padding:6px 12px}.legend{display:flex;gap:16px}.legend-item{align-items:center;color:#a0a0a0;display:flex;font-size:.9rem;gap:8px}.legend-item:before{border-radius:2px;content:"";height:3px;width:12px}.legend-item.straddle:before{background:#667eea}.legend-item.vwap:before{background:#ff6b6b}.tradingview-chart{border-radius:0 0 16px 16px;position:relative;width:100%}.chart-placeholder{align-items:center;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative}.placeholder-content{text-align:center;z-index:2}.placeholder-content h4{color:#fff;font-size:1.1rem;margin:0 0 8px}.placeholder-content p{color:#a0a0a0;font-size:.9rem;margin:0}.mock-chart-line{border-radius:1px;height:2px;left:10%;opacity:.6;position:absolute;width:80%}.mock-chart-line:not(.straddle):not(.vwap){animation:chartPulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0f8,#667eea,#ff6b6b,#0f8);top:50%}.mock-chart-line.straddle{animation:chartPulse 3s ease-in-out .5s infinite;background:#667eea;top:45%}.mock-chart-line.vwap{animation:chartPulse 3s ease-in-out 1s infinite;background:#ff6b6b;top:55%}@keyframes chartPulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.05)}}.progress-section{margin-bottom:40px}.progress-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:30px;text-align:center}.progress-card h3{color:#fff;font-size:1.4rem;margin:0 0 16px}.progress-card p{color:#a0a0a0;font-size:1rem;margin:0 0 24px}.progress-steps{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.progress-step{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:16px;transition:all .3s ease}.progress-step.completed{background:#00ff881a;border:1px solid #00ff884d}.progress-step.pending{background:#ffffff0d;border:1px solid #ffffff1a}.step-icon{border-radius:50%;font-size:.9rem;font-weight:600;height:32px;width:32px}.progress-step.completed .step-icon{background:#0f8;color:#000}.progress-step.pending .step-icon{background:#ffffff1a;color:#a0a0a0}.progress-step span:last-child{color:#a0a0a0;font-size:.9rem;font-weight:500}.progress-step.completed span:last-child{color:#0f8}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{border:4px solid #ffffff1a;border-left-color:#667eea;height:50px;margin-bottom:20px;width:50px}.loading-container h2{color:#fff;font-size:1.5rem;margin:0 0 10px}.loading-container p{color:#a0a0a0;font-size:1rem;margin:0}.error-container{margin-bottom:20px}.error-message{align-items:center;background:#ff44441a;border:1px solid #ff44444d;border-radius:12px;color:#ff6b6b;display:flex;font-size:.95rem;gap:12px;padding:16px 20px}.error-close,.error-icon{font-size:1.2rem}.error-close{background:none;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;margin-left:auto;padding:4px;transition:background .2s ease}.error-close:hover{background:#f443}@media (max-width:768px){.options-chart-container{padding:16px}.chart-header h1{font-size:2rem}.selection-flow{grid-template-columns:1fr;padding:20px}.asset-toggle,.option-type-toggle{flex-direction:column}.charts-grid{grid-template-columns:1fr}.chart-container .chart-header{align-items:flex-start;flex-direction:column;gap:12px}.progress-steps{align-items:center;flex-direction:column}}@media (max-width:480px){.chart-header h1{font-size:1.8rem}.selection-step{padding:16px}.asset-btn,.option-btn,.step-select{padding:12px}.charts-grid{gap:20px}.tradingview-chart{height:300px!important}}.subscription-detail{background:var(--bg-primary);margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:20px}.subscription-detail.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-color);height:40px;margin-bottom:16px;width:40px}.subscription-detail.error{align-items:center;display:flex;justify-content:center;min-height:400px}.error-message{color:var(--text-secondary);text-align:center}.error-message svg{color:var(--error-color);margin-bottom:16px}.error-message h2{color:var(--text-primary);margin-bottom:8px}.detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.detail-header,.header-left{align-items:flex-start;display:flex}.header-left{gap:16px}.back-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);color:var(--text-primary)}.subscription-title h1{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 8px}.subscription-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.status-icon{height:16px;width:16px}.status-icon.active{color:var(--success-color)}.status-icon.paused{color:var(--warning-color)}.status-icon.expired{color:var(--error-color)}.status-text{font-size:12px;font-weight:500;text-transform:uppercase}.status-text.active{color:var(--success-color)}.status-text.paused{color:var(--warning-color)}.status-text.expired{color:var(--error-color)}.separator{color:var(--border-color)}.header-actions{display:flex;gap:12px}.action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.active{background:var(--success-color);border-color:var(--success-color);color:#fff}.action-btn.edit-btn:hover,.action-btn.paused{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.action-btn.delete-btn:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.detail-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:24px}.tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.tab-content{min-height:400px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.info-card:hover{border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a}.info-card h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.info-item label{color:var(--text-secondary);font-size:14px;font-weight:500}.info-item span{color:var(--text-primary);font-size:14px;font-weight:600}.notification-settings{display:flex;flex-direction:column;gap:12px}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.setting-item span:first-child{color:var(--text-secondary);font-size:14px}.setting-item span:last-child{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.setting-item .enabled{background:var(--success-color);color:#fff}.setting-item .disabled{background:var(--error-color);color:#fff}.chart-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.chart-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.chart-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.chart-header p{color:var(--text-secondary);font-size:14px;margin:0}.chart-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-height:500px}.notifications-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.notifications-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.notifications-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.notifications-header p{color:var(--text-secondary);font-size:14px;margin:0}.empty-notifications{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-notifications svg{color:var(--border-color);margin-bottom:16px}.empty-notifications h4{color:var(--text-primary);font-size:18px;margin:0 0 8px}.empty-notifications p{font-size:14px;margin:0}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.notification-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.notification-icon{background:var(--accent-color);border-radius:50%;color:#fff;padding:8px}.notification-title{color:var(--text-primary);margin-bottom:4px}.notification-message{color:var(--text-secondary);margin-bottom:8px}.notification-time{color:var(--text-tertiary)}.notification-status{border-radius:50%;flex-shrink:0;padding:4px}.notification-status.read{color:var(--text-tertiary)}.notification-status.unread{color:var(--accent-color)}@media (max-width:768px){.subscription-detail{padding:16px}.detail-header{align-items:stretch;flex-direction:column;gap:16px}.header-actions{justify-content:flex-end}.overview-grid{grid-template-columns:1fr}.detail-tabs{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap}.subscription-title h1{font-size:24px}.subscription-meta{flex-wrap:wrap}}@media (max-width:480px){.action-btn{font-size:13px;padding:8px 12px}.action-btn span{display:none}.info-item{align-items:flex-start;flex-direction:column;gap:4px}.notification-item{padding:12px}}.auth-container{align-items:center;background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:480px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:32px;text-align:center}.auth-header h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{color:#94a3b8;font-size:14px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-group label{align-items:center;color:#cbd5e1;display:flex;font-size:13px;font-weight:500;gap:8px}.form-group input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.form-group input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px}.label-row{align-items:center;display:flex;justify-content:space-between}.forgot-link{color:#3b82f6;font-size:12px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-btn-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px;transition:all .2s}.auth-btn-primary:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.7}.auth-divider{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#ffffff1a;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 12px}.auth-btn-google{align-items:center;background:#fff;border:none;border-radius:12px;color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .2s;width:100%}.auth-btn-google:hover{background:#f8fafc;transform:translateY(-1px)}.auth-footer{color:#94a3b8;font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:#3b82f6;font-weight:600;margin-left:4px;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error-banner{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.verification-card{max-width:600px}.verification-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.step-card{background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s}.step-card.completed{background:#10b9810d;border-color:#10b9814d}.step-icon{align-items:center;background:#ffffff0d;border-radius:12px;color:#94a3b8;display:flex;height:48px;justify-content:center;width:48px}.step-card.completed .step-icon{background:#10b98133;color:#34d399}.step-content{flex:1 1}.step-content h3{color:#fff;font-size:16px;margin:0 0 4px}.step-content p{color:#94a3b8;font-size:14px;margin:0 0 12px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.status-badge.success{background:#10b98133;color:#34d399}.status-badge.pending{background:#f59e0b33;color:#fbbf24}.step-actions{align-items:center;display:flex;gap:12px}.btn-text{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:0}.btn-text:hover{text-decoration:underline}.otp-section{display:flex;gap:12px}.otp-input{background:#0f172acc;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:monospace;letter-spacing:2px;padding:8px 12px;text-align:center;width:140px}.btn-verify{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.btn-verify:hover{background:#2563eb}.auth-message{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.auth-message.success{background:#10b9811a;border:1px solid #10b98133;color:#34d399}.auth-message.error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.otp-section-firebase{display:flex;flex-direction:column;gap:12px}.otp-section-firebase .btn-verify{align-self:flex-start}.global-testing-mode{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;gap:8px;padding:0}.global-testing-mode:hover{background:#0000}.testing-mode-indicator{align-items:center;display:flex;gap:8px}.mode-label{display:none}.global-testing-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;min-width:auto;outline:none;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.global-testing-button.testing-active{background:#f59e0b26;border:1px solid #f59e0b4d;box-shadow:none;color:#fbbf24}.global-testing-button.testing-active:hover{background:#f59e0b40;border-color:#f59e0b80;transform:none}.global-testing-button.live-trading{background:#10b98126;border:1px solid #10b9814d;box-shadow:none;color:#34d399}.global-testing-button.live-trading:hover{background:#10b98140;border-color:#10b98180;transform:none}.broker-coverage{display:none}.global-testing-mode{position:relative}.global-testing-mode:hover:after{background:#0f172af2;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;content:"Affects: Binance • BingX • Dhan • Delta";font-size:.7rem;margin-top:10px;padding:6px 12px;pointer-events:none;position:absolute;right:0;top:100%;white-space:nowrap;z-index:100}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.global-testing-mode{display:none}}.notification-bell-container{display:inline-block;position:relative}.notification-bell{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:visible;position:relative;transition:all .3s ease;width:44px}.notification-bell:hover{background:#ffffff26;border-color:#2196f380;box-shadow:0 4px 12px #2196f333;color:#2196f3;transform:translateY(-1px)}.notification-bell.has-notifications{animation:bellShake 2s ease-in-out infinite}.notification-bell.has-notifications:hover{animation:none}@keyframes bellShake{0%,50%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0000004d;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{animation:dropdownSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown:before{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #ffffff1a;border-bottom:none;border-right:none;content:"";height:12px;position:absolute;right:20px;top:-6px;transform:rotate(45deg);width:12px}.notification-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.notification-actions{display:flex;gap:8px}.clear-all-btn,.mark-all-read-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mark-all-read-btn:hover{background:#10b98133;border-color:#10b98166;color:#10b981}.clear-all-btn:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.notification-list{max-height:350px;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.notification-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#2196f3;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-notifications{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-notifications-icon{margin-bottom:16px;opacity:.3}.no-notifications p{color:#fffc;font-size:16px;font-weight:500;margin:0 0 8px}.no-notifications span{color:#ffffff80;font-size:14px}.notification-item{border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s ease}.notification-item:hover{background:#ffffff08}.notification-item.unread{background:#2196f30d;border-left:3px solid #2196f3}.notification-item.unread:hover{background:#2196f314}.notification-content{flex:1 1;min-width:0}.notification-header-item{align-items:center;display:flex;gap:8px;margin-bottom:6px}.notification-icon{flex-shrink:0;font-size:16px}.notification-title{color:#fff;flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-priority{border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 8px;overflow:hidden}.notification-footer{align-items:center;display:flex;justify-content:space-between}.notification-time{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:4px}.unread-indicator{background:#2196f3;border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.delete-notification-btn{background:#0000;border:none;border-radius:4px;color:#fff6;cursor:pointer;flex-shrink:0;opacity:0;padding:4px;transition:all .2s ease}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:hover{background:#ef444433;color:#ef4444}.notification-footer-actions{background:#ffffff05;border-top:1px solid #ffffff1a;padding:12px 20px}.view-all-btn{background:#2196f31a;border:1px solid #2196f34d;border-radius:8px;color:#2196f3;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.view-all-btn:hover{background:#2196f326;border-color:#2196f380;transform:translateY(-1px)}@media (max-width:768px){.notification-dropdown{right:-20px;width:320px}.notification-dropdown:before{right:40px}}@media (max-width:480px){.notification-dropdown{right:-40px;width:280px}.notification-dropdown:before{right:60px}.notification-header,.notification-item{padding:12px 16px}.notification-footer-actions{padding:8px 16px}}@keyframes newNotification{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-item.new{animation:newNotification .3s ease-out}.notification-bell.playing-sound{animation:soundWave .5s ease-in-out}@keyframes soundWave{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#111827f2;border-bottom:1px solid #ffffff14;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-container{height:64px;margin:0 auto;max-width:1600px;padding:0 1.5rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px;margin-right:2rem;text-decoration:none}.logo-icon{border-radius:8px;height:32px;width:32px}.logo-text{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#3b82f6}.nav-links{align-items:center;display:flex;flex:1 1;gap:4px;height:100%;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-item{align-items:center;border-bottom:none;border-radius:8px;color:#9ca3af;display:flex;font-size:.9rem;font-weight:500;gap:8px;height:auto;padding:8px 14px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-item:hover{background-color:#ffffff0d;color:#e5e7eb}.nav-icon{align-items:center;display:flex;font-size:1.1em;opacity:.8}.nav-item.active{background-color:#3b82f61a;color:#60a5fa}.nav-actions{align-items:center;display:flex;gap:16px;margin-left:auto;padding-left:1rem}.action-divider{background-color:#ffffff1a;height:24px;width:1px}.nav-auth{background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#e5e7eb;cursor:pointer;padding:8px 16px}.nav-auth:hover{background-color:#ffffff0d;border-color:#fff3}.nav-button{background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:8px;box-shadow:0 2px 10px #3b82f633;color:#fff;font-weight:600;padding:8px 20px}.nav-button:hover{background-color:initial!important;box-shadow:0 4px 15px #3b82f64d;color:#fff!important;opacity:.9}.nav-profile{gap:12px}.nav-profile,.profile-circle{align-items:center;display:flex}.profile-circle{background:linear-gradient(135deg,#a855f7,#3b82f6);border:2px solid #ffffff1a;border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;width:36px}@media (max-width:1024px){.nav-container{padding:0 1rem}.logo-text{display:none}.nav-logo{margin-right:1rem}}@media (max-width:768px){.nav-item{font-size:.85rem;padding:6px 10px}.nav-logo{margin-right:.5rem}.nav-actions{display:none}}.logo-container{align-items:center;display:flex;gap:16px;position:relative}.logo-container.large{gap:20px}.logo-container.small{gap:12px}.logo-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:center;padding:8px;position:relative;transition:all .3s ease}.logo-icon:before{background:linear-gradient(135deg,#a855f71a,#3b82f61a 50%,#10b9811a);border-radius:16px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.logo-icon:hover:before{opacity:1}.logo-icon:hover{box-shadow:0 10px 30px #a855f733,0 0 50px #3b82f61a;transform:translateY(-2px)}.logo-svg{filter:drop-shadow(0 0 10px rgba(168,85,247,.3));position:relative;transition:all .3s ease;z-index:1}.logo-container.small .logo-svg{height:32px;width:32px}.logo-ring{animation:logoRotate 20s linear infinite;transform-origin:center}.logo-trend{animation:logoGlow 3s ease-in-out infinite alternate}.logo-diamond{animation:logoPulse 2s ease-in-out infinite}.logo-base{animation:logoSlide 4s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6 50%,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0;position:relative}.logo-container.small .logo-title{font-size:1.5rem}.logo-title:after{background:linear-gradient(90deg,#a855f7,#3b82f6,#10b981);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.logo-container:hover .logo-title:after{width:100%}.logo-version{align-self:flex-start;background:#a855f71a;border:1px solid #a855f733;border-radius:8px;color:#fff9;font-size:.75rem;font-weight:600;padding:2px 8px;transition:all .3s ease}.logo-container.small .logo-version{font-size:.625rem;padding:1px 6px}.logo-version:hover{background:#a855f733;color:#fffc}@keyframes logoRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 5px rgba(16,185,129,.5))}to{filter:drop-shadow(0 0 15px rgba(168,85,247,.8))}}@keyframes logoPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes logoSlide{0%,to{opacity:.6;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}@media (max-width:768px){.logo-container{gap:12px}.logo-title{font-size:1.5rem}.logo-svg{height:36px;width:36px}}@media (max-width:480px){.logo-container{gap:8px}.logo-title{font-size:1.25rem}.logo-svg{height:32px;width:32px}}.price-ticker{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;border-bottom:1px solid #ffffff0d;display:flex;height:40px;overflow:hidden;position:relative;white-space:nowrap;z-index:900}.ticker-content{animation:scroll-left 60s linear infinite;display:flex;gap:0;padding-left:100%}@keyframes scroll-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.ticker-item{align-items:center;border-right:1px solid #ffffff0d;color:#94a3b8;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:500;gap:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:0 32px;position:relative}.ticker-item:after{display:none}.ticker-item.loading{animation:pulse 1.5s ease-in-out infinite alternate;color:#64748b}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.ticker-symbol{color:#e2e8f0;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ticker-price{color:#fff;font-family:JetBrains Mono,monospace;font-weight:600}.ticker-change{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:2px;padding:2px 6px}.ticker-change.positive{color:#34d399}.ticker-change.negative{color:#f87171}.price-ticker:hover .ticker-content{animation-play-state:paused}@media (max-width:768px){.price-ticker{height:40px}.ticker-item{font-size:.75rem;gap:8px;padding:0 20px}}.app-main-landing{flex:1 1;margin:0;padding:0;width:100%}
/*# sourceMappingURL=main.5971f099.css.map*/