:root{
  --navy:#0b2e59;--navy-2:#071d38;--gold:#ffb84d;--gold-2:#f2a62e;
  --ink:#10213a;--muted:#667085;--line:#e6ebf2;--soft:#f5f7fb;--white:#fff;
  --green:#17a673;--red:#e5484d;--yellow:#d99400;--blue:#2d6cdf;
  --shadow:0 18px 55px rgba(16,33,58,.10);--shadow-sm:0 8px 24px rgba(16,33,58,.07);
  --radius:18px;--radius-sm:12px;--sidebar:254px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.eyebrow{color:var(--gold-2);font-size:.76rem;letter-spacing:.15em;font-weight:800;margin:0 0 8px}.muted{color:var(--muted)}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.text-yellow{color:var(--yellow)!important}.text-right{text-align:right}.mb-0{margin-bottom:0!important}.mt-24{margin-top:24px}.hidden{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--navy-2);color:#fff;box-shadow:0 9px 24px rgba(7,29,56,.18)}.btn-primary:hover{background:var(--navy)}.btn-gold{background:var(--gold);color:var(--navy-2)}.btn-ghost{background:#fff;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff1f2;color:var(--red);border-color:#ffd5d8}.btn-success{background:#eafaf4;color:#087a53;border-color:#c8efdf}.btn-sm{padding:9px 14px;font-size:.86rem}.btn-block{width:100%}.link{color:var(--blue);font-weight:650}.link:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,235,242,.85)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:44px;height:44px;border-radius:10px}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:.97rem;letter-spacing:.08em}.brand small{font-size:.55rem;letter-spacing:.18em;color:var(--muted);margin-top:5px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{font-size:.88rem;font-weight:600;color:#364152}.nav-links a:hover,.nav-links a.active{color:var(--navy);position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--navy)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;background:transparent;border:0;font-size:1.45rem;color:var(--navy)}
.hero{padding:90px 0 54px;background:radial-gradient(circle at 75% 25%,rgba(255,184,77,.13),transparent 30%),linear-gradient(#fff,#fbfcfe)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.hero h1{font-size:clamp(2.4rem,5vw,4.35rem);line-height:1.04;margin:12px 0 22px;letter-spacing:-.045em}.hero h1 span{color:var(--gold-2)}.hero-copy>p{font-size:1.06rem;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0 32px;flex-wrap:wrap}.hero-trust{display:flex;gap:24px;flex-wrap:wrap;color:#475467;font-size:.87rem}.hero-trust span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e9f8f2;color:var(--green);font-weight:800;margin-right:7px}.hero-visual{position:relative}.logo-orbit{width:min(480px,100%);aspect-ratio:1;margin:auto;border-radius:42px;background:var(--navy);display:grid;place-items:center;box-shadow:0 34px 80px rgba(11,46,89,.25);position:relative;overflow:hidden}.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,184,77,.23)}.logo-orbit:before{width:420px;height:420px}.logo-orbit:after{width:560px;height:560px}.logo-orbit img{width:78%;position:relative;z-index:2}.floating-stat{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 17px;box-shadow:var(--shadow-sm);min-width:160px}.floating-stat small{display:block;color:var(--muted);font-size:.72rem}.floating-stat strong{display:block;font-size:1.03rem;margin-top:3px}.stat-a{left:-25px;bottom:60px}.stat-b{right:-20px;top:44px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.feature-strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}.mini-feature{display:flex;align-items:center;gap:12px;padding:23px 18px;border-right:1px solid var(--line)}.mini-feature:first-child{border-left:1px solid var(--line)}.mini-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--navy)}.mini-feature strong{display:block;font-size:.82rem}.mini-feature small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.section{padding:96px 0}.section-soft{background:var(--soft)}.section-head{max-width:720px;margin-bottom:42px}.section-head.center{text-align:center;margin-inline:auto;margin-bottom:48px}.section-head h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.12;margin:8px 0 14px;letter-spacing:-.035em}.section-head p{color:var(--muted);margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 26px rgba(16,33,58,.035)}.feature-card .feature-number{width:44px;height:44px;border-radius:12px;background:#fff7e9;color:#c77a00;display:grid;place-items:center;font-weight:800}.feature-card h3{margin:18px 0 8px;font-size:1.18rem}.feature-card p{margin:0;color:var(--muted);font-size:.93rem}.feature-card ul{padding-left:18px;color:#475467;font-size:.88rem;margin:15px 0 0}
.remote-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:center}.remote-copy h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08;margin:10px 0 18px}.remote-copy>p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{margin:13px 0;color:#344054;font-weight:550}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#edf7ff;color:var(--blue);font-weight:800;margin-right:10px}.dashboard-preview{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.preview-top{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:8px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.preview-body{display:grid;grid-template-columns:150px 1fr;min-height:430px}.preview-side{border-right:1px solid var(--line);padding:20px 14px;background:#fbfcfe}.preview-side div{height:34px;border-radius:8px;margin:6px 0;background:#f0f3f8}.preview-side div:first-child{background:#fff1d9;border:1px solid #ffe3ae}.preview-main{padding:22px}.preview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-card{border:1px solid var(--line);border-radius:11px;padding:12px}.preview-card small{color:var(--muted);font-size:.63rem}.preview-card strong{display:block;font-size:.87rem;margin-top:5px}.fake-chart{height:170px;border:1px solid var(--line);border-radius:12px;margin-top:15px;position:relative;overflow:hidden;background:linear-gradient(to top,rgba(45,108,223,.08),transparent)}.fake-chart svg{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}.preview-table{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px}.preview-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:9px 3px;border-bottom:1px solid #eef1f5;font-size:.68rem}.preview-row:last-child{border-bottom:0}
.stats-band{background:var(--navy);color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:8px 28px;border-right:1px solid rgba(255,255,255,.14)}.stat-item:last-child{border-right:0}.stat-item strong{display:block;font-size:1.55rem;color:var(--gold)}.stat-item span{font-size:.78rem;color:#cbd6e6}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;position:relative}.price-card.popular{border-color:var(--gold);box-shadow:0 20px 45px rgba(255,184,77,.13)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy-2);font-size:.7rem;font-weight:800;padding:5px 13px;border-radius:999px}.price-card h3{margin:3px 0 12px}.price{font-size:2rem;font-weight:800;letter-spacing:-.04em}.price small{font-size:.73rem;color:var(--muted);font-weight:500}.price-card p{color:var(--muted);font-size:.82rem;min-height:44px}.price-card ul{list-style:none;padding:0;margin:20px 0}.price-card li{font-size:.82rem;margin:10px 0;color:#475467}.price-card li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:steps}.step-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;counter-increment:steps}.step-card:before{content:counter(steps);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:#fff;font-weight:800}.step-card h3{font-size:1rem;margin:17px 0 7px}.step-card p{color:var(--muted);font-size:.84rem;margin:0}
.faq-list{max-width:860px;margin:auto}.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden}.faq-q{width:100%;background:#fff;border:0;padding:19px 22px;text-align:left;display:flex;justify-content:space-between;font-weight:700;color:var(--ink);cursor:pointer}.faq-q span:last-child{font-size:1.2rem}.faq-a{display:none;padding:0 22px 20px;color:var(--muted);font-size:.9rem}.faq-item.open .faq-a{display:block}.cta-panel{background:linear-gradient(135deg,var(--navy-2),var(--navy));border-radius:28px;color:#fff;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 28px 70px rgba(7,29,56,.24)}.cta-panel h2{margin:0 0 8px;font-size:2rem}.cta-panel p{color:#cdd9e8;margin:0}.site-footer{background:#081b34;color:#d8e1ed;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:52px}.footer-brand strong{color:#fff}.footer-brand small{color:#aab9cc}.footer-grid p{font-size:.83rem;color:#9fb0c4;max-width:330px}.footer-grid h4{font-size:.82rem;color:#fff;margin:0 0 15px}.footer-grid>div>a:not(.brand){display:block;color:#aebed1;font-size:.8rem;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:20px 0;display:flex;justify-content:space-between;color:#8194aa;font-size:.72rem}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#f6f8fb,#fff7e8);display:grid;grid-template-columns:1fr 1fr}.auth-brand{background:var(--navy);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,184,77,.22);border-radius:50%;right:-150px;bottom:-180px}.auth-brand .brand strong{color:#fff}.auth-brand .brand small{color:#d6e1ef}.auth-brand-copy{position:relative;z-index:2;max-width:560px}.auth-brand-copy h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.06;margin:0 0 18px}.auth-brand-copy h1 span{color:var(--gold)}.auth-brand-copy p{color:#c9d5e4}.auth-main{display:grid;place-items:center;padding:38px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 7px}.auth-card>p{color:var(--muted);font-size:.9rem;margin:0 0 25px}.form-group{margin-bottom:17px}.form-group label{display:block;font-size:.79rem;font-weight:700;margin-bottom:7px;color:#344054}.form-control{width:100%;border:1px solid #d9e0e9;border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);outline:none}.form-control:focus{border-color:#7da5d7;box-shadow:0 0 0 3px rgba(45,108,223,.1)}textarea.form-control{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-help{font-size:.73rem;color:var(--muted);margin-top:5px}.form-error{font-size:.76rem;color:var(--red);margin-top:6px}.auth-meta{text-align:center;margin-top:19px;font-size:.82rem;color:var(--muted)}.checkbox-row{display:flex;align-items:flex-start;gap:9px;font-size:.8rem;color:#475467}.checkbox-row input{margin-top:4px}
.flash-stack{position:fixed;top:88px;right:20px;z-index:100;width:min(390px,calc(100% - 40px))}.flash{padding:13px 15px;border-radius:11px;margin-bottom:9px;box-shadow:var(--shadow-sm);font-size:.83rem;border:1px solid}.flash-success{background:#effbf6;color:#087a53;border-color:#c9efdf}.flash-warning{background:#fff8e7;color:#8c5c00;border-color:#f4dc9e}.flash-danger{background:#fff1f2;color:#b4232b;border-color:#ffd2d5}.flash-info{background:#edf5ff;color:#174ea6;border-color:#cfe2ff}
.app-shell{background:#f5f7fb;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#081f3c;color:#dce6f2;padding:22px 16px;display:flex;flex-direction:column;z-index:60}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:3px 7px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand img{width:42px;height:42px;border-radius:10px}.sidebar-brand span{font-size:.83rem;letter-spacing:.07em;font-weight:800;line-height:1.1}.sidebar-brand small{display:block;font-size:.5rem;color:#8ea4bd;letter-spacing:.16em;margin-top:5px}.sidebar-nav{padding-top:22px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-size:.82rem;color:#aebed1;margin:3px 0}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,184,77,.12);color:#fff}.sidebar-nav a.active .nav-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(255,184,77,.13)}.nav-dot{width:7px;height:7px;border-radius:50%;background:#627b97}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}.member-chip{display:flex;gap:10px;align-items:center}.member-chip>span,.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy-2);font-weight:800}.member-chip strong{display:block;font-size:.74rem;color:#fff;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-chip small{display:block;font-size:.58rem;color:#8ea4bd;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-link{display:block;margin-top:13px;color:#ff9ea3;font-size:.75rem}.app-main{margin-left:var(--sidebar);min-height:100vh}.app-header{height:92px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:35}.app-header h1{font-size:1.45rem;margin:0;letter-spacing:-.025em}.app-header .eyebrow{font-size:.59rem;margin-bottom:2px}.app-header-actions{display:flex;align-items:center;gap:12px}.app-content{padding:30px 34px 52px;max-width:1600px;margin:auto}.mobile-appbar{display:none}.sidebar-overlay{display:none}.account-selector{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin-bottom:22px;width:max-content;max-width:100%}.account-selector label{font-size:.72rem;font-weight:700;color:var(--muted)}.account-selector select{border:0;background:transparent;font-weight:700;outline:none;max-width:280px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(16,33,58,.035)}.card-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.card-head h2,.card-head h3{margin:0;font-size:1rem}.card-body{padding:22px}.card-footer{padding:15px 22px;border-top:1px solid var(--line);background:#fbfcfe;border-radius:0 0 var(--radius) var(--radius)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.75rem;color:var(--muted);font-weight:600}.metric-icon{width:34px;height:34px;border-radius:10px;background:#f2f5f9;display:grid;place-items:center;color:var(--navy);font-size:.85rem;font-weight:800}.metric-value{font-size:1.45rem;font-weight:800;margin:12px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-note{font-size:.69rem;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:800}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-online,.status-active,.status-paid,.status-approved{background:#eafaf4;color:#087a53}.status-offline,.status-expired,.status-rejected,.status-blocked{background:#fff1f2;color:#b4232b}.status-pending,.status-warning,.status-trial{background:#fff8e7;color:#8c5c00}.status-info{background:#edf5ff;color:#174ea6}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.79rem}.data-table th{text-align:left;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table a{color:var(--blue);font-weight:650}.empty-state{text-align:center;background:#fff;border:1px dashed #cfd7e3;border-radius:16px;padding:42px 24px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:0 0 8px}.empty-state .btn{margin-top:14px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.page-toolbar h2{margin:0;font-size:1rem}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chart-box{height:280px;position:relative}.chart-bars{height:210px;display:flex;align-items:flex-end;gap:9px;padding:20px 8px 0;border-bottom:1px solid var(--line)}.chart-bar{flex:1;min-width:14px;border-radius:5px 5px 0 0;background:linear-gradient(var(--gold),#f7d497);position:relative}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.62rem;padding-top:9px}.profit-list,.risk-list{list-style:none;padding:0;margin:0}.profit-list li,.risk-list li{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:.79rem}.profit-list li:last-child,.risk-list li:last-child{border-bottom:0}.profit-list strong,.risk-list strong{font-size:.82rem}.monitor-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.market-status{display:flex;gap:14px;align-items:center;padding:18px;border-radius:14px;background:#f7f9fc}.market-symbol{width:54px;height:54px;border-radius:13px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:.72rem}.market-status h3{margin:0;font-size:1rem}.market-status p{margin:3px 0 0;color:var(--muted);font-size:.76rem}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:#e1e6ed}.timeline-item{position:relative;padding:0 0 20px 14px}.timeline-item:before{content:"";position:absolute;left:-19px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 1px #e2c183}.timeline-item h4{font-size:.8rem;margin:0}.timeline-item p{font-size:.72rem;color:var(--muted);margin:3px 0}.timeline-item time{font-size:.63rem;color:#98a2b3}
.settings-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px;margin-bottom:18px}.settings-tab{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font-size:.73rem;font-weight:700;cursor:pointer;white-space:nowrap}.settings-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.settings-panel{display:none}.settings-panel.active{display:block}.settings-section{border:1px solid var(--line);border-radius:15px;margin-bottom:17px;overflow:hidden;background:#fff}.settings-section-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.settings-section-head h3{margin:0;font-size:.92rem}.settings-section-head p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.settings-fields{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cfd6df;border-radius:999px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translateX(20px)}.field-with-unit{display:flex}.field-with-unit .form-control{border-radius:10px 0 0 10px}.field-unit{display:grid;place-items:center;padding:0 12px;background:#f3f5f8;border:1px solid #d9e0e9;border-left:0;border-radius:0 10px 10px 0;color:var(--muted);font-size:.73rem}.save-bar{position:sticky;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);z-index:20}.save-bar small{color:var(--muted)}
.license-card{border:1px solid var(--line);border-radius:16px;padding:21px;background:linear-gradient(145deg,#fff,#f9fbfd)}.license-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f4f8;border-radius:9px;padding:11px 12px;font-size:.8rem;letter-spacing:.04em;display:flex;justify-content:space-between;gap:12px}.license-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.license-meta div{padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.license-meta small{display:block;color:var(--muted);font-size:.62rem}.license-meta strong{font-size:.78rem}.progress{height:8px;border-radius:999px;background:#edf0f4;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffcf7e)}
.notification-option{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-option:last-child{border-bottom:0}.notification-option h4{margin:0;font-size:.82rem}.notification-option p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.legal-page{background:#f6f8fb;min-height:100vh}.legal-wrap{max-width:900px;margin:54px auto 80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px;box-shadow:var(--shadow-sm)}.legal-wrap h1{font-size:2rem;margin-top:0}.legal-wrap h2{font-size:1.15rem;margin-top:32px}.legal-wrap p,.legal-wrap li{color:#475467;font-size:.9rem}.legal-note{background:#fff8e8;border:1px solid #f4daa0;border-radius:11px;padding:14px 16px;color:#7a5200;font-size:.78rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-card{padding:28px}.contact-method{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}.contact-method:last-child{border-bottom:0}.contact-method span{width:38px;height:38px;border-radius:10px;background:#fff5e4;color:#b56c00;display:grid;place-items:center;font-weight:800}.contact-method h4{margin:0;font-size:.84rem}.contact-method p{margin:3px 0 0;color:var(--muted);font-size:.76rem}
.admin-sidebar{background:#181c25}.admin-shell .app-header .eyebrow{color:#667085}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.proof-thumb{width:70px;height:48px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-bar .form-control{width:auto;min-width:170px}.code-box{background:#081f3c;color:#dfe9f5;border-radius:12px;padding:16px;font-family:ui-monospace,monospace;font-size:.73rem;overflow:auto;white-space:pre-wrap}.install-page{background:#f5f7fb;min-height:100vh;padding:40px 18px}.install-card{width:min(760px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}
@media(max-width:1100px){.nav-links{gap:16px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-strip-grid{grid-template-columns:repeat(3,1fr)}.mini-feature:nth-child(n+4){border-top:1px solid var(--line)}.remote-grid{grid-template-columns:1fr}.dashboard-preview{max-width:780px}.grid-4,.admin-summary{grid-template-columns:repeat(2,1fr)}.monitor-grid{grid-template-columns:1fr}}
@media(max-width:900px){.nav-toggle{display:block;margin-left:auto}.nav-links{position:absolute;top:78px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;display:none;flex-direction:column;align-items:stretch;margin:0}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-links a.active:after{display:none}.nav-actions{display:none}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{max-width:520px;margin:auto;width:100%}.remote-copy{text-align:center}.check-list{text-align:left;max-width:500px;margin-inline:auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item:nth-child(2){border-right:0}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-brand{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.app-header{display:none}.mobile-appbar{position:sticky;top:0;z-index:45;height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800}.mobile-appbar button{border:0;background:transparent;font-size:1.3rem}.mobile-appbar a{width:32px;height:32px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:.76rem}.app-content{padding:22px 18px 42px}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(3,12,24,.5);z-index:50}.contact-grid{grid-template-columns:1fr}}
@media(max-width:680px){.section{padding:68px 0}.hero{padding-top:58px}.hero h1{font-size:2.65rem}.stat-a{left:0}.stat-b{right:0}.feature-strip-grid,.features-grid,.pricing-grid,.steps,.grid-2,.grid-3,.grid-4,.admin-summary{grid-template-columns:1fr}.mini-feature{border-left:1px solid var(--line);border-top:1px solid var(--line)}.preview-body{grid-template-columns:1fr}.preview-side{display:none}.preview-cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.stat-item:last-child{border-bottom:0}.cta-panel{padding:32px 24px;display:block;text-align:center}.cta-panel .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block;text-align:center}.footer-bottom span{display:block;margin:4px}.auth-main{padding:20px}.auth-card{padding:25px}.form-row,.settings-fields{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.app-content{padding-inline:14px}.page-toolbar{align-items:flex-start;flex-direction:column}.account-selector{width:100%;justify-content:space-between}.account-selector select{max-width:190px}.metric-value{font-size:1.25rem}.license-meta{grid-template-columns:1fr}.legal-wrap{margin:25px 14px 50px;padding:25px}.save-bar{display:block}.save-bar .button-row{margin-top:9px}.floating-stat{display:none}}

/* Snake EA Pro v1.3 — Remote control & temporary MT5 credentials */
.remote-master-control{border-color:#b9d8c9;background:linear-gradient(135deg,#f8fffb,#fff)}
.remote-control-summary{display:flex;align-items:center;gap:14px;justify-content:space-between}
.security-note{padding:13px 15px;border:1px solid #d9e4ef;background:#f7faff;border-radius:11px;color:#38506b;font-size:.76rem;line-height:1.55}
.password-field{display:flex;gap:8px;align-items:stretch}
.password-field .form-control{min-width:0;flex:1}
.password-field button{border:1px solid #d9e0e9;background:#f7f9fc;border-radius:9px;padding:0 12px;font-size:.72rem;font-weight:700;color:#17375e;cursor:pointer}
.admin-secret-action{min-width:165px}
.admin-secret-action summary{list-style:none;cursor:pointer;display:inline-flex}
.admin-secret-action summary::-webkit-details-marker{display:none}
.admin-secret-action form{margin-top:8px;padding:10px;border:1px solid #e0e6ee;border-radius:10px;background:#fafbfd}
.admin-secret-action form label{display:block;font-size:.68rem;font-weight:700;margin-bottom:5px}
.admin-secret-action form .form-control{margin-bottom:8px;min-width:150px}
.credential-reveal-card{border-color:#f1c36b;box-shadow:0 10px 30px rgba(140,92,0,.08)}
.mb-20{margin-bottom:20px}.mt-8{margin-top:8px}
@media(max-width:680px){.remote-control-summary{display:block}.remote-control-summary p{margin-top:10px}.password-field{flex-wrap:wrap}.password-field .form-control{flex-basis:100%}.password-field button{height:38px}}

/* =========================================================
   Snake EA Pro v1.4.3 — Distinct Admin Control Center theme
   Scope: admin pages only (.admin-shell)
   ========================================================= */
.admin-shell{
  --admin-primary:#7c3aed;
  --admin-primary-dark:#5b21b6;
  --admin-primary-soft:#f1eafe;
  --admin-accent:#c084fc;
  --admin-accent-2:#a855f7;
  --admin-ink:#24143d;
  --admin-muted:#756987;
  --admin-line:#e7def2;
  --admin-bg:#f6f2fa;
  --admin-card:#fff;
  --admin-sidebar:#251532;
  --admin-sidebar-2:#3a1f4b;
  --navy:var(--admin-primary);
  --navy-2:var(--admin-primary-dark);
  --gold:var(--admin-accent);
  --gold-2:var(--admin-accent-2);
  --ink:var(--admin-ink);
  --muted:var(--admin-muted);
  --line:var(--admin-line);
  --soft:var(--admin-bg);
  --blue:var(--admin-primary);
  background:
    radial-gradient(circle at 92% 4%,rgba(168,85,247,.10),transparent 26%),
    linear-gradient(180deg,#faf8fc 0%,var(--admin-bg) 100%);
}
.admin-shell .admin-sidebar{
  background:
    radial-gradient(circle at 18% 0%,rgba(192,132,252,.14),transparent 34%),
    linear-gradient(180deg,var(--admin-sidebar) 0%,var(--admin-sidebar-2) 100%);
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:14px 0 40px rgba(49,24,67,.12);
}
.admin-shell .sidebar-brand{
  border-bottom-color:rgba(255,255,255,.11);
}
.admin-shell .sidebar-brand small{
  color:#d7bdf1;
}
.admin-shell .sidebar-nav a{
  color:#d1c4dd;
}
.admin-shell .sidebar-nav a:hover{
  background:rgba(192,132,252,.11);
  color:#fff;
}
.admin-shell .sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(192,132,252,.25),rgba(124,58,237,.12));
  box-shadow:inset 3px 0 0 var(--admin-accent);
}
.admin-shell .sidebar-nav a.active .nav-dot{
  background:#e9d5ff;
  box-shadow:0 0 0 4px rgba(192,132,252,.20);
}
.admin-shell .nav-dot{
  background:#8f7a9f;
}
.admin-shell .sidebar-bottom{
  border-top-color:rgba(255,255,255,.11);
}
.admin-shell .member-chip>span,
.admin-shell .avatar{
  color:#fff;
  background:linear-gradient(135deg,var(--admin-accent-2),var(--admin-primary-dark));
  box-shadow:0 8px 22px rgba(124,58,237,.25);
}
.admin-shell .member-chip small{
  color:#bfaed0;
}
.admin-shell .logout-link{
  color:#ffb4c3;
}
.admin-shell .app-header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom-color:var(--admin-line);
  box-shadow:0 7px 24px rgba(59,29,79,.045);
}
.admin-shell .app-header .eyebrow{
  color:var(--admin-primary);
}
.admin-shell .app-header h1{
  color:var(--admin-ink);
}
.admin-shell .app-content{
  background:transparent;
}
.admin-shell .card,
.admin-shell .metric-card,
.admin-shell .settings-section,
.admin-shell .license-card{
  border-color:var(--admin-line);
  box-shadow:0 10px 32px rgba(65,35,84,.055);
}
.admin-shell .card-head,
.admin-shell .settings-section-head{
  background:linear-gradient(180deg,#fff 0%,#fbf8fe 100%);
  border-bottom-color:var(--admin-line);
}
.admin-shell .card-footer{
  background:#fbf8fe;
  border-top-color:var(--admin-line);
}
.admin-shell .btn-primary{
  background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));
  color:#fff;
  box-shadow:0 10px 26px rgba(124,58,237,.22);
}
.admin-shell .btn-primary:hover{
  background:linear-gradient(135deg,#8b5cf6,#6d28d9);
}
.admin-shell .btn-gold{
  background:#ede2ff;
  color:#4c1d95;
  border-color:#dbc7fa;
}
.admin-shell .btn-ghost{
  border-color:#dfd3eb;
  color:#4b2c61;
  background:#fff;
}
.admin-shell .btn-ghost:hover{
  border-color:#c8a9e8;
  background:#fbf7ff;
}
.admin-shell .link{
  color:var(--admin-primary);
}
.admin-shell .metric-icon{
  color:var(--admin-primary-dark);
  background:var(--admin-primary-soft);
}
.admin-shell .metric-value{
  color:var(--admin-ink);
}
.admin-shell .form-control:focus{
  border-color:#a78bfa;
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.admin-shell .settings-tab.active{
  background:var(--admin-primary);
  border-color:var(--admin-primary);
}
.admin-shell .switch input:checked+.slider{
  background:var(--admin-primary);
}
.admin-shell .table-wrap thead,
.admin-shell table thead{
  background:#f7f1fd;
}
.admin-shell .table-wrap th,
.admin-shell table th{
  color:#5b3b70;
}
.admin-shell .account-selector{
  border-color:var(--admin-line);
  box-shadow:0 8px 24px rgba(65,35,84,.04);
}
.admin-shell .code-box{
  background:#28143a;
  color:#f0e8f8;
}
.admin-shell .market-status{
  background:linear-gradient(135deg,#faf7fd,#f4edfb);
  border:1px solid #eadff4;
  min-width:0;
}
.admin-shell .market-status>div:last-child{
  min-width:0;
}
.admin-shell .market-status h3,
.admin-shell .market-status p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-shell .market-symbol{
  width:auto;
  min-width:68px;
  max-width:96px;
  height:58px;
  flex:0 0 auto;
  padding:0 10px;
  border-radius:14px;
  background:linear-gradient(145deg,var(--admin-primary-dark),var(--admin-primary));
  color:#f3e8ff;
  font-size:clamp(.56rem,.70vw,.69rem);
  line-height:1;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 9px 22px rgba(91,33,182,.18);
}
.admin-shell .status-info{
  background:#f0e9ff;
  color:#5b21b6;
}
.admin-shell .status-pending,
.admin-shell .status-warning,
.admin-shell .status-trial{
  background:#fff7e7;
  color:#865700;
}
.admin-shell .save-bar{
  border-color:var(--admin-line);
  box-shadow:0 12px 34px rgba(65,35,84,.08);
}
.admin-shell .mobile-appbar{
  color:#fff;
  background:linear-gradient(90deg,var(--admin-sidebar),var(--admin-sidebar-2));
  border-bottom-color:rgba(255,255,255,.09);
}
.admin-shell .mobile-appbar button{
  color:#fff;
}
.admin-shell .mobile-appbar a{
  color:#fff;
  background:linear-gradient(135deg,var(--admin-accent-2),var(--admin-primary-dark));
}
.admin-shell .sidebar-overlay.open{
  background:rgba(36,20,61,.58);
}
@media(max-width:1180px){
  .admin-shell .grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .admin-shell .grid-3{
    grid-template-columns:1fr;
  }
  .admin-shell .market-symbol{
    min-width:72px;
    max-width:108px;
  }
}

/* V4 accessibility and security-compatible controls */
.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:#071d38;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2);font-weight:700}
.skip-link:focus{top:16px}
.logout-form{margin:0}
.logout-form .logout-link{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #ffbd59;outline-offset:3px}
.simulation-note{margin:12px 0 0;font-size:.72rem;color:var(--muted);line-height:1.45}
[hidden]{display:none!important}
/* V4: keep long, high-entropy licence keys readable on narrow screens. */
.license-key{align-items:center;flex-wrap:wrap}
.license-key>span,.license-key>strong,.license-key>code{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* =========================================================
   V4.0.4 — Sidebar viewport and scrolling fix
   Keeps the account/logout section visible while allowing a
   long navigation list to scroll inside the fixed sidebar.
   ========================================================= */
.sidebar{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
  overflow:hidden;
}
.sidebar-brand{
  flex:0 0 auto;
}
.sidebar-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:4px;
  padding-bottom:14px;
}
.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  padding-bottom:max(0px,env(safe-area-inset-bottom));
  background:inherit;
}
.sidebar-nav::-webkit-scrollbar{
  width:6px;
}
.sidebar-nav::-webkit-scrollbar-track{
  background:transparent;
}
.sidebar-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.24);
  border-radius:999px;
}
.sidebar-nav::-webkit-scrollbar-thumb:hover{
  background:rgba(255,255,255,.38);
}
.sidebar-nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.28) transparent;
}
@media(max-height:560px) and (min-width:901px){
  .sidebar{
    padding-top:14px;
    padding-bottom:12px;
  }
  .sidebar-brand{
    padding-bottom:12px;
  }
  .sidebar-nav{
    padding-top:10px;
  }
  .sidebar-nav a{
    padding-top:8px;
    padding-bottom:8px;
  }
  .sidebar-bottom{
    padding-top:10px;
  }
}

/* V4.1.0 Notification Center */
.notification-bell{position:relative;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;font-size:1rem;color:var(--navy);box-shadow:0 4px 14px rgba(16,33,58,.05)}
.notification-bell:hover{background:#f8fafc;border-color:#d5dde8}
.notification-bell b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:.58rem;line-height:1;font-weight:900}
.btn-warning{background:#fff5df;border-color:#f0cb7c;color:#8a5900}.btn-warning:hover{background:#ffecc3}
@media(max-width:680px){.app-header-actions>.btn{display:none}.notification-bell{width:38px;height:38px}}

/* V4.1.1 environment isolation */
.environment-banner{position:relative;z-index:10020;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;padding:6px 14px;background:#7c2d12;color:#fff;font-size:.7rem;line-height:1.35;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.16)}
.environment-banner strong{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.18);letter-spacing:.08em;font-size:.62rem}.environment-banner span{opacity:.95}
@media(max-width:640px){.environment-banner{align-items:flex-start;gap:6px;flex-direction:column;text-align:left;padding:8px 12px}.environment-banner strong{flex:0 0 auto}}