*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--sb-bg: #f5f5f5;--sb-card-bg: #ffffff;--sb-card-hover: #fafafa;--sb-text-primary: #1f1f1f;--sb-text-secondary: #666666;--sb-text-tertiary: #999999;--sb-text-disabled: #cccccc;--sb-brand: #07c160;--sb-brand-hover: #06ad56;--sb-brand-light: #52d17a;--sb-danger: #fa5151;--sb-warning: #fa8c16;--sb-warning-dark: #d46b08;--sb-info: #576b95;--sb-error: #ff4d4f;--sb-success-bg: #e6f7ed;--sb-success-border: #b7eb8f;--sb-danger-bg: #fff1f0;--sb-danger-border: #ffccc7;--sb-warning-bg: #fff7e6;--sb-warning-border: #ffd591;--sb-info-bg: #f0f5ff;--sb-border: #f0f0f0;--sb-border-strong: #e8e8e8;--sb-gap-xs: 4px;--sb-gap-sm: 6px;--sb-gap: 8px;--sb-gap-md: 10px;--sb-gap-lg: 12px;--sb-gap-xl: 16px;--sb-font-xs: 10px;--sb-font-sm: 11px;--sb-font: 12px;--sb-font-md: 13px;--sb-font-lg: 14px;--sb-font-xl: 16px;--sb-font-xxl: 18px;--sb-radius-sm: 3px;--sb-radius: 4px;--sb-radius-md: 6px;--sb-radius-lg: 8px}.sidebar-page{width:100%;min-height:100vh;background:var(--sb-bg);font-size:var(--sb-font-lg);line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}.sidebar-page *,.sidebar-page *:before,.sidebar-page *:after{box-sizing:border-box}.sidebar-loading,.sidebar-error,.sidebar-empty-state,.sidebar-auth-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.sidebar-top-bar{background:var(--sb-card-bg);padding:var(--sb-gap-md) var(--sb-gap-lg);margin-bottom:var(--sb-gap);border-bottom:1px solid var(--sb-border-strong);display:flex;justify-content:space-between;align-items:center}.sidebar-user-name{font-size:var(--sb-font-md);color:var(--sb-text-primary)}.sb-btn-primary{background:var(--sb-brand);border-color:var(--sb-brand)}.sb-btn-primary:hover,.sb-btn-primary:focus{background:var(--sb-brand-hover)!important;border-color:var(--sb-brand-hover)!important}.sb-btn-default{color:var(--sb-text-secondary);border-color:var(--sb-border-strong)}.sb-btn-default:hover{color:var(--sb-brand)!important;border-color:var(--sb-brand)!important}.sb-btn-link{padding:0;height:auto;font-size:var(--sb-font-sm)}.sidebar-section{background:var(--sb-card-bg);margin-bottom:var(--sb-gap);padding:var(--sb-gap-lg)}.sidebar-section-title{font-size:var(--sb-font-lg);font-weight:600;margin:0 0 var(--sb-gap-md) 0;color:var(--sb-text-primary)}.sidebar-section-icon{margin-right:var(--sb-gap-sm);color:var(--sb-brand);font-size:var(--sb-font-lg)}.sidebar-section-extra{display:flex;align-items:center;gap:var(--sb-gap-sm)}.sidebar-notice-content{margin:0;color:var(--sb-text-secondary);font-size:var(--sb-font-md);line-height:1.6;word-break:break-all}.sidebar-notice-indicator{display:inline-flex;align-items:center;gap:var(--sb-gap-xs);font-size:var(--sb-font-sm);color:var(--sb-info);background:var(--sb-info-bg);padding:1px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);cursor:pointer;transition:background .2s}.sidebar-notice-indicator:hover{background:#dbe3f5}.sidebar-traffic-loading{padding:var(--sb-gap) 0}.sidebar-skeleton{height:60px;background:linear-gradient(90deg,var(--sb-border) 25%,var(--sb-border-strong) 50%,var(--sb-border) 75%);background-size:200% 100%;animation:sidebarShimmer 1.5s infinite;border-radius:var(--sb-radius)}@keyframes sidebarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sidebar-empty{padding:var(--sb-gap-xl) 0}.sidebar-empty .ant-empty-description{font-size:var(--sb-font-sm);color:var(--sb-text-tertiary)}.sidebar-traffic-summary{display:flex;gap:2px;margin-bottom:var(--sb-gap-md);background:var(--sb-border);border-radius:var(--sb-radius-md);overflow:hidden}.sidebar-traffic-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sb-gap-sm) var(--sb-gap-xs);background:var(--sb-card-bg)}.sidebar-traffic-col:first-child{padding-left:var(--sb-gap)}.sidebar-traffic-col:last-child{padding-right:var(--sb-gap)}.sidebar-traffic-col-label{font-size:var(--sb-font-xs);color:var(--sb-text-tertiary);line-height:1.2}.sidebar-traffic-col-value{font-size:var(--sb-font-md);font-weight:600;color:var(--sb-text-primary);line-height:1.3;display:flex;align-items:baseline;gap:2px}.sidebar-traffic-col-sub{font-size:var(--sb-font-xs);color:var(--sb-text-tertiary);line-height:1.2}.sidebar-traffic-col.urgent{background:var(--sb-danger-bg)}.sidebar-traffic-col.urgent .sidebar-traffic-col-label,.sidebar-traffic-col.urgent .sidebar-traffic-col-value,.sidebar-traffic-col.urgent .sidebar-traffic-col-sub{color:var(--sb-danger)}.sidebar-traffic-trend{display:flex;align-items:flex-end;gap:2px;height:32px;margin-bottom:var(--sb-gap);padding:0 2px}.sidebar-trend-bar{flex:1;min-width:0;background:linear-gradient(180deg,var(--sb-brand) 0%,var(--sb-brand-hover) 100%);border-radius:1px 1px 0 0;opacity:.75;transition:opacity .2s,transform .2s;cursor:pointer}.sidebar-trend-bar:hover{opacity:1;transform:scaleY(1.05);transform-origin:bottom}.sidebar-trend-bar:last-child{background:linear-gradient(180deg,var(--sb-brand-light) 0%,var(--sb-brand) 100%)}.sidebar-traffic-types{display:flex;gap:var(--sb-gap-sm);flex-wrap:wrap}.sidebar-type-pill{font-size:var(--sb-font-sm);padding:2px var(--sb-gap);border-radius:10px;background:var(--sb-border);color:var(--sb-text-secondary)}.sidebar-type-pill.type-live{background:var(--sb-success-bg);color:var(--sb-brand)}.sidebar-type-pill.type-course{background:var(--sb-warning-bg);color:var(--sb-warning)}.sidebar-type-pill.type-playback{background:var(--sb-info-bg);color:var(--sb-info)}.sidebar-member-list{display:flex;flex-direction:column;gap:var(--sb-gap)}.sidebar-member-item{display:flex;align-items:center;gap:var(--sb-gap);padding:var(--sb-gap-sm) 0;border-bottom:1px solid var(--sb-border);transition:background .2s;border-radius:var(--sb-radius)}.sidebar-member-item:hover{background:var(--sb-card-hover)}.sidebar-member-item:last-child{border-bottom:none}.sidebar-member-name{flex:1;color:var(--sb-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-member-type{font-size:var(--sb-font-sm);padding:2px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);background:var(--sb-border);color:var(--sb-text-secondary)}.sidebar-member-type.wecom{background:var(--sb-success-bg);color:var(--sb-brand)}.sidebar-owner-tag{font-size:var(--sb-font-sm);padding:2px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);background:var(--sb-warning-bg);color:var(--sb-warning)}.sidebar-more-hint{text-align:center;color:var(--sb-text-tertiary);font-size:var(--sb-font);margin-top:var(--sb-gap);padding-top:var(--sb-gap);border-top:1px solid var(--sb-border)}.sidebar-msg-list{display:flex;flex-direction:column;gap:var(--sb-gap-md)}.sidebar-msg-item{display:flex;gap:var(--sb-gap-sm);font-size:var(--sb-font-md)}.sidebar-msg-sender{color:var(--sb-info);flex-shrink:0}.sidebar-msg-content{color:var(--sb-text-primary);flex:1;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-req-item{padding:var(--sb-gap) 0;border-bottom:1px solid var(--sb-border)}.sidebar-req-item:last-child{border-bottom:none}.sidebar-req-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sb-gap)}.sidebar-req-content{font-size:var(--sb-font-md);color:var(--sb-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-req-meta{display:flex;align-items:center;gap:var(--sb-gap-sm);margin-top:var(--sb-gap-xs)}.sidebar-req-tag{font-size:var(--sb-font-sm);padding:1px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);background:var(--sb-border);color:var(--sb-text-secondary)}.sidebar-req-tag.sidebar-priority-high{background:var(--sb-danger-bg);color:var(--sb-danger)}.sidebar-req-tag.sidebar-priority-medium{background:var(--sb-warning-bg);color:var(--sb-warning)}.sidebar-req-tag.sidebar-priority-low{background:var(--sb-border);color:var(--sb-text-tertiary)}.sidebar-req-time{font-size:var(--sb-font-sm);padding:1px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);flex-shrink:0}.sidebar-req-time.time-recent{color:var(--sb-brand)}.sidebar-req-time.time-warning{color:var(--sb-warning)}.sidebar-req-time.time-danger{color:var(--sb-danger)}.sidebar-req-datetime{font-size:var(--sb-font-xs);color:var(--sb-text-disabled);flex-shrink:0;margin-left:2px}.sidebar-collapse-arrow{font-size:var(--sb-font-xs);color:var(--sb-text-tertiary);cursor:pointer}.sidebar-timestamp{font-size:var(--sb-font-sm);color:var(--sb-text-tertiary)}.sidebar-event-tab-label.active{color:var(--sb-brand)}.sidebar-event-tab-label.inactive{color:var(--sb-text-tertiary)}.sidebar-current-tenant{font-size:var(--sb-font);color:var(--sb-text-secondary);margin-bottom:var(--sb-gap)}.sidebar-tenant-tag{display:inline-block;padding:1px var(--sb-gap-sm);background:var(--sb-success-bg);color:var(--sb-brand);border-radius:var(--sb-radius-sm);font-size:var(--sb-font)}.sidebar-radio-group{margin-top:var(--sb-font-lg)}.sidebar-radio-label{font-size:var(--sb-font-md);color:var(--sb-text-secondary);margin-bottom:var(--sb-gap);display:block}.sidebar-radio-options{display:flex;gap:var(--sb-gap);flex-wrap:wrap}.sidebar-radio-item{flex:1;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sb-border-strong);border-radius:var(--sb-radius-md);background:var(--sb-card-bg);cursor:pointer;font-size:var(--sb-font-md);-webkit-user-select:none;user-select:none}.sidebar-radio-item input{display:none}.sidebar-radio-item.active{border-color:var(--sb-brand);background:var(--sb-success-bg);color:var(--sb-brand);font-weight:500}.sidebar-radio-item.sidebar-priority-high.active{border-color:var(--sb-danger);background:var(--sb-danger-bg);color:var(--sb-danger)}.sidebar-radio-item.sidebar-priority-medium.active{border-color:var(--sb-warning);background:var(--sb-warning-bg);color:var(--sb-warning)}.sidebar-radio-item.sidebar-priority-low.active{border-color:var(--sb-text-tertiary);background:var(--sb-bg);color:var(--sb-text-secondary)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sb-gap-md)}.sidebar-section-header .sidebar-section-title{margin-bottom:0}.sidebar-group-header{display:flex;align-items:center;gap:var(--sb-gap-sm);margin-bottom:var(--sb-gap-sm)}.sidebar-group-name{flex:1;font-size:var(--sb-font-lg);font-weight:600;color:var(--sb-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-tag{flex-shrink:0;margin:0;font-size:var(--sb-font-sm);line-height:18px}.sidebar-group-id-toggle{flex-shrink:0;font-size:var(--sb-font-sm);color:var(--sb-text-tertiary);cursor:pointer;padding:1px var(--sb-gap-sm);border-radius:var(--sb-radius-sm);background:var(--sb-border);-webkit-user-select:none;user-select:none;transition:background .2s}.sidebar-group-id-toggle:hover{background:var(--sb-border-strong)}.sidebar-group-meta{font-size:var(--sb-font-sm);color:var(--sb-text-tertiary);margin-bottom:var(--sb-gap-xs)}.sidebar-group-meta-row{word-break:break-all}.sidebar-group-attrs{font-size:var(--sb-font);color:var(--sb-text-tertiary);line-height:1.6}.sidebar-group-attr-label{color:var(--sb-text-tertiary)}.sidebar-group-attr-value{margin-left:2px;color:var(--sb-text-secondary)}.sidebar-group-attr-separator{margin:0 var(--sb-gap-sm);color:var(--sb-border-strong)}.sidebar-risk-header{display:flex;align-items:center;gap:var(--sb-gap);margin-bottom:var(--sb-gap)}.sidebar-risk-probability{font-size:var(--sb-font-md);color:var(--sb-text-primary)}.sidebar-risk-probability-value{font-weight:600}.sidebar-risk-summary{font-size:var(--sb-font);color:var(--sb-text-secondary);margin:0 0 var(--sb-gap-sm) 0;line-height:1.6}.sidebar-risk-signals{margin-bottom:var(--sb-gap-sm)}.sidebar-risk-signals-label{font-size:var(--sb-font-sm);color:var(--sb-text-tertiary)}.sidebar-risk-signal-tag{font-size:var(--sb-font-xs);margin-bottom:2px}.sidebar-risk-action{background:var(--sb-warning-bg);border:1px solid var(--sb-warning-border);border-radius:var(--sb-radius);padding:var(--sb-gap-sm) var(--sb-gap);font-size:var(--sb-font-sm);color:var(--sb-warning-dark);line-height:1.5}.sidebar-risk-reasoning{margin-top:var(--sb-gap-sm);font-size:var(--sb-font-sm);color:var(--sb-text-tertiary);line-height:1.5}.sidebar-risk-footer{text-align:right;margin-top:var(--sb-gap-sm)}.sidebar-event-tab-switch{display:flex;align-items:center;gap:var(--sb-gap-xs)}.sidebar-event-tab-label{font-size:var(--sb-font-sm)}.sidebar-event-card{margin-bottom:var(--sb-gap-md);padding-bottom:var(--sb-gap-md);border-bottom:1px solid var(--sb-border);transition:background .2s;border-radius:var(--sb-radius)}.sidebar-event-card:hover{background:var(--sb-card-hover)}.sidebar-event-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sidebar-event-header{display:flex;align-items:center;gap:var(--sb-gap-sm);margin-bottom:var(--sb-gap-xs)}.sidebar-event-meta{font-size:var(--sb-font-sm);color:var(--sb-text-tertiary)}.sidebar-event-date{font-size:var(--sb-font-sm);color:var(--sb-text-secondary);margin-bottom:var(--sb-gap-xs)}.sidebar-event-desc{font-size:var(--sb-font);color:var(--sb-text-primary);margin:0;line-height:1.5}.sidebar-event-actions{display:flex;gap:var(--sb-gap-sm);justify-content:flex-end;margin-top:var(--sb-gap-xs)}.sidebar-event-actions-row{display:flex;gap:var(--sb-gap);margin-top:var(--sb-gap)}.sidebar-skeleton-bar{background:var(--sb-card-bg);padding:var(--sb-gap-md) var(--sb-gap-lg);margin-bottom:var(--sb-gap);display:flex;justify-content:space-between;align-items:center}.sidebar-skeleton-section{background:var(--sb-card-bg);margin-bottom:var(--sb-gap);padding:var(--sb-gap-lg)}.sidebar-build-time{text-align:center;padding:var(--sb-gap) 0;font-size:var(--sb-font-xs);color:var(--sb-text-disabled)}.sidebar-no-context{text-align:center;padding:60px 20px}.sidebar-no-context-img{width:56px;height:56px;border-radius:var(--sb-radius-lg);margin-bottom:var(--sb-gap-lg)}.sidebar-no-context-text{font-size:var(--sb-font-md);color:var(--sb-text-tertiary);line-height:1.6}.sidebar-section-compact{padding:var(--sb-gap) var(--sb-gap-lg)}.sidebar-inline-tag{margin:0;font-size:var(--sb-font);line-height:18px;flex-shrink:0}.sidebar-inline-tag-sm{margin:0;font-size:var(--sb-font-sm)}.sidebar-modal-hint{font-size:var(--sb-font);color:var(--sb-text-tertiary);margin-bottom:var(--sb-gap)}.sidebar-modal-error{color:var(--sb-error);font-size:var(--sb-font);margin-top:var(--sb-gap);margin-bottom:0}.sidebar-member-total-hint{margin-left:var(--sb-gap-sm);color:var(--sb-text-disabled);font-weight:400}@media(max-width:360px){.sidebar-section{padding:var(--sb-gap) var(--sb-gap-md);margin-bottom:var(--sb-gap)}.sidebar-section-title{font-size:var(--sb-font-md)}.sidebar-traffic-col-value{font-size:var(--sb-font)}.sidebar-traffic-trend{height:28px;gap:1px}.sidebar-radio-options{gap:var(--sb-gap-sm)}.sidebar-radio-item{min-height:40px;font-size:var(--sb-font-sm)}}