.application-card{background:#2a2a2a;border:1px solid #333;border-radius:12px;padding:32px;color:#e5e5e5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:600px;margin:0 auto}.application-header{text-align:center;margin-bottom:32px}.application-header h2{color:#0f8;font-size:24px;font-weight:700;margin:0 0 8px}.application-header p{color:#ccc;font-size:16px;margin:0}.magic-link-context{background:#7aa3b01a;border:1px solid rgba(122,163,176,.3);border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.context-icon{font-size:18px;background:#00ff881a;padding:8px;border-radius:6px;border:1px solid rgba(0,255,136,.3)}.application-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h3{color:#7aa3b0;font-size:18px;font-weight:600;margin:0;padding-bottom:8px;border-bottom:1px solid #444}.section-description{color:#aaa;font-size:14px;margin:-8px 0 8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{color:#e5e5e5;font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{background:#1a1a1a;border:1px solid #444;border-radius:6px;padding:12px 14px;color:#e5e5e5;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#7aa3b0;box-shadow:0 0 0 2px #7aa3b033}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.character-count{font-size:12px;color:#888;text-align:right;margin-top:4px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:8px}.interest-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1a1a1a;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.interest-checkbox:hover{border-color:#7aa3b0;background:#7aa3b00d}.interest-checkbox input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.interest-checkbox input[type=checkbox]:checked+.checkmark{background:#0f8;border-color:#0f8}.interest-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#000;font-size:12px;font-weight:700}.form-actions{display:flex;flex-direction:column;gap:16px;margin-top:16px}.submit-btn{background:linear-gradient(135deg,#0f8,#7aa3b0);color:#000;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #00ff884d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-note{text-align:center;font-size:12px;color:#888;margin:0}.error{color:#ff6b6b;font-size:12px;margin-top:4px}.submit-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:6px;padding:12px;font-size:14px;text-align:center}.portal-success{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:12px}.success-content{padding:32px 24px}.success-header{text-align:center;margin-bottom:32px}.success-icon{font-size:48px;margin-bottom:16px;display:block}.success-title{font-size:24px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-subtitle{color:#888;font-size:16px;margin:0;line-height:1.4}.success-details{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.detail-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px}.detail-icon{font-size:20px;flex-shrink:0;margin-top:2px}.detail-content h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px}.detail-content p{color:#888;font-size:13px;margin:0;line-height:1.4}.email-highlight{color:#00d4ff;font-weight:500}.timeline-highlight{color:#0f8;font-weight:500}.success-actions{text-align:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.portal-btn{height:44px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;min-width:120px}.portal-btn.primary{background:linear-gradient(135deg,#00d4ff,#0f8);color:#000;box-shadow:0 4px 12px #00d4ff4d}.portal-btn.primary:hover{background:linear-gradient(135deg,#00c0e6,#00e673);transform:translateY(-1px);box-shadow:0 6px 16px #00d4ff66}@media (max-width: 480px){.success-content{padding:24px 16px}.success-title{font-size:20px}.detail-card{padding:12px}}@media (max-width: 768px){.application-card{padding:24px;margin:16px}.form-row,.interests-grid{grid-template-columns:1fr}.application-header h2{font-size:20px}}.application-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.application-modal{position:relative;background:#2a2a2a;border:1px solid #333;border-radius:12px;width:100%;max-width:800px;max-height:90vh;box-shadow:0 20px 60px #0006;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e5e5e5;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.modal-close-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.modal-content{max-height:90vh;overflow-y:auto;padding:16px 32px 32px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#666}.modal-content .application-card{max-width:none;margin:0;border:none;background:transparent;padding:0}@media (max-width: 768px){.application-modal-overlay{padding:16px}.application-modal{max-width:100%;max-height:95vh}.modal-content{padding:16px 20px 24px}.modal-close-btn{top:12px;right:12px;width:28px;height:28px;font-size:16px}}@media (max-width: 480px){.application-modal-overlay{padding:8px}.modal-content{padding:12px 16px 20px}}.portal-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;vertical-align:top;line-height:1}.portal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.portal-button:not(:disabled):hover{transform:translateY(-2px)}.portal-button--small{padding:8px 16px;font-size:12px;border-radius:6px}.portal-button--medium{padding:12px 24px;font-size:14px;border-radius:8px}.portal-button--large{padding:16px 32px;font-size:16px;border-radius:10px}.portal-button--primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;box-shadow:0 4px 12px #00d4ff4d}.portal-button--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #ffffff1a}.portal-button--outline{background:transparent;color:#00d4ff;border:1px solid #00d4ff;box-shadow:0 2px 8px #00d4ff1a}.portal-button--ghost{background:transparent;color:#b0b0b0;border:none;box-shadow:none}.portal-button--danger{background:linear-gradient(135deg,#f44,#c33);color:#fff;box-shadow:0 4px 12px #ff44444d}.portal-button--success{background:linear-gradient(135deg,#0f8,#0c6);color:#000;box-shadow:0 4px 12px #00ff884d}.nav-item.portal-button,.portal-button.nav-item,.nav-items .portal-button{border:2px solid transparent!important;border-radius:8px!important}.nav-item.portal-button:hover,.portal-button.nav-item:hover,.nav-items .portal-button:hover{border:2px solid transparent!important;border-bottom-color:#00d4ff!important;color:#00d4ff!important}.nav-item.portal-button.portal-button--small,.portal-button.nav-item.portal-button--small,.nav-items .portal-button.portal-button--small{border-radius:6px!important}.nav-item.portal-button.portal-button--large,.portal-button.nav-item.portal-button--large,.nav-items .portal-button.portal-button--large{border-radius:10px!important}@media (max-width: 768px){.portal-button--large{padding:14px 28px;font-size:15px}.portal-button--medium{padding:10px 20px;font-size:13px}.portal-button--small{padding:6px 12px;font-size:11px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.geography-card{background:#1a1a1a;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid #333;width:100%;height:100%;box-sizing:border-box;box-shadow:0 2px 8px #0003}.geography-card:hover{transform:translateY(-2px);border-color:#00d4ff;box-shadow:0 4px 16px #00d4ff1a}.geography-card.preview-mode{position:relative}.geography-card.preview-mode:hover{border-color:#00d4ff;box-shadow:0 4px 16px #00d4ff1a}.geography-map-container{position:relative;width:100%;border-radius:8px;overflow:hidden}.static-map{width:100%;height:100%;background:#1a1a1a}.geography-data-overlay{position:absolute;z-index:10;pointer-events:auto}.data-card{background:#1a1a1af2;border:1px solid #333;border-radius:6px;padding:12px;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:3px solid #00ff88;pointer-events:auto;box-shadow:0 4px 12px #0000004d}.data-card.compact{padding:10px;min-width:140px}.data-card.preview-card{border-left:3px solid #00d4ff;background:#1a1a1afa}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0003;z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.data-card-title{color:#e5e5e5;font-size:14px;font-weight:600;margin:0 0 10px;white-space:nowrap}.data-metrics{display:flex;flex-direction:column;gap:6px}.data-metric-row{display:flex;justify-content:space-between;align-items:center;min-width:120px}.data-metric-label{color:#999;font-size:12px;font-weight:400}.data-metric-value{font-size:12px;font-weight:600;text-align:right;margin-left:12px}.read-report-btn{background:linear-gradient(135deg,#00d4ff,#0f8);color:#000;border:none;padding:8px 12px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;margin-top:10px;width:100%;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.read-report-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff66}.read-report-btn:active{transform:translateY(0)}.read-report-btn.preview-btn{background:linear-gradient(135deg,#00d4ff,#0f8);color:#000}.read-report-btn.preview-btn:hover{box-shadow:0 4px 12px #00d4ff66}.geography-card-footer{display:none}.geography-popup h4{color:#e5e5e5;margin:0 0 4px;font-size:14px;font-weight:600}.geography-popup p{color:#999;margin:0;font-size:12px}.geography-map .leaflet-container{background:#1a1a1a}.geography-map .leaflet-popup-content-wrapper{background:#1a1a1a;border:1px solid #333;border-radius:6px}.geography-map .leaflet-popup-tip{background:#1a1a1a;border:1px solid #333}.geography-map .leaflet-popup-content{margin:8px 12px;color:#e5e5e5}.geography-map .leaflet-control-container{display:none}.intelligence-item{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;width:100%;height:100%;box-sizing:border-box;margin:0}.intelligence-item:hover{background:#1a1a1a;border-color:#555}.intelligence-item.high{border-left:4px solid #ff6b35}.intelligence-item.medium{border-left:4px solid #00d4ff}.intelligence-item.low{border-left:4px solid #00ff88}.intelligence-item.emerging{border-left:4px solid #ffbb00}.intelligence-item.emerging{box-shadow:0 0 8px #f443}.intelligence-item.developing{box-shadow:0 0 8px #f803}.intelligence-item.mature{box-shadow:0 0 8px #fb03}.intelligence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.header-left,.header-right{display:flex;align-items:center;gap:8px}.freshness-indicator{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.lifecycle-badge{font-size:8px;font-weight:700;padding:3px 6px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase}.confidence-score{font-size:10px;font-weight:600;color:#00d4ff;background:#00d4ff1a;padding:2px 6px;border-radius:8px}.trend-direction{font-size:12px}.intelligence-content{margin-bottom:12px}.intelligence-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0 0 12px;line-height:1.3}.trend-indicators{margin-bottom:12px}.trend-strength{margin-bottom:8px}.strength-bar{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden;margin-bottom:4px}.strength-fill{height:100%;transition:width .3s ease;border-radius:2px}.strength-label{font-size:9px;color:#888;font-weight:500}.change-indicator{text-align:right}.change-value{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.change-value.positive{color:#0f8;background:#00ff881a}.change-value.negative{color:#ff6b35;background:#ff6b351a}.key-metrics{margin-bottom:12px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #222;font-size:10px}.metric-item:last-child{border-bottom:none}.metric-label{color:#888;font-weight:500}.metric-value{color:#e5e5e5;font-weight:600}.metric-change{font-size:8px;font-weight:600;padding:1px 4px;border-radius:2px;margin-left:4px}.metric-change.positive{color:#0f8;background:#00ff8826}.metric-change.negative{color:#ff6b35;background:#ff6b3526}.implications-preview{margin-bottom:12px}.implications-label{font-size:9px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.implication-item{font-size:10px;color:#ccc;line-height:1.4;margin-bottom:3px}.implications-more{font-size:9px;color:#666;font-style:italic;margin-top:4px}.affected-entities{margin-bottom:12px}.entity-group{margin-bottom:6px}.entity-type{font-size:8px;color:#888;text-transform:capitalize;font-weight:600;display:block;margin-bottom:3px}.entity-chips{display:flex;flex-wrap:wrap;gap:4px}.entity-chip{font-size:8px;background:#333;color:#00d4ff;padding:2px 6px;border-radius:8px;font-weight:500}.entity-more{font-size:8px;color:#666;font-style:italic}.source-summary{font-size:9px;color:#666;display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #222}.source-count{font-weight:600}.source-list{font-style:italic}.intelligence-expanded{margin-top:16px;border-top:1px solid #333;background:#0000004d;border-radius:6px;padding:12px}.intelligence-expanded h5{font-size:10px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.expanded-metrics,.expanded-implications,.confidence-indicators{margin-bottom:12px}.expanded-metrics:last-child,.expanded-implications:last-child,.confidence-indicators:last-child{margin-bottom:0}.confidence-item{font-size:9px;color:#ccc;margin-bottom:3px}.intelligence-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #222}.click-hint{font-size:8px;color:#666;font-style:italic}.expand-icon{font-size:12px;color:#888;font-weight:700;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:50%;transition:all .2s ease}.intelligence-item:hover .expand-icon{background:#555;color:#00d4ff}@media (max-width: 768px){.intelligence-item{padding:12px}.intelligence-title{font-size:13px}.header-left,.header-right{gap:6px}.freshness-indicator{width:16px;height:16px;font-size:8px}.source-summary{flex-direction:column;align-items:flex-start;gap:2px}}.intelligence-item.compact{padding:12px;margin-bottom:8px}.intelligence-item.compact .intelligence-title{font-size:12px;margin-bottom:8px}.intelligence-item.compact .trend-indicators{margin-bottom:8px}.intelligence-item.compact .key-metrics,.intelligence-item.compact .implications-preview{display:none}.intelligence-item.compact .affected-entities{margin-bottom:8px}.intelligence-item.compact .entity-group{margin-bottom:3px}.intelligence-item.compact .source-summary{margin-top:0;padding-top:6px;border-top:1px solid #222}.intelligence-expanded{animation:expandIn .2s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:12px;padding-bottom:12px}}.news-item{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.news-item:hover{background:#1a1a1a;border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.news-category{display:flex;align-items:center;gap:6px}.category-icon{font-size:14px}.category-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.news-meta{display:flex;align-items:center}.news-time{font-size:10px;color:#888;font-weight:500}.news-content{flex:1;display:flex;flex-direction:column;gap:8px}.news-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-description{font-size:12px;color:#bbb;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #222}.news-source{font-size:10px;color:#00d4ff;font-weight:500}.news-action{font-size:10px;color:#888;font-weight:500;opacity:0;transition:opacity .2s ease}.news-item:hover .news-action{opacity:1}@media (max-width: 768px){.news-item{padding:12px}.news-title{font-size:13px}.news-description{font-size:11px}}.news-cta{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px;font-size:11px;color:#00d4ff;transition:all .2s ease}.news-cta:hover{color:#0f8}.cta-icon{font-size:12px}.cta-text{font-weight:500;letter-spacing:.3px}.news-item:hover .news-cta{transform:translate(2px)}.trending-topics-section{max-width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e5e5e5}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #333}.header-content h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#e5e5e5}.header-content p{font-size:14px;color:#888;margin:0}.header-controls{display:flex;align-items:center;gap:12px}.view-controls{display:flex;background:#1a1a1a;border:1px solid #333;border-radius:6px;overflow:hidden}.view-btn{background:transparent;border:none;color:#888;padding:8px 12px;cursor:pointer;font-size:14px;transition:all .2s ease}.view-btn:hover{background:#333;color:#e5e5e5}.view-btn.active{background:#00d4ff;color:#000}.refresh-btn{background:#333;border:1px solid #555;color:#e5e5e5;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.refresh-btn:hover{background:#555;border-color:#777}.source-breakdown{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.breakdown-content{display:flex;flex-direction:column;gap:4px}.articles-count{font-size:14px;font-weight:600;color:#00d4ff}.sources-list{font-size:12px;color:#888}.processing-info{text-align:right}.processing-period{font-size:11px;color:#666;background:#333;padding:4px 8px;border-radius:4px}.trends-container{margin-bottom:24px}.trends-container.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.trends-container.list{display:flex;flex-direction:column;gap:12px}.trend-wrapper{position:relative}.trend-wrapper .intelligence-item.selected{border-color:#00d4ff;box-shadow:0 0 12px #00d4ff4d}.trend-wrapper .intelligence-item.rank-1{border-left-color:#ff6b35;border-left-width:6px}.trend-wrapper .intelligence-item.rank-2{border-left-color:#00d4ff;border-left-width:5px}.trend-wrapper .intelligence-item.rank-3{border-left-color:#fb0;border-left-width:4px}.trending-topics-section.loading{opacity:.8}.loading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.loading-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;height:200px;position:relative;overflow:hidden}.loading-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.trending-topics-section.error .section-header p.error-message{color:#ff6b35;font-weight:500}.error-actions{text-align:center;padding:40px 20px}.error-actions .refresh-btn{background:#ff6b35;border-color:#ff6b35;color:#fff;padding:12px 24px;font-size:16px}.error-actions .refresh-btn:hover{background:#ff5722;border-color:#ff5722}.no-trends{text-align:center;padding:80px 20px;color:#666}.no-trends-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-trends h3{font-size:18px;font-weight:500;margin:0 0 8px;color:#888}.no-trends p{font-size:14px;margin:0}.selected-topic-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.selected-topic-modal{background:#0a0a0a;border:1px solid #333;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080;z-index:9999;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333}.modal-header h3{font-size:20px;font-weight:600;margin:0;color:#e5e5e5}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.close-btn:hover{color:#e5e5e5}.modal-content{padding:24px}.modal-intelligence-item{border:none;background:transparent;padding:0;margin-bottom:24px}.additional-analysis{border-top:1px solid #333;padding-top:24px}.additional-analysis h4{font-size:16px;font-weight:600;margin:0 0 16px;color:#00d4ff}.analysis-sections{display:grid;gap:16px}.analysis-section{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:16px}.analysis-section h5{font-size:14px;font-weight:600;margin:0 0 8px;color:#e5e5e5}.analysis-section p{font-size:13px;color:#ccc;margin:0;line-height:1.5}.section-footer{border-top:1px solid #333;padding-top:16px;margin-top:24px}.intelligence-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.meta-item{font-size:11px;color:#666;text-align:center;padding:4px 8px;background:#ffffff0d;border-radius:4px}@media (max-width: 1024px){.trends-container.grid{grid-template-columns:1fr;gap:16px}.source-breakdown{flex-direction:column;align-items:flex-start;gap:12px}.processing-info{text-align:left}}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.header-controls{width:100%;justify-content:space-between}.header-content h2{font-size:20px}.selected-topic-modal{margin:10px;max-height:calc(100vh - 20px)}.modal-content{padding:16px}.intelligence-meta{flex-direction:column;gap:8px}.meta-item{text-align:left}}@media (max-width: 480px){.trends-container.grid,.loading-grid{grid-template-columns:1fr}.view-controls{order:2}.refresh-btn{order:1}.contextual-message{font-size:18px}.context-bubble{padding:4px 8px;font-size:10px;border-radius:4px}.personality-card{padding:10px;gap:10px}.personality-card .persona-emoji{font-size:18px;width:24px}.goal-item{padding:8px 10px;font-size:12px}}@media (prefers-contrast: high){.intelligence-item{border-width:2px}.meta-item{background:#333;border:1px solid #555}.source-breakdown{border-width:2px}}@media (prefers-reduced-motion: reduce){.loading-shimmer{animation:none}.intelligence-item,.view-btn,.refresh-btn{transition:none}}@media print{.selected-topic-overlay,.header-controls,.section-footer{display:none}.trending-topics-section{background:#fff;color:#000}.intelligence-item{border:1px solid #ccc;break-inside:avoid}}.contextual-message{font-size:24px;font-weight:600;margin:0 0 16px;color:#e5e5e5;line-height:1.3}.algorithm-context{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.context-bubble{display:flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease;color:#ccc;font-weight:500;letter-spacing:.25px}.context-bubble:hover{background:#333;border-color:#555;color:#e5e5e5}.context-label{display:none}.context-status{font-weight:600;white-space:nowrap;color:#e5e5e5}.feed-adjuster-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.feed-adjuster-modal{background:#0a0a0a;border:1px solid #333;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #000c;width:100%;z-index:10000;position:relative}.feed-adjuster-modal .modal-content{padding:24px}.adjustment-section{margin-bottom:32px}.adjustment-section:last-child{margin-bottom:0}.adjustment-section h4{font-size:16px;font-weight:600;margin:0 0 8px;color:#e5e5e5}.section-description{font-size:13px;color:#888;margin:0 0 16px;line-height:1.4}.personality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.personality-card{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;text-align:left}.personality-card:hover{background:#333;border-color:#555}.personality-card.active{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 0 12px #00d4ff33}.personality-card .persona-emoji{font-size:20px;width:28px;text-align:center;flex-shrink:0}.personality-card .persona-info{display:flex;flex-direction:column;gap:2px;flex:1}.personality-card .persona-name{font-size:14px;font-weight:500;color:#e5e5e5}.personality-card .persona-description{font-size:12px;color:#888;line-height:1.3}.context-tags{display:flex;flex-wrap:wrap;gap:12px}.context-tag{display:flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:8px 12px}.tag-label{font-size:12px;color:#888;font-weight:500}.tag-value{font-size:12px;font-weight:600}.goals-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.goal-item{display:flex;align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:10px 12px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#e5e5e5;text-align:left}.goal-item:hover{background:#333;border-color:#555}.goal-item:active,.goal-item.active{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.user-greeting,.feed-metadata,.curation-transparency,.curation-source,.curation-section,.curation-label,.explicit-preferences,.preference-tag,.ai-personality,.personality-indicator,.personality-adjuster,.personality-options,.adjuster-title,.personality-option{display:none}.trend-wrapper .intelligence-item.personality-skeptical_innovator{border-left-color:#ff9800}.trend-wrapper .intelligence-item.personality-strategic_optimizer{border-left-color:#4caf50}.trend-wrapper .intelligence-item.personality-market_opportunist{border-left-color:#ffeb3b}.trend-wrapper .intelligence-item.personality-risk_navigator{border-left-color:#f44336}.trend-wrapper .intelligence-item.personality-connection_builder{border-left-color:#9c27b0}.trend-wrapper .intelligence-item.personality-overthinking_analyst{border-left-color:#2196f3}.no-trends{text-align:center;padding:60px 20px;color:#666}.no-trends-icon{font-size:56px;margin-bottom:20px;opacity:.7;filter:grayscale(30%)}@media (max-width: 768px){.contextual-message{font-size:20px;margin-bottom:12px}.algorithm-context{gap:6px;margin-top:6px}.context-bubble{padding:3px 8px;font-size:10px;gap:4px}.context-label{display:none}.feed-adjuster-modal{margin:10px;max-height:calc(100vh - 20px)}.feed-adjuster-modal .modal-content{padding:16px}.personality-grid{grid-template-columns:1fr;gap:8px}.context-tags{gap:8px}.goals-list{grid-template-columns:1fr;gap:6px}.adjustment-section{margin-bottom:24px}}@media (max-width: 480px){.contextual-message{font-size:18px}.context-bubble{padding:4px 8px;font-size:10px;border-radius:4px}.personality-card{padding:10px;gap:10px}.personality-card .persona-emoji{font-size:18px;width:24px}.goal-item{padding:8px 10px;font-size:12px}}.intelligence-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;min-height:200px;background:transparent}.loader-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;background:transparent}.loader-small .loader-container{width:150px;height:150px}.loader-large .loader-container{width:400px;height:400px}.intelligence-loader .network-graph{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent!important}.intelligence-loader .network-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:transparent!important}.network-connection-smooth{opacity:0;animation:connectionFadeIn .6s ease-out forwards,networkFlow 2s linear infinite .6s}.card-connection-smooth{opacity:0;animation:connectionFadeIn .6s ease-out forwards,cardFlow 3s ease-in-out infinite .6s}.data-cards{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.data-card{position:absolute;width:60px;height:40px;background:#ffffff08;border:1px dashed rgba(255,107,53,.4);border-radius:6px;transform:translate(-50%,-50%)}.card-smooth{opacity:0;transform:translate(-50%,-50%) scale(.8);animation:cardFadeIn .6s ease-out forwards}.card-content{padding:6px;height:100%;display:flex;flex-direction:column;gap:3px}.card-header{width:70%;height:4px;background:linear-gradient(90deg,rgba(255,107,53,.6),transparent);border-radius:2px;opacity:0;animation:headerRender .4s ease-out .3s forwards}.card-lines{flex:1;display:flex;flex-direction:column;gap:2px}.card-line{height:2px;background:#fff3;border-radius:1px;transform:scaleX(0);transform-origin:left;animation:lineRender .5s ease-out forwards}@keyframes connectionFadeIn{0%{opacity:0}to{opacity:.4}}@keyframes cardFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}@keyframes networkFlow{0%{opacity:.2}25%{opacity:.6}50%{opacity:.4}75%{opacity:.6}to{opacity:.2}}@keyframes cardFlow{0%{opacity:.1}20%{opacity:.4}40%{opacity:.3}60%{opacity:.5}80%{opacity:.2}to{opacity:.1}}@keyframes headerRender{0%{opacity:0;width:0%}to{opacity:1;width:70%}}@keyframes lineRender{0%{transform:scaleX(0);background:#ff6b351a}50%{background:#ff6b3566}to{transform:scaleX(1);background:#fff3}}.loader-small .data-card{width:40px;height:25px}.loader-small .card-content{padding:4px;gap:2px}.loader-small .card-header{height:2px}.loader-small .card-line{height:1px}.loader-large .data-card{width:80px;height:55px}.loader-large .card-content{padding:8px;gap:4px}.loader-large .card-header{height:6px}.loader-large .card-line{height:3px}@media (max-width: 768px){.intelligence-loader{padding:20px}.loader-container{width:250px;height:250px}}.auth-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:24px;max-width:400px;width:100%;box-shadow:0 8px 24px #0006;transition:all .3s ease}.auth-card-header{text-align:center;margin-bottom:24px}.auth-card-header h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:600}.auth-card-header p{color:#ccc;margin:0;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#e5e5e5;font-size:13px;font-weight:500}.form-group input{height:40px;background:#2a2a2a;border:1px solid #404040;border-radius:4px;padding:0 12px;color:#e5e5e5;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:#888}.company-indicator{font-size:12px;color:#00d4ff;font-weight:500;padding:4px 8px;background:#00d4ff1a;border-radius:3px;border:1px solid rgba(0,212,255,.3)}.role-info{background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:12px;margin:8px 0}.role-info small{color:#ccc;font-size:12px;line-height:1.5}.auth-btn{height:44px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.auth-btn.primary{background:linear-gradient(135deg,#00d4ff,#0f8);color:#000;box-shadow:0 4px 12px #00d4ff4d}.auth-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#00c0e6,#00e673);transform:translateY(-1px);box-shadow:0 6px 16px #00d4ff66}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:16px;align-items:center}.link-btn{background:none;border:none;color:#00d4ff;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:3px;transition:all .2s ease}.link-btn:hover:not(:disabled){background:#00d4ff1a;color:#fff}.link-btn:disabled{opacity:.6;cursor:not-allowed}.link-btn.primary-link{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:12px 16px;border-radius:6px;font-weight:600;border:none;margin-bottom:12px;width:100%;box-shadow:0 4px 15px #ff6b354d}.link-btn.primary-link:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#e55a2b,#ff7935);transform:translateY(-1px);box-shadow:0 6px 20px #ff6b3566}.auth-message{padding:12px;border-radius:4px;margin-bottom:16px;font-size:13px;font-weight:500;text-align:center}.auth-message.error{background:#ff66661a;border:1px solid rgba(255,102,102,.3);color:#f66}.auth-message.success{background:#00cc661a;border:1px solid rgba(0,204,102,.3);color:#0c6}@media (max-width: 480px){.auth-card{padding:20px;margin:0 16px}.auth-card-header h3{font-size:18px}}.homepage-dashboard{min-height:100vh;background:#1a1d20;color:#fff;padding:80px 12px 24px}.homepage-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1d20,#1e2124);color:#fff;font-size:18px}.dashboard-header{text-align:center;margin-bottom:32px}.dashboard-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:1.1rem;color:#888;margin:0}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:24px;max-width:1400px;margin:0 auto}.dashboard-grid.single-card{display:flex;justify-content:center;max-width:1600px;margin:0 auto}.dashboard-section{background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.geography-section{grid-column:1;grid-row:1 / 3}.single-card .geography-section{grid-column:unset;grid-row:unset;width:auto;margin:0}.events-section{grid-column:2;grid-row:1}.stats-section{grid-column:2;grid-row:2}.reports-section{grid-column:1 / 3;grid-row:3}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.section-title{font-size:1.4rem;font-weight:600;margin:0;color:#fff}.section-badge{background:linear-gradient(135deg,#0f8,#00d4ff);color:#000;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.section-count{color:#888;font-size:.9rem}.section-timestamp{color:#888;font-size:.85rem}.section-link{color:#00d4ff;text-decoration:none;font-size:.9rem;font-weight:500}.section-link:hover{color:#0f8}.events-grid{display:flex;flex-direction:column;gap:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-card{background:#ffffff0d;border-radius:8px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-value.positive{color:#0f8}.stat-value.negative{color:#f44}.stat-value.neutral{color:#fff}.stat-label{font-size:.85rem;color:#888}.reports-list{display:flex;flex-direction:column;gap:12px}.report-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.report-item:last-child{border-bottom:none}.report-title{font-weight:500;margin-bottom:4px;color:#fff}.report-meta{font-size:.85rem;color:#888}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.geography-section{grid-column:1;grid-row:1}.events-section{grid-column:1;grid-row:2}.stats-section{grid-column:1;grid-row:3}.reports-section{grid-column:1;grid-row:4}}@media (max-width: 768px){.homepage-dashboard{padding:80px 8px 16px}.dashboard-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}}.admin-metric-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:default}.admin-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#fff3}.admin-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.metric-card-blue:before{background:linear-gradient(90deg,#09c,#0ad)}.metric-card-green:before{background:linear-gradient(90deg,#0f8,#0c6)}.metric-card-orange:before{background:linear-gradient(90deg,#ff7a00,#ff9500)}.metric-card-purple:before{background:linear-gradient(90deg,#8a2be2,#9932cc)}.metric-card-red:before{background:linear-gradient(90deg,#ff6b6b,#ee5a52)}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-icon{font-size:1.5rem;opacity:.9}.metric-trend{font-size:.75rem}.trend-indicator{display:flex;align-items:center;gap:.25rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;background:#ffffff1a}.trend-indicator.positive{color:#0f8}.trend-indicator.negative{color:#ff6b6b}.metric-content{text-align:left}.metric-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1}.metric-title{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.metric-subtitle{font-size:.75rem;color:#fff9;font-weight:500}.admin-metric-card.urgent{border-color:#ff7a00;background:#ff7a001a}.admin-metric-card.urgent:before{background:linear-gradient(90deg,#ff7a00,#ff9500);height:4px}.urgent-indicator{position:absolute;bottom:.75rem;right:.75rem;font-size:.7rem;color:#ff7a00;font-weight:600;display:flex;align-items:center;gap:.25rem}.urgent-pulse{animation:urgentPulse 1.5s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width: 768px){.admin-metric-card{padding:1.25rem}.metric-value{font-size:1.75rem}.metric-icon{font-size:1.25rem}}.admin-overview{max-width:1400px;margin:0 auto}.admin-overview.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-message{text-align:center;color:#888}.page-header{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.page-title{margin:0 0 .5rem;font-size:2rem;font-weight:600;color:#00d4ff;letter-spacing:.5px}.page-subtitle{margin:0;font-size:.9rem;color:#888;font-weight:500}.metrics-section{margin-bottom:3rem}.metrics-section h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#e5e5e5;display:flex;align-items:center;gap:.5rem}.metrics-section h3:before{content:"";width:3px;height:18px;background:#ff6b35;border-radius:2px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.quick-actions{margin-top:4rem}.quick-actions h3{margin:0 0 1.5rem;font-size:1.1rem;font-weight:600;color:#e5e5e5;display:flex;align-items:center;gap:.5rem}.quick-actions h3:before{content:"";width:3px;height:18px;background:#0f8;border-radius:2px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;text-align:left;color:inherit;font-family:inherit}.action-card:hover{transform:translateY(-1px);border-color:#404040;background:#202020}.action-icon{font-size:1.8rem;opacity:.8;flex-shrink:0}.action-content{flex:1}.action-content h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#e5e5e5}.action-content p{margin:0;font-size:.8rem;color:#888;line-height:1.4}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}}@media (max-width: 768px){.admin-overview{padding:0}.page-header{margin-bottom:2rem}.page-title{font-size:1.5rem}.metrics-section{margin-bottom:2.5rem}.metrics-grid,.actions-grid{grid-template-columns:1fr;gap:1rem}.action-card{padding:1.25rem}.action-icon{font-size:1.75rem}}.metrics-grid.loading{opacity:.6;pointer-events:none}.metrics-grid.loading .admin-metric-card{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.platform-alerts-section{max-width:1400px;margin:0 auto}.platform-alerts-section.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-content{text-align:center;color:#888}.loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 2s linear infinite}.section-header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#ff6b35,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-banner{background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;color:#ff6b6b;display:flex;align-items:center;justify-content:space-between;font-weight:500}.error-banner button{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;font-weight:700;padding:0;margin-left:1rem}.section-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;color:#ffffffb3;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.section-tab.active{color:#ff6b35;border-bottom-color:#ff6b35;background:#ff6b350d}.tab-count{background:#ff6b35;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;margin-left:.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:#ffffffb3}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.empty-state p{margin:0 0 2rem;font-size:1rem;line-height:1.5}.create-alert-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.create-alert-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b354d}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.alert-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.alert-card.alert-maintenance{border-left:4px solid #ffa500}.alert-card.alert-performance{border-left:4px solid #ffff00}.alert-card.alert-compatibility{border-left:4px solid #00bfff}.alert-card.alert-feature{border-left:4px solid #00ff88}.alert-card.alert-warning{border-left:4px solid #ff6b6b}.alert-card.alert-info{border-left:4px solid #7aa3b0}.alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.alert-type{display:flex;align-items:center;gap:.5rem}.type-icon{font-size:1.2rem}.type-label{font-weight:600;color:#fff}.priority-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700;color:#fffc}.alert-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-btn:hover{background:#fff3;transform:scale(1.05)}.action-btn.edit:hover{border-color:#0f8;background:#00ff881a}.action-btn.expire:hover{border-color:orange;background:#ffa5001a}.action-btn.delete:hover{border-color:#ff6b6b;background:#ff6b6b1a}.action-btn.reactivate:hover{border-color:#0f8;background:#00ff881a}.alert-content{margin-bottom:1.5rem}.alert-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.3}.alert-message{margin:0;color:#fffc;line-height:1.5;font-size:.9rem}.alert-details{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.visibility-info{margin-bottom:1rem}.visibility-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:block}.visibility-tags{display:flex;gap:.5rem;flex-wrap:wrap}.visibility-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:500;color:#fffc}.alert-meta{display:flex;flex-direction:column;gap:.25rem}.alert-meta span{font-size:.75rem;color:#ffffff80}.alerts-table{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:120px 1fr 100px 140px 140px 100px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.header-cell{padding:1rem;font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:120px 1fr 100px 140px 140px 100px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.table-row:hover{background:#ffffff08}.table-cell{padding:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.alert-title-truncated{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-active{background:#0f83;color:#0f8;border:1px solid #00ff88}.status-badge.status-expired{background:#ffa50033;color:orange;border:1px solid #ffa500}.status-badge.status-draft{background:#7aa3b033;color:#7aa3b0;border:1px solid #7aa3b0}.create-alert-form{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:3rem}.form-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#fff}.form-header p{margin:0;color:#ffffffb3;font-size:1rem}.form-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem}.form-section h4{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#ff6b35;border-bottom:1px solid rgba(255,107,53,.2);padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#ffffffe6}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff6b35;background:#ffffff14;box-shadow:0 0 0 3px #ff6b351a}.form-group small{display:block;margin-top:.5rem;font-size:.75rem;color:#ffffff80}.alert-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.alert-type-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.alert-type-option:hover{border-color:#ffffff4d;background:#ffffff14}.alert-type-option.selected{border-color:#ff6b35;background:#ff6b351a}.type-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.type-name{font-weight:600;color:#fff}.type-description{margin:0;font-size:.75rem;color:#fff9;line-height:1.4}.priority-selector{margin-top:1rem}.priority-selector input[type=range]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;margin-bottom:1rem}.priority-selector input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ff6b35;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 6px #0000004d}.priority-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;margin-bottom:.5rem}.priority-value{font-size:.875rem;font-weight:600;color:#ff6b35;text-align:center}.visibility-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.checkbox-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:#ffffffe6}.checkbox-option input[type=checkbox]{width:auto;margin:0;accent-color:#ff6b35}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.submit-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:150px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b354d}.cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:150px}.cancel-btn:hover{background:#fff3;border-color:#fff6}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.edit-modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.edit-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.close-modal-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fffc;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s ease}.close-modal-btn:hover{background:#fff3;color:#fff}.edit-modal-content .form-section{margin:1.5rem 2rem}.edit-modal-content .form-actions{padding:1.5rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:0}@media (max-width: 768px){.alerts-grid,.alert-types-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-cell{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}.section-tabs{flex-direction:column;gap:.25rem}.section-tab{justify-content:center;padding:.75rem 1rem}.edit-modal-overlay{padding:1rem}.edit-modal-content{max-height:95vh}.edit-modal-header{padding:1.5rem 1.5rem 1rem}.edit-modal-content .form-section{margin:1rem 1.5rem}.edit-modal-content .form-actions{padding:1rem 1.5rem 1.5rem}}.magic-links-section{max-width:1400px;margin:0 auto}.section-header{margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#0f8,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{margin:0;font-size:1rem;color:#ffffffb3;font-weight:500}.section-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;background:none;color:#ffffffb3;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.section-tab:hover{color:#ffffffe6;background:#ffffff08}.section-tab.active{color:#0f8;border-bottom-color:#0f8;background:#00ff880d}.tab-icon{font-size:1rem}.section-content{min-height:400px}.magic-links-overview{display:flex;flex-direction:column;gap:2rem}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#fff3}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.stat-label{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.stat-trend{font-size:.75rem;color:#0f8;font-weight:500}.domain-insights{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.domain-insights h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#ffffffe6}.domain-list{display:flex;flex-direction:column;gap:.75rem}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.domain-name{font-weight:600;color:#0f8;font-size:.875rem}.domain-stats{font-size:.75rem;color:#ffffffb3}.magic-links-table{display:flex;flex-direction:column;gap:1.5rem}.table-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-input,.filter-select{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:.875rem;transition:all .2s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 2px #0f83}.filter-input::placeholder{color:#ffffff80}.filter-select option{background:#1a1f2e;color:#fff}.table-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#ffffffb3;font-size:1rem}.links-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.links-table{width:100%;border-collapse:collapse;background:#ffffff05}.links-table th{background:#ffffff0d;padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1)}.links-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:.875rem}.links-table tr:hover{background:#ffffff08}.links-table tr.converted{background:#00ff880d;border-left:3px solid #00ff88}.domain-badge{background:#09c3;color:#09c;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.report-title{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.used{background:#0f83;color:#0f8}.status-badge.pending{background:#ff7a0033;color:#ff7a00}.conversion-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.conversion-badge.success{background:#0f83;color:#0f8}.conversion-badge.none{color:#fff6}@media (max-width: 768px){.overview-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:2rem}.table-filters{flex-direction:column;gap:.75rem}.filter-input,.filter-select{width:100%}.domain-item{flex-direction:column;gap:.5rem;align-items:flex-start}}.applications-section{max-width:1400px;margin:0 auto}.tab-count{background:#ff7a00;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .4rem;border-radius:10px;margin-left:.5rem;min-width:1.2rem;text-align:center}.applications-table{display:flex;flex-direction:column;gap:1.5rem}.table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.table-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#ffffffe6}.bulk-actions{display:flex;gap:.75rem}.bulk-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bulk-btn.approve{background:#00ff881a;color:#0f8;border-color:#0f8}.bulk-btn.approve:hover{background:#0f83}.bulk-btn.reject{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b}.bulk-btn.reject:hover{background:#ff6b6b33}.status-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:#ffffffe6;background:#ffffff14}.filter-btn.active{background:#00ff881a;color:#0f8;border-color:#0f8}.applications-table-container{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.applications-table-main{width:100%;border-collapse:collapse;background:#ffffff05}.applications-table-main th{background:#ffffff0d;padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.applications-table-main td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:.875rem;vertical-align:top}.applications-table-main tr:hover{background:#ffffff08}.name-cell{display:flex;flex-direction:column;gap:.25rem}.applicant-name{font-weight:600;color:#fff}.magic-link-badge{font-size:.7rem;background:#09c3;color:#09c;padding:.2rem .4rem;border-radius:4px;width:fit-content}.actions-cell{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.approve{background:#00ff881a;color:#0f8;border-color:#0f8}.action-btn.approve:hover{background:#0f83;transform:translateY(-1px)}.action-btn.reject{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b}.action-btn.reject:hover{background:#ff6b6b33;transform:translateY(-1px)}.action-btn.view{background:#ffffff0d;color:#fffc;border-color:#fff3}.action-btn.view:hover{background:#ffffff1a;color:#fff}.action-btn.resend{background:#0099cc1a;color:#09c;border-color:#09c}.action-btn.resend:hover{background:#09c3}.status-badge{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-badge.approved{background:#0f83;color:#0f8}.status-badge.rejected{background:#ff6b6b33;color:#ff6b6b}.action-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.action-modal{background:#191e28f2;border:1px solid rgba(255,255,255,.2);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-modal.view-modal{max-width:800px;max-height:85vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.close-btn{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-content{flex:1;padding:1.5rem;overflow-y:auto}.application-details{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem}.detail-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#0f8;border-bottom:1px solid rgba(0,255,136,.2);padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.8rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:#ffffffe6;font-size:.9rem;line-height:1.4;word-break:break-word}.detail-item a{color:#09c;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.detail-item a:hover{border-bottom-color:#09c}.detail-section p{margin:0;color:#fffc;line-height:1.6;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.detail-item .status-badge{font-size:.8rem;padding:.3rem .6rem;border-radius:12px;font-weight:600;width:fit-content}.detail-item .status-badge.approved{background:#0f83;color:#0f8;border:1px solid #00ff88}.detail-item .status-badge.rejected{background:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.applicant-info{background:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.applicant-info h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#fff}.applicant-info p{margin:0;color:#ffffffb3;font-size:.9rem}.email-template{display:flex;flex-direction:column;gap:.75rem}.email-template label{font-size:.9rem;font-weight:600;color:#fffc}.email-template textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:1rem;color:#ffffffe6;font-size:.85rem;line-height:1.5;resize:vertical;min-height:200px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.email-template textarea:focus{outline:none;border-color:#0f8;background:#ffffff14}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;justify-content:flex-end}.modal-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.modal-btn.cancel{background:#ffffff0d;color:#fffc}.modal-btn.cancel:hover{background:#ffffff1a;color:#fff}.modal-btn.approve{background:#00ff881a;color:#0f8;border-color:#0f8}.modal-btn.approve:hover{background:#0f83;transform:translateY(-1px)}.modal-btn.reject{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b}.modal-btn.reject:hover{background:#ff6b6b33;transform:translateY(-1px)}.table-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#fff9;font-size:.9rem}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.bulk-actions,.status-filters{flex-wrap:wrap}.actions-cell{flex-direction:column;gap:.25rem}.action-btn{font-size:.7rem;padding:.3rem .6rem}.action-modal{width:95vw;max-height:90vh}.modal-actions{flex-direction:column;gap:.75rem}.modal-btn{width:100%}}.supabase-template-notice{background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:8px;padding:1.25rem}.template-preview h4{margin:0 0 .75rem;color:#0f8;font-size:1rem;font-weight:600}.template-preview p{margin:0 0 .75rem;color:#fffc;font-size:.9rem;line-height:1.5}.template-preview ul{margin:0 0 1rem;padding-left:1.5rem;color:#fffc;font-size:.85rem}.template-preview li{margin-bottom:.25rem}.template-preview em{color:#0f8c;font-style:italic;font-size:.85rem}.custom-template-option{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.custom-template-option label{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.85rem;cursor:pointer}.custom-template-option input[type=checkbox]{margin:0}.users-section{padding:20px;background:var(--card-background);border-radius:12px;box-shadow:var(--card-shadow)}.section-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:16px 0;border-bottom:1px solid var(--border-color)}.section-title{flex:1;min-width:300px}.section-header h2{color:var(--text-primary);margin:0 0 8px;font-size:24px;font-weight:600}.section-header p{color:var(--text-secondary);margin:0;font-size:14px}.section-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.section-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px}.section-tab:hover{background:var(--hover-background);color:var(--text-primary)}.section-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.section-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.search-input,.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-background);color:var(--text-primary);font-size:14px;min-width:200px}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color)}.users-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.users-table{width:100%;border-collapse:collapse;background:var(--card-background)}.users-table th{background:var(--table-header-background);color:var(--text-primary);padding:12px 16px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.users-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.user-row:hover{background:var(--hover-background)}.user-name-cell{min-width:200px}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:12px;color:var(--text-secondary)}.expand-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:all .2s ease}.expand-btn:hover{background:var(--hover-background);color:var(--text-primary)}.role-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.free_professional{background:#e3f2fd;color:#1976d2}.role-badge.paid_professional{background:#f3e5f5;color:#7b1fa2}.role-badge.creator{background:#fff3e0;color:#f57c00}.role-badge.manager{background:#e8f5e8;color:#388e3c}.role-badge.superuser{background:#ffebee;color:#d32f2f}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.approved{background:#e8f5e8;color:#388e3c}.status-badge.pending_review{background:#fff3e0;color:#f57c00}.status-badge.rejected{background:#ffebee;color:#d32f2f}.status-badge.unknown{background:var(--muted-background);color:var(--text-secondary)}.role-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-primary);font-size:12px;cursor:pointer}.role-select:focus{outline:none;border-color:var(--primary-color)}.user-details-row{background:var(--muted-background)}.user-details{padding:24px;border-top:1px solid var(--border-color)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.detail-section{background:var(--card-background);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.detail-section h4{margin:0 0 16px;color:var(--text-primary);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.detail-item:last-child{margin-bottom:0}.detail-item .label{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;min-width:100px;flex-shrink:0}.detail-item .value{color:var(--text-primary);font-size:14px;flex:1;text-align:right}.detail-item .value.code{font-family:Courier New,monospace;font-size:12px;background:var(--muted-background);padding:2px 6px;border-radius:4px;word-break:break-all}.detail-item .value.application-text{text-align:left;font-style:italic;color:var(--text-secondary);max-width:100%;word-wrap:break-word}.interests-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.interest-tag{background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500}.detail-item .value a{color:var(--primary-color);text-decoration:none}.detail-item .value a:hover{text-decoration:underline}.table-loading,.no-users{text-align:center;padding:40px;color:var(--text-secondary);font-style:italic}:root{--table-header-background: #f8f9fa;--muted-background: #f5f5f5;--input-background: #ffffff;--hover-background: #f8f9fa}@media (prefers-color-scheme: dark){:root{--table-header-background: #2a2a2a;--muted-background: #2a2a2a;--input-background: #2a2a2a;--hover-background: #333}}.user-actions{display:flex;align-items:center;gap:8px}.delete-user-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.delete-user-btn:hover{background:#ffebee;border-color:#f44336;color:#d32f2f;transform:scale(1.05)}.delete-user-btn:active{transform:scale(.95)}@media (prefers-color-scheme: dark){.delete-user-btn:hover{background:#4a1a1a;border-color:#f44336;color:#ff6b6b}}@media (max-width: 768px){.section-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.search-input,.filter-select{min-width:auto;width:100%}.details-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;align-items:stretch;gap:4px}.detail-item .value{text-align:left}.user-actions{flex-direction:column;gap:4px}.role-select{width:100%}}.section-actions{display:flex;gap:12px;align-items:center;flex-shrink:0;background:#3b82f61a;padding:8px;border-radius:8px;border:1px solid #3b82f6}.cleanup-btn{background:#ff7a001a;border:1px solid #ff7a00;color:#ff7a00;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.cleanup-btn:hover:not(:disabled){background:#ff7a0033;transform:translateY(-1px)}.cleanup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-user-btn{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.create-user-btn:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:var(--hover-background);color:var(--text-primary)}.create-user-form{padding:24px}.form-section{margin-bottom:24px}.form-section:last-of-type{margin-bottom:0}.form-section h4{margin:0 0 16px;color:var(--text-primary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:6px;color:var(--text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-background);color:var(--text-primary);font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;align-items:flex-start;gap:8px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-weight:400!important;line-height:1.4}.checkbox-label input[type=checkbox]{width:auto;margin:2px 0 0;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color);margin-top:24px}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--hover-background);color:var(--text-primary)}.btn-primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);border-color:var(--primary-color-dark)}.btn-cancel:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:95vh}.modal-header{padding:16px 20px 12px}.create-user-form{padding:20px}.modal-actions{flex-direction:column;gap:8px}.btn-cancel,.btn-primary{width:100%;justify-content:center}}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch;gap:16px}.section-title{min-width:auto}.section-actions{justify-content:center;flex-wrap:wrap}}.email-test-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.test-header{margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.test-header h3{margin:0 0 .5rem;color:#ff7a00;font-size:1.25rem;font-weight:600}.test-header p{margin:0;color:#ffffffb3;font-size:.9rem}.test-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#fffc}.email-input,.test-type-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.75rem;color:#ffffffe6;font-size:.9rem}.email-input:focus,.test-type-select:focus{outline:none;border-color:#ff7a00;background:#ffffff14}.test-buttons{display:flex;gap:1rem;flex-wrap:wrap}.test-btn{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-btn.primary{background:#ff7a001a;color:#ff7a00;border-color:#ff7a00}.test-btn.primary:hover:not(:disabled){background:#ff7a0033;transform:translateY(-1px)}.test-btn.secondary{background:#00ff881a;color:#0f8;border-color:#0f8}.test-btn.secondary:hover:not(:disabled){background:#0f83;transform:translateY(-1px)}.test-result{background:#ffffff08;border-radius:8px;padding:1.25rem;margin-top:1.5rem;border-left:4px solid}.test-result.success{border-left-color:#0f8;background:#00ff880d}.test-result.error{border-left-color:#ff6b6b;background:#ff6b6b0d}.result-header h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.test-result.success .result-header h4{color:#0f8}.test-result.error .result-header h4{color:#ff6b6b}.result-content p{margin:0 0 .75rem;color:#ffffffe6;font-size:.9rem}.instructions,.troubleshooting{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:6px}.instructions h5,.troubleshooting h5{margin:0 0 .5rem;color:#ffffffe6;font-size:.9rem;font-weight:600}.instructions ul,.troubleshooting ul{margin:0;padding-left:1.5rem;color:#fffc;font-size:.85rem}.instructions li,.troubleshooting li{margin-bottom:.25rem}.debug-info{margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.debug-info details summary{cursor:pointer;color:#ffffffb3;font-size:.85rem;font-weight:600;padding:.5rem 0}.debug-info pre{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1rem;color:#fffc;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.email-status-info{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem;margin-top:1.5rem}.email-status-info h4{margin:0 0 1rem;color:#ffffffe6;font-size:1rem;font-weight:600}.email-status-info ul{margin:0 0 1rem;padding-left:1.5rem;color:#fffc;font-size:.9rem}.email-status-info li{margin-bottom:.25rem}.next-steps{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem}.next-steps h5{margin:0 0 .75rem;color:#ff7a00;font-size:.9rem;font-weight:600}.next-steps ul{margin:0;padding-left:1.5rem;color:#fffc;font-size:.85rem}.next-steps li{margin-bottom:.5rem}@media (max-width: 768px){.test-buttons{flex-direction:column}.test-btn{width:100%}.email-test-section{padding:1rem}}.migration-section{background:#1e2124;border-radius:8px;overflow:hidden}.section-header{padding:24px;border-bottom:1px solid #2a2d31;background:#1a1d20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.section-header h3{font-size:18px;font-weight:600;color:#e8e9ea;margin:0 0 4px}.section-header p{font-size:14px;color:#a8adb3;margin:0}.refresh-btn{display:flex;align-items:center;gap:8px;background:#2383e2;border:1px solid #2383e2;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#0f7ae5;border-color:#0f7ae5}.migration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px;background:#1a1d20;border-bottom:1px solid #2a2d31}.stat-card{background:#242629;border:1px solid #2a2d31;border-radius:6px;padding:16px;text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:#e8e9ea;margin-bottom:4px}.stat-label{font-size:12px;color:#a8adb3;text-transform:uppercase;letter-spacing:.5px}.files-table{background:#1e2124}.table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr 1.5fr 1fr;gap:16px;padding:16px 24px;background:#242629;border-bottom:1px solid #2a2d31}.header-cell{font-size:12px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr 1.5fr 1fr;gap:16px;padding:16px 24px;border-bottom:1px solid #2a2d31;transition:background-color .2s ease}.table-row:hover{background:#242629}.table-row:last-child{border-bottom:none}.cell{display:flex;align-items:center;font-size:13px;color:#e8e9ea}.file-cell{gap:8px}.filename{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;color:#e8e9ea}.title-cell{flex-direction:column;align-items:flex-start;gap:2px}.file-title{font-weight:500;color:#e8e9ea}.report-id{font-size:11px;color:#a8adb3;font-family:SF Mono,Monaco,Cascadia Code,monospace}.type-cell{flex-direction:column;align-items:flex-start;gap:4px}.content-type{font-size:12px;font-weight:500;color:#e8e9ea}.type-indicators{display:flex;gap:4px}.indicator{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.indicator.temporal{background:#2383e21a;color:#5dade2;border:1px solid rgba(35,131,226,.2)}.indicator.maritime{background:#2ecc711a;color:#58d68d;border:1px solid rgba(46,204,113,.2)}.size-cell,.date-cell{font-size:12px;color:#a8adb3}.status-cell{gap:6px}.status-icon{flex-shrink:0}.status-icon.default{color:#a8adb3}.status-icon.success{color:#58d68d}.status-icon.error{color:#e74c3c}.status-icon.spinning{color:#f39c12;animation:spin 1s linear infinite}.status-text{font-size:12px}.actions-cell{justify-content:flex-end}.migrate-btn{display:flex;align-items:center;gap:6px;background:#2383e2;border:1px solid #2383e2;color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.migrate-btn:hover{background:#0f7ae5;border-color:#0f7ae5}.migrate-btn:disabled{opacity:.5;cursor:not-allowed}.error-text{color:#e74c3c;font-size:11px;font-weight:500}.success-text{color:#58d68d;font-size:11px;font-weight:500}.empty-state{padding:64px 24px;text-align:center;color:#a8adb3}.empty-state svg{color:#555a61;margin-bottom:16px}.empty-state h4{font-size:16px;font-weight:600;color:#e8e9ea;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}@media (max-width: 1200px){.table-header,.table-row{grid-template-columns:1.5fr 2fr 1fr .8fr 1fr 1.2fr 1fr}.migration-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}.migration-stats{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.cell{padding:4px 0;border-bottom:1px solid #2a2d31}.cell:last-child{border-bottom:none}.header-cell:before{content:attr(data-label) ": ";font-weight:600;color:#e8e9ea;margin-right:8px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:80px 12px 24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{text-align:center;margin-bottom:32px}.admin-header .header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header .header-subtitle{font-size:1.1rem;color:#888;margin:0}.admin-content{background:#ffffff08;border-radius:16px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a}.loading-content{text-align:center;color:#e5e5e5}.loading-icon{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}.loading-content p{font-size:1.1rem;color:#888;margin:0}.admin-unauthorized{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a}.unauthorized-content{text-align:center;color:#e5e5e5;padding:3rem;border-radius:8px;background:#1a1a1a;border:1px solid #333;max-width:400px}.unauthorized-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.unauthorized-content h2{margin:0 0 1rem;font-size:1.8rem;font-weight:600;color:#ff6b35}.unauthorized-content p{margin:0 0 2rem;color:#888;font-size:1rem;line-height:1.5}.unauthorized-content button{background:#2a2a2a;border:1px solid #404040;color:#e5e5e5;padding:.875rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.unauthorized-content button:hover{background:#333;border-color:#00d4ff;color:#00d4ff}@media (max-width: 768px){.admin-container{padding:80px 8px 16px!important}.admin-header .header-content h1{font-size:2rem}.admin-content{padding:20px}}.chart-card{position:relative;background:#0a0a0a;border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;color:#e5e5e5;width:100%;height:100%;box-sizing:border-box}.chart-card:hover{border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff1a}.chart-background{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.6;z-index:1}.chart-svg{width:100%;height:100%;object-fit:cover}.chart-data-overlay{position:relative;z-index:2;padding:12px;height:100%;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0a0a0ad9,#1a1a2ebf,#0a0a0ad9)}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.chart-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0;line-height:1.2}.trend-icon{font-size:16px;opacity:.8}.chart-metrics{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}.chart-card.size-1x2 .chart-metrics,.chart-card.size-2x1 .chart-metrics,.chart-card.size-2x2 .chart-metrics{gap:12px}.chart-metric{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:11px;color:#888;font-weight:500}.metric-value{font-size:13px;font-weight:600}.chart-card.size-2x1 .metric-value,.chart-card.size-2x2 .metric-value{font-size:16px}.chart-footer{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.last-updated{font-size:10px;color:#666;font-weight:400}.chart-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4ff08,#00d4ff14,#00d4ff08);opacity:0;transition:opacity .2s ease;z-index:3;pointer-events:none}.chart-card:hover .chart-hover-overlay{opacity:1}@media (max-width: 768px){.chart-card.size-1x2,.chart-card.size-2x1,.chart-card.size-2x2{grid-column:span 1;grid-row:span 1;min-height:200px}}.metrics-grid-card{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);border:1px solid #333;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;color:#e5e5e5;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.metrics-grid-card:hover{border-color:#00d4ff;transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff26}.metrics-header{padding:12px 16px 8px;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.metrics-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0}.category-badge{font-size:10px;font-weight:600;color:#000;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.accent-line{height:2px;border-radius:1px;opacity:.8}.metrics-grid{flex:1;padding:16px;display:grid;gap:12px}.metrics-grid.grid-1xn{grid-template-columns:1fr}.metrics-grid.grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.metrics-grid.grid-3x2{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.metric-cell{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:all .2s ease}.metric-cell:hover{background:#ffffff14;border-color:#00d4ff4d}.metric-value{font-size:16px;font-weight:700;margin-bottom:4px;line-height:1}.metrics-grid-card.size-2x1 .metric-value{font-size:18px}.metric-label{font-size:10px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.metric-change{font-size:11px;font-weight:600;margin-bottom:8px}.metric-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d;overflow:hidden}.indicator-bar{height:100%;transition:width .3s ease;opacity:.8}.indicator-bar.positive{background:linear-gradient(90deg,transparent,#00ff88)}.indicator-bar.negative{background:linear-gradient(90deg,transparent,#ff4444)}.indicator-bar.neutral{background:linear-gradient(90deg,transparent,#888)}.metrics-footer{padding:8px 16px 12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.update-time{font-size:10px;color:#666}.performance-indicator{display:flex;align-items:center;gap:6px}.pulse-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.live-label{font-size:10px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.metrics-grid-card.size-2x1{grid-column:span 1}.metrics-grid.grid-3x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}}.data-visualization-card{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0a0a0a);border:1px solid #333;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;color:#e5e5e5;display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box}.data-visualization-card:hover{border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff26}.dataviz-header{padding:12px 16px 8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.header-main{flex:1}.dataviz-title{font-size:16px;font-weight:700;color:#e5e5e5;margin:0 0 4px;line-height:1.2}.dataviz-subtitle{font-size:12px;color:#888;font-weight:500}.view-tabs{display:flex;gap:4px;background:#ffffff0d;border-radius:6px;padding:4px}.view-tab{background:transparent;border:none;color:#888;font-size:11px;font-weight:600;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.view-tab:hover{color:#e5e5e5;background:#ffffff14}.view-tab.active{background:#00d4ff;color:#000}.dataviz-content{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}.dataviz-content>div{display:flex;gap:20px;height:100%}.chart-section.primary{flex:2;display:flex;flex-direction:column}.sidebar-section{flex:1;display:flex;flex-direction:column;gap:16px}.chart-header.small{margin-bottom:8px}.chart-label{font-size:13px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chart-label.small{font-size:11px}.chart-value{font-size:20px;font-weight:700}.chart-container{flex:1;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff05;overflow:hidden}.chart-container.large{height:200px}.secondary-chart-container{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.primary-chart,.secondary-chart{width:100%;height:100%}.key-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item.compact{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 8px;text-align:center}.metric-item.compact .metric-value{font-size:14px;font-weight:700;margin-bottom:2px}.metric-item.compact .metric-label{font-size:10px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.metric-item.compact .metric-change{font-size:10px;font-weight:600}.trends-analysis{display:flex;flex-direction:column;height:100%}.trend-charts{flex:1;display:flex;flex-direction:column;gap:16px}.trend-indicators{display:flex;gap:20px;justify-content:space-around;padding:16px;background:#ffffff08;border-radius:8px}.trend-stat{text-align:center}.trend-label{display:block;font-size:11px;color:#888;font-weight:500;text-transform:uppercase;margin-bottom:4px}.trend-value{font-size:16px;font-weight:700;color:#00d4ff}.analysis-section{display:flex;gap:20px;height:100%}.insights-panel,.metrics-summary{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px}.insights-title,.summary-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0 0 12px}.insights-list{display:flex;flex-direction:column;gap:10px}.insight-item{display:flex;align-items:flex-start;gap:8px}.insight-bullet{color:#00d4ff;font-weight:700;margin-top:2px}.insight-text{font-size:12px;color:#ccc;line-height:1.4}.summary-grid{display:grid;grid-template-columns:1fr;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item:last-child{border-bottom:none}.summary-label{font-size:12px;color:#888;font-weight:500}.summary-value{font-size:14px;font-weight:600}.dataviz-footer{padding:8px 16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.category-info{display:flex;align-items:center;gap:8px}.category-label{font-size:11px;color:#888;font-weight:500;text-transform:uppercase}.depth-indicator{font-size:10px;color:#000;background:#0f8;padding:2px 6px;border-radius:8px;font-weight:600;text-transform:uppercase}.update-info{display:flex;align-items:center;gap:6px}.live-indicator{width:6px;height:6px;background:#0f8;border-radius:50%;animation:pulse 2s infinite}.update-text{font-size:10px;color:#666;font-weight:500}.data-visualization-card.comprehensive{border-left:4px solid #00ff88}.data-visualization-card.detailed{border-left:4px solid #00d4ff}.data-visualization-card.basic{border-left:4px solid #888}@media (max-width: 768px){.data-visualization-card.size-2x1,.data-visualization-card.size-2x2,.data-visualization-card.size-1x2{grid-column:span 1;grid-row:span 1;min-height:240px}.dataviz-content>div{flex-direction:column}.analysis-section{flex-direction:column}.chart-section.primary{margin-bottom:12px}.sidebar-section{gap:12px}}.market-event-card{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:16px;cursor:pointer;transition:all .2s ease;width:100%;height:100%;box-sizing:border-box;position:relative;z-index:1}.market-event-card:hover{background:#252525;border-color:#404040;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.card-header{margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:#e5e5e5;margin:0;line-height:1.3}.card-metrics{display:flex;flex-direction:column;gap:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:0}.metric-label{font-size:12px;color:#888;font-weight:400}.metric-value{font-size:13px;font-weight:600;text-align:right}.market-event-card[data-impact=high]{border-left-color:#0f8}.market-event-card[data-impact=medium]{border-left-color:#ff6b35}.market-event-card[data-impact=low]{border-left-color:#888}.alert-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#fff3}.alert-card-1x1{height:200px;display:flex;flex-direction:column}.alert-card-1x2{height:200px;grid-column:span 2;display:flex;flex-direction:column}.alert-card-2x1{height:420px;display:flex;flex-direction:column}.alert-card-2x2{height:420px;grid-column:span 2;display:flex;flex-direction:column}.alert-type-maintenance{background:linear-gradient(135deg,#ffa5001a,#ffffff0d)}.alert-type-performance{background:linear-gradient(135deg,#ffff001a,#ffffff0d)}.alert-type-compatibility{background:linear-gradient(135deg,#00bfff1a,#ffffff0d)}.alert-type-feature{background:linear-gradient(135deg,#00ff881a,#ffffff0d)}.alert-type-warning{background:linear-gradient(135deg,#ff6b6b1a,#ffffff0d)}.alert-type-info{background:linear-gradient(135deg,#7aa3b01a,#ffffff0d)}.alert-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;z-index:2;position:relative}.alert-type-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.5rem .75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-type-icon{font-size:1rem}.alert-type-label{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.priority-indicator{background:#ff6b6b;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-left:.25rem;animation:pulse-priority 2s infinite}@keyframes pulse-priority{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.dismiss-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3;font-size:.875rem;font-weight:700}.dismiss-btn:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.1)}.dismiss-btn.dismissing{background:#ffa50033;border-color:orange;color:orange;cursor:not-allowed}.dismiss-btn:disabled{cursor:not-allowed;opacity:.6}.alert-card-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.alert-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.alert-card-1x1 .alert-title{font-size:1rem;-webkit-line-clamp:2}.alert-message{flex:1;color:#fffc;line-height:1.5;margin-bottom:1rem}.alert-message.compact{font-size:.875rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.alert-message.expanded{font-size:.9rem}.alert-message p{margin:0}.alert-metadata{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.alert-expiry,.alert-timestamp{display:flex;align-items:center;gap:.5rem}.metadata-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;min-width:60px}.metadata-value{font-size:.75rem;color:#fffc;font-weight:500}.alert-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.alert-priority{display:flex;align-items:center;gap:.75rem}.priority-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;min-width:50px}.priority-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.priority-fill{height:100%;border-radius:3px;transition:width .3s ease;position:relative}.priority-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%)}}.priority-value{font-size:.75rem;font-weight:600;color:#fffc;min-width:30px;text-align:right}.alert-accent-border{position:absolute;top:0;left:0;width:4px;height:100%;border-left:4px solid #7aa3b0;border-radius:4px 0 0 4px;transition:all .3s ease}.alert-card:hover .alert-accent-border{width:6px;border-left-width:6px}.alert-card.dismissing{opacity:.6;transform:scale(.98);pointer-events:none}.alert-card.dismissed{opacity:0;transform:scale(.95) translateY(-10px);pointer-events:none}@media (max-width: 768px){.alert-card{padding:1rem}.alert-card-1x2,.alert-card-2x2{grid-column:span 1}.alert-card-2x1{height:200px}.alert-title{font-size:1rem}.alert-message.compact{font-size:.8rem;-webkit-line-clamp:2}.alert-type-badge{padding:.4rem .6rem}.alert-type-label{font-size:.7rem}}@media (prefers-reduced-motion: reduce){.alert-card,.dismiss-btn,.priority-fill,.alert-accent-border{transition:none}.priority-indicator{animation:none}.priority-fill:after{animation:none}}@media (prefers-contrast: high){.alert-card{border:2px solid #ffffff;background:#000}.alert-title,.alert-message{color:#fff}.alert-type-badge{background:#fff;color:#000}}@media print{.alert-card{background:#fff;border:1px solid #000000;color:#000;box-shadow:none;page-break-inside:avoid}.dismiss-btn{display:none}.alert-title,.alert-message{color:#000}}.enhanced-grid-layout{position:relative;width:100%;padding:0;background:transparent;color:#e5e5e5;overflow:visible}.enhanced-grid-layout.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.layout-loading{text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-text{font-size:14px;color:#888;font-weight:500}.enhanced-grid-layout.empty{display:flex;align-items:center;justify-content:center;min-height:400px}.layout-empty{text-align:center;padding:40px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-text{font-size:16px;color:#666;font-weight:500}.layout-debug-info{position:absolute;top:10px;right:10px;background:#000c;border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:11px;font-family:monospace;z-index:1000;display:flex;gap:12px}.debug-metric{color:#00d4ff;white-space:nowrap}.grid-container{position:relative;width:100%;max-width:1600px;margin:0;transition:all .3s ease;overflow:visible;min-height:600px}.enhanced-grid-layout.authenticated .grid-container{max-width:none}.grid-card-wrapper{position:absolute;transition:all .3s ease;animation:cardFadeIn .5s ease-out forwards;opacity:0;transform:translateY(20px);overflow:hidden;box-sizing:border-box;contain:layout style paint}.grid-card-wrapper:nth-child(1){animation-delay:.1s}.grid-card-wrapper:nth-child(2){animation-delay:.2s}.grid-card-wrapper:nth-child(3){animation-delay:.3s}.grid-card-wrapper:nth-child(4){animation-delay:.4s}.grid-card-wrapper:nth-child(5){animation-delay:.5s}.grid-card-wrapper:nth-child(6){animation-delay:.6s}.grid-card-wrapper:nth-child(7){animation-delay:.7s}.grid-card-wrapper:nth-child(8){animation-delay:.8s}.grid-card-wrapper:nth-child(n+9){animation-delay:.9s}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.grid-card-wrapper:hover{transform:translateY(-2px)}.grid-card-wrapper.chartcard,.grid-card-wrapper.metricsgridcard,.grid-card-wrapper.datavisualizationcard,.grid-card-wrapper.geographycard,.grid-card-wrapper.marketeventcard,.grid-card-wrapper.intelligenceitem,.grid-card-wrapper.newsitem{max-width:100%;max-height:100%}.grid-card-wrapper>*{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;box-sizing:border-box;overflow:hidden}.cluster-indicator{border-radius:12px;border:2px dashed #00d4ff;opacity:.3;transition:all .3s ease;animation:clusterPulse 3s ease-in-out infinite;pointer-events:none}@keyframes clusterPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.cluster-indicator:hover{opacity:.6}.grid-connections-overlay{width:100%;height:100%;z-index:-1;opacity:.1}.connection-line{transition:all .3s ease;animation:connectionDraw 1s ease-out forwards;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:.1}@keyframes connectionDraw{to{stroke-dashoffset:0}}.connection-line:hover{stroke-width:2;stroke-opacity:.2}.layout-summary{margin-top:24px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.layout-summary:hover{background:#ffffff0d;border-color:#00d4ff4d}.clusters-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.summary-label{font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.cluster-tag{font-size:11px;font-weight:600;padding:4px 8px;border-radius:12px;background:#00d4ff;color:#000;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease}.cluster-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #00d4ff4d}@media (max-width: 1440px){.enhanced-grid-layout{padding:0}.grid-container{gap:16px}}@media (max-width: 1024px){.enhanced-grid-layout{padding:0}.grid-container{gap:12px}.layout-debug-info{display:none}}@media (max-width: 768px){.enhanced-grid-layout{padding:0}.grid-container{grid-template-columns:1fr!important;gap:8px}.grid-card-wrapper{grid-column:1!important;grid-row:auto!important;width:100%!important;height:auto!important}.cluster-indicator,.grid-connections-overlay{display:none}.layout-summary{margin-top:16px;padding:12px 16px}.clusters-summary{gap:8px}.cluster-tag{font-size:10px;padding:3px 6px}}@media (prefers-contrast: high){.cluster-indicator{border-width:3px;opacity:.8}.connection-line{stroke-width:3;stroke-opacity:.9}.layout-summary{border-width:2px}}@media (prefers-reduced-motion: reduce){.grid-card-wrapper{animation:none;opacity:1;transform:none}.cluster-indicator{animation:none}.connection-line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}.loading-spinner{animation:none;border:3px solid #00d4ff;border-top:3px solid rgba(0,212,255,.3)}.grid-card-wrapper:hover,.cluster-tag:hover{transform:none}}@media print{.enhanced-grid-layout{background:#fff;color:#000}.layout-debug-info,.grid-connections-overlay,.cluster-indicator{display:none}.grid-card-wrapper{break-inside:avoid}}.workspace-container{min-height:100vh;background:transparent;color:#fff;padding:80px 12px 24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:padding-left .3s ease}.workspace-container.with-sidebar{padding-left:220px!important}.workspace-container.with-sidebar.sidebar-collapsed{padding-left:68px!important}.portfolio-header{margin-bottom:24px}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{font-size:1.1rem;color:#888;margin:0}.header-actions{display:flex;gap:12px}.btn-outline{background:transparent;color:#00d4ff;border:1px solid #00d4ff;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-outline:hover{background:#00d4ff1a}.btn-ghost{background:transparent;color:#b0b0b0;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:#ffffff1a;color:#fff}.portfolio-nav{display:flex;gap:8px;margin-bottom:30px;background:#ffffff0d;padding:8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tab{background:transparent;color:#b0b0b0;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#ffffff1a;color:#fff}.nav-tab.active{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#ffffff0d;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-card h3{font-size:14px;color:#b0b0b0;margin:0 0 12px;font-weight:500}.metric-value{font-size:2.5rem;font-weight:700;color:#00d4ff;margin-bottom:8px}.recent-activity h2{font-size:1.5rem;margin-bottom:20px;color:#fff}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.activity-icon{font-size:24px;flex-shrink:0}.activity-content{flex:1}.activity-title{font-weight:600;color:#fff;margin-bottom:4px}.activity-meta{display:flex;align-items:center;gap:12px}.status-badge{font-size:11px;padding:4px 8px;border-radius:4px;color:#fff;font-weight:600;text-transform:uppercase}.activity-date{font-size:12px;color:#b0b0b0}.activity-stats{font-size:12px;color:#00d4ff;font-weight:600}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.reports-header h2{font-size:1.5rem;margin:0;color:#fff}.reports-actions{display:flex;gap:12px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.report-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s ease}.report-card:hover{background:#ffffff14;transform:translateY(-2px)}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.report-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 12px 0 0;flex:1}.report-meta{margin-bottom:16px}.report-type{font-size:12px;color:#00d4ff;text-transform:uppercase;font-weight:600;margin-bottom:4px}.report-date{font-size:12px;color:#b0b0b0}.report-stats{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:#b0b0b0}.report-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-placeholder{display:flex;justify-content:center;align-items:center;min-height:300px;background:#ffffff0d;border-radius:12px;border:2px dashed rgba(255,255,255,.2)}.placeholder-content{text-align:center;max-width:500px}.placeholder-content h3{font-size:1.5rem;margin-bottom:16px;color:#00d4ff}.placeholder-content p{color:#b0b0b0;margin-bottom:20px}.placeholder-content ul{text-align:left;color:#b0b0b0;list-style:none;padding:0}.placeholder-content li{position:relative;padding:4px 0 4px 20px}.placeholder-content li:before{content:"•";color:#00d4ff;position:absolute;left:0}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.tool-card:hover{background:#ffffff14;transform:translateY(-2px)}.tool-card h3{font-size:1.2rem;margin-bottom:12px;color:#fff}.tool-card p{color:#b0b0b0;margin-bottom:20px;line-height:1.5}@media (max-width: 768px){.portfolio-container{padding:80px 8px 16px!important}.portfolio-header{flex-direction:column;gap:20px;align-items:flex-start}.header-content h1{font-size:2rem}.metrics-grid,.reports-grid,.tools-grid{grid-template-columns:1fr}.portfolio-nav{flex-wrap:wrap}}.quick-actions-bar{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.quick-action{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e5e5e5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.quick-action.new-report{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#000;font-weight:600}.quick-action.new-report:hover{background:linear-gradient(135deg,#00e6ff,#0ad)}.action-icon{font-size:14px}.workspace-title{margin-left:auto;padding:8px 12px}.editable-title{font-size:16px;font-weight:600;color:#e5e5e5;background:transparent;border:none;outline:none;cursor:text}.editable-title:focus{background:#ffffff0d;border-radius:4px;padding:4px 8px}.universal-layout-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#888}.layout-skeleton{font-size:14px;opacity:.7}.universal-layout-container{width:100%;position:relative;min-height:200px}.universal-layout-item{position:absolute;transition:all .3s ease}.workspace-layout .workspace-block{width:100%!important;height:auto!important}@media (max-width: 768px){.universal-layout-item{transition:none}}.centric-view-selector{margin-bottom:24px}.view-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.view-tab{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:140px;text-align:center}.view-tab:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.view-tab.active{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#000}.tab-icon{font-size:18px;margin-bottom:4px}.tab-label{font-size:13px;font-weight:600;margin-bottom:2px}.tab-subtitle{font-size:10px;opacity:.7;font-style:italic}.view-tab.active .tab-subtitle{opacity:.8}.centric-workspace{display:flex;gap:24px;min-height:600px}.main-content-panel{flex:2;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px}.sidebar-panel{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:20px;max-width:350px}.view-header{margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}.view-header h2{font-size:1.5rem;font-weight:600;color:#e5e5e5;margin:0 0 8px}.view-header p{color:#888;margin:0;font-size:14px}.deadline-sections{display:flex;flex-direction:column;gap:24px}.deadline-section{background:#ffffff05;border-radius:8px;padding:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-size:1.1rem;font-weight:600;color:#e5e5e5;margin:0}.urgency-indicator{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.urgency-indicator.overdue{background:#f44;color:#fff}.urgency-indicator.warning{background:#fa4;color:#000}.status-indicator.active{background:#00d4ff;color:#000}.deadline-table{display:flex;flex-direction:column;gap:12px}.deadline-row{display:flex;align-items:center;padding:16px;background:#ffffff08;border-radius:6px;border-left:3px solid transparent;transition:all .2s ease}.deadline-row:hover{background:#ffffff0d;transform:translate(4px)}.deadline-row.overdue{border-left-color:#f44;background:#ff444414}.deadline-row.urgent{border-left-color:#ff6b6b;background:#ff6b6b0d}.deadline-row.warning{border-left-color:#fa4;background:#ffaa440d}.deadline-info{flex:1}.task-title{font-size:14px;font-weight:600;color:#e5e5e5;margin-bottom:4px}.task-client{font-size:12px;color:#888;margin-bottom:4px}.task-progress{font-size:11px;color:#00d4ff;font-weight:500}.deadline-date{font-size:12px;color:#888;margin-right:16px;min-width:100px;text-align:right}.deadline-actions{display:flex;gap:8px}.report-workflow{display:flex;flex-direction:column;gap:24px}.workflow-section{background:#ffffff05;border-radius:8px;padding:16px}.report-table{display:flex;flex-direction:column;gap:16px}.report-row{display:flex;align-items:center;padding:20px;background:#ffffff08;border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.report-row:hover{background:#ffffff0d;transform:translate(4px)}.report-row.progress-high{border-left-color:#0f8;background:#00ff880d}.report-row.progress-medium{border-left-color:#00d4ff;background:#00d4ff0d}.report-row.progress-low{border-left-color:#fa4;background:#ffaa440d}.report-info{flex:1}.report-title{font-size:16px;font-weight:600;color:#e5e5e5;margin-bottom:6px}.report-meta{font-size:12px;color:#888;margin-bottom:12px}.progress-bar{display:flex;align-items:center;gap:12px;background:#ffffff1a;border-radius:10px;padding:4px;height:20px;position:relative;overflow:hidden}.progress-fill{height:12px;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:6px;transition:width .3s ease;min-width:20px}.progress-text{font-size:11px;color:#e5e5e5;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.report-actions{display:flex;gap:8px;margin-left:16px}.event-feed{display:flex;flex-direction:column;gap:20px}.event-row{display:flex;align-items:flex-start;padding:20px;background:#ffffff08;border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.event-row:hover{background:#ffffff0d;transform:translate(4px)}.event-row.breaking{border-left-color:#ff6b6b;background:#ff6b6b0d}.event-indicator{width:12px;height:12px;border-radius:50%;margin-top:4px;margin-right:16px;flex-shrink:0}.event-indicator.breaking{background:#ff6b6b;animation:urgentPulse 2s infinite}.event-info{flex:1;margin-right:16px}.event-title{font-size:16px;font-weight:600;color:#e5e5e5;margin-bottom:6px}.event-meta{font-size:12px;color:#888;margin-bottom:8px}.event-description{font-size:13px;color:#ccc;margin-bottom:12px;line-height:1.4}.event-impact{background:#ffffff0d;border-radius:4px;padding:8px;margin-right:16px;min-width:200px}.impact-label{font-size:10px;color:#888;text-transform:uppercase;font-weight:600;margin-bottom:4px}.affected-reports{font-size:11px;color:#00d4ff;font-weight:500}.event-actions{display:flex;flex-direction:column;gap:8px;min-width:140px}.action-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#e5e5e5;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#000;font-weight:600}.action-btn.primary:hover{background:linear-gradient(135deg,#00e6ff,#0ad)}.action-btn.secondary{background:#ffffff0d;border-color:#555}.action-btn.urgent{background:linear-gradient(135deg,#ff6b6b,#f44);border-color:#ff6b6b;color:#fff;font-weight:600}.action-btn.urgent:hover{background:linear-gradient(135deg,#f88,#f66)}.sidebar-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-section h3{font-size:14px;font-weight:600;color:#e5e5e5;margin:0 0 12px}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e5e5e5;font-size:12px;cursor:pointer;transition:all .2s ease}.quick-action:hover{background:#ffffff1a}.quick-action.urgent{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.calendar-view{display:flex;flex-direction:column;gap:8px}.calendar-day{padding:8px;border-radius:4px;background:#ffffff08;border-left:2px solid transparent}.calendar-day.urgent{border-left-color:#ff6b6b;background:#ff6b6b0d}.calendar-day.warning{border-left-color:#fa4;background:#ffaa440d}.day-label{font-size:11px;font-weight:600;color:#e5e5e5;margin-bottom:2px}.day-tasks{font-size:10px;color:#888}.trending-topics{display:flex;flex-direction:column;gap:8px}.trend-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;background:#ffffff08}.trend-item.hot{background:#ff6b6b0d}.trend-item.rising{background:#00d4ff0d}.trend-icon{font-size:12px;flex-shrink:0}.trend-name{font-size:11px;font-weight:500;color:#e5e5e5;flex:1}.trend-count{font-size:10px;color:#888}.template-list{display:flex;flex-direction:column;gap:8px}.template-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;background:#ffffff08;cursor:pointer;transition:background .2s ease}.template-item:hover{background:#ffffff0d}.template-icon{font-size:12px}.template-name{font-size:11px;color:#e5e5e5}.recent-reports{display:flex;flex-direction:column;gap:8px}.recent-item{padding:8px;border-radius:4px;background:#ffffff08}.recent-title{font-size:11px;font-weight:500;color:#e5e5e5;margin-bottom:2px}.recent-meta{font-size:10px;color:#888}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:4px;background:#ffffff08}.timeline-item.recent{background:#ff6b6b0d}.timeline-time{font-size:10px;color:#888;font-weight:500;min-width:50px}.timeline-event{font-size:11px;color:#e5e5e5}.related-reports{display:flex;flex-direction:column;gap:8px}.related-item{padding:8px;border-radius:4px;background:#ffffff08;border-left:2px solid transparent}.related-item.priority{border-left-color:#ff6b6b;background:#ff6b6b0d}.related-title{font-size:11px;font-weight:500;color:#e5e5e5;margin-bottom:2px}.related-meta{font-size:10px;color:#888}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.portfolio-sidebar{position:relative!important;top:auto!important;left:auto!important;height:auto!important;width:100%!important;border-right:none;border-bottom:1px solid #2a2d31}.portfolio-sidebar.collapsed{width:100%!important;height:48px}.portfolio-main{margin-left:0!important}.portfolio-workspace{flex-direction:column}.sidebar-header{justify-content:center}.sidebar-collapsed-content{flex-direction:row;padding:8px 12px;overflow-x:auto;gap:8px}.portfolio-top-bar{padding:16px 20px}.view-title{font-size:20px}.portfolio-content{padding:20px}.table-row{flex-direction:column;align-items:flex-start;gap:12px}.row-actions{opacity:1;margin-left:0;width:100%;justify-content:flex-start}}.workspace-sidebar{position:fixed;top:40px;left:0;width:240px;height:calc(100vh - 40px);background:#161719;border-right:1px solid #2a2d31;display:flex;flex-direction:column;flex-shrink:0;transition:all .2s ease;overflow-y:auto;z-index:10}.sidebar-section{padding:12px}.section-label{font-size:12px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.3px;margin:0;line-height:1}.section-header-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;height:28px}.collapsed-content{display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:8px}.collapsed-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.sidebar-action-btn{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:#e8e9ea;padding:4px 8px;border-radius:3px;font-size:13px;cursor:pointer;transition:all .2s ease;margin-bottom:2px;height:28px}.sidebar-action-btn:hover{background:#2a2d31}.sidebar-action-btn.primary{background:#2383e2;color:#fff}.sidebar-action-btn.primary:hover{background:#0f7ae5}.action-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.action-label{font-weight:400}.sidebar-nav-item{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;color:#a8adb3;padding:4px 8px;border-radius:3px;font-size:13px;cursor:pointer;transition:all .2s ease;margin-bottom:1px;height:28px}.sidebar-nav-item.active{background:#2a2d31;color:#f0f0f1;font-weight:500}.nav-icon{font-size:14px;width:14px;text-align:center}.nav-label{font-weight:400}.sidebar-collapsed-content{display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:4px}.collapsed-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#e8e9ea!important;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:400}.collapsed-icon-btn svg{stroke:#e8e9ea!important;fill:none!important}.collapsed-icon-btn:hover{background:#2a2d31;color:#e8e9ea!important}.collapsed-icon-btn:hover svg{stroke:#e8e9ea!important}.collapsed-icon-btn.active{background:#2a2d31;color:#f0f0f1}.collapsed-icon-btn.primary{background:#2383e2;color:#fff}.collapsed-icon-btn.primary svg{stroke:#fff!important}.collapsed-icon-btn.primary:hover{background:#0f7ae5}.collapsed-icon-btn.primary:hover svg{stroke:#fff!important}.collapsed-divider{width:16px;height:1px;background:#2a2d31;margin:6px 0}.portfolio-sidebar.collapsed .collapsed-icon-btn{color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn svg{stroke:#e8e9ea!important;fill:none!important;color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn:hover{color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn:hover svg{stroke:#e8e9ea!important;color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary{color:#fff!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary svg{stroke:#fff!important;color:#fff!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary:hover{color:#fff!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary:hover svg{stroke:#fff!important;color:#fff!important}.portfolio-sidebar.collapsed svg{stroke:#e8e9ea!important}.portfolio-sidebar.collapsed .primary svg{stroke:#fff!important}.portfolio-sidebar.collapsed .collapsed-icon-btn path{stroke:#e8e9ea!important;fill:none!important;color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn:hover path{stroke:#e8e9ea!important;color:#e8e9ea!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary path{stroke:#fff!important;color:#fff!important}.portfolio-sidebar.collapsed .collapsed-icon-btn.primary:hover path{stroke:#fff!important;color:#fff!important}.workspace-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:240px;transition:margin-left .2s ease}.workspace-sidebar.collapsed+.workspace-content{margin-left:48px}.portfolio-top-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid #2a2d31;background:#1a1d20}.current-view-info{flex:1}.view-title{font-size:24px;font-weight:700;color:#f0f0f1;margin:0 0 4px}.view-description{font-size:14px;color:#a8adb3;margin:0}.view-controls{position:relative;z-index:100}.view-settings-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#a8adb3;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s ease}.view-settings-btn:hover{background:#2a2d31;color:#f0f0f1}.view-settings-modal{position:fixed;top:120px;right:32px;background:#1e2124;border:1px solid #2a2d31;border-radius:8px;box-shadow:0 8px 24px #0006;z-index:9999;min-width:280px;overflow:hidden}.modal-section{padding:0}.section-header{padding:12px 16px;border-bottom:1px solid #2a2d31;background:#161719}.section-title{font-size:13px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.3px}.view-options-list{padding:8px 0}.view-option{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:#e8e9ea;padding:10px 16px;cursor:pointer;transition:all .2s ease;text-align:left}.view-option:hover{background:#2a2d31}.view-option.active{background:#2383e2;color:#fff}.view-option.active .view-option-desc{color:#fffc}.view-option-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.view-option-content{flex:1}.view-option-name{font-size:14px;font-weight:500;margin-bottom:2px}.view-option-desc{font-size:12px;color:#a8adb3;line-height:1.3}.view-option-check{font-size:14px;color:#fff;font-weight:600}.portfolio-content{flex:1;overflow-y:auto;padding:32px}.two-panel-layout{display:flex;gap:32px;height:100%}.main-content-panel{flex:2;min-width:0}.sidebar-panel{flex:1;padding:24px;height:fit-content;min-width:300px}.panel-content h3{font-size:16px;font-weight:600;color:#e8e9ea;margin:0 0 12px}.panel-content p{font-size:14px;color:#a8adb3;line-height:1.5;margin:0}.content-view{max-width:1200px;margin:0 auto}.content-sections{display:flex;flex-direction:column;gap:32px}.content-section{background:#1a1d20}.section-title{display:flex;align-items:center;margin-bottom:16px;gap:8px}.section-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.section-title h2{font-size:18px;font-weight:600;color:#e8e9ea;margin:0;flex:1}.section-count{background:#2a2d31;color:#a8adb3;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.notion-table{display:flex;flex-direction:column;gap:1px}.table-row{display:flex;align-items:center;padding:16px;background:#1e2124;border:1px solid #2a2d31;border-radius:6px;transition:all .2s ease;cursor:pointer}.table-row:hover{background:#242629;border-color:#3c4043}.table-row.urgent{border-left:3px solid #ff6b6b;background:#ff6b6b0f}.table-row.urgent:hover{background:#ff6b6b1a}.row-content{flex:1;min-width:0}.row-title{font-size:15px;font-weight:500;color:#f0f0f1;margin-bottom:4px;line-height:1.3}.row-subtitle{font-size:13px;color:#a8adb3;margin-bottom:8px;line-height:1.3}.row-description{font-size:12px;color:#c5c9d1;margin-bottom:6px;line-height:1.4}.progress-indicator{display:flex;align-items:center;gap:8px;margin-top:6px}.progress-bar{flex:1;height:6px;background:#2a2d31;border-radius:3px;overflow:hidden;max-width:200px}.progress-fill{height:100%;background:linear-gradient(90deg,#2383e2,#0f7ae5);border-radius:3px;transition:width .3s ease}.progress-text{font-size:11px;font-weight:500;color:#a8adb3;min-width:32px}.affected-reports{margin-top:6px}.affects-label{font-size:11px;font-weight:600;color:#a8adb3;margin-right:6px}.affects-list{font-size:11px;color:#2383e2;font-weight:500}.row-actions{display:flex;gap:8px;margin-left:16px;opacity:0;transition:opacity .2s ease}.table-row:hover .row-actions{opacity:1}.notion-btn{padding:6px 12px;border:1px solid #2a2d31;background:#1e2124;color:#e8e9ea;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.notion-btn:hover{background:#2a2d31;border-color:#3c4043}.notion-btn.primary{background:#2383e2;border-color:#2383e2;color:#fff}.notion-btn.primary:hover{background:#0f7ae5;border-color:#0f7ae5}.notion-btn.secondary{background:#1e2124;border-color:#2a2d31;color:#a8adb3}.notion-btn.secondary:hover{background:#2a2d31;border-color:#3c4043;color:#e8e9ea}.notion-btn.danger{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.notion-btn.danger:hover{background:#ff5252;border-color:#ff5252}.placeholder-content{display:flex;align-items:center;justify-content:center;height:200px;background:#1e2124;border:2px dashed #2a2d31;border-radius:8px;color:#a8adb3;font-size:14px;font-style:italic}@media (max-width: 1024px){.portfolio-content{padding:24px}.portfolio-sidebar{width:240px}.portfolio-sidebar.collapsed{width:48px}}@media (max-width: 768px){.portfolio-workspace{flex-direction:column}.portfolio-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid #2a2d31}.portfolio-sidebar.collapsed{width:100%;height:48px}.sidebar-header{justify-content:center}.sidebar-collapsed-content{flex-direction:row;padding:8px 12px;overflow-x:auto;gap:8px}.portfolio-top-bar{padding:16px 20px}.view-title{font-size:20px}.portfolio-content{padding:20px}.table-row{flex-direction:column;align-items:flex-start;gap:12px}.row-actions{opacity:1;margin-left:0;width:100%;justify-content:flex-start}}.row-tags{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.tag{background:#ffffff14;color:#e8e9ea;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.1)}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state p{margin-bottom:16px;font-size:14px}.empty-state .notion-btn{display:inline-flex;align-items:center;gap:8px}.workspace-page{height:100vh;display:flex;flex-direction:column;background:#1a1d20}.workspace-main{display:flex;flex:1}.prompt-driven-workspace{padding:12px 16px;margin:0;overflow-y:auto;height:calc(100vh - 80px)}.workspace-sidebar{position:fixed;top:40px;left:0;width:240px;height:calc(100vh - 40px);background:#161719;border-right:1px solid #2a2d31;display:flex;flex-direction:column;flex-shrink:0;transition:all .2s ease;overflow:visible;z-index:10}.workspace-sidebar.collapsed{width:48px}.sidebar-section{padding:16px 12px;border-bottom:1px solid #2a2d31;overflow:visible}.section-header-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-label{font-size:11px;font-weight:600;color:#6c7075;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sidebar-toggle{background:none;border:none;color:#a8adb3;cursor:pointer;padding:0;margin:0;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.sidebar-toggle:hover{background:#2a2d31;color:#f0f0f1}.create-content-dropdown{position:relative;margin-bottom:8px;overflow:visible}.create-content-dropdown:after{content:"";position:absolute;top:0;left:100%;width:4px;height:100%;background:transparent;z-index:9998}.create-content-dropdown .sidebar-action-btn{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px solid #2a2d31;border-radius:6px;padding:10px 12px;color:#e8e9ea;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;justify-content:space-between}.create-content-dropdown .sidebar-action-btn:hover{background:#2a2d31;border-color:#3c4043}.create-content-dropdown .sidebar-action-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff;color:#000}.create-content-dropdown .sidebar-action-btn.primary:hover{background:linear-gradient(135deg,#00e6ff,#0ad)}.dropdown-arrow{display:flex;align-items:center;margin-left:auto;opacity:.7}.create-dropdown-menu{position:fixed;left:248px;width:280px;z-index:99999;background:#1e2124;border:1px solid #2a2d31;border-radius:8px;box-shadow:0 12px 32px #0009;padding:8px 0;margin-left:2px;transform:translate(-10px);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.create-content-dropdown:nth-child(1) .create-dropdown-menu{top:64px}.create-content-dropdown:nth-child(2) .create-dropdown-menu{top:112px}.create-content-dropdown:nth-child(5) .create-dropdown-menu{top:256px}.workspace-container.sidebar-collapsed .create-dropdown-menu{left:56px}.collapsed-create-dropdown{position:relative}.collapsed-dropdown-menu{position:fixed;top:64px;left:56px;width:280px;z-index:99999;background:#1e2124;border:1px solid #2a2d31;border-radius:8px;box-shadow:0 12px 32px #0009;padding:8px 0;margin-left:2px;transform:translate(-10px);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.collapsed-create-dropdown:hover .collapsed-dropdown-menu,.collapsed-dropdown-menu:hover{transform:translate(0);opacity:1;visibility:visible}.collapsed-scheduling-dropdown{position:relative}.collapsed-scheduling-dropdown-menu{position:fixed;top:112px;left:56px;width:280px;z-index:99999;background:#1e2124;border:1px solid #2a2d31;border-radius:8px;box-shadow:0 12px 32px #0009;padding:8px 0;margin-left:2px;transform:translate(-10px);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.collapsed-scheduling-dropdown:hover .collapsed-scheduling-dropdown-menu,.collapsed-scheduling-dropdown-menu:hover{transform:translate(0);opacity:1;visibility:visible}.collapsed-views-dropdown{position:relative}.collapsed-views-dropdown-menu{position:fixed;top:208px;left:56px;width:280px;z-index:99999;background:#1e2124;border:1px solid #2a2d31;border-radius:8px;box-shadow:0 12px 32px #0009;padding:8px 0;margin-left:2px;transform:translate(-10px);opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.collapsed-views-dropdown:hover .collapsed-views-dropdown-menu,.collapsed-views-dropdown-menu:hover{transform:translate(0);opacity:1;visibility:visible}.sidebar-action-btn.smart-scheduling{background:#00d4ff0d;border-color:#00d4ff26}.sidebar-action-btn.smart-scheduling:hover{background:#00d4ff1a;border-color:#00d4ff40}.sidebar-action-btn.views-dropdown{background:#9ca3af0d;border-color:#9ca3af26}.sidebar-action-btn.views-dropdown:hover{background:#9ca3af1a;border-color:#9ca3af40}.schedule-indicator{background:#00d4ff;color:#000;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:20px;text-align:center}.active-indicator{background:#4caf50;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:auto;text-transform:uppercase;letter-spacing:.5px}.dropdown-item.scheduling-item{position:relative}.dropdown-item.scheduling-item:hover{background:#00d4ff1a}.dropdown-item.view-item.active{background:#4caf501a;border-left:3px solid #4caf50}.dropdown-item.view-item.active:hover{background:#4caf5026}.section-label svg{display:inline-block;vertical-align:middle}.intelligence-hub-header{margin-bottom:24px;padding:0;background:none;border:none;text-align:center}.hub-welcome h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.hub-welcome p{color:#a8adb3;font-size:1rem;max-width:600px;margin:0 auto 16px}.hub-stats{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.stat-label{font-size:12px;color:#6c7075;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#00d4ff}.smart-recommendations{margin-bottom:48px}.recommendations-header{text-align:center;margin-bottom:32px}.recommendations-header h2{font-size:1.8rem;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.recommendations-header svg{display:none}.recommendations-subtitle{color:#a8adb3;font-size:15px;margin:0}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1000px;margin:0 auto}.recommendation-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .2s ease}.recommendation-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.recommendation-card.priority-high{border-left:4px solid #ff6b6b;background:#ff6b6b08}.rec-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.rec-title{font-size:14px;font-weight:600;color:#fff;flex:1}.rec-priority{background:#ff6b6b;color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.rec-description{color:#a8adb3;font-size:13px;line-height:1.5;margin:0 0 16px}.rec-actions{display:flex;gap:8px}.rec-btn{border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.rec-btn.primary{background:#00d4ff;color:#000}.rec-btn.primary:hover{background:#00b8e6;transform:translateY(-1px)}.rec-btn.secondary{background:#ffffff1a;color:#e8e9ea;border:1px solid rgba(255,255,255,.2)}.rec-btn.secondary:hover{background:#ffffff26;transform:translateY(-1px)}.quick-access-section{margin-bottom:32px}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.quick-action-card{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.quick-action-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.quick-action-card.slash-command{border-color:#00d4ff33;background:#00d4ff0d}.quick-action-card.slash-command:hover{border-color:#00d4ff66;background:#00d4ff1a}.quick-action-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.quick-action-card.slash-command .quick-action-icon{background:#00d4ff26;border-radius:8px;color:#00d4ff;font-weight:600;font-size:18px}.quick-action-content{flex:1}.quick-action-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.quick-action-subtitle{font-size:13px;color:#a8adb3;line-height:1.4}.create-content-dropdown:hover .create-dropdown-menu,.create-dropdown-menu:hover{transform:translate(0);opacity:1;visibility:visible}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:10px 16px;color:#e8e9ea;text-align:left;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#2a2d31;transform:translate(2px)}.dropdown-item.enhanced{border-top:1px solid #2a2d31;margin-top:4px;padding-top:12px}.dropdown-item.enhanced:hover{background:#00d4ff1a;border-left:3px solid #00d4ff;transform:translate(2px)}.item-icon{color:#a8adb3;flex-shrink:0;width:16px;height:16px}.item-content{flex:1}.item-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px;letter-spacing:-.01em}.item-subtitle{font-size:12px;color:#a8adb3;line-height:1.3;font-weight:400}.dropdown-divider{height:1px;background:#2a2d31;margin:4px 0}.sidebar-action-btn{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px solid #2a2d31;border-radius:6px;padding:10px 12px;margin-bottom:8px;color:#e8e9ea;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-action-btn:hover{background:#2a2d31;border-color:#3c4043}.action-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-label{flex:1;text-align:left}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-radius:6px;padding:8px 12px;margin-bottom:4px;color:#a8adb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-nav-item:hover{background:#2a2d31;color:#e8e9ea}.sidebar-nav-item.active{background:#2383e2;color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{flex:1}.collapsed-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px}.collapsed-actions{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.collapsed-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #2a2d31;border-radius:6px;cursor:pointer;transition:all .2s ease}.collapsed-icon-btn:hover{background:#2a2d31;border-color:#3c4043}.collapsed-icon-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ff}.workspace-content{margin-left:240px;flex:1;height:calc(100vh - 40px);transition:all .2s ease;padding:0;overflow:hidden}.workspace-container.sidebar-collapsed .workspace-content{margin-left:48px}.workspace-container.sidebar-collapsed .prompt-driven-workspace{padding:16px 24px}.prompt-driven-workspace{background:#1a1d20;color:#e5e5e5;padding:16px 24px;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;height:calc(100vh - 40px);overflow-y:auto}.prompt-section{max-width:800px;margin:0 auto 40px;text-align:center}.prompt-header{margin-bottom:32px}.prompt-header .prompt-icon{color:#00d4ff;margin-bottom:16px}.prompt-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2}.prompt-header p{font-size:1.1rem;color:#a8adb3;margin:0}.prompt-form{margin-bottom:32px}.prompt-input-container{position:relative;max-width:600px;margin:0 auto;display:flex;align-items:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.prompt-input-container:focus-within{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.prompt-input{flex:1;background:transparent;border:none;outline:none;padding:16px 20px;font-size:16px;color:#fff;line-height:1.5}.prompt-input::placeholder{color:#6c7075}.prompt-submit{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;margin:4px;padding:12px;color:#000;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.prompt-submit:hover:not(:disabled){background:linear-gradient(135deg,#00e6ff,#0ad);transform:translateY(-1px)}.prompt-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.suggested-prompts{text-align:left}.suggestions-label{font-size:14px;font-weight:600;color:#a8adb3;margin-bottom:12px;text-align:center}.suggestions-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-chip{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:8px 16px;font-size:14px;color:#e8e9ea;cursor:pointer;transition:all .2s ease}.suggestion-chip:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.workspace-content{flex:1;max-width:1400px;margin:0 auto;width:100%}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 8px}.workspace-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.workspace-count{font-size:14px;color:#6c7075;background:#ffffff0d;padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.workspace-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;height:100%;display:flex;flex-direction:column;transition:all .2s ease}.workspace-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#00d4ff}.card-title{font-size:16px;font-weight:600;color:#fff;flex:1}.card-content{flex:1;display:flex;flex-direction:column}.card-content p{color:#a8adb3;font-size:14px;line-height:1.5;margin:0 0 16px}.card-actions{margin-top:auto;display:flex;gap:8px}.primary-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;padding:8px 16px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.primary-btn:hover{background:linear-gradient(135deg,#00e6ff,#0ad);transform:translateY(-1px)}.report-draft-card .card-header{color:#4caf50}.vessel-tracker-card .card-header{color:#2196f3}.market-analysis-card .card-header{color:#ff9800}.deadline-card .card-header{color:#f44336}.tracker-preview{display:flex;flex-direction:column;gap:8px}.vessel-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.vessel-type{font-weight:600;color:#e8e9ea}.vessel-count{font-size:12px;color:#6c7075}.analysis-preview{display:flex;gap:16px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:#6c7075;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.metric-value{font-size:16px;font-weight:700;color:#e8e9ea}.metric-value.trending-up{color:#4caf50}.deadline-list{display:flex;flex-direction:column;gap:8px}.deadline-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;border-left:3px solid transparent}.deadline-item.urgent{background:#f443361a;border-left-color:#f44336}.deadline-item.warning{background:#ff98001a;border-left-color:#ff9800}.deadline-title{font-weight:600;color:#e8e9ea}.deadline-time{font-size:12px;color:#6c7075}.view-content{min-height:100vh;background:#1a1d20;color:#e5e5e5;padding:40px 20px 20px}.view-header{margin-bottom:32px;text-align:center}.view-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.2}.view-header p{font-size:1.1rem;color:#a8adb3;margin:0}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#6c7075}.placeholder-content svg{color:#4a4f56;margin-bottom:20px}.placeholder-content h3{font-size:1.5rem;color:#a8adb3;margin:0 0 12px}.placeholder-content p{line-height:1.6;margin:0;max-width:400px}.recent-actions-sidebar{position:fixed;top:100px;right:20px;width:280px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;z-index:10}.recent-actions-sidebar h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.recent-action-item{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.recent-action-item:last-child{border-bottom:none}.action-title{font-size:14px;font-weight:600;color:#e8e9ea;margin-bottom:4px}.action-meta{display:flex;justify-content:space-between;font-size:12px;color:#6c7075}.action-type{text-transform:capitalize}.empty-workspace{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.empty-content{text-align:center;max-width:400px;color:#6c7075}.empty-content svg{color:#4a4f56;margin-bottom:20px}.empty-content h3{font-size:1.5rem;color:#a8adb3;margin:0 0 12px}.empty-content p{line-height:1.6;margin:0}@media (max-width: 1200px){.focus-suggestions-container{grid-template-columns:1fr;gap:16px}.recent-actions-sidebar{position:relative;top:auto;right:auto;width:100%;margin-top:40px}}@media (max-width: 768px){.workspace-sidebar{position:relative!important;top:auto!important;left:auto!important;height:auto!important;width:100%!important;border-right:none;border-bottom:1px solid #2a2d31}.workspace-sidebar.collapsed{width:100%!important;height:48px}.workspace-content{margin-left:0!important}.collapsed-content{flex-direction:row;padding:8px 12px;overflow-x:auto;gap:8px}.collapsed-actions{flex-direction:row}.prompt-driven-workspace{padding:20px 16px}.prompt-header h1,.view-header h2{font-size:2rem}.suggestions-grid{flex-direction:column}.suggestion-chip{justify-content:center}.analysis-preview{flex-direction:column;gap:8px}.workspace-header{flex-direction:column;align-items:flex-start;gap:8px}}.template-selector-modal{background:#1e2124;border:1px solid #2a2d31;border-radius:12px;width:90%;max-width:600px;box-shadow:0 12px 32px #00000080}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.template-option{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:24px 20px;cursor:pointer;transition:all .2s ease;text-align:center}.template-option:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.template-icon{color:#00d4ff;margin-bottom:4px}.template-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.template-subtitle{font-size:14px;color:#a8adb3;line-height:1.4}.enhanced-creation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.enhanced-creation-modal{background:#1e2124;border:1px solid #2a2d31;border-radius:12px;width:90%;max-width:500px;box-shadow:0 12px 32px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #2a2d31}.modal-header h3{font-size:18px;font-weight:600;color:#fff;margin:0}.modal-close{background:none;border:none;color:#a8adb3;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#2a2d31;color:#fff}.modal-content{padding:20px 24px 24px}.modal-content p{color:#a8adb3;font-size:14px;line-height:1.5;margin:0 0 16px}.enhanced-form{display:flex;flex-direction:column;gap:16px}.enhanced-input{background:#161719;border:1px solid #2a2d31;border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;line-height:1.5;resize:vertical;min-height:80px;transition:all .2s ease}.enhanced-input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a}.enhanced-input::placeholder{color:#6c7075}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{background:none;border:1px solid #2a2d31;border-radius:6px;padding:8px 16px;color:#a8adb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#2a2d31;border-color:#3c4043;color:#e8e9ea}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:6px;padding:8px 16px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00e6ff,#0ad);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.concept-parking-lot{margin-bottom:24px;background:linear-gradient(135deg,#00d4ff08,#0099cc05);border-radius:12px;padding:16px 20px;border:1px solid rgba(0,212,255,.1);box-shadow:0 2px 8px #0000001a}.parking-lot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.parking-lot-title{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.concept-count{font-size:13px;color:#0f8;background:#00ff881a;padding:4px 10px;border-radius:12px;font-weight:600;border:1px solid rgba(0,255,136,.2)}.concept-chips{display:flex;flex-wrap:wrap;gap:8px}.concept-chip{background:#00d4ff1a;color:#00d4ff;border:1px solid rgba(0,212,255,.2);border-radius:14px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.concept-chip:hover{background:#00d4ff26;border-color:#00d4ff4d;transform:translateY(-1px)}.concept-chip:last-child{opacity:.6;cursor:default}.concept-chip:last-child:hover{transform:none}.active-work-surface{margin-bottom:20px}.work-surface-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.work-surface-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.work-limit{font-size:13px;color:#00d4ff;background:#00d4ff1a;padding:6px 12px;border-radius:14px;font-weight:600;border:1px solid rgba(0,212,255,.2)}.active-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:100%}.active-report-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #0003;position:relative;overflow:hidden}.active-report-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .6s ease}.active-report-card:hover:before{left:100%}.active-report-card:hover{background:#ffffff14;border-color:#00d4ff66;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.active-report-card.priority-high{border-left:4px solid #ff6b6b;background:#ff6b6b0d}.active-report-card.empty-slot{border:2px dashed rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;min-height:160px;cursor:pointer}.active-report-card.empty-slot:hover{border-color:#00d4ff4d;background:#00d4ff05}.empty-slot-content{text-align:center;color:#a8adb3}.empty-slot-content svg{color:#6c7075;margin-bottom:8px}.empty-slot-content span{display:block;font-weight:500;margin-bottom:4px}.empty-slot-content p{font-size:12px;margin:0}.report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.report-title{font-size:24px;font-weight:700;color:#fff;flex:1;letter-spacing:-.02em;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.report-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.8px;background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.report-status.status-draft{background:#00d4ff26;color:#00d4ff;border-color:#00d4ff4d}.report-status.status-research{background:#ffaa4426;color:#fa4;border-color:#ffaa444d}.report-status.status-planning{background:#9ca3af26;color:#9ca3af;border-color:#9ca3af4d}.report-progress{margin-bottom:10px}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 1px 2px #0003}.progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);transition:width .3s ease;box-shadow:0 0 8px #00d4ff80}.progress-text{font-size:13px;color:#e8e9ea;font-weight:500}.report-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize;letter-spacing:.02em}.action-btn.primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;box-shadow:0 2px 8px #00d4ff4d}.action-btn.primary:hover{background:linear-gradient(135deg,#00e6ff,#0ad);transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.action-btn.secondary{background:#ffffff14;color:#e8e9ea;border:1px solid rgba(255,255,255,.15)}.action-btn.secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.focus-suggestions-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.scheduled-focus{flex:1}.scheduled-focus h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.scheduled-focus h3:before{content:"";width:4px;height:20px;background:#00d4ff;border-radius:2px}.focus-timeline{display:flex;flex-direction:column;gap:8px}.focus-block{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 12px;transition:all .2s ease}.focus-block:hover{background:#ffffff0f;border-color:#ffffff26}.focus-block.current{border-left:4px solid #00d4ff;background:linear-gradient(135deg,#00d4ff14,#00d4ff0a);border-color:#00d4ff33}.focus-block.upcoming{border-left:4px solid #6c7075;opacity:.8}.focus-block.upcoming:hover{opacity:1}.focus-time{font-size:12px;color:#a8adb3;font-weight:500;display:block;margin-bottom:4px}.focus-task{font-size:14px;color:#fff;font-weight:500}.ai-assistance-area{flex:1}.ai-suggestions h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 16px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.ai-suggestions h3:before{content:"✨";font-size:1.2rem}.suggestion-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all .2s ease;cursor:pointer}.suggestion-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.suggestion-icon{font-size:16px;flex-shrink:0}.suggestion-text{font-size:13px;color:#e8e9ea;line-height:1.4}.quick-capture{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:20;width:100%;max-width:600px;padding:0 20px}.quick-input{width:100%;background:#1a1d20fa;border:2px solid rgba(255,255,255,.15);border-radius:28px;padding:16px 24px;font-size:16px;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease;box-shadow:0 8px 32px #0006}.quick-input:focus{outline:none;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff1a}.quick-input::placeholder{color:#a8adb3}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-top:24px}.report-card{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.report-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000026;border-color:var(--accent-color)}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-secondary));opacity:0;transition:opacity .3s ease}.report-card:hover:before{opacity:1}.report-header{margin-bottom:16px}.report-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.report-date{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.report-status{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:6px;background:#ffffff1a;border:1px solid currentColor}.report-content{margin-bottom:16px}.report-type-badge{display:inline-block;background:var(--accent-color);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.report-summary{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.report-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.metric-item{display:flex;align-items:center;gap:6px;font-size:13px;background:var(--surface-hover);padding:6px 12px;border-radius:8px;border:1px solid var(--border-color)}.metric-label{color:var(--text-muted);font-weight:500}.metric-value{color:var(--text-primary);font-weight:600}.report-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{display:flex;align-items:center;gap:4px;background:var(--surface-hover);color:var(--text-secondary);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;text-transform:capitalize;transition:all .2s ease}.tag:hover{background:var(--accent-color);color:#fff}.tag.more-tags{color:var(--text-muted);font-style:italic}.report-actions{display:flex;gap:12px;margin-top:auto}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.primary{background:var(--accent-color);color:#fff}.action-btn.primary:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.action-btn.secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--accent-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:var(--text-muted);font-size:16px;margin:0}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr;gap:16px}.report-card{padding:20px}.report-title{font-size:16px}.report-meta{flex-direction:column;align-items:flex-start;gap:8px}.report-actions{flex-direction:column}.action-btn{justify-content:center}}.empty-reports{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-reports h3{margin-bottom:8px;color:var(--text-secondary)}.empty-reports p{margin-bottom:24px}.empty-reports .action-btn{margin:0 auto}.analytics-container{min-height:100vh;background:transparent;color:#fff;padding:80px 12px 24px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-header{text-align:center;margin-bottom:32px}.analytics-header .header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.analytics-header .header-subtitle{font-size:1.1rem;color:#888;margin:0}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.analytics-nav{display:flex;gap:8px;margin-bottom:30px;background:#ffffff0d;padding:8px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto}.analytics-nav .nav-tab{background:transparent;color:#b0b0b0;border:none;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.analytics-nav .nav-tab:hover{background:#ffffff1a;color:#fff}.analytics-nav .nav-tab.active{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;font-weight:600}.analytics-content{background:#ffffff08;border-radius:16px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.overview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.metric-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.metric-card:hover{background:#ffffff14;transform:translateY(-2px)}.metric-icon{font-size:2rem;opacity:.8}.metric-info h3{font-size:14px;color:#b0b0b0;margin:0 0 8px;font-weight:500}.metric-value{font-size:2rem;font-weight:700;color:#00d4ff;margin-bottom:4px}.metric-change{font-size:12px;color:#4caf50}.overview-insights{margin-top:40px}.insight-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px}.insight-card h3{font-size:1.2rem;margin-bottom:20px;color:#fff}.insight-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:center;gap:12px;color:#b0b0b0;line-height:1.5}.insight-bullet{color:#00d4ff;font-weight:700}.content-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.performance-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .2s ease}.performance-card:hover{background:#ffffff14;transform:translateY(-2px)}.performance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.performance-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;flex:1}.engagement-score{display:flex;flex-direction:column;align-items:flex-end}.score-label{font-size:11px;color:#b0b0b0;text-transform:uppercase}.score-value{font-size:1.5rem;font-weight:700;color:#00d4ff}.performance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.performance-metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;color:#b0b0b0;text-transform:uppercase}.metric-value{font-size:14px;font-weight:600;color:#fff}.performance-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.performance-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#09c);transition:width .3s ease}.audience-sections{display:grid;gap:40px}.audience-section h2{font-size:1.5rem;margin-bottom:24px;color:#fff}.distribution-grid{display:grid;gap:16px}.distribution-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.distribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.distribution-label{font-weight:600;color:#fff}.distribution-percentage{font-weight:700;color:#00d4ff}.distribution-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.distribution-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#09c);transition:width .3s ease}.distribution-count{font-size:12px;color:#b0b0b0}.magic-link-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.ml-metric-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center}.ml-metric-card h3{font-size:14px;color:#b0b0b0;margin-bottom:12px;font-weight:500}.ml-value{font-size:2rem;font-weight:700;color:#00d4ff}.top-performers h3{font-size:1.2rem;margin-bottom:20px;color:#fff}.performers-list{display:flex;flex-direction:column;gap:12px}.performer-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.performer-content{flex:1}.performer-title{font-weight:600;color:#fff;margin-bottom:4px}.performer-stats{font-size:12px;color:#b0b0b0}.performer-conversion{font-size:1.2rem;font-weight:700;color:#4caf50}.temporal-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.temporal-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.temporal-card h3{font-size:1.1rem;margin-bottom:16px;color:#fff}.peak-times,.peak-days{display:flex;flex-direction:column;gap:8px}.peak-time-item,.peak-day-item{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;padding:8px 12px;font-weight:600;color:#00d4ff;text-align:center}.weekly-trend h3{font-size:1.2rem;margin-bottom:24px;color:#fff}.trend-chart{display:flex;align-items:flex-end;gap:20px;height:200px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.trend-bar{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.trend-label{font-size:12px;color:#b0b0b0;margin-bottom:8px;writing-mode:horizontal-tb}.trend-bar-container{flex:1;width:100%;max-width:40px;display:flex;align-items:flex-end;background:#ffffff1a;border-radius:4px;margin-bottom:8px}.trend-bar-fill{width:100%;background:linear-gradient(0deg,#00d4ff,#09c);border-radius:4px;transition:height .3s ease;min-height:4px}.trend-value{font-size:11px;color:#00d4ff;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#b0b0b0}@media (max-width: 768px){.analytics-container{padding:80px 8px 16px!important}.analytics-header{flex-direction:column;gap:20px;align-items:flex-start}.analytics-header .header-content h1{font-size:2rem}.overview-metrics,.content-performance-grid{grid-template-columns:1fr}.magic-link-overview{grid-template-columns:repeat(2,1fr)}.temporal-insights{grid-template-columns:1fr}.trend-chart{flex-direction:column;height:auto;gap:12px}.trend-bar{flex-direction:row;width:100%;height:40px}.trend-bar-container{max-width:none;height:100%;width:100%}.trend-bar-fill{height:100%;width:var(--fill-width, 50%)}}.story-view.causal-analysis{padding:24px;max-width:1200px;margin:0 auto;background:#0a0e1a;color:#e0e6ed;font-family:Inter,sans-serif}.analysis-controls{margin-bottom:32px;display:flex;flex-direction:column;gap:20px;background:#111827;padding:20px;border-radius:12px;border:1px solid #1f2937}.control-label{font-size:14px;font-weight:600;color:#9ca3af;margin-bottom:8px;display:block}.stage-selector,.view-selector{display:flex;flex-direction:column;gap:12px}.stage-buttons,.view-buttons{display:flex;gap:12px;flex-wrap:wrap}.stage-btn,.view-btn{padding:12px 16px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:140px;text-align:left}.stage-btn{display:flex;flex-direction:column;gap:4px}.stage-title{font-weight:600;font-size:13px}.stage-timeframe{font-size:11px;color:#9ca3af}.stage-btn.active,.view-btn.active{background:#0f8;color:#0a0e1a;border-color:#0f8;font-weight:600}.stage-btn.confirmed{border-left:4px solid #00ff88}.stage-btn.developing{border-left:4px solid #fbbf24}.stage-btn.projected{border-left:4px solid #8b5cf6}.stage-btn:hover,.view-btn:hover{background:#374151;border-color:#0f8}.stage-btn.active:hover,.view-btn.active:hover{background:#0f8;color:#0a0e1a}.analysis-content{background:#111827;border-radius:12px;padding:32px;border:1px solid #1f2937;margin-bottom:24px}.analysis-content h3{font-size:24px;font-weight:700;color:#0f8;margin-bottom:24px;text-align:center}.analysis-content h4{font-size:18px;font-weight:600;color:#e5e7eb;margin:24px 0 16px}.causal-chain-container{width:100%}.causal-flow{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto}.causal-node{position:relative;margin-bottom:8px}.causal-node.trigger .node-content{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 0 20px #dc26264d}.causal-node.immediate .node-content{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 0 15px #ea580c40}.causal-node.secondary .node-content{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 0 15px #0891b240}.causal-node.tertiary .node-content{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 0 15px #7c3aed40}.node-content{padding:20px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.node-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--impact-color, #00ff88)}.node-content:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.node-title{font-size:16px;font-weight:700;color:#fff}.impact-strength{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.impact-strength.high{background:#ef4444cc;color:#fff}.impact-strength.medium{background:#f59e0bcc;color:#fff}.impact-strength.low{background:#6b7280cc;color:#fff}.node-description{font-size:14px;color:#e5e7eb;margin-bottom:8px;line-height:1.5}.node-detail{font-size:13px;color:#9ca3af;font-style:italic}.node-connections{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.connection-arrow{font-size:18px;color:#0f8;margin-bottom:4px}.connection-label{font-size:11px;color:#6b7280}.causal-insights{margin-top:32px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.insight-card{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;transition:all .2s ease}.insight-card:hover{border-color:#0f8;background:#252f41}.insight-type{font-size:12px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.insight-content{font-size:14px;color:#e5e7eb;line-height:1.4}.competitive-analysis-container{width:100%}.competitive-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.competitive-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:24px;transition:all .3s ease}.competitive-card:hover{border-color:#0f8;box-shadow:0 4px 20px #00ff881a}.competitive-card.primary-target{border-left:4px solid #dc2626}.competitive-card.advantage{border-left:4px solid #059669}.competitive-card h4{font-size:16px;font-weight:700;color:#0f8;margin:0 0 16px}.target-name,.advantage-description{font-size:18px;font-weight:600;color:#e5e7eb;margin-bottom:12px}.impact-description{font-size:14px;color:#9ca3af;line-height:1.5}.market-shifts{margin-top:32px}.shift-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.shift-item{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:20px;transition:all .2s ease}.shift-item.declining{border-left:4px solid #dc2626}.shift-item.emerging{border-left:4px solid #059669}.shift-item.adaptation{border-left:4px solid #0891b2}.shift-item:hover{background:#252f41;border-color:#0f8}.shift-label{font-size:14px;font-weight:700;color:#0f8;margin-bottom:8px}.shift-description{font-size:14px;color:#e5e7eb;margin-bottom:8px;line-height:1.4}.shift-impact{font-size:12px;color:#9ca3af;font-style:italic}.mechanisms-container{width:100%}.mechanisms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:24px}.mechanism-card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.mechanism-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0f8,#0891b2)}.mechanism-card:hover{border-color:#0f8;box-shadow:0 6px 25px #00ff8826;transform:translateY(-2px)}.mechanism-title{font-size:16px;font-weight:700;color:#0f8;margin-bottom:12px;letter-spacing:.5px}.mechanism-description{font-size:14px;color:#e5e7eb;line-height:1.5;margin-bottom:16px}.mechanism-implications{padding-top:16px;border-top:1px solid #374151}.implication-title{font-size:13px;font-weight:600;color:#9ca3af;margin-bottom:8px}.implication-content{font-size:13px;color:#e5e7eb;line-height:1.4;padding:8px 12px;background:#00ff880d;border-radius:6px;border-left:3px solid #00ff88}.story-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}@media (max-width: 768px){.story-view.causal-analysis,.analysis-controls{padding:16px}.stage-buttons,.view-buttons{flex-direction:column}.stage-btn,.view-btn{min-width:auto;text-align:center}.analysis-content{padding:20px}.competitive-overview,.insights-grid,.shift-analysis,.mechanisms-grid{grid-template-columns:1fr}.story-actions{flex-direction:column}.action-btn{justify-content:center}}.causal-analysis-demo{min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#111827);color:#e0e6ed;font-family:Inter,sans-serif}.causal-demo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0e1a}.loading-spinner{width:40px;height:40px;border:3px solid #1f2937;border-top:3px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:#9ca3af;text-align:center}.demo-header{background:linear-gradient(135deg,#111827,#1f2937);border-bottom:1px solid #374151;padding:32px;text-align:center}.demo-title{font-size:36px;font-weight:800;color:#0f8;margin-bottom:8px;letter-spacing:-.5px}.demo-subtitle{font-size:18px;color:#9ca3af;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.role-selector{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.selector-label{font-size:16px;font-weight:600;color:#e5e7eb}.role-buttons{display:flex;gap:8px;flex-wrap:wrap}.role-btn{padding:10px 20px;border:2px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;min-width:120px;text-align:center}.role-btn:hover{border-color:#0f8;background:#374151;transform:translateY(-1px)}.role-btn.active{background:#0f8;color:#0a0e1a;border-color:#0f8;box-shadow:0 4px 12px #00ff884d}.role-btn.active:hover{background:#00cc6a;transform:translateY(-1px)}.demo-content{max-width:1400px;margin:0 auto;padding:0}.demo-footer{background:#111827;border-top:1px solid #374151;padding:32px;margin-top:48px}.demo-notes{max-width:800px;margin:0 auto;text-align:center}.demo-notes h4{font-size:20px;font-weight:700;color:#0f8;margin-bottom:20px}.demo-notes ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;text-align:left}.demo-notes li{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:16px;transition:all .2s ease}.demo-notes li:hover{border-color:#0f8;background:#252f41}.demo-notes li strong{color:#0f8;font-weight:700}.demo-notes li{font-size:14px;line-height:1.5;color:#e5e7eb}@media (max-width: 768px){.demo-header{padding:24px 16px}.demo-title{font-size:28px}.demo-subtitle{font-size:16px}.role-selector{flex-direction:column;gap:12px}.role-buttons{justify-content:center}.role-btn{min-width:100px;font-size:13px}.demo-footer{padding:24px 16px}.demo-notes ul{grid-template-columns:1fr}}.causal-analysis-demo .story-view.causal-analysis{background:transparent;max-width:100%;padding:24px 32px}@media (max-width: 768px){.causal-analysis-demo .story-view.causal-analysis{padding:16px}}.ai-assistant-trigger{position:fixed;bottom:20px;right:20px;z-index:1000}.ai-trigger-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#00d4ff,#06c);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 20px #00d4ff4d;transition:all .3s ease;position:relative}.ai-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d4ff66}.entity-indicator{background:#fff3;padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500}.ai-assistant-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.ai-assistant-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-assistant-panel{position:relative;width:100%;max-width:800px;max-height:80vh;background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}.ai-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#00d4ff1a;border-bottom:1px solid rgba(255,255,255,.1)}.ai-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:#fff}.ai-title svg{color:#00d4ff}.ai-mode-toggle{display:flex;background:#ffffff0d;border-radius:8px;padding:2px}.mode-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.mode-btn.active{background:#00d4ff;color:#000}.mode-btn:hover:not(.active){color:#fff;background:#ffffff1a}.close-btn{background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#fff;background:#ffffff1a}.ai-context{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#00d4ff0d;border-bottom:1px solid rgba(255,255,255,.05)}.context-label{font-size:12px;color:#888;font-weight:500}.context-value{font-size:12px;color:#00d4ff;font-weight:500}.chat-mode{display:flex;flex-direction:column;height:500px}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-welcome{text-align:center;padding:40px 20px;color:#888}.chat-welcome svg{color:#00d4ff;margin-bottom:16px}.chat-welcome h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:600}.chat-welcome p{margin:0;font-size:14px;line-height:1.5}.chat-message{display:flex;flex-direction:column;gap:8px;max-width:80%}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap}.chat-message.user .message-content{background:#00d4ff;color:#000;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}.message-actions{display:flex;gap:8px;align-self:flex-start}.message-actions button{padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.message-actions button:hover{color:#fff;background:#ffffff1a}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#888;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.chat-input-form{display:flex;gap:8px;padding:16px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.chat-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.chat-input:focus{border-color:#00d4ff;background:#ffffff14}.chat-input::placeholder{color:#666}.send-btn{padding:12px 16px;background:#00d4ff;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.send-btn:hover:not(:disabled){background:#00b8e6;transform:translateY(-1px)}.send-btn:disabled{background:#333;color:#666;cursor:not-allowed}.writing-mode{padding:20px;display:flex;flex-direction:column;gap:20px;height:500px;overflow-y:auto}.quick-actions{display:flex;flex-direction:column;gap:12px}.actions-label{font-size:14px;font-weight:600;color:#fff}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.quick-action{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-action:hover:not(:disabled){background:#ffffff1a;border-color:#00d4ff}.quick-action.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff}.quick-action:disabled{opacity:.5;cursor:not-allowed}.writing-input-section{display:flex;flex-direction:column;gap:12px}.writing-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:all .2s ease}.writing-input:focus{border-color:#00d4ff;background:#ffffff14}.writing-input::placeholder{color:#666}.writing-controls{display:flex;gap:12px;align-items:center}.task-select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;outline:none}.task-select:focus{border-color:#00d4ff}.generate-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00d4ff;color:#000;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){background:#00b8e6;transform:translateY(-1px)}.generate-btn:disabled{background:#333;color:#666;cursor:not-allowed}.writing-output{display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#fff}.output-content{padding:16px;background:#ffffff05;color:#e8e9ea;font-size:14px;line-height:1.6;white-space:pre-wrap;min-height:100px;max-height:200px;overflow-y:auto}.output-actions{display:flex;gap:8px;padding:12px 16px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.output-actions button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.output-actions button:hover{background:#ffffff1a;border-color:#00d4ff}@media (max-width: 768px){.ai-assistant-panel{max-width:95vw;max-height:90vh;margin:10px}.actions-grid{grid-template-columns:1fr 1fr}.writing-controls{flex-direction:column;align-items:stretch}.ai-mode-toggle{flex:1;justify-content:center}.chat-message{max-width:90%}}.chat-messages::-webkit-scrollbar,.writing-mode::-webkit-scrollbar,.output-content::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.writing-mode::-webkit-scrollbar-track,.output-content::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb,.writing-mode::-webkit-scrollbar-thumb,.output-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.writing-mode::-webkit-scrollbar-thumb:hover,.output-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.report-editor{height:100vh;background:#1a1d20;color:#e8e9ea;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#1e2124;border-bottom:1px solid #2a2d31;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#a8adb3;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#2a2d31;color:#e8e9ea}.save-status{font-size:13px}.saving{color:#f39c12}.saved{color:#a8adb3}.header-right{display:flex;align-items:center;gap:12px}.ai-btn,.save-btn,.settings-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #2a2d31;color:#e8e9ea;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.ai-btn:hover,.save-btn:hover,.settings-btn:hover{background:#2a2d31;border-color:#3c4043}.ai-btn{border-color:#9c27b0;color:#e1bee7}.ai-btn:hover{background:#9c27b01a}.save-btn:disabled{opacity:.5;cursor:not-allowed}.publish-btn{background:#2383e2;border:1px solid #2383e2;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.publish-btn:hover{background:#0f7ae5;border-color:#0f7ae5}.editor-content{flex:1;display:flex;overflow:hidden}.main-editor{flex:2;padding:32px;overflow-y:auto;background:#1a1d20}.title-section{margin-bottom:32px}.title-input{width:100%;background:none;border:none;color:#e8e9ea;font-size:32px;font-weight:700;padding:0;outline:none;resize:none}.title-input::placeholder{color:#555a61}.content-section{margin-bottom:48px}.content-textarea{width:100%;min-height:400px;background:none;border:none;color:#e8e9ea;font-size:16px;line-height:1.6;padding:0;outline:none;resize:vertical;font-family:inherit}.content-textarea::placeholder{color:#555a61}.cards-section{border-top:1px solid #2a2d31;padding-top:32px}.cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cards-header h3{font-size:18px;font-weight:600;color:#e8e9ea;margin:0}.add-card-btn{display:flex;align-items:center;gap:6px;background:#2a2d31;border:1px solid #3c4043;color:#e8e9ea;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.add-card-btn:hover{background:#3c4043}.cards-grid{min-height:200px}.card-placeholder{background:#1e2124;border:2px dashed #2a2d31;border-radius:8px;padding:48px 24px;text-align:center;color:#a8adb3}.card-placeholder p{margin:0;font-size:14px;line-height:1.5}.editor-sidebar{flex:1;background:#1e2124;border-left:1px solid #2a2d31;padding:24px;overflow-y:auto;min-width:320px;max-width:400px}.sidebar-section{margin-bottom:32px}.sidebar-section h4{font-size:14px;font-weight:600;color:#e8e9ea;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.recommendations{display:flex;flex-direction:column;gap:12px}.recommendation-item{background:#242629;border:1px solid #2a2d31;border-radius:6px;padding:12px}.recommendation-item p{font-size:13px;color:#c5c9d1;margin:0 0 8px;line-height:1.4}.apply-btn{background:none;border:1px solid #2383e2;color:#2383e2;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.apply-btn:hover{background:#2383e2;color:#fff}.tags-input,.search-input{display:flex;align-items:center;gap:8px;background:#242629;border:1px solid #2a2d31;border-radius:6px;padding:8px 12px}.tags-input input,.search-input input{flex:1;background:none;border:none;color:#e8e9ea;font-size:13px;outline:none}.tags-input input::placeholder,.search-input input::placeholder{color:#555a61}.tags-input svg,.search-input svg{color:#a8adb3;flex-shrink:0}.activity-list{color:#a8adb3;font-size:13px}.activity-list p{margin:0}.intelligence-summary{margin-top:12px;padding:12px;background:#00d4ff0d;border-radius:8px;border:1px solid rgba(0,212,255,.2)}.confidence-bar{margin-bottom:12px}.confidence-label{font-size:12px;color:#e8e9ea;margin-bottom:4px}.confidence-meter{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcf7f);transition:width .3s ease}.entity-counts{display:flex;flex-wrap:wrap;gap:8px}.entity-count{display:flex;align-items:center;gap:4px;font-size:11px;color:#00d4ff;background:#00d4ff1a;padding:2px 6px;border-radius:12px;border:1px solid rgba(0,212,255,.3)}.processing-indicator{color:#ffd93d;margin-left:8px;animation:pulse 1.5s infinite}.suggested-cards{display:flex;flex-direction:column;gap:12px}.suggested-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;transition:all .2s ease}.suggested-card:hover{background:#ffffff0f;border-color:#00d4ff4d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-header h5{font-size:13px;font-weight:600;color:#fff;margin:0}.confidence-badge{background:#00d4ff33;color:#00d4ff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.card-description{font-size:12px;color:#b0b0b0;margin:0 0 12px;line-height:1.4}.card-actions{display:flex;gap:8px}.accept-btn,.reject-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.accept-btn{background:#6bcf7f33;color:#6bcf7f}.accept-btn:hover{background:#6bcf7f4d}.reject-btn{background:#ff6b6b33;color:#ff6b6b}.reject-btn:hover{background:#ff6b6b4d}.current-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag-item{display:flex;align-items:center;background:#00d4ff33;color:#00d4ff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid rgba(0,212,255,.3)}.remove-tag{background:none;border:none;color:#00d4ff;cursor:pointer;margin-left:4px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px}.remove-tag:hover{background:#ffffff1a}.suggested-tags{margin-bottom:12px}.suggestions-header{font-size:11px;color:#888;margin-bottom:6px}.suggestions-header span{font-weight:500}.suggested-tag{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;color:#e8e9ea;border:1px solid rgba(255,255,255,.1);padding:3px 6px;border-radius:10px;font-size:11px;margin:2px 4px 2px 0;cursor:pointer;transition:all .2s ease}.suggested-tag:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.detected-entities{display:flex;flex-direction:column;gap:16px}.entity-group h6{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;margin:0 0 8px}.entity-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#ffffff08;border-radius:4px;margin-bottom:4px}.entity-name{font-size:12px;font-weight:500;color:#e8e9ea}.entity-detail{font-size:10px;color:#888}.sidebar-section h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.tags-input{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;transition:all .2s ease}.tags-input:focus-within{border-color:#00d4ff80;background:#ffffff14}.tags-input input{background:none;border:none;color:#e8e9ea;font-size:13px;flex:1;outline:none}.tags-input input::placeholder{color:#888}.sidebar-section h4 svg{color:#00d4ff}@media (max-width: 1200px){.editor-content{flex-direction:column}.editor-sidebar{border-left:none;border-top:1px solid #2a2d31;max-width:none;min-width:auto;max-height:300px}.main-editor{flex:none}.entity-counts{flex-direction:column;gap:4px}.suggested-card{padding:10px}.card-actions{flex-direction:column;gap:6px}.accept-btn,.reject-btn{justify-content:center}}@media (max-width: 768px){.main-editor{padding:16px}.title-input{font-size:24px}.editor-header{padding:8px 16px}.header-right{gap:8px}.ai-btn span,.save-btn span{display:none}}.paragraph-editor{height:100vh;background:#1a1d20;color:#e8e9ea;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#1e2124;border-bottom:1px solid #2a2d31;flex-shrink:0;min-height:64px}.header-left{display:flex;align-items:center;gap:24px}.header-left h1{font-size:18px;font-weight:600;margin:0;color:#e8e9ea}.mode-toggle{display:flex;align-items:center}.mode-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid #2a2d31;color:#a8adb3;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.mode-btn:hover{background:#2a2d31;border-color:#3c4043;color:#e8e9ea}.mode-btn.active{background:#5865f226;border-color:#5865f2;color:#5865f2}.header-right{display:flex;align-items:center;gap:16px}.refresh-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #2a2d31;color:#a8adb3;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#2a2d31;border-color:#3c4043;color:#e8e9ea}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.navigation-controls{display:flex;align-items:center;gap:4px;border:1px solid #2a2d31;border-radius:6px;overflow:hidden}.nav-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#a8adb3;padding:8px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#2a2d31;color:#e8e9ea}.nav-btn:first-child{border-right:1px solid #2a2d31}.editor-main{flex:1;display:flex;overflow:hidden}.document-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#1a1d20}.document-area.focus-mode{max-width:800px;margin:0 auto;padding:0 24px}.document-area.document-mode{padding:24px}.document-header{padding:24px 0 16px;border-bottom:1px solid #2a2d31;margin-bottom:24px}.title-input{width:100%;background:none;border:none;color:#e8e9ea;font-size:24px;font-weight:600;padding:12px 0;outline:none;resize:none}.title-input::placeholder{color:#a8adb3}.title-input:focus{color:#fff}.sections-container{flex:1;overflow-y:auto;padding-bottom:200px}.editor-section{margin-bottom:32px;background:#1a1d20;border-radius:8px;transition:all .3s ease;position:relative}.focus-mode .editor-section{opacity:.4;transform:scale(.96)}.focus-mode .editor-section.focused{opacity:1;transform:scale(1);background:#1e2124;border:1px solid #2a2d31;box-shadow:0 8px 32px #0000004d;margin:64px 0;scroll-margin:100px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#2a2d31;border-radius:8px 8px 0 0;border-bottom:1px solid #3c4043}.focused .section-header{background:#3c4043}.section-type{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#a8adb3}.section-actions{display:flex;align-items:center;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#a8adb3;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#4a4d52;color:#e8e9ea}.section-content{padding:16px}.section-textarea{width:100%;background:none;border:none;color:#e8e9ea;font-size:15px;line-height:1.6;resize:none;outline:none;font-family:inherit;min-height:120px}.section-textarea:focus{color:#fff}.section-textarea{overflow:hidden;resize:none}.add-section-container{margin-top:32px;padding:24px;border:2px dashed #2a2d31;border-radius:8px;background:#2a2d314d;transition:all .2s ease}.add-section-container:hover{border-color:#3c4043;background:#2a2d3180}.add-section-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.add-section-btn{display:flex;align-items:center;gap:8px;background:#2a2d31;border:1px solid #3c4043;color:#a8adb3;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.add-section-btn:hover{background:#3c4043;border-color:#5865f2;color:#e8e9ea}.add-section-btn:hover svg{color:#5865f2}.intelligence-sidebar{width:400px;background:#1e2124;border-left:1px solid #2a2d31;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px 20px;border-bottom:1px solid #2a2d31;background:#1e2124}.sidebar-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#e8e9ea}.focused-section-indicator span{background:#2a2d31;padding:4px 8px;border-radius:4px;display:inline-block}.sidebar-content{flex:1;overflow-y:auto;padding:16px 20px}.sidebar-placeholder{text-align:center;color:#6c7075;padding:40px 20px}.sidebar-placeholder p{margin:8px 0;font-size:14px}.sidebar-section{margin-bottom:24px;background:#2a2d31;border-radius:8px;overflow:hidden}.sidebar-section .section-header{padding:12px 16px;background:#2a2d31;border:none;border-radius:0;cursor:pointer;transition:background .2s ease}.section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#e8e9ea}.expand-btn{background:none;border:none;color:#a8adb3;cursor:pointer;transition:transform .2s ease}.sidebar-section .section-content{padding:0;background:#1e2124}.related-card,.entity-card,.tag-card{background:#1a1d20;border:1px solid #2a2d31;margin:12px;border-radius:6px;transition:all .2s ease}.related-card:hover,.entity-card:hover,.tag-card:hover{border-color:#3c4043;background:#1e2124}.card-header{padding:12px 16px;border-bottom:1px solid #2a2d31;display:flex;align-items:center;justify-content:space-between}.card-title,.entity-name,.tag-name{font-size:13px;font-weight:500;color:#e8e9ea;flex:1}.card-meta,.entity-meta,.tag-meta{display:flex;align-items:center;gap:8px;font-size:11px}.relevance,.confidence{background:#5865f226;color:#5865f2;padding:2px 6px;border-radius:3px;font-weight:500}.type{background:#2a2d31;color:#a8adb3;padding:2px 6px;border-radius:3px}.card-content{padding:12px 16px}.card-content p,.tag-reason{margin:0;font-size:12px;color:#a8adb3;line-height:1.4}.card-actions{padding:8px 16px;border-top:1px solid #2a2d31;display:flex;align-items:center;gap:8px;justify-content:flex-end}.card-actions button{background:none;border:none;color:#6c7075;padding:4px;border-radius:3px;cursor:pointer;transition:all .2s ease}.card-actions button:hover{background:#2a2d31;color:#a8adb3}.card-actions button:hover:first-child{color:#ed4245}.card-actions button:hover:nth-child(2){color:#00b894}.card-actions button:hover:last-child{color:#fdcb6e}.feedback-clear{opacity:.3;border-color:#ed4245}.feedback-keep{border-color:#00b894;background:#00b8941a}.feedback-archive{opacity:.6;border-color:#fdcb6e}.empty-section{padding:20px;text-align:center;color:#6c7075;font-style:italic}.empty-section p{margin:0;font-size:13px;line-height:1.4}@media (max-width: 1200px){.intelligence-sidebar{width:350px}}@media (max-width: 1000px){.editor-main{flex-direction:column}.intelligence-sidebar{width:100%;max-height:40vh;border-left:none;border-top:1px solid #2a2d31}.document-area.focus-mode{max-width:none;padding:0 16px}}.editor-section:focus-within{outline:2px solid #5865f2;outline-offset:2px}.action-btn:focus,.mode-btn:focus,.refresh-btn:focus,.nav-btn:focus{outline:2px solid #5865f2;outline-offset:2px}.sections-container::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:8px}.sections-container::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#1a1d20}.sections-container::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#2a2d31;border-radius:4px}.sections-container::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#3c4043}.unified-editor{display:flex;height:100vh;background:#1a1d20;color:#e8e9ea;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji",Segoe UI Symbol;overflow:hidden}.unified-editor *{outline:none!important;-webkit-appearance:none!important}.unified-editor *:focus,.unified-editor *:focus-visible,.unified-editor *:focus-within{outline:none!important;box-shadow:none!important}.unified-editor .editor-section,.unified-editor .editor-section:focus,.unified-editor .editor-section:focus-visible,.unified-editor .editor-section:focus-within{border:none!important;outline:none!important;box-shadow:none!important}.portfolio-sidebar{width:240px;background:#1e2124;border-right:1px solid #2a2d31;display:flex;flex-direction:column;position:fixed;top:40px;left:0;transition:all .2s ease;z-index:1000;height:calc(100vh - 40px)}.portfolio-sidebar.collapsed{width:48px}.unified-editor .portfolio-sidebar.collapsed{cursor:default}.unified-editor .portfolio-sidebar.collapsed:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-left:2px solid rgba(0,212,255,.3);pointer-events:none;opacity:.5}.portfolio-sidebar .sidebar-section{padding:12px;flex:1;overflow-y:auto}.portfolio-sidebar .section-header-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #2a2d31;min-height:28px}.portfolio-sidebar .section-label{font-size:12px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.5px}.portfolio-sidebar .sidebar-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#a8adb3;transition:all .15s ease;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portfolio-sidebar .sidebar-toggle:hover{background:#272a2e;color:#e8e9ea}.portfolio-sidebar .sidebar-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;cursor:pointer;font-size:13px;color:#e8e9ea;transition:all .15s ease;margin-bottom:6px;text-align:left;min-height:38px}.portfolio-sidebar .sidebar-action-btn:hover{background:#272a2e;color:#fff}.portfolio-sidebar .sidebar-action-btn.primary{background:none;color:#e8e9ea}.portfolio-sidebar .sidebar-action-btn.primary:hover,.portfolio-sidebar .sidebar-action-btn.secondary:hover{background:#272a2e;color:#fff}.portfolio-sidebar .action-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.portfolio-sidebar .action-label{flex:1}.portfolio-sidebar .collapsed-content{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:26px;margin-top:-4px;padding-top:0}.portfolio-sidebar .collapsed-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}.portfolio-sidebar .collapsed-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;transition:all .15s ease;border-radius:4px}.portfolio-sidebar .collapsed-icon-btn:hover{background:#272a2e;color:#fff}.portfolio-sidebar .collapsed-icon-btn.primary{background:none;color:#e8e9ea}.portfolio-sidebar .collapsed-icon-btn.primary:hover{background:#272a2e;color:#fff}.report-sidebar{width:260px;background:#181b1e;border-right:1px solid #2a2d31;display:flex;flex-direction:column;position:fixed;top:40px;left:240px;transition:all .2s ease;z-index:999;height:calc(100vh - 40px)}.report-sidebar.collapsed{width:48px}.portfolio-sidebar.collapsed+.report-sidebar{left:48px}.portfolio-sidebar.collapsed~.main-content,.report-sidebar.collapsed~.main-content,.portfolio-sidebar.collapsed+.report-sidebar.collapsed~.main-content{left:var(--left-sidebars-width, 500px);right:var(--right-sidebar-width, 60px);width:auto}.report-sidebar.pinned{border-right-color:#2a2d31;border-right-width:1px}.report-sidebar .sidebar-section{padding:12px;flex:1;overflow-y:auto}.report-sidebar .section-header-with-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #2a2d31;min-height:28px}.report-sidebar .section-label{font-size:12px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.5px}.report-sidebar .sidebar-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#a8adb3;transition:all .15s ease;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-sidebar .sidebar-toggle:hover{background:#1f2326;color:#e8e9ea}.report-sidebar .collapsed-content{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:26px;margin-top:-4px;padding-top:0}.spinning{animation:spin 1s linear infinite}.report-sidebar .action-controls{flex:1;padding:8px 16px 16px;overflow-y:auto}.report-sidebar .controls-section{margin-bottom:28px}.report-sidebar .controls-section:last-child{margin-bottom:0}.report-sidebar .controls-section h4{font-size:12px;font-weight:600;color:#a8adb3;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.report-sidebar .control-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;cursor:pointer;font-size:13px;color:#e8e9ea;transition:all .15s ease;margin-bottom:6px;min-height:38px}.report-sidebar .control-btn:hover{background:#1f2326;color:#fff}.report-sidebar .control-btn.active{background:#2a2d31;color:#fff}.report-sidebar .control-btn.primary{background:none;color:#e8e9ea}.report-sidebar .control-btn.primary:hover{background:#1f2326;color:#fff}.report-sidebar .control-btn:disabled{opacity:.5;cursor:not-allowed}.report-sidebar .navigation-group{display:flex;gap:4px}.report-sidebar .nav-control{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;border:none;background:none;cursor:pointer;color:#a8adb3;transition:all .15s ease;min-height:36px}.report-sidebar .nav-control:hover{background:#1f2326;color:#e8e9ea}.report-sidebar .collapsed-controls{padding:8px;display:flex;flex-direction:column;gap:12px;flex:1}.report-sidebar .collapsed-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:#a8adb3;transition:all .15s ease;border-radius:4px}.report-sidebar .collapsed-btn:hover{background:#1f2326;color:#e8e9ea}.report-sidebar .collapsed-btn.active{background:#2a2d31;color:#fff}.report-sidebar .collapsed-btn.primary{background:none;color:#e8e9ea}.report-sidebar .collapsed-btn.primary:hover{background:#1f2326;color:#fff}.report-sidebar .collapsed-btn:disabled{opacity:.5;cursor:not-allowed}.main-content{flex:1;display:flex;flex-direction:column;background:#1a1d20;position:fixed;left:var(--left-sidebars-width, 500px);top:40px;bottom:0;right:var(--right-sidebar-width, 60px);width:auto;transition:left .3s ease,right .3s ease;z-index:1}.document-area{flex:1;overflow:auto;transition:all .3s ease;width:100%;scroll-behavior:smooth;position:relative}.document-area-inner{padding:0;margin-right:20px;position:relative}.title-section{position:fixed;top:0;left:var(--left-sidebars-width, 256px);right:var(--right-sidebar-width, 450px);background:#1a1d20;border-radius:0;transition:all .2s ease;cursor:pointer;min-height:84px;z-index:100;padding:30px 40px 20px;border-bottom:1px solid rgba(255,255,255,.05);border:none!important;outline:none!important;box-shadow:none!important;width:auto;box-sizing:border-box;overflow:visible;color:#e8e9ea!important}.title-section *,.title-section h1,.title-section input{color:#e8e9ea!important}.title-section:hover{background:#00d4ff08}.title-section.editing{background:#00d4ff0f;cursor:default}.title-display{padding:24px 0;display:flex;align-items:center;justify-content:space-between;min-height:84px;box-sizing:border-box;position:relative;width:100%;overflow:visible}.title-content{flex:1;min-width:0;overflow:visible;margin-right:16px}.report-title{font-size:28px;font-weight:700;color:#e8e9ea!important;margin:0 0 8px;line-height:1.2;overflow:visible;word-wrap:break-word;width:100%}.title-meta{font-size:13px}.author{color:#a8adb3}.status-flag{position:absolute;bottom:16px;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-badge{padding:2px 8px;border-radius:4px;font-weight:500;text-transform:capitalize;font-size:11px}.status-draft{background:#ffc10726;color:#ffc107}.status-review{background:#ff980026;color:#ff9800}.status-published{background:#4caf5026;color:#4caf50}.status-archived{background:#9e9e9e26;color:#9e9e9e}.version-badge{background:#2a2d31;color:#a8adb3;padding:2px 8px;border-radius:4px;font-weight:500;font-size:11px}.title-editor{padding:24px 0;display:flex;align-items:center;justify-content:space-between;min-height:84px;box-sizing:border-box;position:relative;width:100%;overflow:visible}.title-editor .title-content{flex:1;display:flex;flex-direction:column;gap:0px;min-width:0;overflow:visible;margin-right:16px}.title-input{background:none;border:none;font-size:28px;font-weight:700;color:#e8e9ea!important;padding:0;margin:0 0 8px;line-height:1.2;width:100%;min-width:0;overflow:visible;word-wrap:break-word}.title-input:focus{outline:none;color:#e8e9ea!important}.author-input{background:none;border:none;color:#a8adb3;padding:0;margin:0;font-size:13px;width:auto;flex:1}.author-input:focus{outline:none}.sections-container{display:flex;flex-direction:column;gap:24px;padding:40px;margin-top:124px;position:relative;min-width:max(100%,1200px);min-height:max(100vh,1000px);width:100%;transform-origin:top left;overflow:visible}.sections-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,rgba(0,212,255,.15) 1px,transparent 1px);background-size:calc(100% / 12) 1px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.sections-container.show-grid:before{opacity:1}.editor-section{transition:background .3s ease,box-shadow .3s ease;position:relative;background:#0f172a1a;border-radius:8px;padding:16px;z-index:2;cursor:text;border:1px solid rgba(71,85,105,.2)!important;outline:none!important;box-shadow:0 2px 8px #0000001a;width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:max-content;min-height:60px;overflow:visible}.section-row{display:flex;gap:24px;width:100%;align-items:stretch}.section-row .editor-section{flex:1}.section-row .editor-section.half-width{flex:0 0 calc(50% - 12px)}.editor-section:has(.paragraph-block),.editor-section:has(.bullet-block),.editor-section:has(.flexible-paragraph-block){align-self:start;min-height:auto;height:auto!important}.editor-section:has(.flexible-paragraph-block){display:flex;flex-direction:column;align-items:stretch}.editor-section:focus,.editor-section:focus-visible,.editor-section:focus-within,.editor-section.editing{border:none!important;outline:none!important;box-shadow:none!important}.editor-section:hover:not(.has-table),.editor-section.hovered:not(.has-table){background:#00d4ff08;box-shadow:0 4px 12px #00000026}.editor-section.controls-hidden .drag-handle,.editor-section.controls-hidden .resize-handle,.editor-section.controls-hidden .section-actions{opacity:0!important;transition:opacity .5s ease!important}.drag-handle{position:absolute;top:-12px;left:-12px;width:20px;height:20px;background:#00d4ff;border-radius:4px;cursor:move;display:none;align-items:center;justify-content:center;z-index:15;transition:transform .15s ease,background .15s ease,opacity .3s ease;border:2px solid #1a1d20;box-shadow:0 2px 8px #0000004d}.drag-handle:hover{background:#00b8d4;transform:scale(1.1)}.drag-handle svg{width:12px!important;height:12px!important;color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important;stroke:#fff!important;fill:none!important;stroke-width:2!important}.editor-section:hover:not(.has-table) .drag-handle,.editor-section.editing:not(.has-table) .drag-handle{display:flex}.resize-handle{position:absolute;background:#00d4ff;border-radius:2px;opacity:0;transition:opacity .3s ease,background .15s ease;z-index:10}.resize-handle:hover{background:#00b8d4}.editor-section:hover:not(.has-table) .resize-handle,.editor-section.editing:not(.has-table) .resize-handle{opacity:1}.resize-handle.bottom-right{bottom:-3px;right:-3px;width:8px;height:8px;cursor:nw-resize;border-radius:2px}.resize-handle.bottom-left{bottom:-3px;left:-3px;width:8px;height:8px;cursor:ne-resize;border-radius:2px}.resize-handle.right{top:50%;right:-2px;width:4px;height:20px;transform:translateY(-50%);cursor:ew-resize;border-radius:2px}.resize-handle.bottom{bottom:-2px;left:50%;width:20px;height:4px;transform:translate(-50%);cursor:ns-resize;border-radius:2px}.editor-section.dragging{opacity:.8;transform:rotate(1deg);z-index:1000;box-shadow:0 8px 24px #0000004d;transition:none}.sections-container.flow-dragging{position:relative}.insertion-indicator{position:absolute;height:3px;background:#00d4ff;border-radius:2px;opacity:.8;z-index:999;pointer-events:none;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.editor-section.snapped-above{border-bottom:2px solid rgba(0,212,255,.4);margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.editor-section.snapped-below{border-top:2px solid rgba(0,212,255,.4);margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.editor-section.shorter-section.snapped{box-shadow:0 0 0 1px #00d4ff4d,0 2px 8px #0000001a}.sections-container.flow-dragging .editor-section:not(.dragging){opacity:.7;transition:opacity .2s ease}.sections-container.flow-dragging .resize-handle,.sections-container.flow-dragging .drag-handle:not(.dragging .drag-handle){opacity:.3}.editor-section.editing{cursor:default}.editor-section.resizing{opacity:.9;background:#00d4ff0d;border:1px dashed rgba(0,212,255,.3);transition:none}.section-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;align-items:center;z-index:999998!important;opacity:0;transition:opacity .3s ease}.editor-section:hover:not(.has-table) .section-actions,.editor-section.editing:not(.has-table) .section-actions{opacity:1}.editor-section.has-table:hover .section-actions{opacity:1}.editor-section.has-table .section-actions button:not(.action-delete):not(.action-copy){display:none}.action-btn{background:transparent!important;border:none!important;padding:4px;cursor:pointer;color:#e8e9ea;transition:all .15s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;position:relative;z-index:999999!important}.action-btn svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;color:#fff!important;display:block!important;opacity:1!important;visibility:visible!important;stroke:#fff!important;fill:none!important;stroke-width:2!important;z-index:999999!important;position:relative;flex-shrink:0!important;flex-grow:0!important}.unified-editor .action-btn svg,.unified-editor .drag-handle svg{stroke:currentColor!important;fill:none!important}.unified-editor .drag-handle svg{stroke:#fff!important}.unified-editor .action-btn svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;stroke:#fff!important;color:#fff!important}.action-btn:hover{background:#3c4043;color:#fff}.action-btn.copy:hover{background:#00b89426;color:#00b894}.action-btn.copy:hover svg{stroke:#00b894}.action-btn.delete:hover{background:#ed424526;color:#ed4245}.action-btn.delete:hover svg{stroke:#ed4245}.action-btn.save{background:#00d4ff;color:#fff}.action-btn.save:hover{background:#00b8d4}.action-btn:disabled{opacity:.5;cursor:not-allowed;background:#1a1d20;border-color:#ffffff1a}.action-btn:disabled:hover{background:#1a1d20;color:#6c7075}.section-display{flex:1;min-height:40px;padding:0;white-space:pre-wrap;line-height:1.6;color:#e8e9ea;font-size:16px;transition:all .15s ease;overflow-y:auto;cursor:text;border:none!important;outline:none!important;box-shadow:none!important}.section-placeholder{color:#6c7075;font-style:italic}.section-textarea{width:100%;min-height:60px;border:none;background:none;resize:none;font-size:16px;line-height:1.6;color:#e8e9ea;font-family:inherit;transition:all .15s ease;flex:1;padding:0;box-sizing:border-box;overflow:hidden}.section-textarea:focus{outline:none!important;border:none!important;box-shadow:none!important;color:#fff}.section-textarea::placeholder{color:#6c7075}.add-section-container{margin-top:32px;opacity:.6;transition:opacity .2s ease}.add-section-container:hover{opacity:1}.add-section-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.add-section-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #2a2d31;background:#1e2124;cursor:pointer;font-size:13px;color:#a8adb3;transition:all .15s ease}.add-section-btn:hover{border-color:#00d4ff;color:#00d4ff;background:#00d4ff1a}.intelligence-sidebar{background:#1e2124;border-left:1px solid #2a2d31;display:flex;flex-direction:column;position:fixed;top:40px;right:0;height:calc(100vh - 40px);z-index:998;transition:all .3s ease;overflow:hidden}.intelligence-sidebar.collapsed{width:60px!important}.intelligence-sidebar.minimal{width:30px!important}.intelligence-sidebar.minimal .collapsed-content{padding:12px 4px}.intelligence-sidebar.minimal .collapsed-count-badges,.intelligence-sidebar.minimal .collapsed-empty-state{display:none}.intelligence-sidebar.pinned{position:fixed}.intelligence-sidebar .resize-handle{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:ew-resize;background:transparent;z-index:1000}.intelligence-sidebar .resize-handle:hover{background:#00d4ff4d}.intelligence-sidebar .resize-handle:active,.intelligence-sidebar:has(.resize-handle:active){background:#00d4ff0d}.main-content{transition:width .1s ease}.intelligence-sidebar:after{content:"";position:absolute;right:0;top:0;bottom:0;width:0;background:#1e2124;z-index:1001;transition:width .1s ease;pointer-events:none}body[style*="cursor: ew-resize"] .intelligence-sidebar:after{width:10px}.intelligence-sidebar .collapsed-content{display:flex;flex-direction:column;align-items:center;height:100%;padding:16px 8px}.intelligence-sidebar .collapsed-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px;width:100%;align-items:center}.intelligence-sidebar .collapsed-icon-btn{width:36px;height:36px;border:1px solid #2a2d31;background:#1a1d20;color:#e8e9ea;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.intelligence-sidebar .collapsed-icon-btn:hover{background:#2a2d31;border-color:#3c4043;color:#fff}.intelligence-sidebar .collapsed-icon-btn.alert{border-color:#ffb347;background:#ffb34726;color:#ffb347}.intelligence-sidebar .collapsed-icon-btn.alert:hover{background:#ffb34740;border-color:#ffb347;color:#ffb347}.intelligence-sidebar .intelligence-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 12px 8px;border-bottom:1px solid #2a2d31;background:transparent;min-height:26px}.intelligence-sidebar .header-left{display:flex;align-items:center;flex:0 0 auto}.intelligence-sidebar .header-center{display:flex;align-items:center;justify-content:center;flex:1}.intelligence-sidebar .header-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.intelligence-sidebar .section-label{font-size:12px;font-weight:600;color:#a8adb3;text-transform:uppercase;letter-spacing:.5px;text-align:center}.intelligence-sidebar .sidebar-toggle{background:none;border:none;padding:4px;cursor:pointer;color:#a8adb3;transition:all .15s ease;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:3px}.intelligence-sidebar .sidebar-toggle:hover{background:#1f2326;color:#e8e9ea}.intelligence-sidebar .sidebar-toggle:disabled{opacity:.6;cursor:not-allowed}.intelligence-sidebar .sidebar-toggle.disabled{opacity:.4;cursor:default;pointer-events:none}.flat-highlight{background:transparent;border:none;border-radius:0;transition:all .15s ease;padding:12px;margin:2px 0}.flat-highlight:hover{background:#00d4ff14;border-left:3px solid #00d4ff;padding-left:9px}.intelligence-sidebar-section{margin-bottom:20px}.intelligence-sidebar-section:last-child{margin-bottom:0}.intelligence-sidebar-section .section-header{cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 12px;margin-bottom:8px;border:none!important;border-bottom:none!important;background:transparent!important}.intelligence-sidebar-section .section-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.intelligence-sidebar-section .section-header h4{font-size:12px;font-weight:600;color:#a8adb3;margin:0;text-transform:uppercase;letter-spacing:.5px;flex:1}.count-badge{padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;line-height:1.2;min-width:20px;text-align:center;flex-shrink:0}.count-similar-reports{background:#4caf5026;color:#4caf50}.count-key-references{background:#2196f326;color:#2196f3}.count-topic-tags{background:#ff980026;color:#ff9800}.count-ai-suggestions{background:#9c27b026;color:#9c27b0}.count-related-content{background:#4caf5026;color:#4caf50}.count-entity-context{background:#2196f326;color:#2196f3}.count-related-tags{background:#ff980026;color:#ff9800}.count-ai-generated-tags{background:#9c27b026;color:#9c27b0}.collapsed-count-badges{display:flex;flex-direction:column;gap:20px;margin-top:20px;align-items:center}.collapsed-count-badge{padding:6px 10px;border-radius:8px;font-weight:600;font-size:14px;line-height:1.2;min-width:24px;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsed-count-badge:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000004d}.collapsed-empty-state{display:flex;justify-content:center;margin-top:16px}.empty-indicator{color:#6c7075;font-size:18px;opacity:.5}.intelligence-sidebar-section .section-content{padding:0 12px}.intelligence-card{display:flex;align-items:flex-start;gap:8px;padding:8px 4px;margin:4px 0;border:none;background:transparent;border-radius:0;transition:all .15s ease;cursor:pointer}.intelligence-card:hover{background:#ffffff05;border-radius:4px}.intelligence-card .card-indicator{width:3px;height:100%;min-height:60px;border-radius:2px;margin-top:2px;flex-shrink:0}.related-content-card .card-indicator{background:#4caf50}.entity-card .card-indicator{background:#2196f3}.tag-card .card-indicator{background:#ff9800}.tag-card.ai-suggestions .card-indicator{background:#9c27b0}.intelligence-card .card-main{flex:1;min-width:0}.intelligence-card .card-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px;gap:8px}.intelligence-card .card-title{font-size:13px;font-weight:600;color:#e8e9ea;margin:0;line-height:1.3;flex:1}.intelligence-card .relevance-score,.intelligence-card .confidence-score{font-size:11px;font-weight:500;color:#6c7075;padding:0;flex-shrink:0}.intelligence-card .card-description{font-size:12px;line-height:1.4;color:#a8adb3;margin:0 0 6px}.intelligence-card .card-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.intelligence-card .card-source,.intelligence-card .card-date,.intelligence-card .entity-type-label,.intelligence-card .tag-type-label{font-size:11px;color:#6c7075}.intelligence-card .why-relevant{margin-top:6px}.intelligence-card .why-text{font-size:11px;color:#a8adb3;font-style:italic;opacity:.8}.intelligence-card .card-actions{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .15s ease}.intelligence-card:hover .card-actions{opacity:1}.intelligence-card .card-actions button{background:none;border:none;padding:4px;cursor:pointer;color:#6c7075;border-radius:3px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.intelligence-card .card-actions button:hover{background:#ffffff1a}.intelligence-card .card-actions button:first-child:hover{color:#ed4245;background:#ed42451a}.intelligence-card .card-actions button:last-child:hover{color:#4caf50;background:#4caf501a}.intelligence-sidebar .sidebar-header{padding:16px;border-bottom:1px solid #2a2d31;background:#1e2124;position:relative}.intelligence-sidebar .sidebar-header h3{font-size:14px;font-weight:600;color:#e8e9ea;margin:0 0 8px}.refresh-intelligence-btn{position:absolute;top:16px;right:16px;background:none;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#e8e9ea;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.refresh-intelligence-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d;color:#fff}.refresh-intelligence-btn:disabled{opacity:.6;cursor:not-allowed}.focused-section-indicator{font-size:12px;color:#a8adb3}.sidebar-content{flex:1;overflow-y:auto;padding:8px 16px 16px}.sidebar-section{background:#2a2d31;margin-bottom:16px;border:1px solid #3c4043;overflow:hidden}.sidebar-section .section-header{padding:12px 16px;background:#2a2d31;border-bottom:1px solid #3c4043;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s ease}.sidebar-section .section-header:hover{background:#3c4043}.sidebar-section .section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e8e9ea}.expand-btn{background:none;border:none;padding:4px;cursor:pointer;color:#a8adb3;transition:all .15s ease}.expand-btn.expanded{transform:rotate(180deg)}.sidebar-section .section-content{padding:16px;background:#1e2124}.feedback-clear{opacity:.3}.feedback-keep{background:#00b8940d!important}.feedback-archive{opacity:.6}.empty-section{text-align:center;padding:20px}.empty-section p{font-size:13px;color:#6c7075;margin:0;line-height:1.4;font-style:italic}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px}.access-denied h2{font-size:24px;color:#e8e9ea;margin-bottom:12px}.access-denied p{font-size:16px;color:#a8adb3;margin:0}@media (max-width: 1200px){.portfolio-sidebar{width:200px}.report-sidebar{left:200px;width:240px}.main-content{left:var(--left-sidebars-width, 440px);right:var(--right-sidebar-width, 60px);width:auto}}@media (max-width: 768px){.unified-editor{flex-direction:column}.portfolio-sidebar{position:relative;left:auto;top:auto;width:100%;height:auto;border-right:none;border-bottom:1px solid #2a2d31;order:1}.report-sidebar{position:relative;left:auto;top:auto;width:100%;height:auto;border-right:none;border-bottom:1px solid #2a2d31;order:2}.intelligence-sidebar{position:relative;right:auto;top:auto;width:100%;height:auto;border-left:none;border-top:1px solid #2a2d31;order:4}.main-content{position:relative;left:auto;right:auto;top:auto;bottom:auto;order:3}.document-area{height:auto;width:100%}.document-area-inner{padding:20px;margin-right:10px}}.intelligence-sidebar::-webkit-scrollbar,.portfolio-sidebar::-webkit-scrollbar,.report-sidebar .action-controls::-webkit-scrollbar,.document-area::-webkit-scrollbar{width:6px}.intelligence-sidebar::-webkit-scrollbar-track,.portfolio-sidebar::-webkit-scrollbar-track,.report-sidebar .action-controls::-webkit-scrollbar-track,.document-area::-webkit-scrollbar-track{background:transparent}.intelligence-sidebar::-webkit-scrollbar-thumb,.portfolio-sidebar::-webkit-scrollbar-thumb,.report-sidebar .action-controls::-webkit-scrollbar-thumb,.document-area::-webkit-scrollbar-thumb{background:#2a2d31}.intelligence-sidebar::-webkit-scrollbar-thumb:hover,.portfolio-sidebar::-webkit-scrollbar-thumb:hover,.report-sidebar .action-controls::-webkit-scrollbar-thumb:hover,.document-area::-webkit-scrollbar-thumb:hover{background:#3c4043}.editor-minimap{position:fixed;bottom:20px;right:470px;width:180px;height:120px;background:#1a1d20f2;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;z-index:100;opacity:.6;transition:opacity .2s ease;pointer-events:auto}.editor-minimap:hover{opacity:1}.minimap-viewport{width:100%;height:100%;position:relative;display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:minmax(2px,auto);grid-auto-flow:dense;gap:0;overflow:hidden}.minimap-block{background:#fff3;border-radius:1px;cursor:pointer;transition:all .15s ease}.minimap-block:hover{background:#00d4ff66}.minimap-block.active{background:#00d4ff99;box-shadow:0 0 0 1px #00d4ffcc}.minimap-paragraph{background:#ffffff26}.minimap-heading{background:#00d4ff40}.minimap-bullet{background:#9b59b640}.minimap-table{background:#2ecc7140}.minimap-chart{background:#f1c40f40}.minimap-quote{background:#3498db40}.protocol-section{background:#0f172a4d;border:1px solid rgba(71,85,105,.2);border-radius:8px;padding:0;margin:0}.protocol-section:hover{border-color:#3b82f666;background:#0f172a80}.protocol-section .protocol-component{background:transparent;border:none;border-radius:0;padding:1rem;margin:0;width:100%;height:100%;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#1e2124;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s ease;box-shadow:0 20px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #2a2d31;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;color:#e8e9ea;font-size:18px;font-weight:600}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#a8adb3;transition:color .2s ease;border-radius:4px}.modal-close:hover{color:#e8e9ea;background:#2a2d31}.modal-body{padding:24px}.prompt-input-section{margin-bottom:24px}.prompt-input-section label{display:block;margin-bottom:8px;color:#e8e9ea;font-size:14px;font-weight:500}.prompt-textarea{width:100%;min-height:100px;padding:12px;border:1px solid #2a2d31;border-radius:6px;background:#181b1e;color:#e8e9ea;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.prompt-textarea:focus{border-color:#4a90e2;outline:none}.prompt-textarea::placeholder{color:#a8adb3}.prompt-examples{margin-top:20px}.prompt-examples h4{margin:0 0 12px;color:#e8e9ea;font-size:14px;font-weight:500}.example-prompts{display:flex;flex-direction:column;gap:8px}.example-prompt{background:#181b1e;border:1px solid #2a2d31;border-radius:6px;padding:12px;color:#e8e9ea;font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease}.example-prompt:hover{background:#2a2d31;border-color:#4a90e2}.modal-footer{padding:16px 24px;border-top:1px solid #2a2d31;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.modal-btn.secondary{background:#2a2d31;color:#e8e9ea}.modal-btn.secondary:hover{background:#353940}.modal-btn.primary{background:#4a90e2;color:#fff}.modal-btn.primary:hover{background:#3a7bd5}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn:disabled:hover{background:#4a90e2}.control-btn.ai-generate{background:#4a90e21a;color:#4a90e2;border:1px solid rgba(74,144,226,.3)}.control-btn.ai-generate:hover{background:#4a90e233;color:#fff;border-color:#4a90e2}.controls-divider{height:1px;background:#2a2d31;margin:16px 0}.editor-section *:focus{outline:none!important;border:none!important;box-shadow:none!important}.block-display{padding:16px 20px;min-height:40px;line-height:1.6;color:#e8e9ea;font-size:16px;border-radius:0;transition:all .15s ease;width:100%;height:auto;word-wrap:break-word;white-space:pre-wrap;box-sizing:border-box}.block-display:hover{background:transparent}.block-placeholder{color:#6c7075;font-style:italic}.table-display .block-placeholder{display:block;padding:40px;text-align:center;font-style:normal}.block-textarea{width:100%;min-height:60px;border:none;background:transparent;resize:none;font-size:16px;line-height:1.6;color:#e8e9ea;font-family:inherit;padding:16px 20px;box-sizing:border-box;overflow:hidden;border-radius:0;flex:1}.block-textarea:focus{outline:none;border:none;box-shadow:none;color:#fff}.block-textarea::placeholder{color:#6c7075}.paragraph-block{width:100%;height:100%;display:flex;flex-direction:column}.paragraph-block.editing,.bullet-block.editing{height:auto!important;min-height:100%}.paragraph-block .block-display{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.bullet-block{width:100%;height:100%;display:flex;flex-direction:column}.bullet-block .bullet-list{margin:0;padding-left:20px;list-style:none}.bullet-block .bullet-list li{position:relative;margin-bottom:8px;line-height:1.5}.bullet-block .bullet-list li:before{content:"•";color:#00d4ff;font-weight:700;position:absolute;left:-16px}.bullet-block .bullet-textarea{font-family:inherit;line-height:1.5}.bullet-block .block-display{word-break:break-word;overflow-wrap:break-word}.table-block{min-height:120px}.table-display{width:100%;overflow:hidden}.notion-table-wrapper{overflow-x:auto;overflow-y:hidden;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#1a1d20}.notion-table-editor{display:flex;flex-direction:column;gap:8px;height:100%;width:100%}.table-wrapper{display:flex;align-items:flex-start;gap:8px}.notion-table-container{overflow-x:auto;overflow-y:visible;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#1a1d20;position:relative;flex:1}.notion-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%}.notion-table th,.notion-table td{border:1px solid rgba(255,255,255,.1);position:relative;padding:0;vertical-align:top}.notion-table th{background:#2a2d31;font-weight:600;font-size:14px;height:36px;z-index:2}.notion-table td{background:#1a1d20;height:36px}.th-content{display:flex;align-items:center;position:relative;padding:0 12px;height:100%}.td-content{position:relative;display:flex;align-items:center;height:100%;padding:0 12px}.notion-table .table-input{width:100%;border:none;background:transparent;color:#e8e9ea;font-size:14px;padding:0;height:100%;outline:none}.notion-table .header-input{font-weight:600;color:#e8e9ea}.notion-table .table-input:focus{background:transparent;box-shadow:none}.notion-table th.selected{background:#00d4ff1a}.notion-table td:focus-within{background:#00d4ff0d}.column-delete,.row-delete{position:absolute;background:#3c4043;border:none;border-radius:4px;padding:4px;cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;z-index:10}.column-delete{right:4px;top:50%;transform:translateY(-50%)}.row-delete{left:-24px;top:50%;transform:translateY(-50%)}.th-content:hover .column-delete,.td-content:hover .row-delete{opacity:1}.column-delete:hover,.row-delete:hover{background:#ed4245}.column-delete svg,.row-delete svg{color:#e8e9ea}.add-column-controls{display:flex;flex-direction:column;gap:4px;padding-top:36px}.add-column-btn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:#6c7075}.add-column-btn:hover{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.add-column-btn.ai{color:#9b59b6}.add-column-btn.ai:hover{background:#9b59b61a;border-color:#9b59b6;color:#8e44ad}.add-column-btn svg{width:16px;height:16px}.add-row-btn{background:transparent;border:none;color:#6c7075;cursor:pointer;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .15s ease;width:fit-content;margin-left:12px;border-radius:4px}.add-row-btn:hover{color:#e8e9ea;background:#ffffff0d}.add-row-btn svg{width:14px;height:14px}.notion-table-container::-webkit-scrollbar{height:8px}.notion-table-container::-webkit-scrollbar-track{background:#1a1d20}.notion-table-container::-webkit-scrollbar-thumb{background:#3c4043;border-radius:4px}.notion-table-container::-webkit-scrollbar-thumb:hover{background:#4c5053}.table-btn{padding:6px 12px;border:1px solid rgba(255,255,255,.1);background:#1a1d20;color:#e8e9ea;border-radius:4px;cursor:pointer;font-size:13px;transition:all .15s ease}.table-btn:hover{background:#3c4043;border-color:#fff3}.table-btn.primary{background:#00d4ff;border-color:#00d4ff;color:#1a1d20;font-weight:600}.table-btn.primary:hover{background:#00b8d4;border-color:#00b8d4}.chart-block{min-height:200px}.chart-editor{padding:16px;background:#ffffff05;border-radius:8px}.chart-controls{margin-bottom:16px}.control-group{margin-bottom:12px}.control-group label{display:block;font-size:13px;font-weight:600;color:#a8adb3;margin-bottom:4px}.chart-input,.chart-select,.map-input{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background:#1a1d20;color:#e8e9ea;border-radius:4px;font-size:14px}.chart-input:focus,.chart-select:focus,.map-input:focus{outline:none;border-color:#00d4ff;background:#00d4ff0d;box-shadow:none}.chart-btn,.map-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.1);background:#1a1d20;color:#e8e9ea;border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s ease;margin-top:8px}.chart-btn:hover,.map-btn:hover{background:#3c4043;border-color:#fff3}.chart-btn.primary,.map-btn.primary{background:#00d4ff;border-color:#00d4ff;color:#1a1d20;font-weight:600}.chart-btn.primary:hover,.map-btn.primary:hover{background:#00b8d4;border-color:#00b8d4}.chart-preview,.map-preview{border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#1a1d20;min-height:200px}.chart-placeholder,.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#6c7075;text-align:center}.chart-placeholder svg,.map-placeholder svg{margin-bottom:8px;opacity:.6}.chart-placeholder p,.map-placeholder p{margin:0;font-size:14px;color:#6c7075}.chart-mockup,.map-mockup{padding:16px;text-align:center}.chart-mockup h4,.map-mockup h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#e8e9ea}.chart-display,.map-display{min-height:120px;display:flex;align-items:center;justify-content:center}.map-block{min-height:200px}.map-editor{padding:16px;background:#ffffff05;border-radius:8px}.map-controls{margin-bottom:16px}.quote-block .quote-display blockquote{margin:0;padding:0 0 0 16px;border-left:4px solid #00d4ff;background:#00d4ff0d;border-radius:0;font-style:italic;color:#e8e9ea;font-size:16px;line-height:1.6}.quote-block .quote-textarea{background:transparent;border-left:4px solid #00d4ff;border-radius:0;font-style:italic;padding:0 0 0 16px}.calculation-block .block-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px}.calculation-block .block-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0}.timeline-block .block-display{border-left:3px solid #00d4ff;padding-left:16px;position:relative}.timeline-block .block-display:before{content:"";position:absolute;left:-6px;top:8px;width:9px;height:9px;background:#00d4ff;border-radius:50%}.timeline-block .block-textarea{border-left:3px solid #00d4ff;padding-left:16px}@media (max-width: 768px){.table-container{font-size:12px}.editable-table th,.editable-table td,.display-table th,.display-table td{padding:6px 8px}.chart-preview,.map-preview{min-height:150px}.chart-placeholder,.map-placeholder{height:150px}.control-group{margin-bottom:8px}}.flexible-paragraph-block{width:100%;min-height:60px;display:flex;flex-direction:column}.flexible-paragraph-display{padding:16px 20px;min-height:40px;line-height:1.6;color:#e8e9ea;font-size:16px;font-family:inherit;word-wrap:break-word;white-space:pre-wrap;cursor:text;transition:all .2s ease;border-radius:8px;height:auto;width:100%}.flexible-paragraph-display:hover{background-color:#ffffff0d}.flexible-paragraph-display.empty{color:#888}.flexible-paragraph-placeholder{color:#666;font-style:italic}.flexible-paragraph-textarea{width:100%;min-height:60px;padding:16px 20px;border:none;background:#ffffff0d;border-radius:8px;resize:none;font-size:16px;line-height:1.6;color:#e8e9ea;font-family:inherit;outline:none;overflow:hidden;box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease}.flexible-paragraph-textarea:focus{background-color:#ffffff14;box-shadow:0 0 0 2px #3b82f64d}.flexible-paragraph-textarea::placeholder{color:#666;font-style:italic}.flexible-paragraph-block *{box-sizing:border-box}.protocol-component{background:#0f172a99;border:1px solid rgba(71,85,105,.3);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.protocol-component:hover{border-color:#3b82f666;background:#0f172acc}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(71,85,105,.2)}.component-header h4{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin:0}.analysis-block{width:100%}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.analysis-header h3{color:#60a5fa;font-size:1.3rem;font-weight:600;margin:0}.analysis-type{background:#3b82f61a;color:#93c5fd;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;border:1px solid rgba(59,130,246,.2)}.key-metrics{margin-bottom:1.5rem}.key-metrics h4{color:#cbd5e1;font-size:1rem;margin-bottom:.75rem;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}.metric-item{background:#1e293b80;padding:1rem;border-radius:.5rem;text-align:center;border:1px solid rgba(71,85,105,.2)}.metric-value{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.metric-name{color:#94a3b8;font-size:.875rem}.trend{font-size:1rem}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-stable{color:#6b7280}.analysis-insights h4{color:#cbd5e1;font-size:1rem;margin-bottom:.75rem;font-weight:600}.insights-list{list-style:none;padding:0;margin:0}.insights-list li{color:#e2e8f0;margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.5}.insights-list li:before{content:"•";color:#60a5fa;font-weight:700;position:absolute;left:0;top:0}.chart-container{background:#1e293b4d;border-radius:.5rem;padding:2rem;text-align:center;border:1px solid rgba(71,85,105,.2)}.chart-placeholder{color:#94a3b8}.chart-icon{font-size:3rem;margin-bottom:1rem;display:block}.chart-placeholder p{margin:.5rem 0;font-size:1.1rem;color:#cbd5e1}.chart-info{margin-top:1rem;font-size:.875rem;color:#64748b}.map-controls{display:flex;gap:.5rem;flex-wrap:wrap}.layer-tag{background:#22c55e1a;color:#4ade80;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;border:1px solid rgba(34,197,94,.2)}.map-container{background:#1e293b4d;border-radius:.5rem;padding:3rem 2rem;text-align:center;border:1px solid rgba(71,85,105,.2);min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}.map-placeholder{color:#94a3b8}.map-icon{font-size:4rem;margin-bottom:1rem;display:block}.map-info{margin-top:1rem;font-size:.875rem;color:#64748b}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid rgba(71,85,105,.2)}.protocol-table{width:100%;border-collapse:collapse;background:#1e293b4d}.protocol-table th{background:#33415599;color:#e2e8f0;font-weight:600;padding:.875rem 1rem;text-align:left;border-bottom:1px solid rgba(71,85,105,.3);white-space:nowrap}.protocol-table td{color:#cbd5e1;padding:.875rem 1rem;border-bottom:1px solid rgba(71,85,105,.2)}.protocol-table tbody tr:hover{background:#3341554d}.sort-icon{margin-left:.5rem;color:#64748b;font-size:.75rem}.timeline-container{padding:1rem 0}.timeline-track{position:relative;padding-left:2rem}.timeline-track:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6cc,#3b82f64d)}.timeline-event{position:relative;margin-bottom:2rem;padding-left:2rem}.event-marker{position:absolute;left:-2.25rem;top:.25rem;width:1rem;height:1rem;background:#3b82f6;border:3px solid rgba(15,23,42,1);border-radius:50%;z-index:1}.timeline-event.high .event-marker{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.timeline-event.medium .event-marker{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.timeline-event.milestone .event-marker{background:#10b981;box-shadow:0 0 0 4px #10b98133;transform:rotate(45deg)}.event-content{background:#1e293b80;padding:1rem 1.25rem;border-radius:.5rem;border:1px solid rgba(71,85,105,.2)}.event-date{color:#60a5fa;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.event-title{color:#e2e8f0;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.event-description{color:#94a3b8;font-size:.875rem;line-height:1.5}@media (max-width: 768px){.protocol-component{padding:1rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.component-header{flex-direction:column;align-items:flex-start;gap:.75rem}.map-container{padding:2rem 1rem;min-height:200px}.chart-container{padding:1.5rem 1rem}.timeline-track,.timeline-event{padding-left:1.5rem}.event-marker{left:-1.75rem}}.context-item{margin-bottom:12px;padding:8px;background:#0a0a0a;border-radius:4px;max-width:280px}.context-type{font-size:var(--text-sm, 10px);color:#00d4ff;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.context-detail{font-size:var(--text-base, 11px);line-height:1.4;color:#e5e5e5}.rec-item{max-width:280px;display:flex;align-items:center;gap:8px;padding:8px;margin:2px 0;border-radius:4px;cursor:pointer;transition:background .2s ease}.rec-item:hover{background:#0a0a0a}.rec-score{background:#0f8;color:#000;padding:2px 6px;border-radius:10px;font-size:var(--text-sm, 10px);font-weight:600;min-width:32px;text-align:center}.rec-content{font-size:var(--text-base, 11px);flex:1;color:#e5e5e5}.timeline-view{height:100%;padding:24px;background:#0a0a0a;color:#e5e5e5;overflow-y:auto}.timeline-header{margin-bottom:32px}.timeline-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px}.filter-controls,.horizon-controls{display:flex;align-items:center;gap:12px}.control-label{font-size:14px;font-weight:600;color:#bbb}.filter-buttons{display:flex;gap:8px}.timeline-btn{padding:8px 16px;background:transparent;border:1px solid #555;color:#bbb;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.timeline-btn:hover{border-color:#777;color:#e5e5e5}.timeline-btn.active{background:#0f8;border-color:#0f8;color:#000}.horizon-select{padding:8px 12px;background:#1a1a1a;border:1px solid #555;color:#e5e5e5;border-radius:8px;font-size:12px}.timeline-container{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:24px;margin-bottom:32px}.timeline-content{position:relative}.timeline-axis{position:relative;padding-left:40px}.timeline-range{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;position:relative}.timeline-range.competition{background:#ff6b351a;border-color:#ff6b354d}.range-label{font-size:14px;font-weight:600;color:#0f8;margin-bottom:4px}.timeline-range.competition .range-label{color:#ff6b35}.range-period{font-size:12px;color:#888}.timeline-event{display:flex;align-items:flex-start;margin-bottom:24px;position:relative}.event-marker{position:relative;margin-right:20px;display:flex;flex-direction:column;align-items:center}.event-dot{width:16px;height:16px;border-radius:50%;background:var(--impact-color, #00ff88);border:3px solid #0a0a0a;box-shadow:0 0 0 2px var(--impact-color, #00ff88);z-index:2}.event-line{width:2px;height:40px;background:#333;margin-top:8px}.timeline-event:last-child .event-line{display:none}.event-content{flex:1;background:#1a1a1acc;border:1px solid #333;border-radius:12px;padding:16px}.timeline-event.timeline-current .event-content{border-color:#0f8;background:#00ff880d}.timeline-event.timeline-upcoming .event-content{border-color:#ff6b35;background:#ff6b350d}.event-date{font-size:12px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.event-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.event-description{font-size:14px;color:#bbb;line-height:1.5;margin-bottom:12px}.event-impact{display:flex;justify-content:flex-end}.impact-indicator{font-size:11px;padding:4px 8px;background:#ffffff1a;border-radius:6px;color:var(--impact-color, #00ff88);font-weight:600}.timeline-legend{display:flex;gap:32px;margin-top:24px;padding-top:24px;border-top:1px solid #333}.legend-section{flex:1}.legend-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb}.legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid #0a0a0a}.legend-dot.timeline-past{background:#888}.legend-dot.timeline-current{background:#0f8}.legend-dot.timeline-upcoming{background:#ff6b35}.timeline-actions{display:flex;gap:16px;justify-content:center;padding:24px;background:#1a1a1a80;border-radius:12px}.action-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:8px}.action-btn.primary{background:#0f8;color:#000;border-color:#0f8}.action-btn.primary:hover{background:#00e67a}.action-btn.secondary{background:transparent;color:#bbb;border-color:#555}.action-btn.secondary:hover{background:#ffffff0d;color:#e5e5e5;border-color:#777}@media (max-width: 768px){.timeline-controls{flex-direction:column;gap:16px}.filter-controls,.horizon-controls{justify-content:center}.filter-buttons{flex-wrap:wrap;justify-content:center}.timeline-legend{flex-direction:column;gap:16px}.timeline-actions{flex-direction:column}}.placeholder-content{padding:40px;text-align:center;color:#888;background:#1a1a1a80;border-radius:12px;border:1px dashed #555}.placeholder-content button{margin-top:16px;padding:8px 16px;background:#0f8;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600}.chart-section{margin-bottom:32px;background:transparent;border-radius:0;padding:0;border:none}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.chart-title-section h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;font-family:Inter,sans-serif}.chart-subtitle{font-size:12px;color:#888;font-family:Inter,sans-serif;margin:0}.chart-controls{display:flex;gap:8px;align-items:center}.export-btn{background:#1e1e1e;border:1px solid #333;color:#e5e5e5;padding:8px 12px;font-size:11px;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:all .2s ease;white-space:nowrap}.export-btn:hover:not(:disabled){background:#2a2a2a;border-color:#444;color:#fff}.export-btn:disabled{opacity:.6;cursor:not-allowed}.chart-container{position:relative;width:100%;background:transparent;border-radius:0;overflow:visible}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.loading-spinner{width:32px;height:32px;border:3px solid #333;border-top:3px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-text{color:#888;font-size:14px;font-family:Inter,sans-serif;font-weight:500}.chart-annotations-info{margin-top:12px;padding:8px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:6px}.annotations-note{font-size:11px;color:#0f8;font-family:Inter,sans-serif;margin:0}.chart-container canvas{background:transparent!important}@media (max-width: 768px){.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-controls{width:100%;justify-content:flex-start}.export-btn{flex:1;text-align:center}}.chart-section[data-chart-type=bar] .chart-container,.chart-section[data-chart-type=area] .chart-container{background:linear-gradient(135deg,#1a1a1a,#1e1e1e)}.chart-controls .export-btn.exporting{background:#2a2a2a;color:#0f8;border-color:#0f8}.chart-container:focus-within{outline:2px solid #00ff88;outline-offset:2px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.chart-container canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.data-view-content{padding:0;background:transparent;color:#e5e5e5;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0}.data-header-controls{display:flex;gap:8px}.control-btn{background:none;border:none;color:#e5e5e5;padding:8px 16px;font-size:11px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease}.control-btn:hover{background:#252525;color:#fff}.data-header h2{font-size:16px;font-weight:600;color:#fff;margin:0}.chart-section{margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chart-header h3{font-size:14px;font-weight:500;color:#fff;margin:0}.chart-period{font-size:11px;color:#888}.chart-container{position:relative;background:transparent}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.grid-section h3{font-size:14px;font-weight:500;color:#fff;margin-bottom:12px}.data-table{background:#1e1e1e;border-radius:6px;overflow:hidden}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#2a2a2a;color:#888;font-size:10px;font-weight:600;text-transform:uppercase;padding:8px 12px;text-align:left;letter-spacing:.5px}.data-table td{padding:8px 12px;font-size:11px;border-bottom:1px solid #333}.data-table tr.highlight{background:#0f1a1f}.data-table .positive{color:#0f8}.data-table .negative{color:#f44}.comparison-charts{display:flex;flex-direction:column;gap:20px}.comparison-item h4{font-size:12px;font-weight:500;color:#fff;margin-bottom:8px}.bar-chart{display:flex;flex-direction:column;gap:6px}.bar-item{display:flex;align-items:center;gap:8px;font-size:10px}.bar-item span{min-width:80px;color:#e5e5e5}.bar{height:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:600;border-radius:2px}.bar.positive{background:#0f8}.bar.negative{background:#f44}.bar.neutral{background:#888}.historical-data{display:flex;flex-direction:column;gap:6px}.historical-point{display:flex;justify-content:space-between;padding:6px 8px;background:#1e1e1e;border-radius:4px;font-size:10px}.historical-point:last-child{margin-bottom:0}.historical-point.current{background:#2a4a2a;border:1px solid #00ff88}.historical-point .date{color:#e5e5e5}.historical-point .impact{font-weight:600}.historical-point .impact.positive{color:#0f8}.forecast-section{margin-top:24px}.forecast-section h3{font-size:14px;font-weight:500;color:#fff;margin-bottom:16px}.forecast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.forecast-card{background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:16px}.forecast-card h4{font-size:12px;font-weight:500;color:#fff;margin-bottom:8px}.forecast-metric{margin-bottom:8px}.forecast-label{display:block;font-size:10px;color:#888;margin-bottom:2px}.forecast-value{display:block;font-size:13px;font-weight:600;color:#e5e5e5;margin-bottom:2px}.forecast-change{font-size:10px;font-weight:500}.forecast-change.positive{color:#0f8}.forecast-change.negative{color:#f44}.forecast-confidence{font-size:10px;color:#888}.right-sidebar{background:#121212;border-left:1px solid #333;padding:16px;overflow-y:auto;height:100%}.data-insights h4{font-size:11px;text-transform:uppercase;color:#888;margin-bottom:12px;letter-spacing:.5px}.insight-item{margin-bottom:12px;padding:8px;background:#1e1e1e;border-radius:4px}.insight-type{font-size:10px;color:#00d4ff;text-transform:uppercase;margin-bottom:4px;letter-spacing:.5px}.insight-detail{font-size:11px;line-height:1.4}.data-quality h4{font-size:11px;text-transform:uppercase;color:#888;margin:16px 0 12px;letter-spacing:.5px}.quality-meter{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quality-label{min-width:80px;font-size:10px;color:#888}.quality-bar{flex:1;height:4px;background:#333;border-radius:2px;overflow:hidden}.quality-fill{height:100%;background:#0f8;transition:width .3s ease}.quality-value{font-size:10px;color:#e5e5e5;font-weight:600}.quality-sources{margin-top:12px}.quality-sources h5{font-size:10px;color:#888;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.quality-sources ul{list-style:none;padding:0}.quality-sources li{font-size:10px;color:#e5e5e5;margin-bottom:2px}.related-datasets h4{font-size:11px;text-transform:uppercase;color:#888;margin:16px 0 12px;letter-spacing:.5px}.dataset-item{padding:8px;margin-bottom:6px;background:#1e1e1e;border-radius:4px;cursor:pointer;transition:background .2s ease}.dataset-item:hover{background:#2a2a2a}.dataset-title{font-size:11px;color:#e5e5e5;margin-bottom:2px;font-weight:500}.dataset-update{font-size:9px;color:#888}.data-view{padding:24px;max-width:1400px;margin:0 auto;background:transparent;color:#e0e6ed;font-family:Inter,sans-serif}.dataset-selector{margin-bottom:24px}.dataset-tabs{display:flex;gap:8px;flex-wrap:wrap;background:#111827;padding:8px;border-radius:12px;border:1px solid #1f2937}.dataset-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid transparent;background:transparent;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:140px}.dataset-tab:hover{background:#1f2937;color:#e5e7eb;border-color:#374151}.dataset-tab.active{background:#0f8;color:#0a0e1a;border-color:#0f8;font-weight:600}.tab-icon{font-size:16px}.tab-label{font-weight:500}.tab-count{font-size:12px;background:#fff3;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.dataset-tab.active .tab-count{background:#0a0e1a4d}.data-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#111827;padding:16px;border-radius:8px;border:1px solid #1f2937;flex-wrap:wrap}.search-box{flex:1;min-width:200px}.search-input{width:100%;padding:10px 16px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 1px #0f8}.search-input::placeholder{color:#6b7280}.filter-controls{display:flex;gap:12px}.filter-select{padding:10px 12px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#0f8}.data-summary{font-size:14px;color:#9ca3af;white-space:nowrap}.data-table-container{background:#111827;border:1px solid #1f2937;border-radius:12px;overflow:hidden;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:#1f2937;border-bottom:1px solid #374151}.data-table th{padding:16px 12px;text-align:left;font-weight:600;color:#e5e7eb;border-right:1px solid #374151;position:relative}.data-table th:last-child{border-right:none}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.data-table th.sortable:hover{background:#374151;color:#0f8}.sort-icon{margin-left:4px;opacity:.6;font-size:12px}.data-table th.sortable:hover .sort-icon{opacity:1;color:#0f8}.data-table tbody tr{border-bottom:1px solid #1f2937;transition:all .15s ease}.data-table tbody tr:hover{background:#1f2937}.data-table td{padding:12px;border-right:1px solid #1f2937;vertical-align:middle}.data-table td:last-child{border-right:none}.metric-name{font-weight:600;color:#e5e7eb}.metric-value{font-weight:600;color:#0f8}.trend.increasing{color:#10b981}.trend.decreasing{color:#ef4444}.trend.neutral{color:#9ca3af}.impact-badge,.confidence-badge,.relevance-badge,.strength-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.impact-badge.high,.strength-badge.high{background:#ef4444cc;color:#fff}.impact-badge.medium,.strength-badge.medium{background:#f59e0bcc;color:#fff}.impact-badge.low{background:#6b7280cc;color:#fff}.confidence-badge.confirmed{background:#10b981cc;color:#fff}.confidence-badge.developing{background:#f59e0bcc;color:#fff}.confidence-badge.projected{background:#8b5cf6cc;color:#fff}.relevance-badge.critical{background:#ef4444cc;color:#fff}.relevance-badge.high{background:#f59e0bcc;color:#fff}.relevance-badge.medium{background:#6b7280cc;color:#fff}.stage{font-weight:600;color:#0f8}.headline{color:#e5e7eb;font-weight:500}.timeframe{color:#9ca3af}.status.emerging{color:#8b5cf6}.status.developing{color:#f59e0b}.status.mature{color:#10b981}.vessel{font-weight:600;color:#60a5fa}.operator{color:#e5e7eb}.loading-date{color:#9ca3af;font-family:Courier New,monospace}.mechanism{font-weight:600;color:#f59e0b}.description{color:#e5e7eb;line-height:1.4;max-width:300px}.data-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}@media (max-width: 1200px){.data-view{padding:20px}.data-table-container{overflow-x:auto}.data-table{min-width:800px}}@media (max-width: 768px){.data-view{padding:16px}.dataset-tabs{flex-direction:column}.dataset-tab{min-width:auto;justify-content:center}.data-controls{flex-direction:column;align-items:stretch}.filter-controls,.data-actions{flex-direction:column}.action-btn{justify-content:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}}.empty-data-state{text-align:center;padding:48px 24px;color:#6b7280}.empty-data-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-data-state .empty-message{font-size:16px;margin-bottom:8px}.empty-data-state .empty-suggestion{font-size:14px;color:#9ca3af}.data-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:#9ca3af}.data-loading .loading-spinner{width:20px;height:20px;border:2px solid #374151;border-top:2px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.overview-view{height:100%;overflow-y:auto;background:#0a0a0a}.overview-content{padding:24px;max-width:1400px;margin:0 auto}.section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #333}.metrics-section{margin-bottom:48px}.metrics-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:32px}.main-metric-card{grid-row:span 2}.metric-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:20px;transition:all .3s ease}.metric-card:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h4{font-size:14px;font-weight:600;color:#fff;margin:0}.card-type{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.pricing-card .metric-value{font-size:28px;font-weight:700;margin-bottom:8px}.pricing-card .metric-value.negative{color:#f44}.pricing-card .metric-value.positive{color:#0f8}.metric-current{font-size:14px;color:#bbb;margin-bottom:8px}.metric-context{font-size:12px;color:#888;font-style:italic}.competitive-card .competitive-target{font-size:14px;color:#00d4ff;font-weight:600;margin-bottom:8px}.competitive-advantage{font-size:13px;color:#bbb;margin-bottom:8px;line-height:1.4}.competitive-impact{font-size:12px;color:#888;font-style:italic}.story-summary-section{margin-bottom:48px}.story-summary-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:24px}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.story-headline{font-size:20px;font-weight:700;color:#fff;line-height:1.3;flex:1;margin-right:20px}.story-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-indicator{padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-indicator.developing{background:#ff6b3533;color:#ff6b35;border:1px solid #ff6b35}.status-indicator.emerging{background:#f443;color:#f44;border:1px solid #ff4444}.status-indicator.mature{background:#0f83;color:#0f8;border:1px solid #00ff88}.story-timeframe{font-size:12px;color:#888}.story-developments{margin-bottom:24px}.development-item{display:flex;align-items:flex-start;margin-bottom:12px;gap:12px}.development-bullet{color:#0f8;font-weight:700;margin-top:2px}.development-text{font-size:14px;color:#bbb;line-height:1.5}.story-actions{display:flex;gap:12px}.story-action-btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.story-action-btn.primary{background:#0f8;color:#000;border-color:#0f8}.story-action-btn.primary:hover{background:#00e67a;border-color:#00e67a}.story-action-btn.secondary{background:transparent;color:#bbb;border-color:#555}.story-action-btn.secondary:hover{background:#ffffff0d;color:#e5e5e5;border-color:#777}.recommendations-section{margin-bottom:48px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.recommendation-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.recommendation-card:hover{border-color:#555;transform:translateY(-2px)}.recommendation-card.primary{border-color:#0f8;background:linear-gradient(135deg,#00ff881a,#1a1a1a)}.rec-score{font-size:24px;font-weight:700;color:#0f8;min-width:40px}.rec-content{flex:1;font-size:14px;color:#e5e5e5;line-height:1.4}.rec-action{margin-left:auto}.rec-btn{background:transparent;border:1px solid #555;color:#bbb;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.rec-btn:hover{border-color:#0f8;color:#0f8}.quick-nav-section{margin-bottom:24px}.quick-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.nav-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center}.nav-card:hover{border-color:#0f8;transform:translateY(-2px);box-shadow:0 8px 25px #00ff881a}.nav-icon{font-size:32px;margin-bottom:12px}.nav-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.nav-description{font-size:13px;color:#888;line-height:1.4}@media (max-width: 1200px){.metrics-grid{grid-template-columns:1fr 1fr}.main-metric-card{grid-column:span 2;grid-row:span 1}}@media (max-width: 768px){.overview-content{padding:16px}.metrics-grid{grid-template-columns:1fr}.main-metric-card{grid-column:span 1}.story-header{flex-direction:column;gap:16px}.story-headline{margin-right:0}.story-status{align-items:flex-start}.story-actions{flex-direction:column}.recommendations-grid{grid-template-columns:1fr}.quick-nav-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quick-nav-grid{grid-template-columns:1fr}}.connections-view{padding:24px;max-width:1400px;margin:0 auto;background:#0a0e1a;color:#e0e6ed;font-family:Inter,sans-serif}.view-header{margin-bottom:32px;border-bottom:1px solid #1a2332;padding-bottom:24px}.view-title{font-size:32px;font-weight:700;color:#0f8;margin-bottom:8px}.view-description{font-size:16px;color:#9ca3af;line-height:1.5}.network-controls{display:flex;align-items:center;gap:24px;margin-bottom:24px;background:#111827;padding:20px;border-radius:12px;border:1px solid #1f2937;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:12px}.control-label{font-size:14px;font-weight:600;color:#9ca3af;white-space:nowrap}.mode-buttons{display:flex;gap:8px}.mode-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.mode-btn:hover{background:#374151;border-color:#0f8}.mode-btn.active{background:#0f8;color:#0a0e1a;border-color:#0f8;font-weight:600}.mode-icon{font-size:16px}.layout-select,.filter-select{padding:10px 12px;border:1px solid #374151;background:#1f2937;color:#e5e7eb;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:120px}.layout-select:focus,.filter-select:focus{outline:none;border-color:#0f8}.network-container{position:relative;background:#111827;border:1px solid #1f2937;border-radius:12px;overflow:hidden;margin-bottom:24px;height:600px}.network-graph{width:100%;height:100%;background:linear-gradient(135deg,#111827,#1a202c)}.network-legend{position:absolute;top:16px;right:16px;background:#111827f2;border:1px solid #374151;border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:200px;z-index:10}.network-legend h4{font-size:14px;font-weight:700;color:#0f8;margin:0 0 12px}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#e5e7eb}.legend-shape{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-shape.star{background:#0f8;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.legend-shape.box{background:#f59e0b;border-radius:2px}.legend-shape.circle{background:#0891b2;border-radius:50%}.legend-shape.triangle{background:#dc2626;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.legend-shape.diamond{background:#10b981;transform:rotate(45deg)}.legend-shape.dot{background:#8b5cf6;border-radius:50%}.legend-shape.ellipse{background:#7c3aed;border-radius:50%;width:16px;height:10px}.node-details{position:absolute;bottom:16px;left:16px;background:#111827f2;border:1px solid #374151;border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:300px;z-index:10}.node-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.node-details-header h4{font-size:16px;font-weight:700;color:#0f8;margin:0;flex:1}.close-details{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:20px;padding:0;margin-left:8px;transition:color .2s ease}.close-details:hover{color:#e5e7eb}.node-details-content{font-size:14px;line-height:1.5}.node-details-content p{margin:8px 0;color:#e5e7eb}.node-details-content strong{color:#9ca3af;font-weight:600}.mechanism-insights{margin-top:12px;padding-top:12px;border-top:1px solid #374151}.mechanism-insights h5{font-size:13px;font-weight:600;color:#0f8;margin:0 0 8px}.mechanism-insights p{color:#e5e7eb;font-size:13px;line-height:1.4;margin:0;background:#00ff880d;padding:8px 12px;border-radius:6px;border-left:3px solid #00ff88}.connections-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:32px}.action-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:flex;align-items:center;gap:8px}.action-btn.primary{background:#0f8;color:#0a0e1a}.action-btn.primary:hover{background:#00cc6a;transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}.action-btn.secondary{background:#374151;color:#e5e7eb;border:1px solid #4b5563}.action-btn.secondary:hover{background:#4b5563;border-color:#0f8}@media (max-width: 1200px){.connections-view{padding:20px}.network-container{height:500px}.network-legend{position:static;margin-bottom:16px;max-width:none}.node-details{position:static;margin-top:16px;max-width:none}}@media (max-width: 768px){.connections-view{padding:16px}.network-controls{flex-direction:column;align-items:stretch;gap:16px}.control-group{flex-direction:column;align-items:stretch;gap:8px}.mode-buttons{flex-direction:column}.mode-btn{justify-content:center}.network-container{height:400px}.connections-actions{flex-direction:column}.action-btn{justify-content:center}}.network-loading{display:flex;align-items:center;justify-content:center;height:400px;color:#9ca3af;font-size:16px}.network-loading .loading-spinner{width:32px;height:32px;border:3px solid #374151;border-top:3px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;margin-right:16px}.network-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#6b7280;text-align:center}.network-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.network-empty .empty-message{font-size:16px;margin-bottom:8px}.network-empty .empty-suggestion{font-size:14px;color:#9ca3af}.vis-network{outline:none}.vis-tooltip{background:#111827f2!important;border:1px solid #374151!important;border-radius:6px!important;color:#e5e7eb!important;font-family:Inter,sans-serif!important;font-size:12px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vis-manipulation{background:#111827!important;border-top:1px solid #374151!important;color:#e5e7eb!important}.vis-button{background:#374151!important;border:1px solid #4b5563!important;color:#e5e7eb!important}.vis-button:hover{background:#4b5563!important;border-color:#0f8!important}.maritime-map-container{position:relative;width:100%;height:500px;background:#0a0a0a}.maritime-map{width:100%;height:100%;background:#0a0a0a}.leaflet-control-attribution{background:#1a1a1ae6!important;color:#888!important;font-size:10px!important}.leaflet-control-zoom{background:#1a1a1ae6!important;border:1px solid #333!important}.leaflet-control-zoom a{background:#1a1a1ae6!important;color:#e5e5e5!important;border:none!important}.leaflet-control-zoom a:hover{background:#333333e6!important;color:#00d4ff!important}.map-popup{background:#1e1e1e;color:#e5e5e5;border-radius:4px;padding:8px}.map-popup h4{margin:0 0 4px;font-size:13px;color:#00d4ff}.map-popup p{margin:0;font-size:11px;color:#888}.map-overlays{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.map-card-overlay{pointer-events:auto}.leaflet-interactive{stroke-linecap:round;stroke-linejoin:round}@media (max-width: 768px){.map-card-overlay{top:10px!important;left:10px!important;right:10px}.map-card-overlay .market-event-card{width:auto;max-width:calc(100vw - 40px)}}.market-event-analysis{display:flex;flex-direction:column;height:100%;background:#0a0a0a}.analysis-nav{display:flex;background:#0a0a0a;border-bottom:1px solid #333;padding:0;overflow-x:auto;flex-shrink:0}.nav-btn{background:none;border:none;color:#888;padding:12px 20px;font-size:var(--text-base, 11px);font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:2px solid transparent}.nav-btn:hover{color:#e5e5e5;background:#252525}.nav-btn.active{color:#00d4ff;border-bottom-color:#00d4ff;background:#0a0a0a}.analysis-content{flex:1;overflow-y:auto;padding:0;background:#0a0a0a;border-radius:0;height:0}.analysis-view{width:100%;min-height:100%}.analysis-title{padding:20px 20px 16px;border-bottom:1px solid #333;background:#0a0a0a}.analysis-title h1{font-size:var(--text-4xl, 24px);font-weight:600;color:#e5e5e5;margin:0 0 16px;line-height:1.2}.analysis-meta-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.impact-level{padding:4px 12px;border-radius:12px;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.impact-level.high{background:#00ff8826;color:#0f8}.relevance,.analysis-status,.last-updated{font-size:var(--text-md, 12px);color:#888}.analysis-status{color:#00d4ff;font-weight:500}.overview-content{display:flex;flex-direction:column;gap:0}.overview-section{background:#0a0a0a;border:none;border-radius:0;padding:16px 20px;border-bottom:1px solid #333}.overview-section:last-child{border-bottom:none;padding-bottom:0}.overview-section h2{font-size:var(--text-2xl);font-weight:600;color:#e5e5e5;margin:0 0 12px;border-bottom:none;padding-bottom:0}.market-event-container{display:flex;justify-content:flex-start}.temporal-summary{display:flex;flex-direction:column;gap:24px}.current-stage-info h3{font-size:var(--text-xl);font-weight:600;color:#e5e5e5;margin:0 0 8px}.current-stage-info p{font-size:var(--text-lg);color:#888;margin:0;line-height:1.4}.progression-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stage-item{background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:16px;transition:all .2s ease}.stage-item.current{border-color:#00d4ff;background:#00d4ff0d}.stage-item:hover{background:#2a2a2a;border-color:#404040}.stage-name{font-size:var(--text-md);font-weight:600;color:#e5e5e5;margin-bottom:6px}.stage-timeframe{font-size:var(--text-base);color:#888;margin-bottom:4px}.stage-headline{font-size:var(--text-base, 11px);color:#ccc;line-height:1.3}.content-block p{font-size:var(--text-lg, 13px);line-height:1.6;color:#e5e5e5;margin:0 0 16px}.analysis-text p{margin-bottom:16px}.key-takeaways ul{list-style:none;padding:0;margin:0}.key-takeaways li{font-size:var(--text-lg, 13px);color:#e5e5e5;border-bottom:1px solid #333;position:relative;padding:12px 0 12px 24px}.key-takeaways li:before{content:"●";color:#00d4ff;position:absolute;left:0;top:12px}.key-takeaways li:last-child{border-bottom:none}.connection-callouts{display:flex;flex-direction:column;gap:16px}.connection-callout{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:20px;transition:all .2s ease}.connection-callout.causal{border-left:4px solid #00ff88;background:#00ff880d}.connection-callout.supply-pressure{border-left:4px solid #ff6b35;background:#ff6b350d}.connection-type{font-size:var(--text-base, 11px);font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.connection-text{font-size:var(--text-lg, 13px);color:#e5e5e5;line-height:1.5;margin-bottom:16px}.explore-connection{background:#00d4ff;color:#0a0a0a;border:none;padding:8px 16px;border-radius:4px;font-size:var(--text-base, 11px);font-weight:600;cursor:pointer;transition:all .2s ease}.explore-connection:hover{background:#00b8e6;transform:translateY(-1px)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.action-card{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:20px;transition:all .2s ease}.action-card.high-priority{border-left:4px solid #ff6b35;background:#ff6b350d}.action-card.medium-priority{border-left:4px solid #ffa500;background:#ffa5000d}.action-card:hover{background:#1a1a1a;border-color:#404040;transform:translateY(-2px)}.action-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.action-header h4{font-size:var(--text-xl, 14px);font-weight:600;color:#e5e5e5;margin:0;line-height:1.3}.priority-badge{font-size:var(--text-xs, 9px);padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge.high-priority{background:#ff6b3533;color:#ff6b35}.priority-badge.medium-priority{background:#ffa50033;color:orange}.action-card p{font-size:var(--text-md, 12px);color:#ccc;line-height:1.5;margin:0 0 16px}.action-card .action-btn{background:none;border:1px solid #00d4ff;color:#00d4ff;padding:8px 16px;border-radius:4px;font-size:var(--text-base, 11px);font-weight:500;cursor:pointer;transition:all .2s ease}.action-card .action-btn:hover{background:#00d4ff;color:#0a0a0a}.intelligence-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:10px 20px;border:none;border-radius:6px;font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn.primary{background:#00d4ff;color:#000}.action-btn.primary:hover{background:#00b8e6;transform:translateY(-1px)}.action-btn.secondary{background:#333;color:#e5e5e5;border:1px solid #404040}.action-btn.secondary:hover{background:#404040;border-color:#555;transform:translateY(-1px)}.geography-content,.impact-content{padding:0 24px}.players-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.player-category h3{font-size:var(--text-xl);font-weight:600;color:#e5e5e5;margin:0 0 16px;border-bottom:1px solid #333;padding-bottom:8px}.player-item{background:#252525;border:1px solid #333;border-radius:4px;padding:12px 16px;margin-bottom:8px;font-size:var(--text-md);color:#e5e5e5;transition:all .2s ease}.player-item:hover{background:#2a2a2a;border-color:#404040}.view-loading,.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#888}.loading-spinner{width:32px;height:32px;border:2px solid #333;border-top:2px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:var(--text-xl);color:#888}@media (max-width: 768px){.analysis-content{padding:16px}.overview-content{gap:24px}.overview-section{padding:16px}.progression-stages,.intelligence-items{grid-template-columns:1fr}.quick-actions{flex-direction:column}.players-content,.action-cards{grid-template-columns:1fr}.connection-callouts{gap:12px}.action-card{padding:16px}.action-header{flex-direction:column;gap:8px;align-items:flex-start}}.sidebar-component{margin-bottom:24px;padding:0}.sidebar-component:last-child{margin-bottom:0}.sidebar-component h4{color:#e5e5e5;font-size:13px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #333;padding-bottom:8px}.dataset-selector .dataset-options{display:flex;flex-direction:column;gap:8px}.dataset-option{padding:12px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e5e5e5;cursor:pointer;font-size:12px;transition:all .2s ease}.dataset-option:hover{background:#2a2a2a;border-color:#404040}.dataset-option.active{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.chart-controls .control-group,.data-filters .filter-group{margin-bottom:16px}.chart-controls .control-group:last-child,.data-filters .filter-group:last-child{margin-bottom:0}.chart-controls label,.data-filters label{display:block;color:#888;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.chart-controls select,.data-filters select,.connection-filters select{width:100%;padding:8px 12px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e5e5e5;font-size:12px;cursor:pointer}.chart-controls select:focus,.data-filters select:focus,.connection-filters select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 1px #00d4ff}.data-insights .insight-item,.connection-insights .insight-item{margin-bottom:16px;padding:12px;background:#1a1a1a;border-radius:4px;border-left:3px solid #00d4ff}.data-insights .insight-item:last-child,.connection-insights .insight-item:last-child{margin-bottom:0}.insight-type{font-size:10px;color:#00d4ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.insight-detail{font-size:12px;color:#e5e5e5;line-height:1.4}.quality-metrics .quality-meter{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quality-metrics .quality-meter:last-child{margin-bottom:0}.quality-label{min-width:80px;font-size:11px;color:#888;text-transform:uppercase}.quality-bar{flex:1;height:6px;background:#333;border-radius:3px;overflow:hidden}.quality-fill{height:100%;background:linear-gradient(90deg,#ff6b35,orange,#0f8);transition:width .3s ease;border-radius:3px}.quality-value{font-size:11px;color:#e5e5e5;font-weight:600;min-width:35px;text-align:right}.export-options .export-btn{display:block;width:100%;padding:10px 12px;margin-bottom:8px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#e5e5e5;font-size:12px;cursor:pointer;transition:all .2s ease}.export-options .export-btn:last-child{margin-bottom:0}.export-options .export-btn:hover{background:#2a2a2a;border-color:#00d4ff;color:#00d4ff}.current-analysis .current-story{margin-bottom:0}.current-analysis .story-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;position:relative}.current-analysis .story-card.active{border-left:4px solid #00d4ff}.current-analysis .story-title{color:#e5e5e5;font-size:16px;font-weight:600;margin-bottom:8px;line-height:1.3}.current-analysis .story-meta{color:#888;font-size:12px;margin-bottom:12px}.current-analysis .analysis-type{display:flex;align-items:center;gap:8px;font-size:12px;color:#0f8;font-weight:500}.current-analysis .analysis-indicator{width:8px;height:8px;border-radius:50%;background:#0f8}.connection-filters .filter-group{margin-bottom:16px}.connection-filters .filter-group:last-child{margin-bottom:0}.connection-filters label{display:block;color:#888;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.current-report .current-story{margin-bottom:0}.current-report .story-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;position:relative}.current-report .story-card.active{border-left:4px solid #00d4ff}.current-report .story-title{color:#e5e5e5;font-size:14px;font-weight:600;margin-bottom:8px;line-height:1.3}.current-report .story-meta{color:#888;font-size:11px;display:flex;gap:8px;align-items:center}.related-stories .related-story-item{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}.related-stories .related-story-item:last-child{margin-bottom:0}.related-stories .related-story-item:hover{background:#2a2a2a;border-color:#404040}.related-stories .story-connection{font-size:10px;color:#00d4ff;font-weight:600;text-transform:uppercase;margin-bottom:4px}.related-stories .story-title{font-size:12px;color:#e5e5e5;font-weight:500;margin-bottom:4px;text-transform:capitalize}.related-stories .story-type{font-size:10px;color:#888;text-transform:uppercase}.facility-details .facility-info{display:flex;flex-direction:column;gap:12px}.facility-details .facility-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.facility-details .facility-label{font-size:11px;color:#888;font-weight:600;text-transform:uppercase;min-width:60px;flex-shrink:0}.facility-details .facility-value{font-size:12px;color:#e5e5e5;text-align:right;flex:1}.missing-component{padding:16px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:4px;text-align:center;margin-bottom:16px}.missing-component-name{font-size:12px;color:#ff6b35;font-weight:600;margin-bottom:4px}.missing-component-message{font-size:10px;color:#888}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.sidebar-component h4{font-size:12px}.dataset-option,.chart-controls select,.data-filters select,.export-options .export-btn{font-size:11px;padding:8px 10px}.insight-detail{font-size:11px}}.market-event-report{min-height:100vh;max-height:100vh;background:#0a0a0a;color:#fff;padding-top:40px;padding-bottom:24px;overflow:hidden}.main-container{display:grid;grid-template-columns:280px 1fr 320px;gap:0;height:calc(100vh - 64px);width:100%}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar,.view-container::-webkit-scrollbar,.sidebar-scrollable-content::-webkit-scrollbar{width:4px}.left-sidebar::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track,.view-container::-webkit-scrollbar-track,.sidebar-scrollable-content::-webkit-scrollbar-track{background:transparent}.left-sidebar::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb,.view-container::-webkit-scrollbar-thumb,.sidebar-scrollable-content::-webkit-scrollbar-thumb{background:#4449;border-radius:2px}.left-sidebar::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover,.view-container::-webkit-scrollbar-thumb:hover,.sidebar-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555c}.left-sidebar,.right-sidebar,.view-container,.sidebar-scrollable-content{scrollbar-width:thin;scrollbar-color:rgba(68,68,68,.6) transparent}.left-sidebar{background:#0a0a0a;border-right:1px solid #333;padding:0;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.left-sidebar.collapsed{width:40px;padding:12px 8px;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;flex-shrink:0}.sidebar-header h3{color:#00d4ff;font-size:var(--text-md);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.sidebar-sticky-section{padding:8px 24px 16px;border-bottom:1px solid #333;flex-shrink:0}.sidebar-scrollable-content{flex:1;overflow-y:auto;padding:20px 24px}.current-story{margin:0}.story-card{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:16px;margin-bottom:0}.story-card.active{border-color:#00d4ff;background:#00d4ff1a}.story-title{color:#e5e5e5;font-size:var(--text-xl);font-weight:600;margin-bottom:8px;line-height:1.4}.story-meta{color:#888;font-size:var(--text-md)}.related-threads,.recommendations{margin-bottom:24px}.related-threads:last-child,.recommendations:last-child{margin-bottom:0}.related-threads h4,.recommendations h4{color:#e5e5e5;font-size:var(--text-lg);font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.thread-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #333;cursor:pointer}.thread-item:hover{background:#ffffff0d}.thread-item.active{background:#00d4ff1a}.thread-item:last-child{border-bottom:none}.connection-strength{width:8px;height:8px;border-radius:50%;margin-right:12px}.connection-strength.causal{background:#0f8}.thread-label{color:#e5e5e5;font-size:13px}.rec-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #333;cursor:pointer}.rec-item:hover{background:#ffffff0d}.rec-item:last-child{border-bottom:none}.rec-score{background:#0f8;color:#000;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;margin-right:12px;min-width:32px;text-align:center}.rec-content{color:#e5e5e5;font-size:var(--text-lg)}.content-area{background:#0a0a0a;padding:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.function-nav{display:flex;background:#1a1a1a;border-bottom:1px solid #333;padding:0 24px;gap:0;position:sticky;top:0;z-index:10;flex-shrink:0}.function-btn{background:none;border:none;color:#888;font-size:var(--text-base);font-weight:600;padding:16px 20px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent;transition:all .2s ease}.function-btn:hover{color:#e5e5e5;background:#ffffff0d}.function-btn.active{color:#00d4ff;border-bottom-color:#00d4ff}.view-container{padding:32px;overflow-y:auto;flex:1;height:100%}.story-header h1{color:#e5e5e5;font-size:var(--text-4xl);font-weight:700;line-height:1.3;margin:0 0 16px}.story-meta-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.impact-level{padding:4px 12px;border-radius:4px;font-size:var(--text-base);font-weight:600;text-transform:uppercase}.impact-level.high{background:#f44;color:#fff}.relevance,.last-updated{color:#888;font-size:var(--text-md)}.story-content{width:100%}.content-block{margin-bottom:24px}.content-block:last-child{margin-bottom:0}.content-block p{color:#e5e5e5;font-size:var(--text-2xl);line-height:1.6;margin:0 0 16px}.sidebar-section{margin-bottom:24px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h4{color:#e5e5e5;font-size:var(--text-lg);font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.sidebar-list-item{padding:12px 0;border-bottom:1px solid #333;cursor:pointer}.sidebar-list-item:hover{background:#ffffff0d}.sidebar-list-item:last-child{border-bottom:none}.sidebar-card-item{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:12px;margin-bottom:8px;cursor:pointer}.sidebar-card-item:last-child{margin-bottom:0}.sidebar-card-item:hover{background:#ffffff0d}.sidebar-card-item.active{border-color:#00d4ff;background:#00d4ff1a}.content-container{width:100%;display:flex;flex-direction:column;gap:24px}.content-container.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.content-container.full-width{width:100%;max-width:none}.card-container{width:100%;display:flex;flex-direction:column;gap:20px}.card-container.horizontal{flex-direction:row;flex-wrap:wrap}.content-loading{background:#ffffff1a;border-radius:6px;padding:24px;display:flex;align-items:center;justify-content:center;min-height:200px;color:#888;font-size:14px}.content-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;height:20px;margin-bottom:12px}.content-skeleton.wide{width:80%}.content-skeleton.medium{width:60%}.content-skeleton.narrow{width:40%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.data-visualization-container{width:100%;min-height:400px;background:#ffffff05;border:1px solid #333;border-radius:6px;padding:20px}.geography-container{width:100%;min-height:500px;background:#ffffff05;border:1px solid #333;border-radius:6px;overflow:hidden}.connections-container{width:100%;min-height:600px;background:#ffffff05;border:1px solid #333;border-radius:6px;padding:20px}.timeline-container{width:100%;min-height:300px;background:#ffffff05;border:1px solid #333;border-radius:6px;padding:20px}.data-value{color:#00d4ff;font-weight:600}.price-change.negative{color:#f44;font-weight:600}.current-price{color:#0f8;font-weight:600}.inline-prompt{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;padding:16px;margin:16px 0}.prompt-icon{margin-right:8px}.prompt-text{color:#e5e5e5;font-size:14px}.prompt-link{background:none;border:none;color:#00d4ff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline}.connection-callout{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:6px;padding:20px;margin:24px 0}.connection-type{color:#0f8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.connection-text{color:#e5e5e5;font-size:14px;margin-bottom:12px}.explore-connection{background:#0f8;color:#000;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.right-sidebar{background:#0a0a0a;border-left:1px solid #333;padding:0;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.right-sidebar.collapsed{width:40px;padding:12px 8px;overflow:hidden}.context-panel,.active-prompts,.related-stories,.recommendations{margin-bottom:24px}.context-panel:last-child,.active-prompts:last-child,.related-stories:last-child,.recommendations:last-child{margin-bottom:0}.context-panel h4,.active-prompts h4,.related-stories h4,.recommendations h4{color:#e5e5e5;font-size:13px;font-weight:600;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.context-item{padding:12px 0;border-bottom:1px solid #333}.context-item:last-child{border-bottom:none}.context-type{color:#888;font-size:11px;text-transform:uppercase;margin-bottom:4px}.context-detail{color:#e5e5e5;font-size:13px}.prompt-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:6px;margin-bottom:8px;cursor:pointer}.prompt-item.urgency-high{background:#ff44441a;border:1px solid rgba(255,68,68,.3)}.prompt-item.urgency-medium{background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.prompt-text{color:#e5e5e5;font-size:12px;flex:1}.prompt-action{color:#00d4ff;font-size:11px;font-weight:600}.related-item{padding:12px 0;border-bottom:1px solid #333;cursor:pointer}.related-item:hover{background:#ffffff0d}.related-item:last-child{border-bottom:none}.related-title{color:#e5e5e5;font-size:13px;font-weight:500;margin-bottom:4px}.related-connection{color:#888;font-size:11px}.main-container.left-collapsed{grid-template-columns:40px 1fr 320px}.main-container.right-collapsed{grid-template-columns:280px 1fr 40px}.main-container.left-collapsed.right-collapsed{grid-template-columns:40px 1fr 40px}.collapse-btn,.expand-btn{background:none;border:1px solid #444;color:#888;width:20px;height:20px;border-radius:2px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.collapse-btn:hover,.expand-btn:hover{border-color:#666;color:#e5e5e5;background:#ffffff0d}.expand-btn{margin:8px auto;display:block}.collapsed-sidebar{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-start;padding-top:20px}.vertical-title{writing-mode:vertical-rl;text-orientation:mixed;color:#888;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;-webkit-user-select:none;user-select:none;cursor:pointer}.vertical-title:hover{color:#00d4ff}.expand-btn{margin:auto 0 20px;display:block}@media (max-width: 1400px){.main-container{grid-template-columns:260px 1fr 280px}.main-container.left-collapsed{grid-template-columns:40px 1fr 280px}.main-container.right-collapsed{grid-template-columns:260px 1fr 40px}.main-container.left-collapsed.right-collapsed{grid-template-columns:40px 1fr 40px}}@media (max-width: 1200px){.main-container,.main-container.left-collapsed,.main-container.right-collapsed,.main-container.left-collapsed.right-collapsed{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:calc(100vh - 84px)}.left-sidebar,.right-sidebar{border:none;border-bottom:1px solid #333;height:auto;max-height:200px;overflow-y:auto}.content-area{height:auto;flex:1;overflow-y:auto}.left-sidebar.collapsed,.right-sidebar.collapsed{width:100%;height:auto;max-height:60px;padding:12px 24px;overflow:hidden}.collapsed-sidebar{flex-direction:row;justify-content:center;height:auto;padding-top:12px}.vertical-title{writing-mode:horizontal-tb;margin-bottom:0;margin-right:12px}}.sidebar-action-cards{display:flex;flex-direction:column;gap:12px}.sidebar-action-card{background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:16px;transition:all .2s ease}.sidebar-action-card.high-priority{border-left:3px solid #ff6b35;background:#ff6b350d}.sidebar-action-card.medium-priority{border-left:3px solid #ffa500;background:#ffa5000d}.sidebar-action-card:hover{background:#1a1a1a;border-color:#404040}.sidebar-action-card .action-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sidebar-action-card .action-title{font-size:var(--text-md, 12px);font-weight:600;color:#e5e5e5;line-height:1.3}.sidebar-action-card .priority-badge{font-size:var(--text-xs, 9px);padding:3px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start}.sidebar-action-card .priority-badge.high-priority{background:#ff6b3533;color:#ff6b35}.sidebar-action-card .priority-badge.medium-priority{background:#ffa50033;color:orange}.sidebar-action-card .action-description{font-size:var(--text-sm, 10px);color:#ccc;line-height:1.4;margin-bottom:12px}.sidebar-action-card .sidebar-action-btn{background:none;border:1px solid #00d4ff;color:#00d4ff;padding:6px 12px;border-radius:3px;font-size:var(--text-sm, 10px);font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.sidebar-action-card .sidebar-action-btn:hover{background:#00d4ff;color:#0a0a0a}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f1419,#1a2332,#2d3748);padding:20px;position:relative}.auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.auth-page-container{width:100%;max-width:480px;position:relative;z-index:1}.auth-page-header{text-align:center;margin-bottom:2rem}.auth-page-logo h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-page-logo p{font-size:1.1rem;color:#94a3b8;margin:0;font-weight:400}.auth-page-content{margin-bottom:2rem}.auth-page-footer{display:flex;flex-direction:column;gap:1rem;align-items:center}.auth-page-links{display:flex;justify-content:center}.auth-page-links .link-btn{background:none;border:none;color:#64748b;text-decoration:none;font-size:.95rem;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.auth-page-links .link-btn:hover{color:#3b82f6;background:#3b82f61a}.auth-page-info{text-align:center}.auth-page-info p{font-size:.9rem;color:#64748b;margin:0}.auth-page-info a{color:#3b82f6;text-decoration:none}.auth-page-info a:hover{text-decoration:underline}@media (max-width: 640px){.auth-page{padding:10px}.auth-page-container{max-width:100%}.auth-page-logo h1{font-size:2rem}.auth-page-logo p{font-size:1rem}.auth-page-header{margin-bottom:1.5rem}.auth-page-footer{margin-top:1.5rem}}@media (prefers-color-scheme: dark){.auth-page-logo h1{color:#f8fafc}.auth-page-logo p{color:#cbd5e1}}.auth-page .intelligence-loader{display:flex;justify-content:center;align-items:center;min-height:200px}.auth-page-links .link-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.auth-page-info a:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:2px}.report-preview{min-height:100vh;background:#fff;color:#1a1d20}.report-preview.loading{display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top:3px solid #007acc;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.report-preview.error{display:flex;align-items:center;justify-content:center}.error-content{text-align:center;padding:40px;max-width:500px}.error-content h2{color:#dc3545;margin-bottom:16px}.error-content p{color:#6c757d;margin-bottom:12px;line-height:1.5}.preview-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e9ecef;padding:16px 24px;z-index:100}.header-actions{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.back-button,.share-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.back-button:hover,.share-button:hover{background:#f8f9fa;border-color:#adb5bd}.share-button{background:#007acc;color:#fff;border-color:#007acc}.share-button:hover{background:#0056a3;border-color:#0056a3}.preview-content{max-width:1200px;margin:0 auto;padding:40px 24px}.preview-title-section{margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid #e9ecef}.report-title{font-size:2.5rem;font-weight:700;color:#1a1d20;margin-bottom:24px;line-height:1.2}.report-meta{display:flex;align-items:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:14px}.meta-item svg{flex-shrink:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#ffc10726;color:#856404;border:1px solid rgba(255,193,7,.3)}.status-review{background:#ff980026;color:#cc6d00;border:1px solid rgba(255,152,0,.3)}.status-published{background:#28a74526;color:#155724;border:1px solid rgba(40,167,69,.3)}.status-archived{background:#6c757d26;color:#495057;border:1px solid rgba(108,117,125,.3)}.report-summary{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007acc}.report-summary p{margin:0;font-size:16px;line-height:1.6;color:#495057}.report-tags{display:flex;align-items:center;gap:12px;margin-top:20px}.report-tags svg{color:#6c757d;flex-shrink:0}.tags-list{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:4px 12px;background:#e9ecef;color:#495057;border-radius:16px;font-size:12px;font-weight:500}.preview-sections{display:grid;grid-template-columns:repeat(24,1fr);gap:0;grid-auto-rows:40px;min-height:400px}.preview-section{padding:20px;background:transparent}.preview-section:has(.flexible-paragraph-block){grid-row-end:auto;height:max-content}.preview-section.unknown-type{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:16px;color:#856404;font-style:italic}.empty-report{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6c757d;font-style:italic}.preview-section .flexible-paragraph-block,.preview-section .paragraph-block{border:none!important;background:transparent!important;padding:0!important}.preview-section .paragraph-display,.preview-section .flexible-paragraph-display{font-size:16px;line-height:1.7;color:#1a1d20}.preview-section .bullet-list{font-size:16px;line-height:1.6;color:#1a1d20}.preview-section .heading-block h1,.preview-section .heading-block h2,.preview-section .heading-block h3{color:#1a1d20;font-weight:600;margin-bottom:16px}.preview-section .data-table-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.preview-section .calculation-block{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:16px}.preview-section .quote-block{border-left:4px solid #007acc;background:#f8f9fa;padding:20px;margin:20px 0;border-radius:0 6px 6px 0}@media (max-width: 768px){.preview-content{padding:20px 16px}.report-title{font-size:2rem}.report-meta{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{padding:12px 16px}.back-button,.share-button{padding:6px 12px;font-size:13px}.preview-sections{grid-template-columns:repeat(12,1fr)}.preview-section{padding:12px}}.feed-card{width:100%;max-width:500px;background:linear-gradient(135deg,#1a1a1a,#1e1e1e);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid #333;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 16px #0003}.feed-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#00d4ff}.feed-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#0000004d;border-bottom:1px solid #333}.content-type{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.feed-timestamp{color:#666;font-size:11px;font-weight:400}.feed-hero-map{position:relative;height:280px;background:#1a1a1a;overflow:hidden}.feed-map{width:100%;height:100%;position:relative}.feed-map .leaflet-container{width:100%;height:100%;background:#1a1a1a;border-radius:0}.feed-map .leaflet-tile-container{filter:brightness(.9) contrast(1.3)}.primary-metric-overlay{position:absolute;bottom:16px;left:16px;z-index:1000}.metric-badge{background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;border:1px solid #333;box-shadow:0 4px 16px #00000080}.metric-badge .metric-label{display:block;color:#999;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-badge .metric-value.primary{font-size:18px;font-weight:700;line-height:1;text-shadow:0 0 12px currentColor}.feed-marker{z-index:999;transition:all .3s ease}.feed-marker:hover{transform:scale(1.2);z-index:1000}.feed-marker.plant{filter:drop-shadow(0 0 6px rgba(0,255,136,.8))}.feed-marker.port{filter:drop-shadow(0 0 6px rgba(0,212,255,.8))}.feed-marker.competitor{filter:drop-shadow(0 0 6px rgba(255,107,107,.8))}.feed-content{padding:20px;flex:1}.feed-title{color:#e5e5e5;font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.3}.feed-subtitle{color:#999;font-size:14px;font-weight:400;margin:0 0 16px;line-height:1.4}.supporting-metrics{display:flex;justify-content:space-between;gap:16px}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.metric-item .metric-label{color:#666;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-item .metric-value{font-size:14px;font-weight:600;line-height:1}.feed-footer{padding:12px 20px;background:#0003;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center}.author-info{display:flex;align-items:center;gap:8px}.author-name{color:#ccc;font-size:12px;font-weight:500}.read-time{color:#666;font-size:11px;font-weight:400}.metadata-toggle{background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.metadata-toggle:hover{color:#00d4ff;background:#00d4ff1a}.toggle-icon{font-size:16px;font-weight:700}.metadata-slideout{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a1a,#1e1e1e);border-top:1px solid #333;padding:16px 20px;transform:translateY(0);animation:slideUp .3s ease-out;z-index:1001}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.metadata-content{display:flex;flex-direction:column;gap:12px}.metadata-tags{display:flex;flex-wrap:wrap;gap:6px}.metadata-tag{background:#00d4ff1a;color:#00d4ff;font-size:10px;padding:4px 8px;border-radius:12px;border:1px solid rgba(0,212,255,.3);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.metadata-stats{display:flex;justify-content:space-between;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{color:#666;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value{color:#ccc;font-size:12px;font-weight:600}@media (max-width: 480px){.feed-card{max-width:100%}.feed-hero-map{height:240px}.feed-content{padding:16px}.feed-title{font-size:16px}.feed-subtitle{font-size:13px}.supporting-metrics{gap:12px}.metric-item .metric-value{font-size:12px}.metadata-stats{flex-direction:column;gap:8px}.stat-item{flex-direction:row;justify-content:space-between}}.feed-card *{transition:all .2s ease}.metric-item:hover .metric-value{transform:scale(1.05);text-shadow:0 0 8px currentColor}.feed-card.loading{opacity:.7;pointer-events:none}.feed-card.loading .feed-map{filter:blur(2px)}.feed-card:focus{outline:2px solid #00d4ff;outline-offset:2px}.metadata-toggle:focus{outline:2px solid #00d4ff;outline-offset:2px}.fractal-exploration-system{min-height:100vh;background:#1a1d20;color:#fff;padding:40px 20px;position:relative}.exploration-canvas{position:relative;width:100%;max-width:800px;margin:0 auto}.foundation-layer{position:relative;width:100%;transition:all .3s ease}.cards-grid{display:flex;justify-content:center;padding:0}.card-container{position:relative;width:500px;height:400px;background:#1e1e1e;border-radius:12px;border:1px solid #333;overflow:visible;transition:all .2s ease;margin-top:100px;margin-bottom:40px}.card-container:hover{box-shadow:0 4px 16px #0000004d;border-color:#404040}.card-container:hover .action-header{opacity:1;transform:translateY(0)}.fractal-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;overflow:hidden;height:100%}.fractal-card.active{transform:scale(1)}.fractal-card.inactive{pointer-events:none;-webkit-user-select:none;user-select:none}.card-wrapper{position:relative;height:100%;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card-wrapper>div{width:100%;height:100%;display:flex;flex-direction:column}.card-wrapper *{box-sizing:border-box}.action-header{position:absolute;top:-80px;left:0;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #404040;border-radius:8px;padding:12px 20px;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;box-shadow:0 4px 12px #0000004d;min-height:50px;display:flex;align-items:center;justify-content:space-between}.action-header-title{color:#e5e5e5;font-size:14px;font-weight:600;margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.card-wrapper .discovery-feed-card{border:none;background:transparent}.action-icons{display:flex;gap:6px;justify-content:flex-end}.action-icon{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-icon:hover{background:#ffffff1a;color:#fff}.mini-component{position:absolute;top:100%;left:0;right:0;margin-top:8px;z-index:15;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inline-note{background:#2a2a2a;border:1px solid #404040;border-radius:8px;padding:16px;margin-top:12px;box-shadow:0 4px 12px #0000004d}.note-textarea{width:100%;background:#1e1e1e;border:1px solid #404040;border-radius:6px;color:#fff;padding:12px;font-family:inherit;font-size:14px;resize:vertical;min-height:80px}.note-textarea:focus{outline:none;border-color:#00d4ff}.note-actions{display:flex;gap:10px;margin-top:12px}.save-note-btn{background:#00d4ff;border:1px solid #00d4ff;color:#000;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.save-note-btn:hover{background:#00b8e6}.cancel-note-btn{background:transparent;border:1px solid #404040;color:#888;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.cancel-note-btn:hover{background:#ffffff1a;color:#fff}.share-options{background:#1e2124f2;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-header{font-size:12px;font-weight:600;color:#00d4ff;margin-bottom:8px}.share-buttons{display:flex;flex-direction:column;gap:4px}.share-option-btn{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);color:#00d4ff;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.share-option-btn:hover{background:#00d4ff33}.cancel-share-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;margin-top:8px;transition:all .2s ease}.cancel-share-btn:hover{background:#ffffff1a}.expandable-data{background:#1e2124f2;border:1px solid rgba(255,107,53,.3);border-radius:8px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.data-header h4{margin:0;font-size:12px;font-weight:600;color:#ff6b35}.collapse-data-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:2px;transition:all .2s ease}.collapse-data-btn:hover{background:#ffffff1a}.additional-metrics{display:flex;flex-direction:column;gap:6px}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.metric-label{color:#888}.metric-value{font-weight:600}.focus-area{position:fixed;top:60px;left:50%;transform:translate(-50%);width:90%;max-width:800px;height:calc(100vh - 120px);background:#1e1e1e;border:1px solid #404040;border-radius:12px;box-shadow:0 12px 48px #00000080;z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:focusAreaFadeIn .3s ease-out}@keyframes focusAreaFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.focus-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #404040;background:#2a2a2a}.focus-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff}.close-focus-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.close-focus-btn:hover{background:#ffffff1a;color:#fff}.focus-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.focus-tab{background:transparent;border:none;color:#888;padding:12px 16px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s ease;border-bottom:2px solid transparent}.focus-tab:hover{color:#fff;background:#ffffff0d}.focus-tab.active{color:#00d4ff;border-bottom-color:#00d4ff;background:#00d4ff1a}.focus-content{flex:1;overflow-y:auto;padding:20px}.news-feed{display:flex;flex-direction:column;gap:16px}.news-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;transition:all .2s ease}.news-item:hover{border-color:#00d4ff4d}.news-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.news-title{font-size:14px;font-weight:600;color:#fff;flex:1}.news-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.news-source{font-size:11px;color:#00d4ff;font-weight:500}.news-time{font-size:10px;color:#888}.news-summary{font-size:12px;color:#e0e0e0;line-height:1.4;margin-bottom:12px}.news-actions{display:flex;gap:8px}.ghost-action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:10px;display:flex;align-items:center;gap:4px;transition:all .2s ease}.ghost-action-btn:hover{background:#ffffff1a;border-color:#fff3}.analysis-content{display:flex;flex-direction:column;gap:20px}.analysis-section{background:#ffffff0d;border-radius:8px;padding:16px}.analysis-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#00d4ff}.analysis-section p{font-size:12px;color:#e0e0e0;line-height:1.5;margin-bottom:12px}.key-metrics{display:flex;gap:16px;margin-bottom:12px}.metric-highlight{display:flex;flex-direction:column;gap:2px}.metric-highlight .metric-label{font-size:10px;color:#888}.metric-highlight .metric-value{font-size:14px;font-weight:600}.metric-highlight .metric-value.negative{color:#f44}.timeline-content{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;gap:16px;padding:12px;background:#ffffff0d;border-radius:8px;border-left:3px solid #00d4ff}.timeline-date{font-size:11px;color:#00d4ff;font-weight:600;min-width:80px}.timeline-event{flex:1}.event-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.event-details{font-size:11px;color:#888;line-height:1.4}.citations-list{display:flex;flex-direction:column;gap:16px}.citation-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.citation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.citation-source{font-size:13px;font-weight:600;color:#0f8}.citation-relevance{font-size:10px;color:#888}.citation-type{font-size:11px;color:#00d4ff;margin-bottom:8px}.citation-content{font-size:12px;color:#e0e0e0;line-height:1.4;margin-bottom:12px}.citation-actions{display:flex;gap:8px}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.message{max-width:80%;padding:12px;border-radius:8px;font-size:12px;line-height:1.4}.message.user{align-self:flex-end;background:#00d4ff33;border:1px solid rgba(0,212,255,.3);color:#fff}.message.ai{align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.message.typing{align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px}.message-content{margin-bottom:8px}.message-actions{display:flex;gap:6px;flex-wrap:wrap}.chat-input{display:flex;gap:8px;padding:12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.chat-input input{flex:1;background:transparent;border:none;color:#fff;font-size:12px;outline:none}.chat-input input::placeholder{color:#888}.send-btn{background:#00d4ff33;border:1px solid rgba(0,212,255,.3);color:#00d4ff;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.send-btn:hover{background:#00d4ff4d}@media (max-width: 1024px){.fractal-exploration-system{padding:20px 16px}.card-container{width:100%;max-width:500px}.focus-area{width:95%;max-width:600px}}@media (max-width: 768px){.fractal-exploration-system{padding:20px 12px}.card-container{width:100%}.focus-area{width:100%;height:100vh;top:0;border-radius:0}.focus-tabs{flex-wrap:wrap}.focus-tab{flex:1;min-width:0;padding:10px 8px;font-size:12px}}.focus-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.focus-content::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#ffffff1a}.focus-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.focus-content::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.feed-map-container{position:relative;width:100%;background:#1a1a1a;min-height:400px;box-sizing:border-box}.feed-map-instance{width:100%;height:100%;position:relative;min-height:400px;box-sizing:border-box}.feed-map-instance .leaflet-container{width:100%!important;height:100%!important;background:#1a1a1a!important;border-radius:0;min-height:400px}.feed-map-instance .leaflet-tile-container{filter:brightness(.9) contrast(1.3) saturate(.9)}.feed-map-instance .leaflet-map-pane,.feed-map-instance .leaflet-tile-pane{width:100%!important;height:100%!important}.feed-map-marker{z-index:1000;transition:all .3s ease;transform-origin:center}.feed-map-marker:hover{transform:scale(1.3);z-index:1001}.feed-map-marker.plant{filter:drop-shadow(0 0 15px rgba(0,255,136,1))}.feed-map-marker.port{filter:drop-shadow(0 0 15px rgba(0,212,255,1))}.feed-map-marker.competitor{filter:drop-shadow(0 0 15px rgba(255,107,107,1))}.feed-map-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1002;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.feed-map-overlay>*{pointer-events:auto}.feed-map-instance .leaflet-control-attribution{display:none!important}.feed-map-instance .leaflet-tile{max-width:none!important}.feed-map-instance .leaflet-overlay-pane svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.simple-market-analysis-card{position:relative}.simple-market-map{min-height:400px;border-radius:12px;overflow:hidden}.simple-impact-badge{position:absolute;top:16px;left:16px;background:#000c;border-radius:8px;padding:12px 16px;z-index:10}.impact-label{font-size:11px;color:#999;margin-bottom:4px;text-transform:uppercase;font-weight:600}.impact-value{font-size:20px;font-weight:700}.simple-content{position:absolute;bottom:0;left:0;right:0;background:#000c;padding:20px;z-index:10}.simple-title{font-size:18px;font-weight:700;color:#e5e5e5;margin:0 0 8px;line-height:1.3}.simple-subtitle{font-size:14px;color:#999;margin:0 0 16px;line-height:1.4}.simple-metrics{display:flex;gap:16px;flex-wrap:wrap}.simple-metric{display:flex;flex-direction:column;gap:2px}.metric-context{font-size:10px;color:#999;text-transform:uppercase;font-weight:600}.metric-value{font-size:14px;font-weight:700}@media (max-width: 768px){.simple-impact-badge{top:12px;left:12px;padding:8px 12px}.impact-value{font-size:16px}.simple-content{padding:16px}.simple-title{font-size:16px}.simple-subtitle{font-size:13px}.simple-metrics{gap:12px}}.card-expansion-menu{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;border-radius:12px;overflow:visible}.card-expansion-menu:not(.visible) .expansion-header,.card-expansion-menu:not(.visible) .expansion-footer,.card-expansion-menu:not(.visible) .expansion-sidebar{display:none!important}.expansion-header{position:absolute;top:-32px;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:8px 8px 0 0;opacity:0;transform:translateY(-20px);transition:all .3s ease;transition-delay:.1s;pointer-events:none;z-index:10}.card-expansion-menu.visible .expansion-header{opacity:1;transform:translateY(0);pointer-events:auto}.header-actions{display:flex;gap:8px}.expansion-footer{position:absolute;bottom:-32px;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:0 0 8px 8px;opacity:0;transform:translateY(20px);transition:all .3s ease;transition-delay:.1s;pointer-events:none;z-index:10}.card-expansion-menu.visible .expansion-footer{opacity:1;transform:translateY(0);pointer-events:auto}.reader-popup{position:absolute;bottom:calc(100% + 8px);right:0;min-width:280px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0000004d;z-index:1000;animation:popupSlideIn .2s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.expansion-sidebar{position:absolute;top:0;right:-40px;width:36px;height:100%;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:0 8px 8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transform:translate(20px);transition:all .3s ease;transition-delay:.8s;pointer-events:none;z-index:10}.card-expansion-menu.visible .expansion-sidebar{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-action-btn{background:none;border:none;color:#999;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;width:28px;height:28px}.sidebar-action-btn:hover{background:#4a9eff1a;color:#4a9eff;transform:scale(1.2) rotate(5deg)}.sidebar-action-btn:active{transform:scale(.9) rotate(-3deg)}@media (max-width: 768px){.card-expansion-menu:before{top:-24px;right:-32px;bottom:-24px}.expansion-header,.expansion-footer{height:24px;padding:0 8px}.expansion-header{top:-24px}.expansion-footer{bottom:-24px}.expansion-sidebar{width:32px;right:-32px;gap:6px}.sidebar-action-btn{padding:4px;width:24px;height:24px}.content-type-label,.timestamp,.author-label,.author-name,.reader-count{font-size:11px}}.optimized-notion-card{position:relative;width:500px;height:416px;background:#1a1a1a;border-radius:12px;overflow:visible;cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease;border:1px solid #333;box-shadow:0 2px 8px #0003}.optimized-notion-card:hover{box-shadow:0 12px 40px #0006;border-color:#555;z-index:100}.content-type-border{position:absolute;top:0;left:0;right:0;height:3px;z-index:5;transition:opacity .3s ease}.optimized-notion-card.hovered .content-type-border{opacity:0}.card-content{position:relative;min-height:400px;height:400px;border-radius:12px;overflow:hidden;padding:0;z-index:1}@media (max-width: 480px){.optimized-notion-card{width:100%;height:340px;border-radius:8px}.card-content{height:320px}}.motion-card-container{position:relative;width:500px;height:416px;isolation:isolate}.motion-card-fixed{position:relative;width:500px;height:416px;background:#1a1a1a;border-radius:12px;border:1px solid #333;cursor:pointer;z-index:10}.content-type-border{position:absolute;top:0;left:0;right:0;height:3px;z-index:5}.card-content-fixed{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;padding:0}.motion-card-expanding{position:absolute;top:0;left:0;width:500px;height:416px;z-index:1;pointer-events:none}.expanding-header{position:absolute;top:-40px;left:0;right:0;height:32px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:auto}.header-left{display:flex;align-items:center;gap:12px}.content-type-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timestamp{font-size:12px;color:#999}.header-save-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.header-save-btn:hover{color:#4a9eff;background:#4a9eff1a}.expanding-footer{position:absolute;bottom:-40px;left:0;right:0;height:32px;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;pointer-events:auto}.footer-author{display:flex;align-items:center;gap:6px;font-size:12px}.author-label{color:#999}.author-name{color:#fff;font-weight:500}.footer-readers{position:relative}.reader-count{font-size:12px;color:#4a9eff;cursor:pointer;transition:color .2s ease}.reader-count:hover{color:#6bb6ff}.reader-popup{position:absolute;bottom:calc(100% + 8px);right:0;min-width:280px;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:16px;box-shadow:0 8px 24px #0000004d;z-index:1000}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.popup-header h4{margin:0;font-size:14px;color:#fff}.total-count{font-size:12px;color:#4a9eff}.reader-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.reader-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.reader-company{display:flex;flex-direction:column;gap:2px}.company-name{font-size:12px;color:#fff;font-weight:500}.department{font-size:10px;color:#999}.reader-count-item{font-size:12px;color:#4a9eff;font-weight:500}.popup-insights{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #444}.insight-text{font-size:11px;color:#999}.expanding-sidebar{position:absolute;top:0;right:-48px;width:40px;height:100%;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #444;border-radius:0 8px 8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:auto}.sidebar-action-btn{background:none;border:none;color:#999;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar-action-btn:hover{background:#4a9eff1a;color:#4a9eff}@media (max-width: 768px){.motion-card-container,.motion-card-fixed,.motion-card-expanding{width:100%;height:340px}.expanding-header,.expanding-footer{height:28px;padding:0 12px}.expanding-header{top:-32px}.expanding-footer{bottom:-32px}.expanding-sidebar{width:36px;right:-40px;gap:8px}.sidebar-action-btn{width:28px;height:28px;padding:6px}}.hac-container{position:relative;display:flex;align-items:flex-start;background-color:#2c2c34;border-radius:16px;border:1px solid #007bff;cursor:pointer;box-sizing:border-box;padding:0;overflow:hidden;min-width:0;min-height:0}.hac-sidebar-icon{position:absolute;top:16px;right:16px;z-index:3;width:24px;height:24px;background-color:#333;border:1px solid #555;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;line-height:20px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .2s}.feed-component-page{min-height:100vh;background:#1a1d20;padding:80px 20px 40px;color:#e8e9ea}.feed-page-header{text-align:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.feed-page-header h1{font-size:32px;font-weight:700;color:#e8e9ea;margin-bottom:8px}.feed-page-header p{font-size:16px;color:#a8adb3;margin:0;line-height:1.5}.feed-showcase-section{margin-bottom:60px}.feed-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,500px);gap:30px;max-width:1400px;margin:0 auto;justify-content:center}.card-container{position:relative;width:500px;height:416px;z-index:1;isolation:isolate}.architecture-benefits{max-width:1200px;margin:0 auto 60px;background:#1e2124;border-radius:12px;padding:32px;border:1px solid #2a2d31}.architecture-benefits h3{color:#e8e9ea;font-size:22px;font-weight:600;margin-bottom:24px;text-align:center}.live-feedback-section{background:#00d4ff08;border-radius:8px;padding:20px;margin-bottom:32px;border:1px solid rgba(0,212,255,.1)}.live-feedback-section h4{color:#00d4ff;font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.feedback-grid .feedback-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#242629;border-radius:6px;border:1px solid #2a2d31;position:relative;z-index:1}.feedback-grid .feedback-type{font-size:11px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px}.feedback-grid .feedback-context{font-size:12px;color:#a8adb3;line-height:1.3;word-break:break-word}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.benefit-item{background:#242629;border-radius:8px;padding:20px;border:1px solid #2a2d31;transition:all .2s ease}.benefit-item:hover{border-color:#3c4043;background:#2a2d31}.benefit-item h4{color:#e8e9ea;font-size:16px;font-weight:600;margin-bottom:12px}.benefit-item p{color:#a8adb3;font-size:14px;line-height:1.5;margin:0}.component-structure{max-width:1200px;margin:0 auto 60px;background:#1e2124;border-radius:12px;padding:32px;border:1px solid #2a2d31}.component-structure h3{color:#e8e9ea;font-size:22px;font-weight:600;margin-bottom:24px;text-align:center}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.structure-section{background:#242629;border-radius:8px;padding:20px;border:1px solid #2a2d31}.structure-section h4{color:#e8e9ea;font-size:16px;font-weight:600;margin-bottom:12px}.structure-section pre{background:#1a1d20;border-radius:6px;padding:12px;font-size:12px;line-height:1.4;color:#a8adb3;overflow-x:auto;border:1px solid #2a2d31}.usage-guide{max-width:1200px;margin:0 auto;background:#1e2124;border-radius:12px;padding:32px;border:1px solid #2a2d31}.usage-guide h3{color:#e8e9ea;font-size:22px;font-weight:600;margin-bottom:24px;text-align:center}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.guide-item{background:#242629;border-radius:8px;padding:20px;border:1px solid #2a2d31;transition:all .2s ease}.guide-item:hover{border-color:#3c4043;background:#2a2d31}.guide-item h4{color:#e8e9ea;font-size:16px;font-weight:600;margin-bottom:12px}.guide-item ul{margin:0;padding-left:20px;list-style:none}.guide-item li{color:#a8adb3;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.guide-item li:before{content:"•";color:#00d4ff;position:absolute;left:-16px;font-weight:700}@media (max-width: 768px){.feed-component-page{padding:60px 16px 40px}.feed-showcase-grid{grid-template-columns:1fr;gap:20px}.card-container{width:100%;height:340px}.architecture-benefits,.component-structure,.usage-guide{padding:20px}.benefits-grid,.structure-grid,.guide-grid{grid-template-columns:1fr;gap:16px}.feed-page-header h1{font-size:28px}.architecture-benefits,.component-structure,.usage-guide{padding:24px}}.semantic-map-renderer{position:relative;background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;width:100%;height:100%}.semantic-map-container{width:100%!important;height:100%!important;border-radius:8px;flex:1;min-height:400px;position:relative;margin:0;padding:0}.semantic-layer-controls{display:none}.semantic-layer-controls h4{margin:0 0 12px;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.layer-toggle{display:flex;align-items:center;margin:8px 0;color:#e5e5e5;font-size:13px;cursor:pointer;transition:color .2s ease}.layer-toggle:hover{color:#fff}.layer-toggle input[type=checkbox]{margin-right:8px;accent-color:#00d4ff}.semantic-layer-info{display:none}.semantic-layer-info h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.semantic-layer-info p{margin:0 0 12px;color:#b0b0b0;font-size:13px;line-height:1.4}.key-insights{color:#e5e5e5;font-size:12px}.key-insights strong{color:#fff;font-size:13px}.key-insights ul{margin:8px 0 0;padding-left:16px}.key-insights li{margin:4px 0;color:#b0b0b0;line-height:1.3}.semantic-marker{transition:all .3s ease;cursor:pointer;z-index:1000!important;position:relative!important}.semantic-marker:hover{transform:scale(1.1);z-index:1500!important}.semantic-marker-visible{display:block!important;visibility:visible!important;opacity:1!important;z-index:1000!important;pointer-events:auto!important}.semantic-marker-visible>div{z-index:1001!important;position:relative!important}.semantic-marker.circle{border-radius:50%}.semantic-marker.diamond{transform:rotate(45deg)}.semantic-marker.square{border-radius:2px}.influence-zone{pointer-events:none;transition:opacity .3s ease}.influence-zone.primary{animation:pulse-primary 3s infinite}.influence-zone.secondary{animation:pulse-secondary 4s infinite}.influence-zone.tertiary{animation:pulse-tertiary 5s infinite}@keyframes pulse-primary{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes pulse-secondary{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.01)}}@keyframes pulse-tertiary{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.005)}}.relationship-line{transition:all .3s ease;cursor:pointer}.relationship-line:hover{opacity:1!important;filter:brightness(1.2)}.relationship-line.supplies_to{animation:flow-animation 3s linear infinite}.relationship-line.affects_pricing{animation:pulse-line 2s ease-in-out infinite}.relationship-line.competes_with{animation:competitive-pulse 4s ease-in-out infinite}@keyframes flow-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}@keyframes pulse-line{0%,to{opacity:.7;stroke-width:3}50%{opacity:1;stroke-width:5}}@keyframes competitive-pulse{0%,to{opacity:.6}50%{opacity:.9}}@keyframes pulse-arrow{0%,to{opacity:.8}50%{opacity:1}}.route-direction-arrow{pointer-events:auto;cursor:pointer;z-index:500}.route-direction-arrow:hover{transform:scale(1.2)!important;transition:transform .2s ease}.semantic-entity-popup{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:300px}.semantic-entity-popup h4{margin:0 0 8px;color:#1a1a1a;font-size:16px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:4px}.semantic-entity-popup .entity-type{margin:0 0 8px;color:#666;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.semantic-entity-popup .entity-description{margin:0 0 12px;color:#444;font-size:14px;line-height:1.4}.semantic-entity-popup .entity-significance,.semantic-entity-popup .entity-impact{margin:8px 0;font-size:13px;line-height:1.3}.semantic-entity-popup .entity-significance strong,.semantic-entity-popup .entity-impact strong{color:#1a1a1a;font-weight:600}.semantic-entity-popup .entity-tags{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:4px}.semantic-entity-popup .tag{display:inline-block;background:#f0f0f0;color:#666;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.semantic-relationship-popup{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:280px}.semantic-relationship-popup h4{margin:0 0 8px;color:#1a1a1a;font-size:15px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:4px}.semantic-relationship-popup .relationship-description{margin:0 0 12px;color:#444;font-size:13px;line-height:1.4}.semantic-relationship-popup .relationship-impact,.semantic-relationship-popup .relationship-confidence{margin:8px 0;font-size:12px;line-height:1.3}.semantic-relationship-popup .relationship-impact strong,.semantic-relationship-popup .relationship-confidence strong{color:#1a1a1a;font-weight:600}.semantic-relationship-popup .relationship-properties{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}.semantic-relationship-popup .property{display:inline-block;background:#f0f0f0;color:#666;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.trade-route-popup{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:320px}.trade-route-popup h4{margin:0 0 8px;color:#1a1a1a;font-size:16px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:4px}.trade-route-popup h5{margin:8px 0 4px;color:#1a1a1a;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.flow-direction-section{background:#f8f9fa;border-radius:6px;padding:8px;margin:8px 0;border-left:3px solid #007bff}.flow-info{display:flex;align-items:center;gap:8px}.flow-arrow{font-size:16px;color:#007bff;font-weight:700}.flow-text{font-size:13px;color:#444;font-weight:500}.detail-item.freight-advantage{background:#e8f5e8;border-left:3px solid #28a745;padding:4px 8px;margin:4px 0;border-radius:4px}.detail-item.impact-warning{background:#fff3cd;border-left:3px solid #ffc107;padding:4px 8px;margin:4px 0;border-radius:4px}.route-impact{background:#e3f2fd;border-left:3px solid #2196f3;padding:8px;margin:8px 0;border-radius:4px;font-size:12px}@media (max-width: 1024px){.semantic-layer-controls{top:10px;left:10px;padding:12px;min-width:180px}.semantic-layer-info{top:10px;right:10px;padding:12px;max-width:250px}}@media (max-width: 768px){.semantic-layer-controls{position:absolute;top:10px;left:10px;right:auto;margin:0;min-width:160px;padding:10px;font-size:13px}.semantic-layer-controls h4{font-size:12px;margin-bottom:8px}.layer-toggle{margin:6px 0;font-size:12px}.semantic-layer-info{position:absolute;top:10px;right:10px;left:auto;margin:0;max-width:200px;padding:10px;font-size:12px}.semantic-layer-info h4{font-size:14px;margin-bottom:6px}.semantic-layer-info p{font-size:11px;line-height:1.3}.key-insights{font-size:11px}.key-insights li{margin:3px 0;line-height:1.2}}@media (max-width: 480px){.semantic-layer-controls{min-width:140px;padding:8px}.semantic-layer-info{max-width:160px;padding:8px}.semantic-layer-info{display:none}}.semantic-map-renderer.loading{opacity:.7;pointer-events:none}.semantic-map-renderer.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;z-index:1001}.semantic-map-renderer .map-tiles-dark{filter:brightness(.3) contrast(1.2) saturate(.8);transition:filter .3s ease}.semantic-map-renderer .leaflet-popup-content-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:300px}.semantic-map-renderer .leaflet-popup-tip{background:#fff}.semantic-map-renderer .leaflet-control-zoom{background:#1a1a1ae6;border:1px solid rgba(255,255,255,.1);border-radius:6px}.semantic-map-renderer .leaflet-control-zoom a{background:transparent;color:#fff;border:none;font-weight:700;transition:all .2s ease;width:30px;height:30px;line-height:30px}.semantic-map-renderer .leaflet-control-zoom a:hover{background:#ffffff1a;color:#00d4ff}@media (max-width: 768px){.semantic-map-renderer .leaflet-control-zoom{margin:8px}.semantic-map-renderer .leaflet-control-zoom a{width:36px;height:36px;line-height:36px;font-size:18px}.semantic-map-renderer .leaflet-popup-content-wrapper{max-width:250px;font-size:14px}}@media (max-width: 480px){.semantic-map-renderer .leaflet-control-zoom a{width:40px;height:40px;line-height:40px;font-size:20px}.semantic-map-renderer .leaflet-popup-content-wrapper{max-width:200px;font-size:13px}}.semantic-layer-info::-webkit-scrollbar{width:6px}.semantic-layer-info::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.semantic-layer-info::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.semantic-layer-info::-webkit-scrollbar-thumb:hover{background:#ffffff80}.lod-info{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.lod-level{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lod-level strong{font-size:13px;color:#00d4ff;font-weight:600}.zoom-indicator{font-size:11px;color:#fff9;background:#ffffff1a;padding:2px 6px;border-radius:3px;font-weight:500}.lod-description{font-size:12px;color:#fffc;margin-bottom:6px;line-height:1.4}.lod-focus{font-size:11px;color:#ffffff80;font-style:italic;line-height:1.3}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}.App .semantic-map-demo{padding:0!important;margin:0!important;width:100vw!important;max-width:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100vh!important;z-index:998!important}.semantic-map-demo{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0!important;padding:0!important;width:100vw!important;max-width:none!important;box-sizing:border-box;position:relative;left:0;right:0}.demo-header{display:none}.demo-header h1{margin:0 0 8px;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-subtitle{margin:0 0 32px;font-size:1.1rem;color:#b0b0b0;font-weight:400}.demo-status{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.status-indicator{display:flex;align-items:center;gap:8px;color:#00d4ff;font-size:14px;font-weight:500}.status-dot{width:8px;height:8px;background:#00d4ff;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.entity-count{color:#b0b0b0;font-size:13px}.controls-section,.zoom-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.zoom-section h3{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.zoom-info{display:flex;flex-direction:column;gap:12px}.zoom-level{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px}.zoom-label{font-size:12px;color:#e5e5e5;font-weight:500}.zoom-value{font-size:14px;color:#00d4ff;font-weight:600}.lod-details{display:flex;flex-direction:column;gap:8px}.lod-level{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff0d;border-radius:4px}.lod-label{font-size:11px;color:#b0b0b0;font-weight:500}.lod-value{font-size:12px;color:#0f8;font-weight:600;text-transform:capitalize}.lod-description{padding:8px 10px;background:#ffffff08;border-radius:4px;border-left:3px solid #00d4ff}.lod-text{font-size:11px;color:#e5e5e5;line-height:1.4;font-style:italic}.lod-visible{padding:6px 10px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:4px}.lod-visible-label{font-size:10px;color:#0f8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.lod-visible-value{font-size:11px;color:#e5e5e5;line-height:1.3}.controls-section h3{margin:0 0 16px;color:#fff;font-size:16px;font-weight:600}.control-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.control-group label{font-size:13px;font-weight:500;color:#e5e5e5}.control-group select{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.control-group select:hover{background:#ffffff26;border-color:#ffffff4d}.demo-content{display:grid;grid-template-columns:280px 1fr 200px;grid-template-areas:"controls map info";height:100vh;gap:0;margin:0!important;padding:0!important;width:100vw!important;max-width:none!important;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:999}.demo-controls-panel{grid-area:controls;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;z-index:1000;padding:12px;height:100%}.demo-main{grid-area:map;padding:0;display:flex;flex-direction:column;position:relative;height:100%;overflow:hidden}.map-container{width:100%;height:100%;border-radius:0;overflow:hidden;box-shadow:none;flex:1;margin:0;padding:0;display:flex;flex-direction:column}.demo-sidebar{grid-area:info;width:100%;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;z-index:1000;position:relative;height:100%}.sidebar-section{padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-section:last-child{border-bottom:none;flex:1}.layer-summary h3{margin:0 0 12px;font-size:1.3rem;font-weight:600;color:#fff}.layer-purpose{margin:0 0 16px;color:#b0b0b0;font-size:14px;line-height:1.5}.layer-statistics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:12px;color:#b0b0b0;font-weight:500}.stat-value{font-size:14px;color:#00d4ff;font-weight:600}.key-insights h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#fff}.key-insights ul{margin:0;padding-left:16px}.key-insights li{margin:6px 0;color:#e5e5e5;font-size:13px;line-height:1.4}.entity-details-panel h3,.relationship-details-panel h3{margin:0 0 16px;font-size:1.3rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.entity-detail-section,.relationship-detail-section{margin:0 0 20px}.entity-detail-section h4,.relationship-detail-section h4{margin:0 0 8px;font-size:.9rem;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px}.entity-detail-section p,.relationship-detail-section p{margin:4px 0;font-size:13px;color:#e5e5e5;line-height:1.4}.entity-detail-section strong,.relationship-detail-section strong{color:#fff;font-weight:600}.entity-detail-section ul{margin:8px 0 0;padding-left:16px}.entity-detail-section li{margin:4px 0;font-size:13px;color:#b0b0b0}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.semantic-tag{display:inline-block;background:#00d4ff33;color:#00d4ff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid rgba(0,212,255,.3)}.interaction-guide h3{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:#fff}.interaction-guide ul{margin:0 0 24px;padding-left:0;list-style:none}.interaction-guide li{margin:8px 0;font-size:13px;color:#e5e5e5;line-height:1.4;display:flex;align-items:flex-start;gap:8px}.interaction-guide strong{color:#fff;font-weight:600}.legend{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.legend h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#fff}.legend-item{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:13px;color:#e5e5e5}.legend-marker{width:16px;height:16px;border-radius:50%;border:2px solid #fff;flex-shrink:0}.legend-marker.facility{background:#ff6b6b;border-radius:2px}.legend-marker.port{background:#00d4ff}.legend-marker.market{background:#9c27b0;transform:rotate(45deg)}.legend-line{width:24px;height:3px;flex-shrink:0}.legend-line.supplies{background:#0f8}.legend-line.competes{background:#ff6b6b;background-image:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 8px)}.legend-line.pricing{background:#9c27b0}.demo-footer{display:none}.data-source h4,.technical-notes h4{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#fff}.data-source p{margin:0;color:#b0b0b0;font-size:14px;line-height:1.5}.technical-notes ul{margin:0;padding-left:16px}.technical-notes li{margin:6px 0;color:#e5e5e5;font-size:13px;line-height:1.4}.analysis-overview h3{margin:0 0 12px;color:#fff;font-size:18px;font-weight:600}.analysis-overview p{margin:0 0 20px;color:#b0b0b0;font-size:14px;line-height:1.5}.key-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;padding:8px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:6px}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center}.metric-value{font-size:16px;font-weight:700;color:#00d4ff;line-height:1}.metric-label{font-size:10px;color:#b0b0b0;margin-top:3px;text-transform:uppercase;letter-spacing:.3px}.market-intelligence{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.market-intelligence h4{margin:0 0 12px;color:#fff;font-size:15px;font-weight:600}.market-intelligence ul{margin:0;padding-left:16px}.market-intelligence li{margin:8px 0;color:#e5e5e5;font-size:13px;line-height:1.4}.market-intelligence strong{color:#00d4ff;font-weight:600}@media (max-width: 1400px){.demo-content{grid-template-columns:260px 1fr 180px}}@media (max-width: 1200px){.demo-content{grid-template-columns:240px 1fr 160px;height:100vh}}@media (max-width: 1200px){.demo-content{flex-direction:column;height:100vh;overflow:hidden}.demo-sidebar{width:100%;max-height:200px;order:2;overflow-y:auto}.demo-main{order:1;padding:0;flex:1}.map-container{height:100%;border-radius:0}}@media (max-width: 768px){.demo-controls{flex-direction:column;gap:12px}.control-group{flex-direction:column;align-items:flex-start;gap:4px}.control-group select{width:100%;min-width:auto}.demo-main{padding:0}.sidebar-section{padding:8px}.layer-statistics{grid-template-columns:1fr}.map-container{height:100%;border-radius:0}.demo-content{height:100vh;overflow:hidden}}@media (max-width: 480px){.demo-main{padding:0}.map-container{height:100%;border-radius:0}.sidebar-section{padding:6px}.demo-content{height:100vh;overflow:hidden}}.sidebar-section{transition:all .3s ease}.sidebar-section:hover{background:#ffffff05}.stat-item:hover{background:#ffffff14;border-color:#fff3}.semantic-tag:hover{background:#00d4ff4d;transform:translateY(-1px)}.demo-sidebar::-webkit-scrollbar{width:8px}.demo-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.demo-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.demo-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.map-component{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.map-component h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px}.map-component h5{margin:0 0 8px;font-size:13px;font-weight:600;color:#555}.zoom-controls .zoom-buttons{display:flex;align-items:center;gap:8px}.zoom-controls button{width:32px;height:32px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;font-weight:700;color:#333;display:flex;align-items:center;justify-content:center}.zoom-controls button:hover{background:#f5f5f5;border-color:#007bff}.zoom-controls button:disabled{opacity:.5;cursor:not-allowed}.zoom-controls span{font-size:12px;font-weight:600;color:#666;min-width:30px;text-align:center}.layer-list{display:flex;flex-direction:column;gap:8px}.layer-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#555}.layer-toggle input[type=checkbox]{margin:0}.layer-toggle span{-webkit-user-select:none;user-select:none}.layer-toggle:hover{color:#007bff}.filter-sections{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#555}.filter-option input[type=checkbox]{margin:0}.filter-option span{-webkit-user-select:none;user-select:none}.filter-option:hover{color:#007bff}.analysis-content{padding:12px;background:#f8f9fa;border-radius:4px;border-left:4px solid #007bff}.analysis-content h5{color:#007bff;margin-bottom:8px}.analysis-content p{margin:0;font-size:12px;color:#666;line-height:1.4}.entity-content{padding:12px;background:#f8f9fa;border-radius:4px}.entity-content h5{color:#333;margin-bottom:8px}.entity-content p{margin:4px 0;font-size:12px;color:#666}.basic-map-component{text-align:center}.basic-map-component h3{margin:0 0 16px;color:#333}.map-placeholder{padding:20px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666}.entity-preview{padding:8px;margin:4px 0;background:#fff;border-radius:4px;border:1px solid #e0e0e0;font-size:12px}.relationships-preview{display:flex;flex-direction:column;gap:8px}.relationship-item{padding:8px 12px;background:#e3f2fd;border-radius:4px;font-size:12px;color:#1976d2;border-left:3px solid #2196f3}.routes-preview{display:flex;flex-direction:column;gap:8px}.route-item{padding:8px 12px;background:#e8f5e8;border-radius:4px;font-size:12px;color:#2e7d32;border-left:3px solid #4caf50}.facilities-preview{display:flex;flex-direction:column;gap:8px}.facility-item{padding:8px 12px;background:#fff3e0;border-radius:4px;font-size:12px;color:#ef6c00;border-left:3px solid #ff9800}.unknown-map-component{padding:16px;background:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828;text-align:center;font-size:12px}.map-loading-indicator,.map-error-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text,.error-title{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.error-icon{font-size:32px;margin-bottom:16px}.error-message{font-size:12px;color:#666;max-width:300px;line-height:1.4}@media (max-width: 768px){.map-component{padding:12px;margin-bottom:12px}.map-component h4{font-size:12px}.zoom-controls button{width:28px;height:28px;font-size:14px}}.unified-report-renderer{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}.traditional-report-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:20px;height:100%}.report-left-panel,.report-center-panel,.report-right-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.context-panel h3,.story-header h2,.related-items h3{margin-top:0;color:#333}.map-only-layout{width:100%;height:100%;position:relative}.full-viewport-map{width:100%;height:100%}.hybrid-layout{display:grid;gap:20px;padding:20px;height:100%}.hybrid-layout.hybrid_equal{grid-template-columns:1fr 1fr}.hybrid-layout.map_focused{grid-template-columns:1fr 2fr}.hybrid-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.hybrid-section.map{padding:0;overflow:hidden}.hybrid-map-section{width:100%;height:100%;border-radius:8px}.embedded-map{width:100%;height:300px;border-radius:8px}.story-map-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;height:100%}.story-narrative{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.story-map-container{background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 8px #0000001a;overflow:hidden}.story-integrated-map{width:100%;height:100%}.story-controls{grid-column:1 / -1;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.content-mode-selector{display:flex;gap:30px;align-items:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mode-section,.layout-section{display:flex;flex-direction:column;gap:10px}.mode-section h4,.layout-section h4{margin:0;color:#333;font-size:14px;font-weight:600}.mode-buttons,.layout-buttons{display:flex;gap:10px}.mode-button,.layout-button{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;text-transform:capitalize;transition:all .2s}.mode-button:hover,.layout-button:hover{background:#f5f5f5}.mode-button.active,.layout-button.active{background:#007bff;color:#fff;border-color:#007bff}.unified-controls{display:flex;gap:20px;align-items:center;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.analysis-mode-selector h4,.shared-filters h4{margin:0 0 10px;color:#333;font-size:14px;font-weight:600}.analysis-mode-selector select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff}.filter-tags{display:flex;gap:8px;flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#e9ecef;border-radius:4px;font-size:12px}.filter-tag button{background:none;border:none;cursor:pointer;color:#666;padding:0;font-size:14px;line-height:1}.content-sync-status{margin-left:auto}.sync-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.sync-dot{width:8px;height:8px;border-radius:50%;background:#ddd}.sync-dot.active{background:#28a745}.cross-reference-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.cross-reference-panel h4{margin-top:0;color:#333;font-size:16px}.reference-list{display:flex;flex-direction:column;gap:10px}.reference-item{padding:12px;background:#f8f9fa;border-radius:4px;border-left:4px solid #007bff}.unified-loading-state,.unified-error-state,.unified-empty-state{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.unified-error-state{color:#dc3545;flex-direction:column;gap:10px}.error-message{padding:20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}@media (max-width: 768px){.traditional-report-layout,.hybrid-layout,.story-map-layout{grid-template-columns:1fr}.content-mode-selector,.unified-controls{flex-direction:column;align-items:stretch}}.map-protocol-sandbox{width:100%;height:100vh;background:#1a1a1a;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden}.sandbox-header{background:#121212fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:100}.sandbox-title h1{margin:0 0 4px;font-size:24px;font-weight:700;color:#00d4ff;background:linear-gradient(135deg,#00d4ff,#0f8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sandbox-title p{margin:0;font-size:14px;color:#888;font-weight:400}.sandbox-controls{display:flex;gap:20px;align-items:center}.control-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.control-group label{font-size:11px;font-weight:600;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px}.control-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;padding:8px 12px;cursor:pointer;transition:all .2s ease}.control-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.control-group select option{background:#2a2a2a;color:#e5e5e5}.config-editor-toggle,.report-editor-toggle{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#00d4ff;font-size:11px;font-weight:600;padding:8px 12px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.config-editor-toggle:hover,.report-editor-toggle:hover{background:#00d4ff33;border-color:#00d4ff80}.config-editor{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:1000px;height:80%;background:#1a1a1afa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 20px 60px #000c;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.editor-header{background:#121212cc;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.editor-header h3{margin:0;font-size:16px;font-weight:600;color:#00d4ff}.editor-header button{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:6px;color:#f44;font-size:16px;font-weight:700;width:32px;height:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.editor-header button:hover{background:#f443;border-color:#ff444480}.yaml-editor,.json-editor{flex:1;background:#0a0a0a;border:none;color:#e5e5e5;font-family:JetBrains Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;padding:20px;resize:none;outline:none;-moz-tab-size:2;tab-size:2}.yaml-editor::-webkit-scrollbar,.json-editor::-webkit-scrollbar{width:8px;height:8px}.yaml-editor::-webkit-scrollbar-track,.json-editor::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.yaml-editor::-webkit-scrollbar-thumb,.json-editor::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.yaml-editor::-webkit-scrollbar-thumb:hover,.json-editor::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.debug-panel{position:fixed;top:80px;right:20px;width:400px;max-height:500px;background:#1a1a1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #0009;z-index:500;overflow:hidden}.debug-header{background:#121212cc;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.debug-header h4{margin:0;font-size:14px;font-weight:600;color:#0f8}.debug-header button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#e5e5e5;font-size:11px;font-weight:500;padding:4px 8px;cursor:pointer;transition:all .2s ease}.debug-header button:hover{background:#fff3;border-color:#ffffff4d}.debug-content{padding:16px;max-height:400px;overflow-y:auto}.debug-content pre{margin:0;font-family:JetBrains Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.4;color:#e5e5e5;white-space:pre-wrap;word-break:break-word}.debug-content::-webkit-scrollbar{width:6px}.debug-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.debug-content::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.sandbox-content{flex:1;position:relative;overflow:hidden;background:#0a0a0a}.sandbox-renderer{width:100%;height:100%}.sandbox-status{background:#121212fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:8px 24px;display:flex;gap:24px;align-items:center;flex-shrink:0;font-size:11px}.status-item{display:flex;align-items:center;gap:6px}.status-label{color:#888;font-weight:500}.status-value{color:#00d4ff;font-weight:600;text-transform:capitalize}@media (max-width: 1200px){.sandbox-controls{gap:12px}.control-group{min-width:120px}.config-editor{width:90%;height:85%}.debug-panel{width:350px;right:10px}}@media (max-width: 768px){.sandbox-header{flex-direction:column;gap:16px;padding:16px}.sandbox-controls{flex-wrap:wrap;justify-content:center;gap:8px}.control-group{min-width:100px}.config-editor{width:95%;height:90%}.yaml-editor,.json-editor{font-size:12px;padding:16px}.debug-panel{position:relative;width:100%;max-height:300px;margin:10px;right:auto;top:auto}.sandbox-status{flex-wrap:wrap;gap:12px;padding:12px 16px}}@media (max-width: 480px){.sandbox-title h1{font-size:20px}.sandbox-title p{font-size:12px}.sandbox-controls{flex-direction:column;align-items:stretch;gap:8px}.control-group{min-width:auto}.config-editor-toggle,.report-editor-toggle{padding:10px;font-size:10px}.status-item{flex-direction:column;align-items:flex-start;gap:2px}}.config-editor{animation:slideInModal .3s ease-out}@keyframes slideInModal{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.debug-panel{animation:slideInDebug .3s ease-out}@keyframes slideInDebug{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.control-group select:focus,.config-editor-toggle:focus,.report-editor-toggle:focus{outline:none;box-shadow:0 0 0 3px #00d4ff4d}.yaml-editor:focus,.json-editor:focus{outline:none;box-shadow:inset 0 0 0 2px #00d4ff4d}@media (prefers-reduced-motion: reduce){.config-editor,.debug-panel{animation:none}*{transition-duration:.01ms!important}}@media (prefers-contrast: high){.map-protocol-sandbox{background:#000;color:#fff}.sandbox-header,.sandbox-status,.config-editor{background:#000;border-color:#fff}.control-group select,.config-editor-toggle,.report-editor-toggle{border-color:#fff;background:#000}}@media print{.sandbox-header,.sandbox-status,.config-editor,.debug-panel{display:none!important}.sandbox-content{height:auto!important}}.sandbox-dashboard-page{min-height:calc(100vh - 140px);background:linear-gradient(135deg,#0a0e13,#1a1d20,#0f1419);color:#fff;position:relative;overflow-x:hidden}.sandbox-dashboard-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,107,53,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.page-header{position:relative;z-index:2;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.header-icon{width:2.5rem;height:2.5rem;color:#00d4ff}.header-title h1{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00d4ff,#0f8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:2rem;margin-left:3.5rem}.header-stats{display:flex;gap:2rem;margin-left:3.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff0d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:100px}.stat-icon{width:1.5rem;height:1.5rem;color:#00d4ff;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#0f8;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#fff9}.content-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;position:relative;z-index:2;max-width:1200px;margin:0 auto}.sidebar{display:flex;flex-direction:column;gap:2rem}.category-filters{background:#ffffff0d;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-filters h3{margin:0 0 1rem;color:#00d4ff;font-size:1.125rem;font-weight:600}.filter-list{display:flex;flex-direction:column;gap:.5rem}.filter-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:.875rem}.filter-button:hover{background:#ffffff0d;border-color:#fff3;color:#fff}.filter-button.active{background:linear-gradient(135deg,#00d4ff33,#0f83);border-color:#00d4ff;color:#fff}.filter-icon{width:1rem;height:1rem}.filter-name{flex:1;text-align:left}.filter-count{background:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.filter-button.active .filter-count{background:#00d4ff4d;color:#00d4ff}.sandbox-guide{background:#ffffff0d;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sandbox-guide h3{margin:0 0 1rem;color:#0f8;font-size:1.125rem;font-weight:600}.guide-content{display:flex;flex-direction:column;gap:1rem}.guide-item{display:flex;gap:.75rem;align-items:flex-start}.guide-icon{font-size:1.25rem;line-height:1;margin-top:.125rem}.guide-text{display:flex;flex-direction:column;gap:.25rem}.guide-text strong{color:#fff;font-size:.875rem}.guide-text span{color:#fff9;font-size:.8rem}.components-area{flex:1}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.component-card{background:#ffffff0d;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.component-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);opacity:.6;transition:opacity .3s ease}.component-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 8px 32px #0000004d}.component-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon{width:2.5rem;height:2.5rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:.5rem}.card-status{display:flex;gap:.5rem;align-items:center}.status-indicator,.complexity-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.card-content{margin-bottom:1.5rem}.card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fff}.card-description{color:#ffffffb3;margin-bottom:1rem;line-height:1.5}.card-features h4{font-size:.875rem;font-weight:600;color:var(--accent-color);margin:0 0 .5rem}.card-features ul{list-style:none;padding:0;margin:0}.card-features li{color:#ffffffb3;font-size:.875rem;position:relative;padding:.25rem 0 .25rem 1rem}.card-features li:before{content:"•";position:absolute;left:0;color:var(--accent-color);font-weight:700}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.card-actions{display:flex;gap:.5rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.action-button.primary{background:var(--accent-color);color:#fff}.action-button.secondary{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.action-button:hover{opacity:.8;transform:translateY(-1px)}.action-icon{width:1rem;height:1rem}.arrow-icon{width:1.5rem;height:1.5rem;color:var(--accent-color);transition:transform .3s ease}.component-card:hover .arrow-icon{transform:translate(4px)}.page-footer{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:2rem;position:relative;z-index:2}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.footer-section h4{color:#00d4ff;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{color:#ffffffb3;font-size:.875rem;position:relative;padding:.5rem 0 .5rem 1rem;line-height:1.5}.footer-section li:before{content:"▸";position:absolute;left:0;color:#0f8;font-weight:700}@media (max-width: 768px){.content-layout{grid-template-columns:1fr;gap:1rem;padding:1rem}.sidebar{order:2}.components-area{order:1}.components-grid{grid-template-columns:1fr}.header-stats{flex-wrap:wrap;gap:1rem}.footer-content{grid-template-columns:1fr}}@media (max-width: 480px){.page-header{padding:1rem}.header-title h1{font-size:2rem}.header-subtitle{font-size:1rem;margin-left:0}.header-stats{margin-left:0}.component-card{padding:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.component-card{animation:fadeInUp .6s ease-out}.component-card:nth-child(1){animation-delay:.1s}.component-card:nth-child(2){animation-delay:.2s}.component-card:nth-child(3){animation-delay:.3s}.component-card:nth-child(4){animation-delay:.4s}.component-card:nth-child(5){animation-delay:.5s}.base-card{background-color:#1e1e24;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003;display:flex;justify-content:center;align-items:center;color:#fff;font-family:sans-serif;font-size:1.2rem;overflow:hidden;width:100%;height:100%}.hac-stable-container{position:relative;box-sizing:border-box;overflow:visible}.hac-container{position:relative;display:flex;align-items:flex-start;background-color:#2c2c34;border-radius:16px;border:1px solid #007bff;cursor:pointer;box-sizing:border-box;padding:0;overflow:hidden;min-width:0;min-height:0;will-change:transform,width,height}.hac-card-wrapper{position:relative;flex-shrink:0;display:flex;flex-direction:column}.hac-card-content-area{z-index:2;position:relative;flex-shrink:0;box-sizing:border-box}.hac-sidebar-content-area{flex-shrink:0;overflow:hidden;padding:32px 0;box-sizing:border-box;display:flex;flex-direction:column}.hac-sidebar-inner-content{padding:1rem;color:#e5e5e5;height:100%;overflow-y:auto;box-sizing:border-box;flex:1}.hac-sidebar-inner-content h4{margin-top:0;margin-bottom:1rem;color:var(--text-brand, #00d4ff)}.hac-sidebar-inner-content p{font-size:.9rem;color:#aaa;line-height:1.4;margin-bottom:.5rem}.hac-action-icons{position:absolute;top:30px;right:9px;z-index:3;display:flex;flex-direction:column;gap:6px}.hac-action-icon{width:24px;height:24px;background-color:#2c2c34;border:none;color:#fff;border-radius:4px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;transition:box-shadow .2s ease;padding:0;outline:none}.hac-action-icon:hover{box-shadow:0 2px 8px #0000004d}.hac-action-icon:focus{outline:2px solid #007bff;outline-offset:2px}.hac-action-icon:active{transform:scale(.95)}.hac-action-icon-active{background-color:#007bff!important;color:#fff!important}.collapsible-sidebar-container{position:fixed;top:0;right:0;height:100vh;background:#1e2124;border-left:1px solid #3c4043;z-index:3000;display:flex;overflow:hidden}.collapsible-sidebar-content{height:100%;overflow-y:auto;box-sizing:border-box}.collapsible-sidebar-toggle{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-90deg);transform-origin:top left;background:#007bff;color:#fff;padding:8px 12px;border-radius:8px 8px 0 0;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}.toggle-icon{display:inline-block;transition:transform .3s ease}.animated-feed-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#1a1d20;padding-top:40px;padding-bottom:24px;padding-right:40px;overflow:hidden}.animated-feed-main-content{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:2rem;gap:4rem}.animated-feed-main-content .v2-card-wrapper .hac-stable-container{position:relative!important;overflow:visible!important}.animated-feed-main-content .v2-card-wrapper .hac-container{position:absolute!important;top:0!important;left:0!important;transform-origin:left center!important}.interaction-log-content{padding:1rem}.interaction-log-content h3{margin-top:0;margin-bottom:1rem;color:var(--text-brand, #00d4ff);font-size:1rem}.log-entry{background:#1e2124;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.75rem;white-space:pre-wrap;word-break:break-all;border:1px solid #3c4043}.base-card{padding:24px;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;color:#e5e5e5;transition:all .3s ease;background:#2a2a2a;border:1px solid #444;border-radius:6px;box-shadow:none}.hac-stable-container{position:relative}.hac-card-wrapper{position:relative;background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0003;overflow:visible}.hac-hover-sidebar{position:absolute;background:#2a2a2a;border:1px solid #444;border-left:none;border-radius:0 8px 8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 12px;z-index:1}.hac-content-layer{position:relative;z-index:2;width:100%;height:100%;background:#1e1e1e;border-radius:8px}.hac-card-content-area{width:100%;height:100%}.hac-sidebar-content-area{position:absolute;top:0;left:100%;overflow:hidden;background:#2a2a2a;border-left:1px solid #444;border-radius:0 8px 8px 0;z-index:3;padding:16px;color:#fff}.hac-sidebar-inner-content{height:100%;overflow-y:auto}.hac-action-icon{background-color:transparent;border:none;color:#a0a0a0;border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hac-action-icon:hover{transform:scale(1.1);color:#fff}.hac-action-icon-active{background-color:#007bff;color:#fff}.hac-interaction-wrapper{position:relative;width:100%;height:100%}.accordion{border:none;margin:0;background:transparent}.accordion-header{display:flex;align-items:center;padding:4px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;font-size:.85rem;font-weight:500;color:#e5e5e5;transition:background-color .15s ease;min-height:24px}.accordion-header:hover{background-color:#ffffff0d}.accordion-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px;font-size:10px;color:#a0a0a0;transition:transform .15s ease}.accordion-title{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.accordion-content{padding:0;margin:0;animation:accordionOpen .2s ease-out}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.debug-accordion{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#1a1a1a;border-top:1px solid #333;max-height:40vh;overflow-y:auto}.debug-accordion .accordion-header{background:#1a1a1a;border-bottom:1px solid #333;padding:8px 12px;position:sticky;top:0;z-index:1001}.debug-accordion .accordion-content{padding:12px;background:#1a1a1a}.debug-accordion .accordion-title{color:#ff6b6b;font-size:.8rem}.layered-feed-container{display:flex;background-color:#101010;color:#fff;height:100%;width:100%}.feed-context-sidebar{width:280px;padding:1.5rem;border-right:1px solid #333;flex-shrink:0;overflow-y:auto}.feed-grid-area{flex:1;padding:1.5rem;position:relative;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%}.virtual-scroll-container{width:100%;position:relative}.virtual-item{position:absolute;top:0;left:0;width:100%;padding:10px}.feed-card-container{min-height:300px;width:100%;height:auto;display:flex;flex-direction:column}.feed-card-container>div{flex:1;min-height:300px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1d20;color:#e5e5e5;font-size:13px;line-height:1.4;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1e2124}::-webkit-scrollbar-thumb{background:#3c4043;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5a6066}:root{--text-scale: 1.1;--text-xs: calc(9px * var(--text-scale));--text-sm: calc(10px * var(--text-scale));--text-base: calc(11px * var(--text-scale));--text-md: calc(12px * var(--text-scale));--text-lg: calc(13px * var(--text-scale));--text-xl: calc(14px * var(--text-scale));--text-2xl: calc(16px * var(--text-scale));--text-3xl: calc(18px * var(--text-scale));--text-4xl: calc(24px * var(--text-scale));--bg-primary: #1a1d20;--bg-secondary: #1e2124;--bg-tertiary: #2a2d31;--bg-elevated: #242629;--bg-input: #2a2d31;--border-primary: #2a2d31;--border-secondary: #3c4043;--text-primary: #e5e5e5;--text-secondary: #888;--text-brand: #00d4ff;--text-success: #00ff88;--text-warning: #ff6b35;--text-error: #ff4444;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--header-height: 40px;--footer-height: 24px;--sidebar-width: 280px;--right-sidebar-width: 300px;--z-header: 1000;--z-footer: 1000;--z-modal: 2000}.text-xs{font-size:var(--text-xs)!important}.text-sm{font-size:var(--text-sm)!important}.text-base{font-size:var(--text-base)!important}.text-md{font-size:var(--text-md)!important}.text-lg{font-size:var(--text-lg)!important}.text-xl{font-size:var(--text-xl)!important}.text-2xl{font-size:var(--text-2xl)!important}.text-3xl{font-size:var(--text-3xl)!important}.text-4xl{font-size:var(--text-4xl)!important}.top-nav{height:40px;background:#1e2124;border-bottom:1px solid #2a2d31;display:flex;justify-content:space-between;align-items:center;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-left{display:flex;align-items:center;gap:16px}.logo{font-weight:600;color:#00d4ff;font-size:14px;letter-spacing:.5px;text-decoration:none}.search-bar{position:relative}.global-search{width:300px;height:28px;background:#2a2d31;border:1px solid #3c4043;border-radius:4px;padding:0 12px;color:#e5e5e5;font-size:12px}.global-search:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.global-search::placeholder{color:#a8adb3}.nav-right{display:flex;align-items:center;gap:16px}.user-role{font-size:12px;color:#0f8;font-weight:500}.notifications{color:#ff6b35;font-size:10px;cursor:pointer}.nav-items{display:flex;align-items:center;gap:20px;margin-left:20px;height:40px}.nav-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:#e5e5e5;font-size:12px;font-weight:500;padding:8px;border-radius:3px;transition:all .2s ease;position:relative;border-bottom:2px solid transparent;margin:0}.nav-item:hover,.nav-item.active{color:#00d4ff;border-bottom-color:#00d4ff}.nav-item-text{color:inherit}.nav-item.quick-action{background:none;border:none;color:#e5e5e5;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;transition:all .2s ease;text-decoration:none;border-bottom:2px solid transparent}.nav-item.quick-action:hover{background:#00d4ff1a;color:#00d4ff;border-bottom-color:#00d4ff}.nav-item.admin-tab{white-space:nowrap;min-width:fit-content;flex-shrink:0}.nav-items{display:flex;align-items:center;gap:20px;margin-left:20px;height:40px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-items::-webkit-scrollbar{display:none}.nav-item-badge{background:#ff6b35;color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:8px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.status-bar{height:24px;background:#1e2124;border-top:1px solid #2a2d31;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;color:#888;position:fixed;bottom:0;left:0;right:0;z-index:1000}.status-left{display:flex;align-items:center;gap:8px}.connection-status{color:#0f8;font-size:8px}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-content{flex:1;overflow-y:auto;position:relative;padding-top:40px;padding-bottom:24px}*{box-sizing:border-box}body{margin:0;padding:0;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:#0a0a0a;color:#fff}button,input{font-family:inherit}