*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--accent-primary:#ff6500;--accent-hover:#ff7a1f;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border:#2a2a2a;--positive:#0f8;--negative:#f44;--shadow:0 4px 20px #ff65001a}html,body{background:var(--bg-primary);max-width:100vw;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.container{max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;display:flex}.header h1{background:linear-gradient(135deg,var(--accent-primary)0%,#fa0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.header-info{align-items:center;gap:1rem;display:flex}.last-update{color:var(--text-secondary);font-size:.9rem}.btn-refresh{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .3s}.btn-refresh:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.main{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:2rem;transition:all .3s}.card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 30px #ff650033}.card h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem}.card h3{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.stat-item{flex-direction:column;gap:.5rem;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:600}.stat-value.primary{color:var(--accent-primary);font-size:2rem}.stat-value.positive{color:var(--positive)}.stat-value.negative{color:var(--negative)}.roi-grid{gap:2rem;display:grid}.roi-section{text-align:center}.roi-large{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.roi-percent{font-size:3rem;font-weight:700}.roi-amount{font-size:1.3rem;font-weight:500}.coin-table{flex-direction:column;gap:.5rem;display:flex}.coin-table-header{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr;gap:1rem;padding:1rem;font-size:.85rem;font-weight:600;display:grid}.coin-row{background:var(--bg-secondary);border-radius:8px;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr;gap:1rem;padding:1rem;transition:all .2s;display:grid}.coin-row:hover{background:var(--bg-card-hover)}.coin-col{align-items:center;display:flex}.coin-name{color:var(--accent-primary);font-weight:600}.capital-card{grid-column:1/-1}.capital-display{align-items:center;gap:2rem;display:flex}.capital-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.capital-value{color:var(--accent-primary);flex:1;font-size:2rem;font-weight:700}.capital-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem}.form-input{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:1rem;font-size:1.1rem;transition:all .3s}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #ff65001a}.form-actions{gap:1rem;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff65004d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.loading{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1.1rem}.error{text-align:center;color:var(--negative);padding:2rem;font-size:1.1rem}.error-banner{border:1px solid var(--negative);color:var(--negative);text-align:center;background:#ff44441a;border-radius:8px;margin-bottom:2rem;padding:1rem}.info{text-align:center;color:var(--text-secondary);padding:2rem;font-size:1rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:4rem;padding-top:2rem;font-size:.9rem}.history-card{grid-column:1/-1}.history-table-container{overflow-x:auto}.history-table{flex-direction:column;gap:.5rem;min-width:600px;display:flex}.history-header{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;grid-template-columns:1.5fr 1fr .8fr 1fr 1fr;gap:1rem;padding:1rem;font-size:.85rem;font-weight:600;display:grid}.history-row{background:var(--bg-secondary);border-radius:8px;grid-template-columns:1.5fr 1fr .8fr 1fr 1fr;gap:1rem;padding:1rem;font-size:.95rem;transition:all .2s;display:grid}.history-row:hover{background:var(--bg-card-hover)}.history-row .col{align-items:center;display:flex}.history-row .col.text-right{justify-content:flex-end}.history-header .col.text-right{text-align:right;justify-content:flex-end}.history-row .symbol{color:var(--text-primary);font-weight:600}.history-row .date{color:var(--text-secondary);font-size:.9rem}.history-row .side{text-transform:uppercase;font-size:.85rem;font-weight:600}@media (max-width:768px){.container{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header h1{font-size:2rem}.main,.stats-grid{grid-template-columns:1fr}.coin-table-header,.coin-row{grid-template-columns:1fr;gap:.5rem}.coin-col{justify-content:space-between}.coin-col:before{content:attr(data-label);color:var(--text-secondary);font-weight:600}.capital-display{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.history-card{padding:1rem}.history-header{display:none}.history-row{grid-template-columns:1fr 1fr;grid-template-areas:"symbol pnl""side qty""date date";gap:.5rem}.history-row .symbol{grid-area:symbol;font-size:1.1rem}.history-row .text-right{justify-content:flex-start}.history-row .col:nth-child(5){grid-area:pnl;justify-self:end;font-size:1.1rem;font-weight:700}.history-row .side{grid-area:side}.history-row .col:nth-child(4){color:var(--text-secondary);grid-area:qty;justify-self:end}.history-row .date{border-top:1px solid var(--border);grid-area:date;margin-top:.2rem;padding-top:.5rem}}