:root{--bg-color:#0b0f19;--bg-card:#151b2b;--bg-sidebar:#0d121c;--text-primary:#f0f2f5;--text-secondary:#94a3b8;--accent-green:#0f8;--accent-red:#f36;--accent-blue:#3b82f6;--border-color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:1.5rem 1rem;display:flex}.sidebar h1{color:var(--text-primary);letter-spacing:.5px;margin-bottom:2rem;padding:0 .5rem;font-size:1.25rem;font-weight:700}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background-color:#ffffff0d}.nav-link.active{color:var(--accent-blue);background-color:#3b82f626}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-title{font-size:1.75rem;font-weight:600}.upload-btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:flex}.upload-btn:hover{background-color:#2563eb}.widgets-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.widget-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.widget-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.widget-value{font-size:2rem;font-weight:700}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.positions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.position-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.position-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.position-asset{font-size:1.25rem;font-weight:700}.position-strategy{color:var(--text-secondary);background-color:#ffffff1a;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.position-details{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.detail-col{flex-direction:column;display:flex}.detail-label{color:var(--text-secondary);font-size:.75rem}.detail-value{font-size:1rem;font-weight:600}.progress-container{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.profit-amount{font-size:1.25rem;font-weight:700}@keyframes flashRed{0%{box-shadow:0 0 #ff3366b3}70%{box-shadow:0 0 0 10px #f360}to{box-shadow:0 0 #f360}}@keyframes glowGreen{0%{text-shadow:0 0 10px #00ff8880}50%{text-shadow:0 0 20px #0f8c}to{text-shadow:0 0 10px #00ff8880}}.alert-red{border:1px solid var(--accent-red);animation:1.5s infinite flashRed}.alert-green{animation:2s infinite glowGreen}.net-toggle-container{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.net-toggle{appearance:none;background-color:var(--border-color);cursor:pointer;border-radius:20px;outline:none;width:40px;height:20px;transition:all .3s;position:relative}.net-toggle:after{content:"";background-color:var(--text-primary);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px}.net-toggle:checked{background-color:var(--accent-blue)}.net-toggle:checked:after{transform:translate(20px)}.ticker-wrap{background-color:var(--bg-sidebar);border-bottom:2px solid var(--border-color);box-sizing:border-box;width:100%;overflow:hidden}@keyframes ticker{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.ticker-move{white-space:nowrap;width:fit-content;padding-right:100%;animation-name:ticker;animation-duration:40s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.ticker-move:hover{animation-play-state:paused}.ticker-item{color:var(--text-primary);border-right:1px solid var(--border-color);padding:.75rem 2rem;font-size:.9rem;display:inline-block}.ticker-news{color:#fbbf24;font-style:italic}