*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333;width:100%;line-height:1.6}.container{width:100%;max-width:none;margin:0;padding:0 1rem;box-sizing:border-box}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);margin-bottom:24px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:#fff3;color:#333;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;max-width:500px}.loading-title{font-size:1.5rem;font-weight:600;margin:20px 0 10px;color:#fff}.loading-subtitle{font-size:1rem;color:#fffc;margin:0 0 20px;line-height:1.5}.loading-time{font-size:.9rem;color:#ffffffb3;margin:0 0 20px;line-height:1.5;font-style:italic}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{width:100%;max-width:400px;margin:0 auto 30px}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease;box-shadow:0 2px 8px #22c55e4d;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{text-align:center;font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.loading-content{padding:0 20px}.loading-title{font-size:1.25rem}.loading-subtitle{font-size:.9rem}.loading-time{font-size:.8rem}.spinner{width:40px;height:40px}.progress-container{max-width:300px}.progress-text{font-size:1rem}}@media (max-width: 480px){.loading-title{font-size:1.1rem}.loading-subtitle{font-size:.85rem}.loading-time{font-size:.75rem}.progress-container{max-width:250px}.progress-text{font-size:.9rem}}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px;margin-bottom:16px}.btn{padding:10px 20px;font-size:14px}}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a}.section-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.section-header .icon{width:24px;height:24px;color:#6366f1;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.filters-container{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:24px;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.filters-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:16px 16px 0 0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;width:100%}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr;gap:16px}.filters-container{padding:20px}}@media (max-width: 480px){.filters-grid{gap:12px}.filters-container{padding:16px}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:4px;display:flex;align-items:center;gap:6px}.filter-label:before{content:"";width:4px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.filter-input{width:100%;padding:12px 16px;border:2px solid rgba(209,213,219,.5);border-radius:10px;font-size:.875rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffff2}.filter-select{width:100%;padding:12px 16px;border:2px solid rgba(209,213,219,.5);border-radius:10px;font-size:.875rem;transition:all .3s ease;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fffffff2}.filter-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid rgba(209,213,219,.3)}.sort-container{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:20px;box-shadow:0 6px 24px #00000014;border:1px solid rgba(255,255,255,.25);margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}.sort-group{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.sort-label{font-size:.875rem;font-weight:600;color:#4b5563;display:flex;align-items:center;gap:8px}.sort-select{padding:8px 12px;border:1px solid rgba(209,213,219,.6);border-radius:6px;font-size:.875rem;background:#ffffffe6;transition:all .2s ease;cursor:pointer}.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.sort-button{padding:8px 16px;border:1px solid rgba(102,126,234,.3);border-radius:6px;font-size:.875rem;font-weight:500;background:#fffc;color:#4b5563;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.sort-button:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.main-description{text-align:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.main-description:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:16px 16px 0 0}.main-description h1{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 4px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;word-wrap:break-word;overflow-wrap:break-word}.main-description h1 .icon{width:48px;height:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));flex-shrink:0}.main-description p{font-size:1.125rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.6;max-width:600px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.main-description{padding:20px;margin-bottom:24px}.main-description h1{font-size:2rem;gap:12px}.main-description h1 .icon{width:40px;height:40px}.main-description p{font-size:1rem}}@media (max-width: 480px){.main-description{padding:16px;margin-bottom:20px}.main-description h1{font-size:1.75rem;gap:8px}.main-description h1 .icon{width:32px;height:32px}.main-description p{font-size:.9rem}}.btn-enhanced{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-enhanced:hover:before{left:100%}.btn-primary-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.btn-primary-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-secondary-enhanced{background:#fff3;color:#374151;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary-enhanced:hover{background:#ffffff4d;transform:translateY(-1px)}.portfolio-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:24px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.portfolio-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.portfolio-info{flex:1}.portfolio-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.portfolio-name{font-size:1.5rem;font-weight:800;color:#1f2937;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.portfolio-type-badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-type-major{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.portfolio-type-altcoin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.portfolio-id{font-size:.875rem;color:#6b7280;font-family:Monaco,Menlo,monospace;background:#6b72801a;padding:4px 8px;border-radius:6px;display:inline-block}.portfolio-toggle{padding:12px 20px;border:2px solid rgba(102,126,234,.2);border-radius:12px;font-size:.875rem;font-weight:600;background:#667eea1a;color:#4b5563;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.portfolio-toggle:hover{background:#667eea33;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.portfolio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metric-card{text-align:center;padding:20px;background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:16px;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.metric-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.metric-icon{width:20px;height:20px;color:#6b7280}.metric-label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.5rem;font-weight:800;margin-bottom:4px}.metric-value.positive{color:#059669;text-shadow:0 2px 4px rgba(5,150,105,.2)}.metric-value.negative{color:#dc2626;text-shadow:0 2px 4px rgba(220,38,38,.2)}.metric-value.neutral{color:#1f2937}.metric-subvalue{font-size:.875rem;color:#6b7280;font-weight:500}.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-item{text-align:center;padding:12px;background:#fff9;border-radius:12px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.stat-item:hover{background:#fffc;transform:translateY(-1px)}.stat-label{font-size:.75rem;font-weight:600;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:700;color:#1f2937}.stat-value.max-drawdown{color:#dc2626}.stat-value.sharpe{color:#3b82f6}.stat-value.trades{color:#8b5cf6}.portfolio-details{margin-top:20px;padding-top:20px;border-top:2px solid rgba(229,231,235,.5)}.portfolio-details h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;gap:8px}.positions-list{max-height:320px;overflow-y:auto;space-y:8px}.position-item{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:8px;border:1px solid rgba(255,255,255,.5);margin-bottom:8px;transition:all .3s ease;min-height:120px;gap:16px}.position-item:hover{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.position-item.positive{background:linear-gradient(135deg,#05966914,#05966908);border-left:4px solid #059669;border-radius:8px 8px 8px 4px;box-shadow:0 2px 8px #0596691a}.position-item.negative{background:linear-gradient(135deg,#dc262614,#dc262608);border-left:4px solid #dc2626;border-radius:8px 8px 8px 4px;box-shadow:0 2px 8px #dc26261a}.position-item.positive:hover{background:linear-gradient(135deg,#05966914,#0596690d)}.position-item.negative:hover{background:linear-gradient(135deg,#dc262614,#dc26260d)}.position-main-info{flex:1;display:flex;flex-direction:column;gap:8px}.position-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.position-emoji{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.position-symbol{font-weight:700;color:#1f2937;font-size:.9rem}.position-side{font-size:.7rem;color:#6b7280;font-weight:500;padding:2px 6px;background:#6b72801a;border-radius:4px}.position-details{display:flex;flex-direction:column;gap:4px}.position-detail-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.detail-label{font-size:.75rem;color:#6b7280;font-weight:500;min-width:80px}.detail-value{font-size:.8rem;color:#1f2937;font-weight:600;text-align:right;min-width:80px}.detail-value.positive{color:#059669;font-weight:700;text-shadow:0 1px 2px rgba(5,150,105,.2)}.detail-value.negative{color:#dc2626;font-weight:700;text-shadow:0 1px 2px rgba(220,38,38,.2)}.position-financial .detail-value{font-size:.85rem;font-weight:700}.position-financial .detail-label{font-weight:600;color:#374151}.position-financial{flex:1;display:flex;flex-direction:column;gap:4px;min-width:200px}.positions-table-container{overflow-x:auto;width:100%}.positions-table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff;border:1px solid #e5e7eb}.positions-table th{background:#f8f9fa;color:#374151;padding:8px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid #e5e7eb;white-space:nowrap}.positions-table th:nth-child(1){width:90px}.positions-table th:nth-child(2){width:90px}.positions-table th:nth-child(3){width:120px}.positions-table th:nth-child(4){width:120px}.positions-table th:nth-child(5){width:120px}.positions-table th:nth-child(6){width:100px}.positions-table th:nth-child(7){width:150px}.positions-table th:nth-child(8){width:150px}.positions-table th:nth-child(9){width:100px}.positions-table th:nth-child(10){width:80px}.positions-table td{padding:6px 12px;border:1px solid #e5e7eb;vertical-align:middle;white-space:nowrap;font-size:.75rem}.position-row{height:30px;transition:all .2s ease;border-left:3px solid transparent}.position-row.positive{background:linear-gradient(135deg,#0596690d,#05966905);border-left-color:#059669}.position-row.negative{background:linear-gradient(135deg,#dc26260d,#dc262605);border-left-color:#dc2626}.position-row:hover{background:#00000005}.position-symbol-cell{font-weight:600;color:#1f2937;width:90px}.position-symbol-content{display:flex;align-items:center;gap:6px}.position-token-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:transform .2s ease}.position-token-icon:hover{transform:scale(1.1)}.position-symbol-text{font-weight:600;color:#1f2937;font-size:.8rem}.position-emoji{font-size:.8rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.position-side-cell{font-size:.7rem;color:#6b7280;font-weight:500;padding:2px 4px;background:#6b72801a;border-radius:4px;text-align:center;width:90px}.position-price-cell,.position-volume-cell{font-family:Courier New,monospace;font-weight:600;color:#1f2937;text-align:right;width:120px}.position-tokens-cell{font-family:Courier New,monospace;font-weight:600;color:#6b7280;text-align:right;width:100px}.position-time-cell{font-size:.7rem;color:#6b7280;width:150px}.position-pnl-cell{width:100px;text-align:right}.position-pnl-cell.positive{color:#059669;font-weight:700;text-shadow:0 1px 2px rgba(5,150,105,.2)}.position-pnl-cell.negative{color:#dc2626;font-weight:700;text-shadow:0 1px 2px rgba(220,38,38,.2)}.position-pnl-rate-cell{width:80px;text-align:right}.position-pnl-rate-cell.positive{color:#059669;font-weight:700;text-shadow:0 1px 2px rgba(5,150,105,.2)}.position-pnl-rate-cell.negative{color:#dc2626;font-weight:700;text-shadow:0 1px 2px rgba(220,38,38,.2)}@media (max-width: 768px){.positions-table{font-size:.7rem}.positions-table th,.positions-table td{padding:4px 8px}.position-time-cell{min-width:100px;font-size:.65rem}.position-price-cell,.position-volume-cell{min-width:60px}}.position-pnl{text-align:right}.position-pnl-value{font-weight:700;font-size:.9rem;margin-bottom:2px}.position-pnl-value.positive{color:#059669;text-shadow:0 1px 2px rgba(5,150,105,.2)}.position-pnl-value.negative{color:#dc2626;text-shadow:0 1px 2px rgba(220,38,38,.2)}.position-pnl-rate{font-size:.8rem;font-weight:500}.position-pnl-rate.positive{color:#059669}.position-pnl-rate.negative{color:#dc2626}.transaction-timeline{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:24px;position:relative;overflow:hidden}.transaction-timeline:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:20px 20px 0 0}.timeline-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(229,231,235,.5)}.timeline-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.timeline-count{font-size:.875rem;color:#6b7280;background:#6b72801a;padding:4px 12px;border-radius:20px;font-weight:600}.timeline-content{max-height:400px;overflow-y:auto;space-y:16px}.timeline-hour{border-left:4px solid #3b82f6;padding-left:16px;margin-bottom:20px}.hour-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.hour-time{font-weight:700;color:#1f2937;font-size:1rem}.hour-count{font-size:.875rem;color:#6b7280;background:#6b72801a;padding:2px 8px;border-radius:12px;font-weight:600}.hour-transactions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.transaction-card{padding:16px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-radius:16px;border:1px solid rgba(255,255,255,.5);transition:all .3s ease;cursor:pointer}.transaction-card:hover{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.transaction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.transaction-symbol{display:flex;align-items:center;gap:8px}.transaction-emoji{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.transaction-name{font-weight:700;color:#1f2937;font-size:1rem}.transaction-status{padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-closed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.status-partial{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.status-open{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.transaction-details{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.transaction-side{color:#6b7280;font-weight:500}.transaction-pnl{text-align:right}.transaction-pnl-value{font-weight:700;font-size:1rem;margin-bottom:2px}.transaction-pnl-rate{color:#6b7280;font-weight:500}.transaction-portfolio{font-size:.75rem;color:#9ca3af;margin-top:8px;font-style:italic}.transaction-table-container{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:24px;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.transaction-table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b5cf6,#7c3aed,#6d28d9);border-radius:20px 20px 0 0}.table-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(229,231,235,.5)}.table-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.transaction-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;background:#fffc;box-shadow:0 4px 16px #0000001a;table-layout:fixed;word-wrap:break-word}.transaction-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.transaction-table th{padding:12px 20px;text-align:left;font-weight:700;color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-table th:nth-child(1){width:20%}.transaction-table th:nth-child(2){width:15%}.transaction-table th:nth-child(3){width:8%}.transaction-table th:nth-child(4){width:12%}.transaction-table th:nth-child(5){width:15%}.transaction-table th:nth-child(6){width:10%}.transaction-table th:nth-child(7){width:20%}.transaction-table th:first-child{border-top-left-radius:16px}.transaction-table th:last-child{border-top-right-radius:16px}.transaction-table tbody tr{transition:all .3s ease;border-bottom:1px solid rgba(229,231,235,.5);height:40px}.transaction-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:scale(1.01)}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table td{padding:8px 20px;font-size:.875rem;color:#374151;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;max-width:0}.transaction-table .symbol-cell{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.transaction-table .symbol-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.transaction-table .symbol-emoji{font-size:1.125rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.transaction-table .symbol-name{font-weight:700;color:#1f2937}.transaction-table .status-cell{padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.transaction-table .pnl-cell{text-align:right;font-weight:700;font-size:1rem}.transaction-table .pnl-positive{color:#059669;text-shadow:0 2px 4px rgba(5,150,105,.2)}.transaction-table .pnl-negative{color:#dc2626;text-shadow:0 2px 4px rgba(220,38,38,.2)}.transaction-table .transaction-row.transaction-win{background:linear-gradient(90deg,#0596690d,#05966905);border-left:3px solid #059669}.transaction-table .transaction-row.transaction-loss{background:linear-gradient(90deg,#dc26260d,#dc262605);border-left:3px solid #dc2626}.transaction-table .transaction-row:hover{background:linear-gradient(90deg,#00000005,#00000003);transform:translate(2px);transition:all .2s ease}.transaction-table .transaction-row.transaction-win:hover{background:linear-gradient(90deg,#05966914,#05966908)}.transaction-table .transaction-row.transaction-loss:hover{background:linear-gradient(90deg,#dc262614,#dc262608)}.transaction-table .pnl-rate{text-align:right;color:#6b7280;font-size:.875rem;font-weight:500}.transaction-table .portfolio-cell{color:#6b7280;font-size:.875rem;font-style:italic}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fffc,#f8fafccc);border-radius:20px;border:2px dashed rgba(209,213,219,.5)}.empty-icon{width:80px;height:80px;color:#d1d5db;margin:0 auto 20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-title{font-size:1.5rem;font-weight:700;color:#6b7280;margin-bottom:8px}.empty-description{font-size:1rem;color:#9ca3af;max-width:400px;margin:0 auto;line-height:1.6}.pagination-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:20px;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500;margin-right:16px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-button{padding:8px 12px;border:2px solid rgba(102,126,234,.2);border-radius:8px;font-size:.875rem;font-weight:600;background:#fffc;color:#4b5563;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:40px;justify-content:center}.pagination-button:hover:not(:disabled){background:#667eea1a;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.pagination-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.pagination-ellipsis{padding:8px 4px;color:#9ca3af;font-weight:600;-webkit-user-select:none;user-select:none}.pagination-jump{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid rgba(209,213,219,.5)}.pagination-jump input{width:60px;padding:6px 8px;border:1px solid rgba(209,213,219,.6);border-radius:6px;font-size:.875rem;text-align:center;background:#fffc;transition:all .2s ease}.pagination-jump input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.pagination-jump button{padding:6px 12px;border:1px solid rgba(102,126,234,.3);border-radius:6px;font-size:.875rem;font-weight:500;background:#667eea1a;color:#4b5563;cursor:pointer;transition:all .2s ease}.pagination-jump button:hover{background:#667eea33;border-color:#667eea;color:#667eea}.stats-overview-container{margin-bottom:32px}.stats-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;justify-content:flex-start}.stat-card{flex:1 1 200px;min-width:200px;max-width:100%;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:16px 16px 0 0}.stat-content{display:flex;align-items:center;justify-content:space-between;height:100%}.stat-info{flex:1;min-width:0}.stat-title{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.stat-value{font-size:1.5rem;font-weight:800;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-left:12px;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}@media (max-width: 1400px){.stat-card{flex:1 1 180px;min-width:180px}.stat-title{font-size:.8rem}.stat-value{font-size:1.25rem}.stat-icon{width:40px;height:40px}}@media (max-width: 1200px){.stat-card{flex:1 1 160px;min-width:160px}.stats-grid{gap:12px}}@media (max-width: 768px){.stats-grid{gap:12px}.stat-card{flex:1 1 140px;min-width:140px;padding:16px}.stat-title{font-size:.75rem}.stat-value{font-size:1.125rem}.stat-icon{width:36px;height:36px}}@media (max-width: 480px){.stats-grid{flex-direction:column}.stat-card{flex:1 1 100%;min-width:100%;max-width:100%}}.responsive-grid{display:flex;flex-direction:column;gap:32px;width:100%;box-sizing:border-box;align-items:stretch;padding-bottom:40px}.grid-item{width:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.portfolio-section{width:100%;min-width:100%;order:1}.transaction-section{width:100%;min-width:100%;order:2}.analytics-section{width:100%;min-width:100%;order:3}@media (max-width: 1400px){.responsive-grid{gap:28px}}@media (max-width: 1200px){.responsive-grid{gap:24px}}@media (max-width: 768px){.responsive-grid{gap:20px}}@media (max-width: 480px){.responsive-grid{gap:16px}}.grid-item .card{height:100%;display:flex;flex-direction:column}.portfolio-table-container,.transaction-table-container{width:100%;max-width:none}.portfolio-table,.transaction-table{width:100%}.portfolio-section,.transaction-section,.analytics-section{margin-bottom:0}.portfolio-section .section-header,.transaction-section .section-header,.analytics-section .section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.1);position:relative}.transaction-section .section-header:before,.analytics-section .section-header:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px;opacity:.6}@media (max-width: 768px){.transaction-section .section-header:before,.analytics-section .section-header:before{width:30px;height:3px}}@media (max-width: 768px){.portfolio-section .section-header,.transaction-section .section-header,.analytics-section .section-header{margin-bottom:20px;padding-bottom:12px}}@media (max-width: 480px){.portfolio-section .section-header,.transaction-section .section-header,.analytics-section .section-header{margin-bottom:16px;padding-bottom:10px}}.grid-item .card>*{flex-shrink:0}.grid-item .card .space-y-6,.grid-item .card .space-y-4{flex:1;display:flex;flex-direction:column}.grid-item .portfolio-card{margin-bottom:16px}.grid-item .portfolio-card:last-child{margin-bottom:0}.portfolio-table-container{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000001a;border:1px solid rgba(255,255,255,.3);margin-bottom:24px;width:100%;box-sizing:border-box;overflow:hidden}.portfolio-table-scroll-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;border-radius:12px;box-shadow:0 2px 8px #0000000d;position:relative;max-width:100%;white-space:nowrap}.portfolio-table-scroll-wrapper:after{content:"← Scroll horizontally to see all columns →";position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;pointer-events:none;opacity:.9;z-index:10;box-shadow:0 2px 8px #667eea4d}.portfolio-table-scroll-wrapper:hover:after{opacity:0;transition:opacity .3s ease}.portfolio-table-scroll-wrapper::-webkit-scrollbar{height:8px}.portfolio-table-scroll-wrapper::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.portfolio-table-scroll-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.portfolio-table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#5a67d8,#6b46c1)}.portfolio-table-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#667eea rgba(0,0,0,.05)}.portfolio-table-scroll-wrapper{scroll-behavior:smooth}.portfolio-table-scroll-wrapper:before{content:"";position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 50%,rgba(102,126,234,.3) 100%);pointer-events:none;z-index:5;border-radius:0 12px 12px 0}.portfolio-table{width:100%;min-width:1200px;border-collapse:collapse;font-size:.875rem;table-layout:auto;word-wrap:break-word;display:table}.portfolio-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.portfolio-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:sticky;top:0;z-index:10}.portfolio-table th:nth-child(1){width:90px;min-width:90px}.portfolio-table th:nth-child(2){width:100px;min-width:100px}.portfolio-table th:nth-child(3){width:120px;min-width:120px}.portfolio-table th:nth-child(4){width:100px;min-width:100px}.portfolio-table th:nth-child(5){width:120px;min-width:120px}.portfolio-table th:nth-child(6){width:120px;min-width:120px}.portfolio-table th:nth-child(7){width:120px;min-width:120px}.portfolio-table th:nth-child(8){width:120px;min-width:120px}.portfolio-table th:nth-child(9){width:80px;min-width:80px}.portfolio-table th:nth-child(10){width:80px;min-width:80px}.portfolio-table th:nth-child(11){width:60px;min-width:60px}.portfolio-table td:nth-child(1){width:90px;min-width:90px}.portfolio-table td:nth-child(2){width:100px;min-width:100px}.portfolio-table td:nth-child(3){width:120px;min-width:120px}.portfolio-table td:nth-child(4){width:100px;min-width:100px}.portfolio-table td:nth-child(5){width:120px;min-width:120px}.portfolio-table td:nth-child(6){width:120px;min-width:120px}.portfolio-table td:nth-child(7){width:120px;min-width:120px}.portfolio-table td:nth-child(8){width:120px;min-width:120px}.portfolio-table td:nth-child(9){width:80px;min-width:80px}.portfolio-table td:nth-child(10){width:80px;min-width:80px}.portfolio-table td:nth-child(11){width:60px;min-width:60px}.portfolio-table th:first-child{border-radius:12px 0 0}.portfolio-table th:last-child{border-radius:0 12px 0 0}.portfolio-table tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:all .2s ease}.portfolio-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.portfolio-table tbody tr.expanded{background:linear-gradient(90deg,#667eea14,#764ba214)}.portfolio-table td{padding:16px 12px;vertical-align:middle;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}.portfolio-info-cell{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.portfolio-name-cell{flex:1;min-width:0;overflow:hidden}.portfolio-name{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-id{font-size:.75rem;color:#6b7280;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-type-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.portfolio-type-major{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.portfolio-type-altcoin{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.pnl-cell{font-weight:700;font-size:1rem}.pnl-rate{font-weight:600;font-size:.875rem}.positions-count,.win-rate,.max-dd,.sharpe,.trades{text-align:center;font-weight:600;color:#374151}.lowest-pnl-rate{text-align:center;font-weight:600;font-family:Courier New,monospace}.lowest-pnl-rate.pnl-positive{color:#059669}.lowest-pnl-rate.pnl-negative{color:#dc2626}.portfolio-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.portfolio-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.portfolio-details-row{background:linear-gradient(90deg,#667eea05,#764ba205)}.portfolio-details-row td{padding:2px 4px;border-top:none}.portfolio-details{padding:20px;background:#ffffff80;border-radius:12px;margin:8px 0;border:1px solid rgba(102,126,234,.1)}@media (max-width: 1400px){.portfolio-table{min-width:1000px}.portfolio-table th,.portfolio-table td{padding:16px 12px;font-size:.9rem}.portfolio-name{font-size:1rem}.transaction-table th,.transaction-table td{padding:8px 20px;font-size:.9rem}}@media (max-width: 1200px){.portfolio-table{min-width:900px}.portfolio-table th,.portfolio-table td{padding:14px 10px;font-size:.85rem}.portfolio-name{font-size:.95rem}.transaction-table th,.transaction-table td{padding:6px 18px;font-size:.85rem}}@media (max-width: 768px){.portfolio-table{min-width:800px}.portfolio-table th,.portfolio-table td{padding:12px 8px;font-size:.8rem}.portfolio-name{font-size:.9rem}.transaction-table th,.transaction-table td{padding:4px 16px;font-size:.8rem}}@media (max-width: 768px){.portfolio-table-container,.transaction-table-container{padding:16px;margin:0 0 16px}.portfolio-table th,.portfolio-table td{padding:8px 6px;font-size:.75rem}.portfolio-name{font-size:.8rem}.portfolio-toggle-btn{padding:6px 8px;font-size:.7rem}.transaction-table th,.transaction-table td{padding:4px 12px;font-size:.75rem}.portfolio-table th:nth-child(7),.portfolio-table th:nth-child(8),.portfolio-table td:nth-child(7),.portfolio-table td:nth-child(8){display:none}.transaction-table th:nth-child(3),.transaction-table th:nth-child(4),.transaction-table td:nth-child(3),.transaction-table td:nth-child(4){display:none}}@media (max-width: 480px){.container{padding:0 .5rem}.portfolio-table-container,.transaction-table-container{padding:12px}.portfolio-table th,.portfolio-table td{padding:6px 4px;font-size:.7rem}.transaction-table th,.transaction-table td{padding:3px 8px;font-size:.7rem}.portfolio-table th:nth-child(6),.portfolio-table th:nth-child(9),.portfolio-table td:nth-child(6),.portfolio-table td:nth-child(9){display:none}}.grid-item .transaction-timeline,.grid-item .transaction-table-container{margin-bottom:16px}.grid-item .transaction-timeline:last-child,.grid-item .transaction-table-container:last-child{margin-bottom:0}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;table-layout:fixed;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:#667eeab3}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}