.camera-filter-panel{width:280px;height:100vh;background:#fafafa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;flex-shrink:0}.camera-filter-panel.collapsed{width:50px}.filter-header{padding:20px;background:#fff;border-bottom:2px solid #0090cc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.filter-header:hover{background:#f5f5f5}.filter-header h3{margin:0;font-size:16px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden}.collapse-icon{font-size:14px;color:#666;transition:transform .3s ease}.collapsed .collapse-icon{transform:rotate(180deg)}.filter-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.filter-stats{padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0}.filter-stats .stat{margin:4px 0;font-size:13px;color:#555}.filter-stats .stat strong{color:#0090cc;font-weight:600}.filter-controls{padding:12px 20px;display:flex;gap:8px;background:#fff;border-bottom:1px solid #e0e0e0}.control-btn{flex:1;padding:8px 12px;font-size:12px;font-weight:500;border:1px solid #d0d0d0;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.control-btn:hover:not(:disabled){background:#f0f0f0;border-color:#0090cc}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.select-all:hover:not(:disabled){background:#e6f7ff;color:#0090cc}.control-btn.clear-all:hover:not(:disabled){background:#fff1f0;color:#ff4d4f;border-color:#ff4d4f}.camera-list{flex:1;overflow-y:auto;padding:8px}.camera-item{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:4px 0;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .2s ease}.camera-item:hover{background:#f5f5f5;border-color:#0090cc;box-shadow:0 1px 3px #0000001a}.camera-item.checked{background:#e6f7ff;border-color:#91d5ff}.camera-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.camera-name{flex:1;font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-badge{padding:2px 8px;font-size:10px;font-weight:600;font-family:Courier New,monospace;color:#fff;border-radius:3px;white-space:nowrap;flex-shrink:0}.camera-list::-webkit-scrollbar{width:8px}.camera-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.camera-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.camera-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.collapsed .filter-content{display:none}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.redoc-container{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;transition:margin-left .3s ease}.redoc-container.panel-collapsed{margin-left:0}.redoc-container>div{min-height:100%}