*{box-sizing:border-box}:root{--bg:#070b0a;--bg2:#0a100e;--panel:#0c1210;--panel2:#101815;--line:#1a2621;--line2:#26382f;--text:#f2f7f4;--muted:#72837b;--muted2:#53645c;--green:#59e5a6;--red:#ff777c;--gold:#e8c96d;--blue:#75a9ff;--purple:#b993ff;--accent:#79f2b4}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 78% -12%,rgba(46,112,81,.19),transparent 34%),radial-gradient(circle at 25% 110%,rgba(38,78,60,.12),transparent 27%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 70%)}button,input,select{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
#app{min-height:100vh;display:grid;grid-template-columns:225px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;padding:26px 18px;border-right:1px solid var(--line);background:rgba(6,10,9,.78);backdrop-filter:blur(18px);z-index:3}.brand{display:flex;align-items:center;gap:11px;margin:2px 8px 44px}.logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#a4f7ce,#59c995);box-shadow:0 8px 28px rgba(83,216,154,.15);display:grid;place-items:center;color:#07100c;font-weight:900}.logo span{font-size:19px}.brand strong{display:block;font-size:14px;letter-spacing:-.02em}.brand span{display:block;color:var(--muted);font-size:9px;margin-top:3px}nav{display:grid;gap:5px}.nav{height:41px;border:1px solid transparent;background:transparent;border-radius:10px;text-align:left;display:flex;align-items:center;gap:11px;padding:0 12px;color:#76877e;cursor:pointer;transition:.18s}.nav b{font-size:15px;width:18px;text-align:center;font-weight:600}.nav span{font-size:11px;font-weight:600}.nav i{font-style:normal;margin-left:auto;font-size:9px;background:#18251f;border:1px solid #24342d;color:#a8bbb1;padding:2px 6px;border-radius:99px}.nav.active,.nav:hover{background:#101915;border-color:#1c2c24;color:var(--text)}.nav.active b{color:var(--accent)}.side-live{position:absolute;bottom:24px;left:18px;right:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0a110e}.live-row{display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.side-live strong{font-size:10px}.side-live em{font-style:normal;font-size:8px;margin-left:auto;color:var(--green);text-transform:uppercase}.side-live p{font-size:9px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.content{padding:36px 42px 24px;max-width:1540px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.eyebrow-row{display:flex;align-items:center;gap:13px}.eyebrow,.panel-kicker{font-size:9px;letter-spacing:.17em;color:#769086;font-weight:800}.session{font-size:8px;letter-spacing:.08em;color:#5d7168;display:flex;align-items:center;gap:5px}.session i{width:5px;height:5px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}h1{font-size:31px;letter-spacing:-.045em;margin:7px 0 5px}h2{letter-spacing:-.03em}.muted{color:var(--muted);margin:0;font-size:11px}.header-actions{display:flex;gap:8px}.search{width:270px;height:40px;border:1px solid var(--line);background:#0a110f;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px;color:var(--muted)}.search span{font-size:18px;transform:translateY(-1px)}.search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:11px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#0a110f;border-radius:10px;display:grid;place-items:center;cursor:pointer;font-size:18px}.icon-btn.loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero-strip{margin-top:29px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:rgba(10,17,14,.74);border-radius:13px;overflow:hidden}.hero-tile{padding:14px 17px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-height:66px}.hero-tile:last-child{border-right:0}.hero-tile>span{font-size:9px;color:#768a80;letter-spacing:.05em}.hero-tile>strong{grid-row:1/3;grid-column:2;font-size:16px;letter-spacing:-.025em}.hero-tile>em{font-size:8px;font-style:normal;color:var(--muted2)}.hero-primary{background:linear-gradient(110deg,rgba(50,117,84,.12),transparent)}.skeleton-tile strong{color:#334039}
.market-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.tabs{display:flex;gap:5px}.tabs button{border:1px solid transparent;background:transparent;color:#65776e;border-radius:8px;padding:7px 11px;font-size:9px;font-weight:700;cursor:pointer}.tabs button.active{border-color:var(--line2);background:#101915;color:var(--text)}.last-update{font-size:8px;color:#596b62}.last-update strong{font-weight:600;color:#8ca097;margin-left:3px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.asset-card{position:relative;min-height:142px;border:1px solid var(--line);background:linear-gradient(145deg,#0d1512,#090f0d);border-radius:13px;padding:14px;cursor:pointer;transition:.18s;overflow:hidden}.asset-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-50px;top:-48px;background:currentColor;filter:blur(25px);opacity:.035}.asset-card:hover,.asset-card.selected{border-color:#315345;transform:translateY(-1px)}.asset-card.selected{box-shadow:inset 0 0 0 1px rgba(91,220,159,.08)}.asset-top{display:flex;justify-content:space-between;align-items:flex-start}.asset-label{display:flex;gap:9px}.mini-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#121e19;border:1px solid #1d2c25;font-size:11px;font-weight:800}.asset-label strong{font-size:10px;display:block;margin-top:1px}.asset-label small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.star{border:0;background:transparent;color:#52635b;font-size:13px;cursor:pointer}.star.active{color:var(--gold)}.accent-gold .mini-icon{color:var(--gold)}.accent-purple .mini-icon{color:var(--purple)}.accent-blue .mini-icon{color:var(--blue)}.accent-green .mini-icon{color:var(--accent)}.asset-price{display:flex;align-items:end;justify-content:space-between;margin-top:19px}.asset-price strong{font-size:19px;letter-spacing:-.04em}.asset-price span{font-size:9px;font-weight:700}.card-foot{margin-top:13px;display:flex;justify-content:space-between;align-items:center}.card-foot small{font-size:8px;color:#53675d}.spark{width:70px;height:24px}.spark.up{color:var(--green)}.spark.down{color:var(--red)}.spark.neutral{color:#7e9188}.green{color:var(--green)!important}.red{color:var(--red)!important}.gold{color:var(--gold)!important}.blue{color:var(--blue)!important}.purple{color:var(--purple)!important}
.workspace{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:10px;margin-top:10px}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0d1512,#090f0d);padding:18px}.chart-panel{min-height:418px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.asset-title{display:flex;align-items:center;gap:10px}.asset-icon{width:32px;height:32px;border:1px solid #24362d;background:#111d18;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800}.pair.big{font-weight:780;font-size:11px}.asset-title small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.quote-line{display:flex;align-items:baseline;gap:10px}.quote-line h2{font-size:25px;margin:11px 0 0}.trend{font-size:9px;font-weight:700}.ranges{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#080d0b}.ranges button{border:0;background:transparent;color:#65766e;font-size:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.ranges button.active{background:#15251e;color:var(--accent)}.big-chart{height:245px;position:relative;margin-top:14px}.big-chart:before,.big-chart:after{content:"";position:absolute;left:0;right:42px;border-top:1px dashed #17231e}.big-chart:before{top:29%}.big-chart:after{top:68%}.big-chart svg{width:calc(100% - 46px);height:100%;overflow:visible;position:relative;z-index:1}.big-chart.positive{color:var(--green)}.big-chart.negative{color:var(--red)}.big-chart.neutral{color:#8ca097}.chart-scale{position:absolute;right:0;top:11px;bottom:12px;display:flex;flex-direction:column;justify-content:space-between;color:#53655d;font-size:8px;text-align:right}.chart-loading{height:245px;display:grid;place-items:center;color:var(--muted);font-size:9px}.chart-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:2px;padding-top:13px}.chart-stats div{padding-left:12px;border-left:1px solid var(--line)}.chart-stats div:first-child{border-left:0;padding-left:0}.chart-stats span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#56685f}.chart-stats strong{display:block;margin-top:5px;font-size:10px}.right-stack{display:grid;gap:10px}.converter h2,.pulse-panel h2{font-size:16px;margin:5px 0 15px}.converter-field label{display:block;color:#697c72;font-size:8px;margin-bottom:6px}.money-input{height:45px;border:1px solid var(--line);border-radius:9px;background:#080e0c;display:flex;align-items:center;padding:0 11px}.money-input input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:14px}.money-input select,.converter-result select{appearance:none;background:transparent;color:var(--text);border:0;outline:0;font-size:10px;font-weight:800}.swap{display:block;width:27px;height:27px;margin:7px auto;border-radius:50%;border:1px solid var(--line);background:#121d18;color:#789087;cursor:pointer}.converter-result{border:1px solid var(--line);background:#0a120f;border-radius:9px;padding:10px 11px}.converter-result>span{display:block;color:#65776e;font-size:8px;margin-bottom:5px}.converter-result>div{display:flex;justify-content:space-between;align-items:center}.converter-result strong{font-size:15px}.conversion-note{font-size:8px;color:#62746c;text-align:center;margin:10px 0 0}.pulse-rows{display:grid;gap:0}.pulse-rows>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.pulse-rows>div:last-child{border-bottom:0}.pulse-rows span{font-size:9px;color:#75887e}.pulse-rows strong{font-size:9px}
.source-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.source-bar>div{border:1px solid #15201b;border-radius:10px;padding:10px 12px;background:rgba(9,15,13,.55);display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.source-dot{width:6px;height:6px;border-radius:50%;grid-row:1/3}.source-dot.fx{background:var(--green)}.source-dot.metal{background:var(--gold)}.source-dot.crypto{background:var(--purple)}.source-dot.dxy{background:var(--blue)}.source-bar strong{font-size:8px}.source-bar small{font-size:7px;color:#52655b;margin-top:2px}footer{display:flex;justify-content:space-between;color:#44564d;font-size:8px;margin-top:21px;padding-top:15px;border-top:1px solid #111b17}.error-card{grid-column:1/-1;padding:18px;border:1px solid #573135;background:#211315;border-radius:12px;color:#ffb6b8;font-size:10px;line-height:1.5}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.content{padding:32px 28px}.hero-strip{grid-template-columns:repeat(2,1fr)}.hero-tile:nth-child(2){border-right:0}.hero-tile:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:950px){#app{grid-template-columns:72px 1fr}.sidebar{padding:20px 12px}.brand{justify-content:center;margin:3px 0 38px}.brand>div:last-child,.nav span,.nav i,.side-live{display:none}.nav{justify-content:center;padding:0}.cards{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.source-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){#app{display:block}.sidebar{display:none}.content{padding:22px 14px}header{display:block}.header-actions{margin-top:18px}.search{width:100%}.hero-strip{margin-top:22px}.market-toolbar{display:block}.last-update{margin-top:10px}.cards{grid-template-columns:1fr 1fr}.asset-card{min-height:132px}.source-bar{grid-template-columns:1fr 1fr}.chart-stats{grid-template-columns:repeat(2,1fr);gap:12px}.chart-stats div:nth-child(3){border-left:0;padding-left:0}.workspace{margin-top:10px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.hero-strip{grid-template-columns:1fr}.hero-tile{border-right:0!important;border-bottom:1px solid var(--line)}.hero-tile:last-child{border-bottom:0}.source-bar{grid-template-columns:1fr}.tabs{overflow-x:auto;padding-bottom:4px}.tabs button{white-space:nowrap}}