:root{--bg: #020b12;--bg2: #06131d;--panel: #06131c;--panel2: #071722;--border: #243847;--border-soft: #172d3b;--white: #f4f7f9;--muted: #a7b0b7;--cyan: #00d4e6;--green: #4bdf16;--red: #ff3737;--yellow: #f0c318;font-family:Inter,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#fff;color:var(--white);-webkit-font-smoothing:antialiased}button{font:inherit}.page{width:100%;min-height:100vh;padding:10px;display:flex;align-items:flex-start;justify-content:center;background:#fff}.phone-frame{width:min(100%,430px);position:relative;background:#05090c;border-radius:48px;padding:13px 10px 10px;border:5px solid #181a1c;box-shadow:0 0 0 2px #4b4b4b,0 6px 20px #00000042;overflow:hidden}.phone-speaker{width:112px;height:28px;background:#000;border-radius:0 0 22px 22px;position:absolute;z-index:20;top:7px;left:50%;transform:translate(-50%)}.dashboard{position:relative;width:100%;background:radial-gradient(circle at 50% 0%,rgba(0,130,165,.06),transparent 30%),linear-gradient(180deg,#020b12,#020910);border-radius:35px;overflow:hidden;padding:38px 12px 81px}.white{color:var(--white)!important}.cyan{color:var(--cyan)!important}.green{color:var(--green)!important}.red{color:var(--red)!important}.yellow{color:var(--yellow)!important}.top-header{height:43px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding-bottom:8px;border-bottom:1px solid #183342}.icon-button{border:0;outline:none;color:#e9edef;background:transparent;display:flex;align-items:center;justify-content:center;padding:3px;cursor:pointer;border-radius:4px;transition:background .15s ease,transform .1s ease}.icon-button:hover{background:#ffffff14}.icon-button:active{transform:scale(.95)}.icon-button.small{width:26px}.spin-anim{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-title{font-size:12.5px;font-weight:800;letter-spacing:-.25px;white-space:nowrap}.app-title span{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:3px}.tf-control{height:28px;display:flex;align-items:stretch;border:1px solid #263a47;border-radius:5px;overflow:hidden;margin-right:3px}.tf-label,.tf-value{display:flex;align-items:center;justify-content:center}.tf-label{min-width:27px;font-size:9px;font-weight:800;border-right:1px solid #263a47}.tf-value{min-width:63px;padding:0 7px;font-size:9.5px;font-weight:700}.top-summary-grid{display:grid;grid-template-columns:.95fr 1.04fr 1.34fr 1.05fr;margin-top:7px;border:1px solid var(--border);border-radius:5px;overflow:hidden}.value-card{min-height:68px;padding:8px 4px 6px;text-align:center;border-right:1px solid var(--border);background:linear-gradient(180deg,#05151ff5,#020e15f5)}.value-card:last-child{border-right:0}.value-card-title{color:var(--cyan);font-size:7.4px;font-weight:700;margin-bottom:6px}.value-card:nth-child(2) .value-card-title,.value-card:nth-child(4) .value-card-title{color:#b6c0c6}.value-card:nth-child(3) .value-card-title{color:#eac71c}.value-card-main{font-weight:800;font-size:14px;line-height:16px;white-space:nowrap}.value-card:first-child .value-card-main{font-size:18px}.value-card:nth-child(3) .value-card-main{font-size:8.4px}.value-card:nth-child(4) .value-card-main{font-size:9px}.value-card-second{margin-top:7px;min-height:10px;color:#aeb8be;font-size:7px;line-height:10px}.update-row{display:flex;justify-content:space-between;align-items:center;height:28px;border-bottom:1px solid #1d3542;color:#d5dade;font-size:7.7px}.update-row>div{display:flex;align-items:center;gap:4px}.source-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan)}.source-dot.live{box-shadow:0 0 6px var(--cyan)}.source-dot.historical{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.resume-live-badge{color:var(--yellow);cursor:pointer;text-decoration:underline;margin-left:4px}.section-title{height:26px;display:flex;align-items:flex-end;gap:4px;padding:0 1px 5px;font-size:8.7px;font-weight:800;color:var(--cyan)}.table-panel{border:1px solid var(--border);border-radius:4px;overflow:hidden}.table-row{min-height:22px;display:grid}.table-row>div{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);font-size:7px;font-weight:600;white-space:nowrap;min-width:0}.table-row>div:last-child{border-right:0}.table-row:last-child>div{border-bottom:0}.table-head>div{min-height:20px;font-size:6.3px;color:#c4cbd0;font-weight:700;background:#081923a3}.composition-columns{grid-template-columns:1.5fr 1.08fr 1fr 1fr 1fr .78fr}.component-cell{justify-content:flex-start!important;padding-left:9px;gap:5px}.flag{font-size:12px;line-height:12px}.total-row{min-height:24px}.total-row>div:first-child{justify-content:flex-start;padding-left:8px;font-size:6.7px;font-weight:800}.metric-grid{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:4px}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-box,.versus-box{min-height:52px;padding:6px 3px 4px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid var(--border)}.metric-grid>*:last-child{border-right:0}.metric-title{min-height:10px;font-size:6.2px;line-height:9px;color:#b9c0c5}.metric-value{font-size:9.7px;line-height:15px;font-weight:800;white-space:nowrap}.metric-value.big{font-size:12px}.metric-value.large{font-size:16px}.metric-subtitle{margin-top:1px;font-size:5.8px;line-height:9px;color:#afb7bc}.composite-grid .metric-box{min-height:44px}.synthetic-grid{position:relative}.synthetic-grid .metric-box,.synthetic-grid .versus-box{min-height:57px}.synthetic-grid .metric-title{color:var(--cyan)}.synthetic-grid .metric-box:last-child .metric-title{color:#c8ced2}.versus-box{position:relative}.vs-circle{position:absolute;left:-11px;top:18px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#07141c;border:1px solid #42515b;border-radius:50%;font-size:6px;font-weight:800;color:#d8dcde;z-index:2}.engine-tf{margin-top:7px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.rate-columns{grid-template-columns:1fr .9fr .95fr 1fr 1.55fr 1fr}.rate-table .table-row>div{font-size:6.6px}.rate-table .component-cell{padding-left:7px}.rate-table .flag{font-size:11px}.breadth-panel{min-height:83px;display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--border);border-radius:4px;overflow:hidden}.breadth-left{padding:7px 17px 5px;border-right:1px solid var(--border)}.breadth-right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breadth-header{display:flex;justify-content:space-between;font-size:9.5px;font-weight:800}.breadth-meter{margin-top:4px;height:6px;position:relative;display:flex}.meter-green{background:linear-gradient(90deg,#36da0a,#5bea1b);transition:flex .3s ease}.meter-red{background:#fb3737;transition:flex .3s ease}.meter-marker{position:absolute;top:-11px;transform:translate(-50%);color:#fff;font-size:7px;transition:left .3s ease}.breadth-caption{margin-top:7px;text-align:center;color:#aab4ba;font-size:6px}.breadth-value{margin-top:2px;text-align:center;font-size:8px;font-weight:800}.breadth-right .spaced{margin-top:7px}.lag-panel{border:1px solid var(--border);border-radius:4px;overflow:hidden}.lag-top,.lag-bottom{display:grid;grid-template-columns:repeat(3,1fr)}.lag-top{border-bottom:1px solid var(--border-soft)}.lag-panel .metric-box{min-height:42px}.relationship-value{display:flex;align-items:center;gap:5px;color:var(--cyan);font-size:9px;font-weight:800}.gold-impact .metric-box{min-height:49px}.small-value{font-size:7px}.content-end-line{height:12px;border-bottom:2px solid var(--cyan);margin-bottom:-1px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:75px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,#04121bfa,#030d14);border-top:1px solid #1c3441}.nav-item{border:0;outline:0;background:transparent;color:#c7ccd0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:8px;font-weight:700;cursor:pointer;transition:color .15s ease,transform .1s ease}.nav-item:hover{color:var(--white)}.nav-item:active{transform:scale(.96)}.nav-item.active{color:var(--cyan)}.app-error-banner{background:#ff373726;border:1px solid #ff3737;border-radius:4px;padding:6px 8px;margin-top:6px;font-size:7.5px;color:#ff9e9e;display:flex;align-items:center;gap:6px}.modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-window{width:100%;max-width:520px;max-height:90vh;background:#06131c;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #000c;display:flex;flex-direction:column;overflow:hidden;color:var(--white)}.modal-header{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-soft);background:#081923cc}.modal-title{font-size:13px;font-weight:800;color:var(--cyan);display:flex;align-items:center;gap:8px}.modal-body{padding:16px;overflow-y:auto;font-size:11px}.modal-footer{padding:12px 16px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--border-soft);background:#08192380}.btn-cyber{background:#0e293a;border:1px solid #1c4560;color:var(--white);padding:6px 14px;border-radius:5px;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-cyber:hover{background:#143b54;border-color:var(--cyan);color:var(--cyan)}.btn-cyber.primary{background:var(--cyan);border-color:var(--cyan);color:#020b12;font-weight:800}.btn-cyber.primary:hover{background:#2fe0f0}@media(min-width:700px){.page{padding-top:14px;padding-bottom:14px}}@media(max-width:480px){body{background:#020b12}.page{padding:0;background:#020b12}.phone-frame{width:100%;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none}.phone-speaker{display:none}.dashboard{min-height:100vh;border-radius:0;padding-top:8px}.bottom-nav{position:fixed;z-index:50}}@media(max-width:390px){.dashboard{padding-left:7px;padding-right:7px}.app-title{font-size:11px}.tf-control{transform:scale(.91);transform-origin:right center}.top-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.value-card-main{font-size:11px}.value-card:first-child .value-card-main{font-size:16px}.table-row>div{font-size:6.3px}.rate-table .table-row>div{font-size:6px}.metric-value{font-size:8.6px}.small-value{font-size:6.3px}}