.reports-page{display:grid;grid-template-columns:380px 1fr;grid-gap:24px;gap:24px;height:calc(100vh - 80px);padding:24px;max-width:1800px;margin:0 auto}.reports-left-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;overflow-y:auto}.reports-header{margin-bottom:32px;text-align:center}.reports-header svg{color:#2f0;margin-bottom:12px}.reports-header h1{font-size:24px;font-weight:700;margin:0 0 8px;color:#fff}.reports-header p{font-size:14px;color:hsla(0,0%,100%,.6);margin:0}.date-range-preview{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:rgba(34,255,0,.1);border:1px solid rgba(34,255,0,.3);border-radius:8px;margin-bottom:28px;font-size:14px;font-weight:600;color:#2f0}.date-range-preview svg{color:#2f0}.selector-section{margin-bottom:28px}.selector-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.8);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.report-type-pills-horizontal{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.report-pill-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.8)}.report-pill-compact:hover{background:hsla(0,0%,100%,.08);border-color:rgba(34,255,0,.3)}.report-pill-compact.active{background:rgba(34,255,0,.15);border-color:rgba(34,255,0,.5);color:#2f0}.report-pill-compact svg{color:#2f0;flex-shrink:0}.market-selector{display:flex;flex-direction:column;gap:6px}.market-button{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.market-button:hover{background:hsla(0,0%,100%,.08);border-color:rgba(34,255,0,.3)}.market-button.active{background:rgba(34,255,0,.15);border-color:rgba(34,255,0,.5)}.market-code{font-size:14px;font-weight:700;color:#2f0}.market-name{font-size:13px;color:hsla(0,0%,100%,.7)}.theme-selector{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.theme-button{position:relative;height:80px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden}.theme-button:hover{border-color:rgba(48,234,3,.5);transform:translateY(-2px)}.theme-button.active{border-color:#30ea03;box-shadow:0 0 0 2px rgba(48,234,3,.2)}.theme-label{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.theme-button.active .theme-label{background:#30ea03;color:#000}.date-range-inputs{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.5px}.date-input{padding:10px 12px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease}.date-input:hover{border-color:rgba(48,234,3,.3);background:hsla(0,0%,100%,.08)}.date-input:focus{outline:none;border-color:#30ea03;background:hsla(0,0%,100%,.1)}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.date-range-hint{margin-top:8px;font-size:12px;color:hsla(0,0%,100%,.5);font-style:italic}.generate-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:#2f0;color:#000;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:32px}.generate-button:hover:not(:disabled){background:#1ee600;transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,255,0,.3)}.generate-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{margin-top:16px;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;color:#ef4444}.reports-right-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:48px}.preview-placeholder h3{font-size:20px;font-weight:600;color:#fff;margin:16px 0 8px}.preview-placeholder p{font-size:14px;color:hsla(0,0%,100%,.5);max-width:400px}.preview-container{display:flex;flex-direction:column;height:100%}.preview-header{justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.preview-header,.preview-info{display:flex;align-items:center}.preview-info{gap:16px}.preview-info svg{color:#2f0}.preview-info h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.preview-info p{font-size:13px;color:hsla(0,0%,100%,.6);margin:0}.download-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(34,255,0,.15);border:1px solid rgba(34,255,0,.4);border-radius:6px;color:#2f0;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-button:hover{background:rgba(34,255,0,.25);border-color:rgba(34,255,0,.6)}.preview-content{flex:1 1;overflow-y:auto;padding:32px}.pdf-preview-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px}.pdf-preview-notice svg{color:#2f0;margin-bottom:16px}.pdf-preview-notice h4{font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.pdf-preview-notice p{font-size:14px;color:hsla(0,0%,100%,.6);margin:0 0 24px}.report-details{display:flex;flex-direction:column;gap:12px;padding:24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;text-align:left}.detail-item{font-size:14px;color:hsla(0,0%,100%,.8)}.detail-item strong{color:#2f0;margin-right:8px}@media (max-width:1200px){.reports-page{grid-template-columns:1fr;height:auto}.reports-left-panel{max-width:600px;margin:0 auto}.reports-right-panel{min-height:500px}}