.view-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;display:flex;justify-content:center;align-items:center;padding:24px}.view-modal-content{width:100%;max-width:1200px;max-height:90vh;background:#fff;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.view-modal-header{padding:24px 40px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.header-main{display:flex;align-items:center;gap:20px}.trade-icon{width:54px;height:54px;background:#f8fafc;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid #e2e8f0}.header-meta{display:flex;gap:12px;color:#64748b;font-size:.875rem;margin-top:4px}.btn-close-view{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;cursor:pointer}.btn-close-view:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.view-modal-body{flex:1;display:flex;flex-direction:column;min-height:0;background:#fcfcfc}.view-grid{display:grid;grid-template-columns:1fr 340px;flex:1;min-height:0}.view-main-content{padding:40px;overflow-y:auto;border-right:1px solid #f1f5f9}.view-section{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;box-shadow:0 1px 3px #00000005}.section-title{font-size:.95rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.section-title i{color:#3b82f6;font-size:1.1rem}.info-badges{display:flex;flex-wrap:wrap;gap:12px}.info-badge-item{background:#f8fafc;padding:6px 12px;border-radius:10px;border:1px solid #f1f5f9;display:flex;flex-direction:column}.info-badge-item .label{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.info-badge-item .badge-value{font-size:.875rem;font-weight:600;color:#334155}.badge-value.bullish{color:#10b981}.badge-value.bearish{color:#ef4444}.intent-tag{background:#eff6ff;color:#2563eb;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid #dbeafe}.data-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.data-point{display:flex;gap:12px;align-items:flex-start}.data-icon{color:#94a3b8;font-size:1.1rem}.data-label{display:block;font-size:.75rem;color:#64748b;font-weight:500}.data-value{display:block;font-weight:700;color:#0f172a}.result-banner{background:#f8fafc;padding:12px 20px;border-radius:12px;font-size:.875rem;border:1px dashed #cbd5e1}.result-banner[data-result="Target Achieved"]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.result-banner[data-result="Stop Loss Hit"]{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.score-item{display:flex;align-items:center;gap:12px}.score-label{font-size:.8rem;font-weight:600;color:#64748b;width:80px}.progress-mini{flex:1;height:6px;background:#f1f5f9;border-radius:10px;overflow:hidden}.progress-bar-mini{height:100%;background:#3b82f6;border-radius:10px}.score-value{font-size:.875rem;font-weight:700;color:#0f172a;min-width:40px}.check-list-view{display:flex;flex-direction:column;gap:10px}.check-item{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500}.check-item.checked{color:#10b981}.check-item.missed{color:#94a3b8;opacity:.7}.reflection-box{background:#f8fafc;border-radius:16px;padding:24px}.reflection-item h6{font-size:.65rem;font-weight:800;color:#94a3b8;letter-spacing:.05em;margin-bottom:8px}.reflection-item p{color:#1e293b;line-height:1.6;margin:0;font-size:.9rem}.reflection-item p.highlight{font-weight:600;color:#2563eb}.view-sidebar{padding:40px 24px;background:#fff;overflow-y:auto}.sidebar-title{font-size:.8rem;font-weight:700;color:#64748b;margin-bottom:20px;text-transform:uppercase}.view-snapshot-container{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}.no-snapshot{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbd5e1}.no-snapshot i{font-size:2rem}.timestamp-card{font-size:.75rem;color:#94a3b8;text-align:center}.view-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.view-empty i{font-size:3rem;color:#e2e8f0;margin-bottom:16px}@media (max-width: 900px){.view-grid{grid-template-columns:1fr}.view-main-content{border-right:none}}.note-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1050;display:flex;justify-content:center;align-items:center;padding:20px}.note-modal-content{width:100%;max-width:1100px;max-height:95vh;background:#fff!important;border:none!important;border-radius:24px!important;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040!important}.note-modal-header{padding:24px 32px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.note-modal-body{padding:0;flex:1;display:flex;min-height:0}.note-modal-body-content{flex:1;overflow-y:auto}.note-tabs{display:flex;gap:32px;padding:0 32px;border-bottom:1px solid #f0f0f0;background:#fafafa}.note-tab{padding:16px 0;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;gap:8px}.note-tab.active{color:#2563eb}.note-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#2563eb;border-radius:3px}.tab-content{padding:32px}.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.form-group{margin-bottom:16px}.premium-input{border:1px solid #e2e8f0;border-radius:12px;padding:10px 16px;width:100%;transition:all .2s;background:#f8fafc}.direction-group{display:flex;gap:12px}.direction-btn{flex:1;padding:10px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.direction-btn.long.active{border-color:#10b981;background:#ecfdf5;color:#059669}.direction-btn.short.active{border-color:#ef4444;background:#fef2f2;color:#dc2626}.direction-btn.neutral.active{border-color:#64748b;background:#f1f5f9;color:#334155}.premium-range{height:6px;background:#e2e8f0;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:15px 0}.premium-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#3b82f6;border:3px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px #0000001a}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8}.screenshot-sidebar{border-left:1px solid #f0f0f0;background:#fcfcfc;padding:24px;display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.screenshot-preview{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;display:flex;align-items:center;justify-content:center;background:#f8fafc}.screenshot-preview img{width:100%;height:auto;display:block}.note-modal-footer{padding:24px 32px;border-top:1px solid #f0f0f0;display:flex;gap:16px;justify-content:flex-end}.btn-premium{padding:12px 32px;border-radius:12px;font-weight:600;transition:all .2s}.btn-premium-primary{background:#2563eb;color:#fff;border:none}.btn-premium-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.btn-premium-light{background:#f1f5f9;color:#475569;border:none}.btn-premium-light:hover{background:#e2e8f0}@media (max-height: 850px){.note-modal-content{max-height:98vh}.note-modal-header{padding:16px 24px}.tab-content{padding:20px 24px}.screenshot-sidebar{padding:20px;width:280px!important}.fields-grid{gap:16px}.form-group{margin-bottom:12px}.note-modal-footer{padding:16px 24px}.screenshot-preview{max-height:150px}}@media (max-width: 1000px){.fields-grid{grid-template-columns:repeat(2,1fr)}}.manual-trade-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1060;display:flex;justify-content:center;align-items:center;padding:20px}.manual-trade-content{width:100%;max-width:800px;max-height:90vh;background:#fff!important;border:none!important;border-radius:24px!important;overflow:hidden;box-shadow:0 25px 50px -12px #00000040!important;animation:modalSlideUp .3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.manual-trade-header{padding:24px 32px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.manual-trade-form{display:flex;flex-direction:column;flex:1;min-height:0}.manual-trade-body{padding:32px;overflow-y:auto;flex:1}.fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{margin-bottom:8px}.form-label{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:8px;display:block}.premium-input{border:1px solid #e2e8f0;border-radius:12px;padding:10px 16px;width:100%;transition:all .2s;background:#f8fafc;color:#1e293b}.premium-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.is-invalid{border-color:#ef4444!important}.invalid-feedback{font-size:.75rem;color:#ef4444;margin-top:4px;font-weight:500}.trade-type-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px}.type-btn{flex:1;border:none;padding:8px;border-radius:8px;font-weight:700;font-size:.875rem;transition:all .2s;cursor:pointer;background:transparent;color:#64748b}.type-btn.buy.active{background:#fff;color:#2563eb;box-shadow:0 2px 4px #0000000d}.type-btn.sell.active{background:#fff;color:#dc2626;box-shadow:0 2px 4px #0000000d}.manual-trade-footer{padding:24px 32px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:16px;background:#fafafa;flex-shrink:0}@media (max-width: 600px){.fields-grid{grid-template-columns:1fr;gap:16px}}*{margin:0;padding:0;box-sizing:border-box}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-color:#f8f9fa}.profit{color:#28a745;font-weight:700}.loss{color:#dc3545;font-weight:700}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026!important}.table-responsive{overflow-x:auto}.card{border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #00000026}.card-header{border-radius:12px 12px 0 0!important;border-bottom:2px solid rgba(0,0,0,.1);font-weight:600}.btn{border-radius:8px;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1030}.navbar .dropdown-menu{z-index:1050!important;position:absolute!important;top:100%!important;margin-top:.125rem}.navbar .dropdown{position:relative!important}.navbar .dropdown-menu.dropdown-menu-end,.navbar-nav .dropdown-menu{right:0!important;left:auto!important}@media (min-width: 992px){.navbar .dropdown-menu{position:absolute!important}}.nav-link{transition:all .2s ease;border-radius:6px;margin:0 2px}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-1px)}.nav-link.active{background:linear-gradient(135deg,#28a7454d,#6f42c14d);font-weight:600}.table{border-radius:8px;overflow:hidden}.table thead th{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.table-striped tbody tr:nth-of-type(odd){background-color:#00000005}.table-hover tbody tr:hover{background-color:#28a7450d;transform:scale(1.01);transition:all .2s ease}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.gradient-text{background:linear-gradient(135deg,#28a745,#6f42c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#28a745,#6f42c1);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#218838,#5a32a3)}