.omni-reader-app{display:flex;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}body.dark-mode{--background-color: #1a1a1a;--text-color: #e0e0e0;--header-bg: #2a2a2a;--nav-bg: #333;--nav-button-hover: #444;--nav-button-active: #555;--content-bg: #222;--border-color: #444;--table-header-bg: #3a3a3a;--table-row-hover: #2f2f2f}body.light-mode{--background-color: #ffffff;--text-color: #24292f;--header-bg: #f6f8fa;--nav-bg: #ffffff;--nav-button-hover: #f3f4f6;--nav-button-active: #e5e7eb;--content-bg: #ffffff;--border-color: #d1d5db;--table-header-bg: #f9fafb;--table-row-hover: #f3f4f6}.app-header{background:var(--header-bg);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-header h1{margin:0;font-size:1.5rem;font-weight:600}.controls button{background:#58a6ff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background-color .2s}.controls button:hover{background:#3b82f6}.app-nav{background:var(--nav-bg);border-bottom:1px solid var(--border-color);padding:0 2rem;display:flex;gap:1rem}.app-nav button{background:none;border:none;padding:1rem;cursor:pointer;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s}.app-nav button:hover{background:var(--nav-button-hover)}.app-nav button.active{border-bottom-color:#58a6ff;color:#58a6ff}.app-content{flex:1;padding:2rem;background:var(--content-bg)}.tab-content{max-width:1200px;margin:0 auto}.tab-section{margin-bottom:2rem}.tab-section h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.data-table{width:100%;border-collapse:collapse;background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--table-header-bg);font-weight:600}.data-table tr:hover{background:var(--table-row-hover)}.controls-row{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.search-input{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--content-bg);color:var(--text-color);flex:1}.filter-select{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--content-bg);color:var(--text-color)}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-primary{background:#58a6ff;color:#fff}.btn-primary:hover{background:#3b82f6}.btn-secondary{background:var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:#9ca3af}.chart-container{height:400px;margin:2rem 0;background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.loading{text-align:center;padding:2rem;color:var(--text-color)}.empty{text-align:center;padding:2rem;color:var(--text-color);opacity:.7}@media (max-width: 768px){.app-header,.app-nav,.app-content{padding:1rem}.controls-row{flex-direction:column;align-items:stretch}.data-table{font-size:.875rem}}