*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0}.container{max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh;position:relative}.text-green-600{color:#059669;font-weight:600}.text-red-600{color:#dc2626;font-weight:600}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.header{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:60px 20px 30px;text-align:center;border-radius:0 0 30px 30px;box-shadow:0 10px 30px #0003}.header h1{font-size:32px;font-weight:700;margin-bottom:8px}.header p{opacity:.9;font-size:16px}.logout-btn{background:#fff3;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-top:20px;display:inline-block}.logout-btn:hover{background:#ffffff4d}.tab-container{background:#fff;margin:-15px 20px 0;border-radius:20px 20px 0 0;box-shadow:0 8px 32px #0000001a;overflow:hidden}.tab-nav{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tab-btn{flex:1;padding:20px;background:none;border:none;font-size:16px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn:hover{color:#4f46e5;background:#4f46e50d}.tab-btn.active{color:#4f46e5;background:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tab-btn i{margin-right:8px}@media (max-width: 768px){.tab-nav{flex-direction:column}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{color:#1e293b;font-size:28px;font-weight:700}.stock-count{background:#e0e7ff;color:#4338ca;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.stocks-grid{display:grid;gap:20px;grid-template-columns:1fr}.stock-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid #e2e8f0;border:1px solid #f1f5f9}.stock-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.stock-card.signal-buy{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.stock-card.signal-sell{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2 0% 100%)}.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stock-symbol{font-size:24px;font-weight:700;color:#1e293b}.stock-name{color:#64748b;font-size:14px;margin-top:4px}.monitoring-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.monitoring-badge.active{background:#dcfce7;color:#166534}.monitoring-badge.inactive{background:#fee2e2;color:#dc2626}.stock-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.detail-item{text-align:center}.detail-label{color:#64748b;font-size:12px;margin-bottom:4px;text-transform:uppercase;font-weight:600}.detail-value{color:#1e293b;font-size:16px;font-weight:600}.signal-buy .detail-value{color:#059669}.signal-sell .detail-value{color:#dc2626}.price-value{color:#7c3aed;font-size:18px;font-weight:700}.actions-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.action-btn{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none;color:inherit;font-size:16px}.action-btn:hover{transform:scale(1.1)}.action-btn.view{background:#dbeafe;color:#2563eb}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.report{background:#ecfdf5;color:#059669}.action-btn.orders{background:#f0f9ff;color:#0284c7}.action-btn.sentiment{background:#f3e8ff;color:#7c3aed}@media (max-width: 768px){.stocks-grid{grid-template-columns:1fr}}.add-stock-section{margin-bottom:30px}.add-stock-section h2{color:#1e293b;font-size:24px;margin-bottom:20px;font-weight:600}.form-container{display:flex;gap:12px;flex-wrap:wrap}.input-field{flex:1;min-width:200px;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease}.input-field:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;min-width:120px}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media (max-width: 768px){.form-container{flex-direction:column}}.tab-content{display:none;padding:30px 20px;background:#fff;border-radius:0 0 20px 20px;margin:0 20px 20px;box-shadow:0 8px 32px #0000001a}.tab-content.active{display:block}.portfolio-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:16px;text-align:center}.summary-card h3{font-size:14px;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.summary-card .value{font-size:28px;font-weight:700}.summary-card.positive{background:linear-gradient(135deg,#10b981,#059669)}.summary-card.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.summary-card.active-filter{box-shadow:0 0 0 3px #fff,0 0 0 6px #4f46e5;transform:scale(1.05);cursor:pointer;transition:all .2s ease-in-out}.summary-card:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 10px 25px #0000001a;transition:all .2s ease-in-out}.summary-card:not(.active-filter){opacity:.9}.portfolio-value-section{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;text-align:center}.portfolio-value-section h2{font-size:18px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.portfolio-value-display{font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.auto-update-indicator{font-size:16px;opacity:.7;animation:spin 2s linear infinite}.auto-update-indicator.updating{animation:pulse 1s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.transactions-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.transactions-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px 30px;border-bottom:1px solid #e2e8f0}.add-transaction-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.form-group{flex:1;min-width:150px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#374151;font-size:14px}.form-group select,.form-group input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:#4f46e5}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th,.transactions-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f1f5f9}.transactions-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.transactions-table tr:hover{background:#f8fafc}.transaction-type{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.transaction-type.buy{background:#dcfce7;color:#166534}.transaction-type.sell{background:#fee2e2;color:#dc2626}.delete-transaction{background:#fee2e2;color:#dc2626;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.delete-transaction:hover{background:#fecaca}.open-orders-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:20px}.open-orders-section h3{margin-bottom:20px;color:#374151;font-size:18px;font-weight:600}.open-orders-table{width:100%;border-collapse:collapse}.open-orders-table th,.open-orders-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #f1f5f9}.open-orders-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.open-orders-table tr:hover{background:#f8fafc}.order-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.order-status.new{background:#dbeafe;color:#1d4ed8}.order-status.partially_filled{background:#ffedd5;color:#ea580c}.order-status.accepted{background:#dcfce7;color:#166534}.order-status.rejected{background:#fee2e2;color:#dc2626}.order-status.pending_new{background:#e0e7ff;color:#4338ca}.order-status.calculated{background:#f0f9ff;color:#0369a1}@media (max-width: 768px){.transactions-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-table{display:block;min-width:100%}.transactions-table thead{display:none}.transactions-table tbody,.transactions-table tr{display:block}.transactions-table tr{margin-bottom:15px;padding:15px;background:#f8fafc;border-radius:10px;box-shadow:0 2px 10px #0000000d}.transactions-table td{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:none;font-size:13px}.transactions-table td:before{content:attr(data-label);font-weight:600;color:#374151;width:40%}.transactions-table th,.transactions-table td{padding:10px 12px;font-size:12px}.transactions-table th{font-size:11px}.transaction-type,.delete-transaction{font-size:10px;padding:3px 8px}.delete-transaction{width:100%;text-align:center;padding:10px 15px;font-size:12px;border-radius:8px}.open-orders-section{padding:15px}.open-orders-table{display:block;min-width:100%}.open-orders-table thead{display:none}.open-orders-table tbody,.open-orders-table tr{display:block}.open-orders-table tr{margin-bottom:15px;padding:15px;background:#f8fafc;border-radius:10px;box-shadow:0 2px 10px #0000000d}.open-orders-table td{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:none;font-size:13px}.open-orders-table td:before{content:attr(data-label);font-weight:600;color:#374151;width:40%}}.portfolio-statistics-section{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.portfolio-statistics-section h2{margin-bottom:20px;color:#333;font-size:24px;font-weight:600}.time-period-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.period-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.period-btn:hover{background:#e2e8f0}.period-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-container{position:relative;height:400px;margin-bottom:30px;background:#f8fafc;border-radius:8px;padding:15px}.performance-summary{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.summary-item{flex:1;min-width:200px;background:#f8fafc;padding:20px;border-radius:8px;text-align:center}.summary-item h3{margin-bottom:10px;color:#64748b;font-size:16px;font-weight:500}.summary-item p{font-size:24px;font-weight:600;color:#333}.summary-item .positive{color:#10b981}.summary-item .negative{color:#ef4444}@media (max-width: 768px){.performance-summary{flex-direction:column}.summary-item{min-width:100%}.time-period-selector{justify-content:center}}.modal{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#fff;padding:30px;border-radius:20px;box-shadow:0 25px 50px #00000040;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#1e293b}.modal-table{width:100%;border-collapse:collapse;margin-bottom:20px}.modal-table th,.modal-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.modal-table th{background:#f8fafc;font-weight:600;color:#374151}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.modal-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.primary{background:#4f46e5;color:#fff}.modal-btn.primary:hover{background:#3730a3}.modal-btn.success{background:#10b981;color:#fff}.modal-btn.success:hover{background:#059669}.modal-btn.danger{background:#ef4444;color:#fff}.modal-btn.danger:hover{background:#dc2626}.modal-btn.secondary{background:#6b7280;color:#fff}.modal-btn.secondary:hover{background:#4b5563}.sentiment-score{font-size:24px;font-weight:700;margin-top:12px}.sentiment-positive{color:#10b981}.sentiment-neutral{color:#f59e0b}.sentiment-negative{color:#ef4444}.floating-add{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 25px #4f46e566;transition:all .3s ease;z-index:999}.floating-add:hover{transform:scale(1.1) rotate(90deg)}