:root{color:#1f2933;background:#f4f6f8;font-family:Inter,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}.app-layout{min-height:100vh}.app-sider{background:#17212b!important}.brand-mark{display:flex;flex-direction:column;gap:2px;min-height:66px;justify-content:center;padding:0 22px;color:#fff}.brand-mark span{font-size:18px;font-weight:700}.brand-mark small{color:#aab7c4;font-size:12px}.app-header{align-items:center;background:#fff;border-bottom:1px solid #dfe5eb;display:flex;height:58px;justify-content:space-between;line-height:normal;padding:0 24px}.header-context{align-items:center;display:flex;gap:12px;min-width:0}.organization-select{min-width:220px}.app-content{background:#f4f6f8;min-width:0;padding:24px}.page-section{margin:0 auto;max-width:1440px}.page-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.page-title-row h1{color:#17212b;font-size:22px;font-weight:700;line-height:1.3;margin:0}.page-subtitle{color:#627181;font-size:13px;margin-top:4px}.page-actions{align-items:center;display:flex;flex-shrink:0}.management-surface{background:#fff;border:1px solid #dfe5eb;border-radius:6px;padding:16px}.location-tree-surface{min-height:320px}.surface-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.surface-heading h2{color:#273444;font-size:15px;font-weight:700;margin:0}.state-panel{align-items:center;color:#627181;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:240px}.filter-bar{background:#fff;border:1px solid #dfe5eb;border-radius:6px;margin-bottom:16px;padding:12px}.filter-select{min-width:130px}.load-more{display:flex;justify-content:center;padding:18px 0 2px}.assignment-list{display:flex;width:100%}.assignment-row{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 32px;padding:12px}.assignment-row .ant-form-item{margin-bottom:0}.permission-grid,.member-choice-grid{display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{background:#fff;border:1px solid #dfe5eb;border-radius:6px}.operations-center{max-width:1440px}.operations-summary{background:#fff;border:1px solid #dfe5eb;display:grid;gap:0;grid-template-columns:repeat(6,minmax(0,1fr))}.operations-summary-item{border-right:1px solid #edf0f3;display:flex;flex-direction:column;gap:8px;min-height:94px;padding:14px 16px}.operations-summary-item:last-child{border-right:0}.operations-summary-item>span{color:#627181;font-size:12px}.operations-summary-number strong{color:#17212b;font-size:24px;font-weight:700}.operations-band{background:#fff;border:1px solid #dfe5eb;margin-top:16px;padding:16px}.operations-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.setting-row{align-items:center;border-bottom:1px solid #edf0f3;display:grid;gap:24px;grid-template-columns:minmax(220px,1fr) minmax(240px,440px);padding:14px 16px}.setting-row:last-child{border-bottom:0}.setting-row strong,.setting-row span{display:block}.setting-row span{color:#758292;font-size:12px;margin-top:3px}.setting-row .ant-form-item{margin-bottom:0}.full-width{width:100%}.tag-swatch{border:1px solid rgba(0,0,0,.12);border-radius:2px;display:inline-block;height:12px;width:12px}.auth-screen{align-items:center;background:#eef2f5;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:#fff;border:1px solid #d8e0e8;border-radius:6px;box-shadow:0 8px 24px #17212b14;max-width:410px;padding:30px;width:100%}.auth-brand{color:#1677ff;font-size:18px;font-weight:700;margin-bottom:20px}.auth-panel h1{color:#17212b;font-size:22px;line-height:1.3;margin:0 0 22px}.channel-player{align-items:center;background:#111820;display:flex;justify-content:center;min-height:240px;overflow:hidden;position:relative;width:100%}.channel-player video{background:#111820;display:block;height:100%;object-fit:contain;width:100%}.channel-player-preload{height:1px!important;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px!important}.channel-player-status{color:#d8e0e8;font-size:13px;pointer-events:none;position:absolute}.channel-player[data-state=PLAYING] .channel-player-status{display:none}.channel-player-retry{align-items:center;background:#ffffffeb;border:1px solid #c7d1da;border-radius:3px;color:#17212b;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;width:30px}.channel-player-retry:hover{background:#fff}.monitor-workbench{margin:0 auto;max-width:1680px}.monitor-screen,.monitor-screen-empty{background:#101820;color:#dce6ec;min-height:100vh}.monitor-screen{display:flex;flex-direction:column;padding:10px}.monitor-screen-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px}.monitor-screen-empty .ant-empty-description{color:#dce6ec}.monitor-screen-header{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:space-between;min-height:34px;padding:0 2px 8px}.monitor-screen-context,.monitor-screen-actions{align-items:center;display:flex;gap:8px;min-width:0}.monitor-screen-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-screen-view-select{min-width:180px;width:min(34vw,300px)}.monitor-screen-actions .ant-btn,.monitor-screen-tile-label .ant-btn{color:#dce6ec}.monitor-screen-problem{flex:0 0 auto;margin-bottom:8px}.monitor-screen-grid{align-content:center;background:#17212b;display:grid;flex:1 1 auto;gap:2px;grid-auto-rows:minmax(0,1fr);min-height:0;padding:2px}.monitor-screen-grid-1{grid-template-columns:minmax(0,1fr)}.monitor-screen-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-screen-grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-screen-grid-16{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-screen-grid-25{grid-template-columns:repeat(5,minmax(0,1fr))}.monitor-screen-tile{aspect-ratio:16 / 9;background:#111820;min-height:0;min-width:0;overflow:hidden;position:relative}.monitor-screen-tile .channel-player{height:100%;min-height:0}.monitor-screen-tile-placeholder{align-items:center;color:#9cadbb;display:flex;font-size:12px;height:100%;justify-content:center}.monitor-screen-tile-label{align-items:center;background:#101820b8;color:#dce6ec;display:flex;font-size:11px;justify-content:space-between;left:0;min-width:0;padding:1px 2px 1px 7px;position:absolute;right:0;top:0}.monitor-screen-tile-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-workbench-fullscreen{background:#101820;box-sizing:border-box;max-width:none;min-height:100vh;overflow:auto;padding:20px;width:100vw}.monitor-workbench-fullscreen .page-title-row h1,.monitor-workbench-fullscreen .page-subtitle{color:#f2f6f8}.monitor-workbench-fullscreen .page-title-row,.monitor-workbench-fullscreen .monitor-channel-panel,.monitor-workbench-fullscreen .monitor-control-panel{display:none}.monitor-workbench-fullscreen .monitor-layout{display:block}.monitor-workbench-fullscreen .monitor-grid{min-height:calc(100vh - 40px)}.monitor-workbench-fullscreen .monitor-tile-toolbar .ant-space{display:none}.monitor-workbench-fullscreen .monitor-tile-selected{outline-color:transparent;z-index:auto}.monitor-layout{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(220px,260px)}.monitor-channel-panel,.monitor-control-panel{background:#fff;border:1px solid #dfe5eb;border-radius:6px;min-width:0}.monitor-channel-panel{min-height:420px;overflow:hidden}.monitor-panel-toolbar{border-bottom:1px solid #e7edf2;padding:10px}.monitor-channel-tree{max-height:calc(100vh - 236px);overflow:auto;padding:8px 6px 12px}.monitor-tree-label{align-items:center;display:flex;gap:6px;justify-content:space-between;min-width:0}.monitor-tree-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-tree-label .ant-tag{font-size:10px;line-height:17px;margin-inline-end:0}.monitor-loading{display:flex;justify-content:center;padding:24px}.monitor-search-results{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 236px);overflow:auto;padding:6px}.monitor-channel-result{align-items:center;background:transparent;border:0;border-radius:4px;color:#273444;cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-width:0;padding:8px;text-align:left;width:100%}.monitor-channel-result:hover{background:#f0f6ff}.monitor-channel-result>span:first-child{display:flex;flex-direction:column;min-width:0}.monitor-channel-result strong,.monitor-channel-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-channel-result small{color:#758292;font-size:11px}.monitor-result-actions{color:#d99b12;flex:0 0 auto}.monitor-grid{align-content:start;background:#17212b;border:1px solid #263746;display:grid;gap:2px;min-width:0;padding:2px}.monitor-grid-1{grid-template-columns:minmax(0,1fr)}.monitor-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid-9{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-grid-16{grid-template-columns:repeat(4,minmax(0,1fr))}.monitor-grid-25{grid-template-columns:repeat(5,minmax(0,1fr))}.monitor-tile{aspect-ratio:16 / 9;background:#111820;cursor:pointer;min-height:0;min-width:0;outline:1px solid transparent;overflow:hidden;position:relative}.monitor-tile-selected{outline-color:#35a4d3;z-index:1}.monitor-tile .channel-player{height:100%;min-height:0}.monitor-empty-tile{align-items:center;color:#9cadbb;display:flex;flex-direction:column;font-size:12px;gap:8px;height:100%;justify-content:center}.monitor-tile-error{color:#ef8f8f}.monitor-tile-toolbar{align-items:center;background:#101820b3;color:#dce6ec;display:flex;font-size:11px;justify-content:space-between;left:0;min-width:0;padding:1px 2px 1px 7px;position:absolute;right:0;top:0}.monitor-tile-toolbar .ant-btn{color:#dce6ec}.monitor-control-panel{padding:12px}.monitor-control-heading{align-items:center;display:flex;gap:6px;justify-content:space-between;min-height:28px}.monitor-control-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-control-section{border-top:1px solid #e7edf2;margin-top:12px;padding-top:12px}.monitor-control-label{color:#4d5d6d;font-size:12px;font-weight:700;margin-bottom:7px}.monitor-volume-control{align-items:center;display:grid;gap:8px;grid-template-columns:32px minmax(0,1fr)}.monitor-volume-control .ant-slider{margin:0}.monitor-zoom-control{align-items:center;display:grid;gap:8px;grid-template-columns:32px minmax(0,1fr) 32px;margin-top:10px}.monitor-zoom-control .ant-slider{margin:0}.monitor-compact-select{min-width:0;width:100%}.ptz-pad{display:grid;gap:6px;grid-template-columns:repeat(3,32px);justify-content:center;margin:2px 0 12px}.ptz-pad .ant-btn{height:32px;width:32px}.ptz-fine-controls{display:grid;gap:6px;grid-template-columns:repeat(2,32px);justify-content:center;margin:2px 0 12px}.ptz-fine-controls .ant-btn{height:32px;width:32px}@media(max-width:768px){.app-header{padding:0 14px}.organization-select{min-width:150px}.app-content{padding:16px}.page-title-row{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.assignment-row,.setting-row,.permission-grid,.member-choice-grid,.monitor-layout{grid-template-columns:1fr}.monitor-channel-panel,.monitor-control-panel{min-height:0}.monitor-channel-tree,.monitor-search-results{max-height:280px}.monitor-grid-9,.monitor-grid-16,.monitor-grid-25{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-workbench-fullscreen{padding:12px}}@media(min-width:769px)and (max-width:1180px){.monitor-layout{grid-template-columns:minmax(200px,250px) minmax(0,1fr)}.monitor-control-panel{grid-column:1 / -1}}