:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root,.App{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.stock-table-wrapper{max-width:100%;margin:0;padding:0}.stock-table-container{background-color:var(--card-bg, #1a1a1a);border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000026;border:1px solid var(--border-color, #2d2d2d)}.table-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary, #fff);padding-bottom:8px;border-bottom:2px solid var(--primary-color, #ff6600)}.top-scrollbar{overflow-x:auto;overflow-y:hidden;height:10px;margin-bottom:0}.top-scrollbar::-webkit-scrollbar{height:8px}.top-scrollbar::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.top-scrollbar::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.top-scrollbar::-webkit-scrollbar-thumb:hover{background:#777}.top-scrollbar-thumb{height:1px}.stock-table-scroll{overflow-x:auto;overflow-y:auto;max-height:600px}.stock-table-scroll::-webkit-scrollbar{width:6px;height:0px}.stock-table-scroll::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.stock-table-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.stock-table-scroll::-webkit-scrollbar-thumb:hover{background:#777}.stock-data-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.stock-data-table thead{position:sticky;top:0;z-index:10;background:var(--card-bg, #1a1a1a)}.stock-data-table thead tr{border-bottom:1px solid var(--border-color, #2d2d2d)}.stock-data-table th{padding:10px 12px;font-weight:600;color:var(--text-secondary, #999);font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--border-color, #2d2d2d)}.stock-data-table th.col-num{text-align:right;min-width:85px}.stock-data-table th.col-hisse{text-align:left;min-width:160px}.stock-data-table .col-sticky{position:sticky;left:0;z-index:5;background:var(--card-bg, #1a1a1a)}.stock-data-table thead .col-sticky{z-index:15}.stock-data-table tbody tr{border-bottom:1px solid var(--border-color, #2d2d2d);cursor:pointer;transition:background-color .15s ease}.stock-data-table tbody tr:hover{background-color:#ff660014}.stock-data-table tbody tr:hover .col-sticky{background-color:#222}.stock-data-table td{padding:8px 12px;color:var(--text-primary, #e0e0e0);font-size:12px;white-space:nowrap}.stock-data-table td.col-num{text-align:right}.stock-data-table td.col-hisse{text-align:left}.stock-data-table td.col-time{color:#888}.stock-name-wrapper{display:flex;flex-direction:column;gap:1px}.stock-symbol{color:#007bff;font-weight:600;font-size:13px}.stock-symbol:hover{text-decoration:underline}.stock-fullname{color:#888;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.positive{color:#00c853!important}.negative{color:#ff3d00!important}.no-data{text-align:center;color:#666;padding:24px;font-style:italic}@media(max-width:768px){.stock-data-table th.col-hisse,.stock-data-table td.col-hisse{min-width:120px}.stock-fullname{max-width:100px}}.stock-table-container table.stock-table{display:table;width:100%;border-collapse:collapse;font-size:13px}.stock-table-container table.stock-table thead{background-color:#ffffff08}.stock-table-container table.stock-table th{padding:12px 10px;text-align:left;font-weight:600;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.stock-table-container table.stock-table td{padding:12px 10px;color:#e0e0e0;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.stock-table-container table.stock-table tr{transition:background-color .15s ease}.stock-table-container table.stock-table tbody tr:hover{background-color:#667eea14;cursor:pointer}.stock-table-container table.stock-table .font-bold{font-weight:600;color:#667eea}.stock-table-container table.stock-table .text-green{color:#10b981!important}.stock-table-container table.stock-table .text-red{color:#ef4444!important}.stock-table-container table.stock-table .text-gray{color:#6b7280}.stock-table-container table.stock-table .text-center{text-align:center;color:#6b7280;padding:24px;font-style:italic}.market-dashboard{max-width:1200px;margin:0 auto;padding:0 60px;box-sizing:border-box}.main-nav{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px 8px 0 0;padding:0;margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.main-nav-inner{display:flex;gap:0;min-width:max-content}.main-nav-tab{background:transparent;border:none;color:#a0a0a0;padding:14px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:3px solid transparent}.main-nav-tab:hover{color:#fff;background:#ffffff0d}.main-nav-tab.active{color:#f60;border-bottom-color:#f60;background:#ff66001a}.sub-nav{background:#1e1e1e;padding:0;border-bottom:1px solid #333;overflow-x:auto;-webkit-overflow-scrolling:touch}.sub-nav-inner{display:flex;gap:0;min-width:max-content}.sub-nav-tab{background:transparent;border:none;color:#888;padding:12px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:2px solid transparent}.sub-nav-tab:hover{color:#fff}.sub-nav-tab.active{color:#00c853;border-bottom-color:#00c853}.filter-nav{background:#252525;padding:8px 16px;border-bottom:1px solid #333;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-nav-inner{display:flex;gap:8px;min-width:max-content}.filter-tab{background:#333;border:1px solid #444;color:#aaa;padding:6px 16px;font-size:12px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{background:#444;color:#fff}.filter-tab.active{background:#f60;border-color:#f60;color:#fff}.market-content{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:20px;align-items:start}.stock-list-area{background:#1a1a1a;border-radius:8px;border:1px solid #2d2d2d;overflow:hidden}.stock-list-scroll{overflow:visible}.sidebar{background:#1a1a1a;border-radius:8px;border:1px solid #2d2d2d;overflow:hidden;position:sticky;top:20px}.sidebar-tabs{display:flex;background:#252525;border-bottom:1px solid #333;overflow-x:auto}.sidebar-tab{flex:1;background:transparent;border:none;color:#888;padding:10px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:2px solid transparent;min-width:60px}.sidebar-tab:hover{color:#fff;background:#ffffff0d}.sidebar-tab.active{color:#00c853;border-bottom-color:#00c853;background:#00c8531a}.sidebar-content{padding:8px;max-height:400px;overflow-y:auto}.sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;font-size:12px;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background .15s}.sidebar-item:hover{background:#ffffff0d}.sidebar-item:last-child{border-bottom:none}.sidebar-symbol{color:#888;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.sidebar-price{color:#e0e0e0;font-weight:500;margin:0 8px;min-width:60px;text-align:right}.sidebar-change{font-size:11px;font-weight:600;min-width:55px;text-align:right}.sidebar-change.positive{color:#00c853}.sidebar-change.negative{color:#ff3d00}.sidebar-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:12px 16px;border-bottom:1px solid #333}.sidebar-header h3{margin:0;font-size:14px;font-weight:600;color:#fff}.sidebar-table{width:100%;border-collapse:collapse;font-size:12px}.sidebar-table thead tr{background:#ffffff08}.sidebar-table th{padding:8px 6px;text-align:left;font-weight:600;color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-table th:last-child{text-align:right}.sidebar-table td{padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-table tbody tr{transition:background-color .15s ease}.sidebar-table tbody tr:hover{background-color:#667eea14;cursor:pointer}.sidebar-table .symbol-cell{color:#e0e0e0;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-table .price-cell{color:#fff;font-weight:600;text-align:center}.sidebar-table .change-cell{text-align:right;font-weight:600;font-size:11px}.sidebar-table .change-cell.positive{color:#10b981}.sidebar-table .change-cell.negative{color:#ef4444}.sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;color:#6b7280;gap:10px}.loading-spinner{width:24px;height:24px;border:3px solid rgba(102,126,234,.2);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;color:#6b7280;text-align:center}.sidebar-empty span{font-size:24px;margin-bottom:8px}.sidebar-empty p{margin:0;font-size:12px}@media(max-width:1024px){.market-dashboard{padding:0 20px}.market-content{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:768px){.market-dashboard{padding:0 12px}.main-nav-tab{padding:10px 16px;font-size:13px}.sub-nav-tab{padding:10px 14px;font-size:12px}.filter-tab{padding:5px 12px;font-size:11px}}@media(max-width:480px){.main-nav-tab{padding:8px 12px;font-size:12px}.sidebar-tab{font-size:10px;padding:8px 4px}}.news-feed-wrapper{display:flex;gap:20px;max-width:1200px;margin:0 auto;padding:0 10px}.news-feed-main{flex:3}.news-feed-sidebar{flex:1;min-width:300px;padding-top:60px}.nf-header{font-size:1.5rem;font-weight:700;color:#f0f0f0;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.nf-list{display:flex;flex-direction:column;gap:15px}.nf-card{display:flex;background:linear-gradient(145deg,#1e1e2ecc,#161623e6);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:all .25s ease}.nf-card:hover{border-color:#667eea4d;background:linear-gradient(145deg,#232337e6,#1a1a2af2);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.nf-image-container{width:200px;min-width:200px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}.nf-image{width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s}.nf-card:hover .nf-image{opacity:1}.nf-image-container.no-image,.nf-placeholder{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;color:#444}.nf-content{flex:1;padding:16px 20px;display:flex;flex-direction:column}.nf-title-text{font-size:16px;font-weight:600;color:#e0e0e0;margin:0 0 8px;line-height:1.4}.nf-snippet{font-size:13px;color:#9ca3af;line-height:1.6;margin:0 0 12px;flex:1}.nf-time-inline{color:#667eea;font-weight:600;font-size:12px;margin-right:4px}.nf-footer{display:flex;justify-content:flex-end}.nf-read-more{font-size:12px;color:#667eea;text-decoration:none;font-weight:600;border:1px solid rgba(102,126,234,.3);padding:4px 12px;border-radius:4px;transition:all .2s}.nf-read-more:hover{background:#667eea1a;color:#7f9cf5}@media(max-width:900px){.news-feed-wrapper{flex-direction:column}.news-feed-sidebar{width:100%;padding-top:0}}@media(max-width:600px){.nf-card{flex-direction:column}.nf-image-container{width:100%;height:160px}}.market-sidebar{background:#1e1e1e;background:linear-gradient(145deg,#1e1e24,#18181f);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0003;width:100%;box-sizing:border-box}.sidebar-header h3{margin:0 0 15px;font-size:16px;color:#e0e0e0;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px;display:flex;align-items:center;gap:8px}.sidebar-tabs{display:flex;gap:5px;margin-bottom:15px;background:#0003;padding:4px;border-radius:8px}.sidebar-tab{flex:1;padding:8px;background:none;border:none;color:#888;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .2s}.sidebar-tab:hover{color:#ccc;background:#ffffff0d}.sidebar-tab.active{background:#2196f3;color:#fff;box-shadow:0 2px 4px #0003}.sidebar-table{width:100%;border-collapse:collapse;font-size:13px}.sidebar-table th{text-align:left;color:#666;font-weight:500;padding:5px 0;font-size:11px;text-transform:uppercase}.sidebar-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.sidebar-table tr:last-child td{border-bottom:none}.symbol-cell{font-weight:600}.price-cell{text-align:right;font-family:Roboto Mono,monospace}.change-cell{text-align:right;font-weight:600;width:80px}.change-cell.positive{color:#00e676}.change-cell.negative{color:#ff5252}.sidebar-loading,.sidebar-empty{padding:40px 0;text-align:center;color:#666;font-size:13px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#2196f3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}