*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#e5e7eb;background:#07111f;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select{font-family:inherit}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5edf7;background:#08111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#e5edf7;background:radial-gradient(circle at 0 0,#3b82f61a,#0000 34%),radial-gradient(circle at 100% 0,#8b5cf614,#0000 30%),#08111f;min-width:320px;margin:0}button{color:#e5edf7;cursor:pointer;background:#111c2e;border:1px solid #334155;border-radius:10px;padding:11px 15px;font-weight:750;transition:background .14s,border-color .14s,transform .14s}button:hover:not(:disabled){background:#1b2a41;border-color:#4b6380;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary-button{color:#eff6ff;background:#1d4ed8;border-color:#3b82f6b3}.primary-button:hover:not(:disabled){background:#2563eb}.outline-button{background:0 0;border-color:#64748b}.kyle-page{max-width:1260px;margin:0 auto;padding:30px}.hero{border-bottom:1px solid #1f3048;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding-bottom:24px;display:flex}.eyebrow{color:#8fa2bb;text-transform:uppercase;letter-spacing:.11em;margin:0 0 8px;font-size:13px;font-weight:750}h1{color:#f8fbff;letter-spacing:-.035em;align-items:center;gap:13px;margin:0;font-size:clamp(32px,5vw,48px);line-height:1.04;display:flex}.subline{color:#bdcad9;margin:13px 0 0;font-size:17px;line-height:1.5}.dot{border-radius:999px;flex:none;width:14px;height:14px;display:inline-block;box-shadow:0 0 18px}.green{color:#22c55e;background:#22c55e}.red{color:#ef4444;background:#ef4444}.amber{color:#f59e0b;background:#f59e0b}.danger-button{color:#fecaca;background:#7f1d1d24;border:1px solid #ef4444;padding:11px 17px}.danger-button:hover:not(:disabled){background:#ef444429;border-color:#f87171}.status-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.status-strip>div{background:#0d182adb;border:1px solid #21324a;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;min-height:72px;padding:12px;display:flex}.status-strip span:first-child{color:#91a4bd;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.safety-banner,.error-banner{border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:16px;padding:14px 16px;display:flex}.safety-banner{color:#d8f3ff;background:#0369a124;border:1px solid #38bdf859}.safety-banner strong{color:#7dd3fc}.safety-banner span{color:#c8d8e8}.error-banner{color:#fecaca;background:#7f1d1d38;border:1px solid #ef444466}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{background:#0e192beb;border:1px solid #203149;border-radius:14px;padding:20px;box-shadow:0 14px 34px #00000029}.panel h2{color:#9fb0c4;text-transform:uppercase;letter-spacing:.09em;margin:0 0 16px;font-size:14px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.panel-header.compact{align-items:center}.panel-header h2{color:#f7fbff;letter-spacing:-.02em;text-transform:none;margin:0;font-size:23px;line-height:1.15}.pill{letter-spacing:.055em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:850}.good{color:#86efac;background:#22c55e24;border-color:#22c55e57}.bad{color:#fca5a5;background:#ef444424;border-color:#ef444457}.warn{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b59}.shadow{color:#d8b4fe;background:#8b5cf629;border-color:#8b5cf661}.neutral{color:#cbd5e1;background:#94a3b81c;border-color:#94a3b840}.control-panel{background:linear-gradient(135deg,#1e293bfa,#0f172afa),#0f172a;margin-bottom:16px}.control-copy{border-left:3px solid #3b82f6;margin-bottom:16px;padding-left:13px}.control-copy strong{color:#f8fbff;font-size:18px}.control-copy p{color:#b9c8d8;margin:5px 0 0;line-height:1.5}.coo-actions{flex-wrap:wrap;gap:10px;display:flex}.blocked-control-note{color:#cbd5e1;border-top:1px solid #273851;align-items:center;gap:12px;margin-top:16px;padding-top:14px;line-height:1.45;display:flex}.portfolio-comparison{margin-bottom:16px}.shadow-panel{background:linear-gradient(#581c8721,#0e192bf2),#0e192b;border-color:#8b5cf66b}.actual-panel{position:relative;overflow:hidden}.actual-panel:after{content:"PROTECTED";letter-spacing:.08em;color:#94a3b80b;pointer-events:none;font-size:42px;font-weight:900;position:absolute;bottom:13px;right:-18px;transform:rotate(-20deg)}.safe-account{border-color:#22c55e59}.account-alert{border-color:#ef4444a6;box-shadow:0 0 0 2px #ef444414}.portfolio-hero-value{letter-spacing:-.045em;color:#f8fbff;margin:4px 0 18px;font-size:clamp(34px,5vw,48px);font-weight:850}.row,.metric{border-top:1px solid #22334a;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;display:flex}.row:first-of-type,.metric:first-of-type{border-top:0}.row span,.metric span{color:#91a4bd}.row strong{color:#f4f8fc;text-align:right;font-size:17px}.metric strong{color:#f8fbff;font-size:28px}.note{color:#b8c7d8;margin:12px 0 0;line-height:1.55}.operational-grid{margin-bottom:16px}.market-reason{background:#0f172aa6;border:1px solid #263852;border-radius:10px;margin:0 0 12px;padding:12px}.strategy-panel{border-color:#f59e0b52}.strategy-status{letter-spacing:-.025em;color:#fcd34d;margin-bottom:6px;font-size:28px;font-weight:850}.risk-panel{margin-bottom:16px}.risk-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.risk-check{background:#0a132294;border:1px solid #22344e;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px;display:flex}.risk-check strong{color:#f3f7fb}.risk-check p{color:#aebed0;margin:5px 0 0;font-size:13px;line-height:1.4}.risk-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}.metric-card{background:#0a132294;border:1px solid #22344e;border-radius:11px;padding:14px}.metric-card span{color:#91a4bd;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.metric-card strong{color:#f8fbff;margin-top:7px;font-size:23px;display:block}.lower-grid{margin-top:16px}.position-row{color:#c3d0df;border-top:1px solid #22344e;grid-template-columns:1.1fr .8fr .9fr .8fr;align-items:center;gap:12px;padding:13px 0;display:grid}.position-row>div{flex-direction:column;gap:3px;display:flex}.position-row strong{color:#f8fbff}.position-row small{color:#8296af}.position-levels{color:#aebed0;border-left:2px solid #8b5cf6;grid-column:1/-1;padding-left:9px;font-size:13px}.timeline-item{border-top:1px solid #22344e;padding:12px 0}.timeline-item:first-of-type{border-top:0}.timeline-item span{color:#8296af;font-size:12px}.timeline-item p{color:#d8e1ec;margin:5px 0 0;line-height:1.45}.timeline-item strong{color:#f8fbff}footer{color:#8296af;border-top:1px solid #1f3048;margin-top:22px;padding-top:16px;font-size:13px;line-height:1.5}@media (width<=1080px){.status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.kyle-page{padding:20px}.hero,.panel-header:not(.compact){flex-direction:column;align-items:flex-start}.grid,.risk-list{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.blocked-control-note{flex-direction:column;align-items:flex-start}}@media (width<=560px){.kyle-page{padding:15px}.hero{margin-bottom:14px}.status-strip{grid-template-columns:1fr 1fr}.status-strip>div{min-height:68px}.panel{padding:16px}.panel-header.compact{flex-direction:column;align-items:flex-start}.coo-actions{grid-template-columns:1fr;display:grid}.coo-actions button,.danger-button{width:100%}.risk-metrics,.position-row{grid-template-columns:1fr 1fr}.position-levels{grid-column:1/-1}.row{align-items:flex-start}.row strong{overflow-wrap:anywhere;max-width:56%}}
