*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);min-height:100vh;color:#e0e0e0}.app-container{max-width:1600px;margin:0 auto;padding:20px}.app-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:30px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 15px #0000004d}.header-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}.header-logo{height:80px;width:auto;object-fit:contain;background:#0000004d;padding:10px;border-radius:8px}.header-text{flex:1}.app-header h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.5px}.subtitle{margin:0;font-size:14px;opacity:.95;line-height:1.5}.health-indicators{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.health-item{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:20px;transition:all .3s ease}.health-item:hover{background:#ffffff40}.health-icon{font-size:18px}.health-label{font-size:13px;font-weight:500;opacity:.95}.health-status{font-size:16px;margin-left:4px;transition:all .3s ease}.status-ok{color:#4ade80;text-shadow:0 0 8px rgba(74,222,128,.6)}.status-down,.status-stale,.status-error,.status-unknown{color:#f87171;opacity:.6}.controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:12px 16px;background:#1e1e2e;border-radius:8px;box-shadow:0 2px 4px #0000004d}.loading{color:#667eea;font-weight:600;font-size:14px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.row-count{color:#b0b0b0;font-size:13px;font-weight:500}.reset-button{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.reset-button:active{transform:translateY(0)}.limit-control{display:flex;align-items:center;gap:8px;font-size:13px;color:#b0b0b0}.limit-control input{width:70px;padding:6px 10px;border:1px solid #3a3a4a;background:#2a2a3a;color:#e0e0e0;border-radius:6px;font-size:13px}.table-wrapper{background:#1e1e2e;border-radius:12px;box-shadow:0 4px 12px #0006;overflow-x:auto;overflow-y:visible}.data-table{width:100%;border-collapse:collapse;font-size:13px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2a3a;padding:14px 12px;text-align:left;font-weight:600;color:#e0e0e0;border-bottom:2px solid #3a3a4a;transition:all .2s ease;white-space:nowrap;position:relative}.sortable-header:hover{background:#323244;color:#8b9bff}.sortable-header.dragging{opacity:.5;background:#3a3a4a}.header-content{display:flex;align-items:center;gap:6px}.drag-handle{color:#666;font-size:14px;cursor:grab;opacity:.5;transition:opacity .2s ease}.sortable-header:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:10}.resize-handle:hover{background:#8b9bff33}.resize-handle:active{background:#8b9bff66}.sort-icon{color:#667eea;margin-left:4px;font-size:12px}.data-table tbody tr{border-bottom:1px solid #2a2a3a;transition:background-color .15s ease}.row-even{background:#1e1e2e}.row-odd{background:#242433}.data-table tbody tr:hover{background:#2a2a3a;box-shadow:inset 0 0 8px #8b9bff1a}.data-table td{padding:12px;color:silver;border-bottom:1px solid #2a2a3a}.data-table td.empty{color:#666;font-style:italic}.data-table td.non-stock-highlight{background:#8b9bff26;color:#8b9bff;font-weight:600;text-align:center;border:1px solid rgba(139,155,255,.3)}.data-table td[class*=price],.data-table td[class*=premium],.data-table td[class*=cap]{font-weight:500;color:#e8e8e8}.no-data{text-align:center;padding:60px 20px;color:#666;font-size:16px;background:#1e1e2e;border-radius:8px;margin:20px}@media (max-width: 768px){.app-header{padding:20px}.header-top{flex-direction:column;align-items:flex-start;gap:15px}.header-logo{height:60px}.app-header h1{font-size:24px}.subtitle{font-size:12px}.health-indicators{gap:8px}.health-item{padding:6px 12px;font-size:12px}.health-icon{font-size:16px}.health-label{font-size:11px}.health-status{font-size:14px}.data-table{font-size:12px}.sortable-header,.data-table td{padding:10px 8px}.controls{flex-direction:column;gap:10px;align-items:flex-start}}