@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}.auth-callback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.callback-container{max-width:500px;width:100%}.callback-card{backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:3rem 2rem;text-align:center}.callback-icon{display:flex;justify-content:center;margin-bottom:2rem}.spinner{height:60px;width:60px}.success-icon{background:linear-gradient(135deg,#4caf50,#45a049)}.error-icon,.success-icon{align-items:center;animation:scaleIn .5s ease-out;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.error-icon{background:linear-gradient(135deg,#f44336,#d32f2f)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.callback-title{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.callback-card.processing .callback-title{color:#666}.callback-card.success .callback-title{color:#4caf50}.callback-card.error .callback-title{color:#f44336}.callback-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 2rem}.redirect-info{background:#4caf501a;border:1px solid #4caf504d;border-radius:8px;margin-top:1rem;padding:1rem}.redirect-info p{color:#4caf50;font-weight:600;margin:0}.callback-actions{margin-top:2rem}.retry-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}@media (max-width:768px){.auth-callback{padding:1rem}.callback-card{padding:2rem 1rem}.callback-title{font-size:1.5rem}.callback-message{font-size:1rem}}.react-grid-layout{transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;height:5px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.draggable-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.dashboard-controls{align-items:center;backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.control-group{align-items:center;display:flex;gap:15px}.edit-btn,.reset-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.edit-btn:hover,.reset-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.edit-btn.active{background:#4caf50cc;border-color:#4caf50}.edit-help{color:#fffc;font-size:12px;font-style:italic}.widget-toggles{color:#fff;font-size:14px;gap:15px}.widget-toggle,.widget-toggles{align-items:center;display:flex}.widget-toggle{cursor:pointer;font-size:12px;gap:5px;text-transform:capitalize}.widget-toggle input[type=checkbox]{margin:0;transform:scale(.9)}.dashboard-grid{position:relative}.widget-container{backface-visibility:hidden;background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden;position:relative;will-change:transform}.widget-container:hover:not(.react-draggable-dragging){box-shadow:0 12px 40px #00000026;transform:translateY(-2px);transition:all .2s ease}.widget-container.react-draggable-dragging{box-shadow:0 20px 60px #0000004d;transform:scale(1.02);z-index:1000}.widget-container.edit-mode{border:2px dashed #4caf5099;cursor:move}.widget-container.edit-mode:hover{background:#fffffffa;border-color:#4caf50cc}.widget-controls{align-items:center;background:#4caf50e6;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:space-between;left:0;padding:8px 12px;position:absolute;right:0;top:0;z-index:10}.widget-title{font-size:11px;text-transform:capitalize}.widget-hide-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.widget-hide-btn:hover{background:#fff3}.widget-content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.widget-container.edit-mode .widget-content{padding-top:32px}.resize-handle{background:#4caf50cc;border-top-left-radius:8px;bottom:0;cursor:se-resize;height:20px;position:absolute;right:0;width:20px}.resize-handle:after{border-bottom:8px solid #fff;border-left:8px solid #0000;bottom:3px;content:"";height:0;position:absolute;right:3px;width:0}.dashboard-error,.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:16px;height:50vh;justify-content:center}.dashboard-error{gap:20px}.dashboard-error button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.dashboard-error button:hover{background:#ffffff4d}.react-grid-layout{position:relative}.react-grid-item{transition:none}.react-grid-item:not(.react-draggable-dragging):not(.react-resizable-resizing){transition:transform .15s ease-out}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.react-draggable-dragging,.react-grid-item.react-resizable-resizing{transition:none!important;z-index:3}.react-grid-item>.react-resizable-handle{background:#4caf50cc;border-top-left-radius:8px;bottom:0;cursor:se-resize;height:20px;position:absolute;right:0;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:8px solid #fff;border-left:8px solid #0000;bottom:3px;content:"";height:0;position:absolute;right:3px;width:0}.react-grid-placeholder{background:#4caf5033;border:2px dashed #4caf5099;border-radius:12px;opacity:.7;pointer-events:none;transition:none;user-select:none;z-index:2}.widget-content *{box-sizing:border-box}.widget-content h3,.widget-content h4{font-size:1rem;line-height:1.2;margin:0 0 8px}.widget-content p{font-size:.9rem;line-height:1.3;margin:0 0 6px}@media (max-width:1200px){.dashboard-controls{align-items:stretch;flex-direction:column;gap:15px}.widget-toggles{flex-wrap:wrap;justify-content:center}.widget-content{font-size:.85rem}}@media (max-width:768px){.dashboard-controls,.draggable-dashboard{padding:10px}.widget-toggles{font-size:11px}.edit-btn,.reset-btn{font-size:12px;padding:6px 12px}}.modern-dashboard{background:linear-gradient(135deg,#f8fafc,#e0f2fe 50%,#e8eaf6);min-height:100vh}.modern-dashboard-header{backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e5e7eb80;box-shadow:0 1px 3px 0 #0000001a;position:sticky;top:0;z-index:20}.modern-dashboard-controls{align-items:center;display:flex;justify-content:space-between;padding:1rem}.modern-controls-left{align-items:center;display:flex;gap:.75rem}.modern-btn{align-items:center;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.modern-btn-edit{background:#2563eb;color:#fff}.modern-btn-edit:hover{background:#1d4ed8}.modern-btn-edit.active{background:#16a34a}.modern-btn-edit.active:hover{background:#15803d}.modern-btn-reset{background:#4b5563;color:#fff}.modern-btn-reset:hover{background:#374151}.modern-help-text{background:#f3f4f6;border-radius:.5rem;color:#4b5563;font-size:.875rem;padding:.5rem .75rem}.modern-widget-controls{align-items:center;backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #e5e7eb80;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;padding:.75rem}.modern-controls-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.modern-widget-toggles{align-items:center;display:flex;gap:.75rem}.modern-widget-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.modern-checkbox{position:relative}.modern-checkbox input{opacity:0;pointer-events:none;position:absolute}.modern-checkbox-visual{align-items:center;border:2px solid #d1d5db;border-radius:.25rem;display:flex;height:1.25rem;justify-content:center;transition:all .2s ease;width:1.25rem}.modern-checkbox input:checked+.modern-checkbox-visual{background:#2563eb;border-color:#2563eb;color:#fff}.modern-checkbox-visual:hover{border-color:#3b82f6}.modern-toggle-label{color:#374151;font-size:.875rem;text-transform:capitalize;transition:color .2s ease}.modern-widget-toggle:hover .modern-toggle-label{color:#2563eb}.modern-dashboard-grid{padding:1.5rem}.modern-loading{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe);display:flex;flex-direction:column;justify-content:center;min-height:400px}.modern-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:3rem;width:3rem}.modern-loading-text{color:#4b5563;font-weight:500;margin-top:1rem}.modern-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fce7e6);display:flex;flex-direction:column;justify-content:center;min-height:400px}.modern-error-text{color:#374151;font-weight:500;margin-bottom:1rem}.modern-retry-btn{background:#2563eb;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.modern-retry-btn:hover{background:#1d4ed8}.modern-widget-container{height:100%;position:relative}.modern-widget-container.edit-mode{cursor:move}.modern-widget-container.edit-mode .modern-widget-content{border:2px solid #3b82f680;border-radius:.5rem}.modern-widget-content{height:100%;transition:all .2s ease}.modern-edit-controls{align-items:center;display:flex;gap:.25rem;position:absolute;right:-.5rem;top:-.5rem;z-index:10}.modern-edit-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:1.5rem;justify-content:center;transition:all .2s ease;width:1.5rem}.modern-edit-btn:hover{background:#dc2626;transform:scale(1.1)}.modern-resize-handle{background:#3b82f633;bottom:0;cursor:se-resize;height:1rem;position:absolute;right:0;transition:all .2s ease;width:1rem}.modern-resize-handle:hover{background:#3b82f666}.modern-resize-indicator{border-bottom:2px solid #3b82f6;border-right:2px solid #3b82f6;bottom:.25rem;height:.5rem;position:absolute;right:.25rem;width:.5rem}.modern-market-overview{backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e5e7eb4d;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:100%;padding:1.5rem;transition:all .3s ease}.modern-market-overview:hover{box-shadow:0 25px 50px -12px #00000040}.modern-market-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modern-market-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem}.modern-status-indicator{position:relative}.modern-status-dot{animation:pulse 2s infinite;background:#10b981}.modern-status-dot,.modern-status-ping{border-radius:50%;height:.75rem;width:.75rem}.modern-status-ping{animation:ping 1s infinite;background:#34d399;inset:0;opacity:.75;position:absolute}.modern-market-badges{align-items:center;display:flex;gap:.5rem}.modern-live-badge{background:#d1fae5;border:1px solid #a7f3d0;border-radius:9999px;color:#059669;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.modern-time-badge{background:#f3f4f6;border-radius:9999px;color:#6b7280;font-size:.75rem;padding:.25rem .5rem}.modern-market-items{display:flex;flex-direction:column;gap:1rem}.modern-market-item{border:1px solid #e5e7eb99;border-radius:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.modern-market-item:hover{box-shadow:0 4px 6px -1px #0000001a}.modern-market-item.nifty{background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#ecfdf5);border-color:#22c55e99}.modern-market-item.nifty:hover{border-color:#22c55ecc}.modern-market-item.banknifty{background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#eff6ff);border-color:#3b82f699}.modern-market-item.banknifty:hover{border-color:#3b82f6cc}.modern-market-item.sensex{background:linear-gradient(135deg,#faf5ff,#f3e8ff 50%,#faf5ff);border-color:#9333ea99}.modern-market-item.sensex:hover{border-color:#9333eacc}.modern-market-item-overlay{inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.modern-market-item.nifty:hover .modern-market-item-overlay{background:linear-gradient(90deg,#22c55e0d,#10b9810d);opacity:1}.modern-market-item.banknifty:hover .modern-market-item-overlay{background:linear-gradient(90deg,#3b82f60d,#0ea5e90d);opacity:1}.modern-market-item.sensex:hover .modern-market-item-overlay{background:linear-gradient(90deg,#9333ea0d,#a855f70d);opacity:1}.modern-market-item-content{align-items:center;display:flex;justify-content:space-between;position:relative}.modern-market-symbol{display:flex;flex-direction:column}.modern-symbol-name{color:#1f2937;font-size:.875rem;font-weight:700}.modern-symbol-exchange{color:#6b7280;font-size:.75rem;margin-top:.25rem}.modern-market-price{text-align:right}.modern-price-value{font-size:1.25rem;font-weight:700}.modern-market-item.nifty .modern-price-value{color:#15803d}.modern-market-item.banknifty .modern-price-value{color:#1d4ed8}.modern-market-item.sensex .modern-price-value{color:#7c3aed}.modern-price-change{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;margin-top:.25rem}.modern-change-arrow{font-size:.75rem}.modern-market-item.nifty .modern-price-change{color:#16a34a}.modern-market-item.banknifty .modern-price-change{color:#2563eb}.modern-market-item.sensex .modern-price-change{color:#9333ea}.modern-market-footer{border-top:1px solid #e5e7eb80;margin-top:1.5rem;padding-top:1rem}.modern-footer-content{align-items:center;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.modern-realtime-indicator{align-items:center;display:flex;gap:.25rem}.modern-realtime-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:.375rem;width:.375rem}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (max-width:768px){.modern-dashboard-controls{flex-direction:column;gap:1rem;padding:.75rem}.modern-widget-controls{align-items:flex-start;flex-direction:column;gap:.75rem}.modern-widget-toggles{flex-wrap:wrap}.modern-dashboard-grid,.modern-market-overview{padding:1rem}.modern-market-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.pcr-tracker{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;padding:1rem}.widget-content .pcr-tracker{background:#0000;border:none;margin:0;padding:0}.pcr-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.pcr-header h3{color:#333;font-size:1.1rem;margin:0}.overall-sentiment{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.sentiment-label{color:#666}.sentiment-value{border-radius:4px;font-size:.85rem;font-weight:600;padding:.2rem .5rem}.sentiment-value.bullish{background:#4caf501a;color:#4caf50}.sentiment-value.bearish{background:#f443361a;color:#f44336}.sentiment-value.neutral{background:#ff98001a;color:#ff9800}.confidence-score{color:#666;font-size:.8rem}.pcr-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.pcr-card{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:1rem;text-align:center}.pcr-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.index-name{color:#333;font-size:.9rem;font-weight:600}.trend-icon{font-size:1.2rem}.pcr-value-section{margin-bottom:.75rem}.pcr-main-value{font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.pcr-change{font-size:.85rem;font-weight:500}.pcr-change.positive{color:#f44336}.pcr-change.negative{color:#4caf50}.pcr-mini-chart{display:flex;justify-content:center;margin-bottom:.75rem}.pcr-interpretation{font-size:.85rem;font-weight:600}.interpretation-text.bullish{color:#4caf50}.interpretation-text.bearish{color:#f44336}.interpretation-text.neutral{color:#ff9800}.pcr-timeline{margin-bottom:1.5rem}.pcr-timeline h4{color:#333;font-size:1rem;margin:0 0 1rem}.timeline-chart{background:#fafafa;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.timeline-legend{display:flex;gap:1rem;justify-content:center}.legend-color.nifty{background:#2196f3}.legend-color.banknifty{background:#4caf50}.pcr-signals{margin-bottom:1.5rem}.pcr-signals h4{color:#333;font-size:1rem;margin:0 0 .75rem}.signals-list{display:flex;flex-direction:column;gap:.5rem}.signal-item{align-items:flex-start;color:#555;display:flex;font-size:.9rem;gap:.5rem}.signal-bullet{color:#2196f3;font-weight:600;margin-top:.1rem}.signal-text{flex:1}.pcr-guide{background:#f9f9f9;border-radius:6px;display:flex;font-size:.85rem;gap:1rem;justify-content:space-around;padding:1rem}.guide-item{align-items:center;display:flex;flex:1;flex-direction:column;gap:.25rem;text-align:center}.guide-range{border-radius:4px;font-size:.8rem;font-weight:600;padding:.2rem .4rem}.guide-range.bullish{background:#4caf501a;color:#4caf50}.guide-range.bearish{background:#f443361a;color:#f44336}.guide-range.neutral{background:#ff98001a;color:#ff9800}.guide-meaning{color:#666;font-size:.75rem;text-align:center}@media (max-width:768px){.pcr-header{align-items:flex-start;flex-direction:column}.pcr-cards{grid-template-columns:1fr}.timeline-legend{align-items:center;flex-direction:column;gap:.5rem}.pcr-guide{flex-direction:column;gap:.75rem}.guide-item{flex-direction:row;justify-content:space-between}}.bid-ask-gap{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;padding:1rem}.widget-content .bid-ask-gap{background:#0000;border:none;margin:0;padding:0}.gap-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.gap-header h3{color:#333;font-size:1.1rem;margin:0}.gap-controls{align-items:center;display:flex;gap:1rem}.index-selector,.type-selector{display:flex;gap:.5rem}.index-btn,.type-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.index-btn:hover,.type-btn:hover{background:#f5f5f5}.index-btn.active{background:#2196f3;border-color:#2196f3}.type-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.gap-table{margin:1rem 0}.gap-table-header{background:#f5f5f5;border-radius:4px 4px 0 0;color:#333;font-weight:600}.gap-table-header,.gap-table-row{display:grid;font-size:.9rem;gap:.5rem;grid-template-columns:1.2fr 1fr 1fr .8fr .8fr 1fr;padding:.75rem .5rem}.gap-table-row{align-items:center;border-bottom:1px solid #eee}.gap-table-row:last-child{border-bottom:none;border-radius:0 0 4px 4px}.gap-table-row:nth-child(2n){background:#fafafa}.strike-info{display:flex;flex-direction:column;gap:.2rem}.strike-value{color:#333;font-weight:600}.strike-label{color:#666;font-size:.8rem;font-weight:500}.bid-value{color:#4caf50;font-weight:600}.ask-value{color:#f44336;font-weight:600}.gap-value{color:#333}.gap-percent,.gap-value{font-weight:600}.liquidity-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.2rem .5rem;text-align:center}.gap-summary{background:#f9f9f9;border-radius:6px;margin:1rem 0;padding:1rem}.summary-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.stat-label{color:#666;font-size:.9rem}.stat-value{color:#333;font-size:.9rem;font-weight:600}.gap-legend{background:#f9f9f9;border-radius:6px;margin-top:1rem;padding:1rem}.legend-title{font-size:.9rem;margin-bottom:.75rem}.legend-items{display:flex;flex-wrap:wrap;gap:1rem}.legend-item{font-size:.85rem}.legend-color.excellent{background:#4caf50}.legend-color.good{background:#8bc34a}.legend-color.fair{background:#ff9800}.legend-color.poor{background:#f44336}@media (max-width:768px){.gap-header{align-items:flex-start;flex-direction:column}.gap-controls{flex-direction:column;gap:.5rem;width:100%}.index-selector,.type-selector{width:100%}.index-btn,.type-btn{flex:1;text-align:center}.gap-table-header,.gap-table-row{gap:.25rem;grid-template-columns:1fr;text-align:left}.gap-table-header span,.gap-table-row>*{padding:.25rem 0}.strike-info{align-items:center;flex-direction:row;gap:.5rem}.summary-stats{grid-template-columns:1fr}.legend-items{flex-direction:column;gap:.5rem}}@media (max-width:480px){.bid-ask-gap{padding:.75rem}.gap-header h3{font-size:1rem}.gap-table-header,.gap-table-row{font-size:.85rem}}.iv-skew-chart{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;padding:1rem}.widget-content .iv-skew-chart{background:#0000;border:none;margin:0;padding:0}.chart-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.chart-header h3{color:#333;font-size:1.1rem;margin:0}.chart-tabs{display:flex;gap:.5rem}.chart-tab{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.chart-tab:hover{background:#f5f5f5}.chart-tab.active{background:#2196f3;border-color:#2196f3;color:#fff}.iv-chart-container{background:#fafafa;border-radius:4px;margin:1rem 0;padding:.5rem}.chart-legend{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.legend-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.skew{background:#2196f3}.legend-color.term{background:#ff9800}@media (max-width:768px){.chart-header{align-items:flex-start;flex-direction:column;gap:.5rem}.chart-tabs{justify-content:center;width:100%}.chart-tab{flex:1;text-align:center}}.oi-heatmap{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;padding:1rem}.widget-content .oi-heatmap{background:#0000;border:none;margin:0;padding:0}.heatmap-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.heatmap-header h3{color:#333;font-size:1.1rem;margin:0}.metric-selector{display:flex;gap:.5rem}.metric-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.metric-btn:hover{background:#f5f5f5}.metric-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.heatmap-container{margin:1rem 0;overflow-x:auto}.heatmap-table{min-width:500px}.heatmap-header-row{background:#f5f5f5;border-radius:4px 4px 0 0;display:grid;font-size:.9rem;font-weight:600;gap:1px;grid-template-columns:80px 1fr 1fr 60px;overflow:hidden}.heatmap-header-row>div{background:#fff;padding:.75rem .5rem;text-align:center}.call-header{color:#4caf50}.put-header{color:#f44336}.heatmap-row{background:#f0f0f0;display:grid;font-size:.85rem;gap:1px;grid-template-columns:80px 1fr 1fr 60px}.heatmap-row>div{background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:.5rem;text-align:center}.strike-cell{background:#fafafa!important;font-weight:600}.atm-strike{color:#2196f3;font-weight:700}.oi-value{font-weight:600;margin-bottom:.2rem}.oi-change{font-size:.75rem;font-weight:500}.pcr-cell span.bullish{color:#4caf50;font-weight:600}.pcr-cell span.bearish{color:#f44336;font-weight:600}.pcr-cell span.neutral{color:#666;font-weight:600}.heatmap-legend{align-items:center;border-top:1px solid #eee;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-around;margin-top:1rem;padding-top:1rem}.legend-section{align-items:center;display:flex;gap:.5rem}.legend-title{color:#333;font-weight:600}.legend-gradient{border-radius:6px;height:12px;width:60px}.call-gradient{background:linear-gradient(90deg,#4caf5033,#4caf50)}.put-gradient{background:linear-gradient(90deg,#f4433633,#f44336)}.legend-label{color:#666;font-size:.8rem}.pcr-legend{display:flex;font-size:.8rem;gap:.75rem}.pcr-legend .bullish{color:#4caf50}.pcr-legend .bearish{color:#f44336}.pcr-legend .neutral{color:#666}@media (max-width:768px){.heatmap-header{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-selector{justify-content:center;width:100%}.metric-btn{flex:1}.heatmap-legend{align-items:flex-start;flex-direction:column;gap:.5rem}.legend-section{justify-content:space-between;width:100%}.pcr-legend{flex-direction:column;gap:.25rem}}.max-pain-indicator{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;padding:1rem}.widget-content .max-pain-indicator{background:#0000;border:none;margin:0;padding:0}.max-pain-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.max-pain-header h3{color:#333;font-size:1.1rem;margin:0}.index-selector{display:flex;gap:.5rem}.index-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:all .2s ease}.index-btn:hover{background:#f5f5f5}.index-btn.active{background:#9c27b0;border-color:#9c27b0;color:#fff}.max-pain-summary{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.distance-card,.max-pain-card,.sentiment-card{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:1rem;text-align:center}.card-title{color:#666;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.max-pain-value{color:#9c27b0;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.current-price{color:#666;font-size:.85rem}.distance-value{font-size:1.6rem;font-weight:700;margin-bottom:.25rem}.distance-percent{color:#666;font-size:.85rem}.sentiment-flow{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.25rem}.flow-value{color:#4caf50;font-size:1.4rem;font-weight:700}.flow-confidence{color:#666;font-size:.8rem}.flow-amount{color:#2196f3;font-size:.9rem;font-weight:600}.max-pain-chart{background:#fafafa;border-radius:4px;padding:.5rem}.max-pain-chart,.sentiment-indicators{margin-bottom:1.5rem}.indicator-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.indicator-item{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem}.indicator-label{color:#666;font-weight:500}.indicator-value{font-size:1rem;font-weight:700}.indicator-meaning{color:#666;font-size:.85rem}.unusual-activity{margin-bottom:1.5rem}.unusual-activity h4{color:#333;font-size:1rem;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#f9f9f9;border-left:4px solid #2196f3;border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.activity-type{flex-shrink:0}.activity-badge{border-radius:4px;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.activity-badge.call{background:#4caf501a;color:#4caf50}.activity-badge.put{background:#f443361a;color:#f44336}.activity-details{align-items:center;display:flex;font-size:.9rem;gap:1rem}.activity-strike{color:#333;font-weight:600}.activity-volume{color:#666}.activity-premium{color:#2196f3;font-weight:600}.max-pain-interpretation{margin-bottom:1rem}.interpretation-card{background:#f9f9f9;border-radius:6px;padding:1rem}.interpretation-card h4{color:#333;font-size:1rem;margin:0 0 .75rem}.interpretation-text{color:#555;font-size:.9rem;line-height:1.5}.interpretation-text p{margin:0 0 .75rem}.interpretation-text p:last-child{margin-bottom:0}.interpretation-text strong{color:#333}@media (max-width:768px){.max-pain-header{align-items:flex-start;flex-direction:column;gap:.5rem}.index-selector{justify-content:center;width:100%}.index-btn{flex:1}.indicator-row,.max-pain-summary{grid-template-columns:1fr}.activity-item{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-details{justify-content:space-between;width:100%}}.strategy-manager{background:#1a1a1a;border-radius:8px;color:#fff;margin:20px 0;padding:20px}.strategy-manager-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.strategy-manager-header h2{color:#0f8;font-size:1.5rem;margin:0}.strategy-manager-controls{display:flex;gap:10px}.refresh-btn,.stop-all-btn,.stop-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.refresh-btn{background:#007bff}.refresh-btn:hover:not(:disabled){background:#0056b3}.stop-all-btn{background:#dc3545;color:#fff}.stop-all-btn:hover:not(:disabled){background:#c82333}.stop-btn{background:#ff6b6b;color:#fff;width:100%}.stop-btn:hover:not(:disabled){background:#ff5252}.refresh-btn:disabled,.stop-all-btn:disabled,.stop-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f44;border-left:4px solid #c00;border-radius:4px;color:#fff;padding:12px}.no-strategies{background:#2a2a2a;border:2px dashed #555;border-radius:8px;padding:40px 20px;text-align:center}.no-strategies p{color:#ccc;margin:10px 0}.strategies-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.strategy-card{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:20px}.strategy-card:hover{border-color:#0f8;box-shadow:0 4px 12px #00ff881a}.strategy-header{align-items:center;border-bottom:1px solid #444;margin-bottom:15px;padding-bottom:10px}.strategy-header h3{color:#0f8;font-size:1.2rem;margin:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.running{background:#28a745;color:#fff}.status-badge.stopped{background:#dc3545;color:#fff}.status-badge.idle{background:#ffc107;color:#212529}.strategy-details{margin-bottom:15px}.detail-row{margin-bottom:8px;padding:4px 0}.detail-row .label{color:#aaa;font-weight:500}.detail-row .value{color:#fff;font-weight:600}.strategy-actions{border-top:1px solid #444;margin-top:15px;padding-top:15px}.strategy-manager-footer{border-top:1px solid #333;color:#aaa;font-size:.9rem;padding-top:15px;text-align:center}.strategy-manager-footer p{margin:5px 0}@media (max-width:768px){.strategy-manager{margin:10px 0;padding:15px}.strategy-manager-header{align-items:stretch;flex-direction:column;gap:15px}.strategy-manager-controls{justify-content:center}.strategies-grid{gap:15px;grid-template-columns:1fr}.strategy-card{padding:15px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.refresh-btn:disabled{animation:pulse 1.5s infinite}.option-chain-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.option-chain-header{align-items:center;backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.option-chain-header h2{font-size:1.8rem;font-weight:600;margin:0}.controls-group{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.range-selector,.symbol-selector{align-items:center;display:flex;gap:10px}.range-selector label,.symbol-selector label{font-size:1rem;font-weight:500;white-space:nowrap}.range-dropdown,.symbol-dropdown{background:#ffffffe6;border:none;border-radius:5px;color:#333;cursor:pointer;font-size:1rem;min-width:120px;padding:8px 12px;transition:all .3s ease}.range-dropdown:hover,.symbol-dropdown:hover{background:#fff;transform:translateY(-1px)}.option-chain-content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;margin-bottom:20px;min-height:600px;overflow:hidden}.loading-container{color:#666;padding:50px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}.error-container{color:#666;padding:30px;text-align:center}.error-message{color:#e74c3c;font-size:1.1rem;margin-bottom:20px}.fallback-options{margin-top:20px}.fallback-options p{color:#666;margin-bottom:15px}.option-chain-table-container{overflow-x:auto;padding:20px}.spot-price-header{color:#333;margin-bottom:20px;text-align:center}.spot-price-header h3{color:#667eea;font-size:1.5rem;margin:0 0 5px}.spot-price-header p{color:#666;font-size:.9rem;margin:0}.option-chain-table{border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;width:100%}.option-chain-table th{background:#f8f9fa;border:1px solid #dee2e6;color:#333;font-size:.95rem;font-weight:600;padding:10px 8px;text-align:center}.calls-header{background:#d4edda!important;color:#155724}.puts-header{background:#f8d7da!important;color:#721c24}.strike-header{background:#fff3cd!important;color:#856404;font-weight:700}.option-chain-table td{border:1px solid #dee2e6;color:#333;font-weight:500;padding:8px;text-align:center}.strike-price{background:#fff3cd;color:#856404;font-weight:700}.ltp-cell{color:#000;font-size:1.05rem;font-weight:700}.atm-strike{background:#e3f2fd}.atm-strike td{color:#000!important;font-weight:600}.atm-strike .strike-price{background:#ffeb3b;color:#f57f17;font-weight:700}.no-data{color:#666;font-size:1.1rem;padding:50px;text-align:center}.option-chain-footer{backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;padding:15px 20px;text-align:center}.option-chain-footer p{font-size:.9rem;margin:0 0 15px;opacity:.9}.option-chain-actions{display:flex;gap:15px;justify-content:center}.open-external-btn,.refresh-btn{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.open-external-btn{background:#4caf50;color:#fff}.open-external-btn:hover{background:#45a049;box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.refresh-btn{background:#2196f3;color:#fff}.refresh-btn:hover{background:#1976d2;box-shadow:0 5px 15px #2196f366;transform:translateY(-2px)}@media (max-width:768px){.option-chain-header{flex-direction:column;gap:15px;text-align:center}.option-chain-iframe{height:60vh;min-height:500px}.option-chain-actions{align-items:center;flex-direction:column}.open-external-btn,.refresh-btn{width:200px}}.strategy-controls{backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:2rem}.widget-content .strategy-controls{backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;padding:0}.widget-content .controls-header{border-bottom:1px solid #e0e0e0;margin-bottom:.5rem;padding-bottom:.5rem}.widget-content .controls-header h2{font-size:1rem;margin:0}.widget-content .control-section{font-size:.8rem;margin-bottom:.5rem;padding:.5rem}.widget-content .control-section h3{font-size:.9rem;margin:0 0 .5rem}.widget-content .strategy-tabs{gap:5px;margin:.5rem 0}.widget-content .tab-button{font-size:.7rem;padding:4px 8px}.widget-content .radio-group{flex-wrap:wrap;gap:1rem}.widget-content .radio-option{font-size:.8rem}.widget-content .btn{font-size:.8rem;padding:.4rem .8rem}.widget-content .strategy-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.widget-content .strategy-card{padding:8px}.widget-content .strategy-title{font-size:.7rem}.widget-content .strategy-description{font-size:.65rem}.widget-content .market-analysis{gap:.5rem;padding:.5rem}.widget-content .analysis-item{font-size:.7rem}.widget-content .strategy-preview{padding:.5rem}.widget-content .preview-details{gap:.5rem;grid-template-columns:1fr}.widget-content .detail-group{padding:.5rem}.widget-content .detail-item{font-size:.7rem;margin-bottom:.2rem}.controls-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.controls-header h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 1rem}.strategy-tabs{display:flex;gap:10px;margin:15px 0}.tab-button{background:#0000;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);padding:10px 20px}.tab-button:hover{background:#6366f11a}.tab-button.active{background:var(--primary-color);color:#fff}.auth-warning{margin-top:1rem}.warning-message{background:#ff98001a;border-left:4px solid #ff9800;border-radius:8px;color:#e65100;font-size:.9rem;font-weight:500;padding:.8rem 1rem}.control-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;padding:1.5rem}.strategy-type-selection .radio-group{display:flex;flex-direction:column;gap:1rem}.strategy-type-selection .radio-option{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.strategy-type-selection .radio-option:hover{background:#007bff0d;border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-2px)}.strategy-type-selection .radio-option input[type=radio]{margin-bottom:.5rem;margin-right:.75rem;transform:scale(1.2)}.strategy-type-selection .radio-option input[type=radio]:checked+.radio-label{color:#007bff;font-weight:600}.strategy-type-selection .radio-option input[type=radio]:checked~.radio-description{color:#495057}.strategy-type-selection .radio-label{color:#2c3e50;font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.strategy-type-selection .radio-description{color:#6c757d;font-size:.9rem;font-style:italic;margin-left:1.5rem}.control-section h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.risk-metrics-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-top:1rem}.risk-column{display:flex;flex-direction:column;gap:.8rem}@media (max-width:768px){.risk-metrics-grid{gap:1rem;grid-template-columns:1fr}}.symbol-selection{margin-top:1rem}.radio-group{display:flex;gap:2rem}.radio-option{align-items:center;cursor:pointer;display:flex;font-size:1rem}.radio-option input[type=radio]{accent-color:#4caf50;margin-right:.5rem;transform:scale(1.2)}.radio-label{color:#2c3e50;font-weight:500}.market-analysis{background:#f8f9fa80;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.analysis-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.analysis-item .label{color:#666;font-weight:500}.analysis-item .value{color:#2c3e50;font-weight:600}.analysis-item .value.signal,.analysis-item .value.trend{font-weight:700;text-transform:uppercase}.strategy-creation{text-align:center}.help-text{color:#666;font-size:.9rem;line-height:1.5;margin-top:.5rem}.strategy-preview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:1.5rem}.preview-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.strategy-id{background:#ffffffb3;border-radius:4px;color:#495057;font-family:Monaco,Menlo,monospace;font-size:.9rem;padding:.3rem .6rem}.strategy-symbol{color:#2c3e50;font-size:1.1rem;font-weight:700}.preview-details{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.detail-group{background:#ffffffb3;border-radius:8px;padding:1rem}.detail-group h4{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .8rem;padding-bottom:.5rem}.detail-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.detail-item:last-child{margin-bottom:0}.detail-item .label{color:#666;font-size:.9rem}.detail-item .value{color:#2c3e50;font-weight:600}.detail-item .value.positive{color:#4caf50}.detail-item .value.negative{color:#f44336}.orders-preview{background:#ffffffb3;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.orders-preview h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .8rem}.order-item{align-items:center;background:#f8f9facc;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.order-item:last-child{margin-bottom:0}.order-type{color:#f44336;font-weight:700;text-transform:uppercase}.order-symbol{color:#495057;font-family:Monaco,Menlo,monospace}.order-quantity{color:#666;font-weight:500}.preview-actions{display:flex;gap:1rem;justify-content:center}.execution-result{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:1.5rem}.result-status{border-radius:8px;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;padding:.8rem;text-align:center;text-transform:uppercase}.result-status.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.result-status.partial{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.result-status.failed{background:#f443361a;border:1px solid #f443364d;color:#f44336}.executed-orders{background:#ffffffb3;border-radius:8px;margin-bottom:1rem;padding:1rem}.executed-orders h4{color:#2c3e50;margin:0 0 .8rem}.executed-order{align-items:center;background:#f8f9facc;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.executed-order:last-child{margin-bottom:0}.order-id{color:#495057;font-family:Monaco,Menlo,monospace;font-size:.8rem}.order-status.success{background:#4caf501a;border-radius:12px;font-size:.8rem;padding:.2rem .5rem}.order-premium,.order-status.success{color:#4caf50;font-weight:600}.total-premium{align-items:center;background:#ffffffb3;border-radius:8px;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.total-premium .label{color:#2c3e50;font-weight:600}.total-premium .value.positive{color:#4caf50;font-size:1.2rem;font-weight:700}.result-actions{text-align:center}.guidelines{background:#f8f9fa80;border-radius:8px;padding:1rem}.guideline-item{background:#ffffffb3;border-left:4px solid #4caf50;border-radius:6px;margin-bottom:1rem;padding:.8rem}.guideline-item:last-child{margin-bottom:0}.guideline-item strong{color:#2c3e50;display:block;margin-bottom:.3rem}.guideline-item p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn.primary{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.btn.primary:hover:not(:disabled){box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.btn.success{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.btn.success:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn.secondary{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 4px 15px #6c757d4d;color:#fff}.btn.secondary:hover:not(:disabled){box-shadow:0 6px 20px #6c757d66;transform:translateY(-2px)}.auto-trading-controls{background:#ffffff0d;border:1px solid #4caf5033;border-radius:8px;padding:1.5rem}.toggle-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.toggle-slider{background-color:#4caf50}input:focus+.toggle-slider{box-shadow:0 0 1px #4caf50}input:checked+.toggle-slider:before{transform:translateX(26px)}input:disabled+.toggle-slider{background-color:#999;cursor:not-allowed}.toggle-info{flex:1}.toggle-label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.toggle-description{color:#666;font-size:.9rem;line-height:1.4;margin:0}.auto-trading-status{background:#4caf501a;border-left:4px solid #4caf50;border-radius:6px;padding:1rem}.status-indicator{gap:.5rem;margin-bottom:.5rem}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-dot.green{background-color:#4caf50;box-shadow:0 0 6px #4caf5099}.status-dot.red{background-color:#f44336}.status-text{color:#333;font-weight:600}.last-signal{color:#666;font-size:.85rem;font-style:italic}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bulk-actions{display:flex;gap:10px}.btn.small{font-size:12px;padding:6px 12px}.strategy-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.strategy-card{background:var(--card-background);border:2px solid #0000;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.strategy-card:hover{border-color:var(--primary-color-light);box-shadow:0 2px 8px #6366f11a}.strategy-card.selected{background:#6366f10d;border-color:var(--primary-color)}.strategy-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.strategy-checkbox{align-items:flex-start;cursor:pointer;display:flex;flex:1;gap:10px}.strategy-checkbox input[type=checkbox]{margin:2px 0 0}.strategy-title{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.3}.strategy-status{align-items:center;display:flex;font-size:12px;gap:6px}.strategy-description{color:var(--text-muted);font-size:12px;line-height:1.4;margin-bottom:10px}.strategy-details{border-top:1px solid var(--border-color);margin-top:10px;padding-top:10px}.detail-row{display:flex;font-size:11px;justify-content:space-between;margin-bottom:5px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:var(--text-muted)}.detail-row .value{color:var(--text-primary);font-weight:500}.selection-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:10px;text-align:center}.selection-count{color:var(--text-muted);font-size:13px;font-weight:500}.status-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin-top:15px;padding:15px}.summary-item{align-items:center;display:flex;flex-direction:column;text-align:center}.summary-label{color:var(--text-muted);font-size:11px;margin-bottom:5px}.summary-value{color:var(--primary-color);font-size:14px;font-weight:600}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.quick-actions .btn{flex:1;min-width:150px}.info-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:15px}.info-item h4{color:var(--primary-color);font-size:14px;margin:0 0 10px}.info-item p{font-size:13px;line-height:1.4}.info-item p,.info-item ul{color:var(--text-muted);margin:0}.info-item ul{font-size:12px;padding-left:16px}.info-item li{line-height:1.3;margin-bottom:5px}.info-item li:last-child{margin-bottom:0}.info-item strong{color:var(--text-primary)}@media (max-width:768px){.strategy-controls{padding:1rem}.radio-group{flex-direction:column;gap:1rem}.market-analysis{grid-template-columns:1fr}.analysis-item{gap:.3rem}.analysis-item,.preview-header{align-items:flex-start;flex-direction:column}.preview-header{gap:.5rem}.preview-details{grid-template-columns:1fr}.executed-order,.order-item{gap:.3rem}.executed-order,.order-item,.total-premium{align-items:flex-start;flex-direction:column}.total-premium{gap:.5rem}.preview-actions{flex-direction:column}.strategy-grid{grid-template-columns:1fr}.status-summary{gap:10px}.quick-actions,.status-summary{flex-direction:column}.info-grid{grid-template-columns:1fr}}.connection-status{margin-bottom:1.5rem}.status-indicator{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:14px;gap:12px;padding:12px 16px}.status-indicator.demo-mode{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.status-indicator.live-mode{background-color:#d1edff;border-color:#74b9ff;color:#0984e3}.status-icon{flex-shrink:0;font-size:18px}.status-text{display:flex;flex-direction:column;gap:2px}.status-text strong{font-size:14px;font-weight:600}.status-text span{font-size:12px;opacity:.8}.strategy-config{border-top:1px solid #0000001a;margin-top:1rem;padding-top:.8rem}.config-row{align-items:end;display:flex;gap:1rem}.config-item{display:flex;flex:1;flex-direction:column;gap:.3rem}.config-label{color:#666;font-size:.8rem;font-weight:500}.config-input,.config-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.4rem .6rem;transition:border-color .2s ease}.config-input:focus,.config-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.config-input:disabled,.config-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.config-input[type=number]{-moz-appearance:textfield}.config-input[type=number]::-webkit-inner-spin-button,.config-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.strategy-config-single{background:#ffffffb3;border-left:4px solid #4caf50;border-radius:8px;padding:1rem}.strategy-config-single .config-row{margin:0 auto;max-width:500px}.strategy-config-single .config-item{min-width:200px}.paper-trading-item{border-left:3px solid #e0e0e0;padding-left:1rem}.paper-trading-toggle{align-items:center;display:flex;gap:.75rem}.toggle-switch-small{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch-small input{height:0;opacity:0;width:0}.toggle-slider-small{background-color:#ff5722;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider-small:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider-small{background-color:#4caf50}input:checked+.toggle-slider-small:before{transform:translateX(26px)}input:disabled+.toggle-slider-small{background-color:#999;cursor:not-allowed}.toggle-info-small{display:flex;flex-direction:column;gap:.25rem}.toggle-label-small{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.25rem}.toggle-label-small.paper{color:#4caf50}.toggle-label-small.real{color:#ff5722}.toggle-description-small{color:#666;font-size:.75rem;line-height:1.3}@media (max-width:768px){.config-row{flex-direction:column;gap:.5rem}.config-item{width:100%}.strategy-config-single .config-item{min-width:unset}.paper-trading-toggle{align-items:flex-start;flex-direction:column;gap:.5rem}}*{box-sizing:border-box}body,html{margin:0;padding:0}.App,body,html{overflow-x:hidden;width:100%}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-header{backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;padding:1rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0;max-width:none;width:100%}.app-header h1{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.tab-navigation{backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #fff3;display:flex;gap:0;margin:0;max-width:none;padding:0 2rem;width:100%}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#4caf500d;color:#4caf50}.tab-button.active{background:#4caf501a;border-bottom-color:#4caf50;color:#4caf50}.main-content{margin:0;max-width:none;min-height:calc(100vh - 200px);overflow-x:hidden;padding:0;width:100%}.app-footer{background:#000c;color:#fff;margin-top:auto;padding:1rem;text-align:center}.app-footer p{font-size:.9rem;margin:0;opacity:.8}.header-actions{gap:1rem}.auth-info,.header-actions{align-items:center;display:flex}.auth-info{gap:.5rem}.auth-status{color:#4caf50;font-size:.9rem;font-weight:500}.kite-login-btn,.kite-logout-btn{background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.kite-login-btn:hover,.kite-logout-btn:hover{background:#e55a2b;transform:translateY(-1px)}.logout-btn{background:#6c757d;border:none;font-weight:500}.logout-btn:hover{background:#5a6268;transform:translateY(-1px)}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.loading-container p{font-size:1.2rem;font-weight:500;margin:0;opacity:.9}.loading-indicator{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{border:4px solid #f3f3f3;border-top-color:#4caf50;height:40px;margin-bottom:1rem;width:40px}.error-message{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;margin:1rem 0;padding:1rem}.success-message{background:#e8f5e8;border:1px solid #c8e6c9;border-radius:8px;color:#2e7d32;margin:1rem 0;padding:1rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.tab-navigation{overflow-x:auto;padding:0 1rem;white-space:nowrap}.tab-button{min-width:max-content;padding:1rem 1.5rem}.app-header,.main-content{padding:1rem}}.login-container{padding:1rem}.login-background,.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-background{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);position:relative;width:100%}.login-background:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";inset:0;opacity:.3;position:absolute}.login-card{animation:slideIn .6s ease-out;backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 25px #667eea4d;display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.logo-icon{color:#fff;height:32px;width:32px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.login-subtitle{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.form-input{backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-input:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f3f4f6cc;cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease}.password-toggle:hover:not(:disabled){background:#0000000d;color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#dc26261a;border:1px solid #dc262633;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{pointer-events:none}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid #0000001a;margin-top:2rem;padding-top:1.5rem}.demo-credentials{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#4c1d95;font-size:.85rem;line-height:1.5;margin:0;padding:1rem;text-align:center}.demo-credentials strong{color:#3730a3}@media (max-width:480px){.login-card{border-radius:16px;margin:1rem;padding:2rem 1.5rem}.login-title{font-size:2rem}.login-logo{border-radius:15px;height:60px;width:60px}.logo-icon{height:24px;width:24px}.form-input{padding:.875rem 1rem}.login-button{font-size:1rem;padding:.875rem 1.25rem}}@media (prefers-color-scheme:dark){.login-card{background:#111827f2;border:1px solid #4b55634d}.login-title{color:#f9fafb}.login-subtitle{color:#d1d5db}.form-label{color:#e5e7eb}.form-input{background:#1f2937cc;border-color:#4b5563;color:#f9fafb}.form-input:focus{background:#1f2937f2}.password-toggle{color:#9ca3af}.password-toggle:hover:not(:disabled){background:#ffffff1a;color:#d1d5db}}.landing-page{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.container{margin:0 auto;max-width:1200px;width:100%}.header{color:#fff;margin-bottom:60px;text-align:center}.header-content{position:relative}.header h1{font-size:3rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0000004d}.header p{font-size:1.25rem;font-weight:300;margin-bottom:20px;opacity:.9}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:0;top:0;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.apps-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:60px}.app-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.app-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.card-content{flex:1}.card-content h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:12px}.card-content p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:16px}.card-features{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:4px 12px}.card-arrow{color:#94a3b8;flex-shrink:0;transition:all .3s ease}.app-card:hover .card-arrow{color:#667eea;transform:translateX(4px)}.coming-soon{cursor:default;opacity:.7}.coming-soon:hover{box-shadow:0 10px 30px #0003;transform:none}.coming-soon .card-icon{background:#94a3b8}.footer{color:#fff;font-size:.875rem;opacity:.8;text-align:center}@media (max-width:768px){.header h1{font-size:2rem}.header p{font-size:1rem}.apps-grid{gap:20px;grid-template-columns:1fr}.app-card{flex-direction:column;padding:24px;text-align:center}.card-arrow{display:none}.logout-btn{margin-top:10px;position:static}}
/*# sourceMappingURL=main.87b0a931.css.map*/