:root{--md-primary: #6750a4;--md-on-primary: #ffffff;--md-primary-container: #eaddff;--md-on-primary-container: #21005d;--md-secondary: #625b71;--md-on-secondary: #ffffff;--md-secondary-container: #e8def8;--md-on-secondary-container: #1d192b;--md-tertiary: #7d5260;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffd8e4;--md-on-tertiary-container: #31111d;--md-error: #b3261e;--md-on-error: #ffffff;--md-error-container: #f9dedc;--md-on-error-container: #410e0b;--md-surface: #fef7ff;--md-surface-container-lowest: #ffffff;--md-surface-container-low: #f7f2fa;--md-surface-container: #f3edf7;--md-surface-container-high: #ece6f0;--md-surface-container-highest: #e6e0e9;--md-on-surface: #1d1b20;--md-surface-variant: #e7e0ec;--md-on-surface-variant: #49454f;--md-outline: #79747e;--md-outline-variant: #cac4d0;--md-inverse-surface: #322f35;--md-inverse-on-surface: #f5eff7;--md-inverse-primary: #d0bcff;--md-success: #386a20;--md-success-container: #b7f397;--md-on-success-container: #082100;--md-warning: #7e5700;--md-warning-container: #ffdea6;--md-on-warning-container: #281800;--c-canvas: var(--md-surface);--c-surface-soft: var(--md-surface-container-low);--c-surface-card: var(--md-surface-container-high);--c-surface-strong: var(--md-surface-container-highest);--c-hairline: var(--md-outline-variant);--c-hairline-soft: var(--md-surface-variant);--c-ink: var(--md-on-surface);--c-body: var(--md-on-surface);--c-muted: var(--md-on-surface-variant);--c-muted-soft: var(--md-outline);--c-on-primary: var(--md-on-primary);--c-primary: var(--md-primary);--c-primary-active: #56428e;--c-brand-accent: var(--md-tertiary);--c-success: var(--md-success);--c-warning: var(--md-warning);--c-error: var(--md-error);--c-success-soft: var(--md-success-container);--c-success-ink: var(--md-on-success-container);--c-warning-soft: var(--md-warning-container);--c-warning-ink: var(--md-on-warning-container);--c-error-soft: var(--md-error-container);--r-xs: 4px;--r-sm: 8px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-xxl: 28px;--r-pill: 9999px;--s-xxs: 4px;--s-xs: 8px;--s-sm: 12px;--s-md: 16px;--s-lg: 24px;--s-xl: 32px;--font: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--md-elev-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--md-elev-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--md-elev-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--md-elev-4: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--md-elev-5: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15);--shadow-sm: var(--md-elev-1);--shadow-md: var(--md-elev-2);--md-state-hover: .08;--md-state-focus: .1;--md-state-pressed: .1}[data-theme=dark]{--md-primary: #d0bcff;--md-on-primary: #381e72;--md-primary-container: #4f378b;--md-on-primary-container: #eaddff;--md-secondary: #ccc2dc;--md-on-secondary: #332d41;--md-secondary-container: #4a4458;--md-on-secondary-container: #e8def8;--md-surface: #141218;--md-surface-container-lowest: #0f0d13;--md-surface-container-low: #1d1b20;--md-surface-container: #211f26;--md-surface-container-high: #2b2930;--md-surface-container-highest: #36343b;--md-on-surface: #e6e1e5;--md-surface-variant: #49454f;--md-on-surface-variant: #cac4d0;--md-outline: #938f99;--md-outline-variant: #49454f;--md-inverse-surface: #e6e1e5;--md-inverse-on-surface: #322f35;--md-inverse-primary: #6750a4;--md-error: #f2b8b5;--md-error-container: #8c1d18;--md-on-error-container: #f9dedc;--md-success: #b7f397;--md-success-container: #386a20;--md-on-success-container: #b7f397;--md-tertiary: #efb8c8;--md-on-tertiary: #492532;--md-tertiary-container: #633b48;--md-on-tertiary-container: #ffd8e4;--md-on-error: #601410;--md-warning: #ffdea6;--md-warning-container: #5a4000;--md-on-warning-container: #ffdea6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--c-body);background:var(--c-canvas);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px;color:var(--c-ink)}h1,h2,h3{color:var(--c-ink);font-weight:600;letter-spacing:-.3px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-muted)}.btn{border:1px solid var(--c-hairline);background:transparent;color:var(--md-primary);border-radius:var(--r-pill);padding:0 24px;height:40px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn:hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent)}.btn:active{background:color-mix(in srgb,var(--md-primary) 12%,transparent)}.btn:focus-visible{outline:none;border-color:var(--md-primary)}.btn-sm{height:32px;padding:0 16px;font-size:13px}.btn-primary{background:var(--md-primary);border-color:transparent;color:var(--md-on-primary)}.btn-primary:hover{background:color-mix(in srgb,var(--md-on-primary) 8%,var(--md-primary));box-shadow:var(--md-elev-1)}.btn-primary:active{background:color-mix(in srgb,var(--md-on-primary) 12%,var(--md-primary));box-shadow:none}.btn-primary:disabled{background:color-mix(in srgb,var(--md-on-surface) 12%,transparent);border-color:transparent;color:color-mix(in srgb,var(--md-on-surface) 38%,transparent);cursor:not-allowed;box-shadow:none}.btn-ghost{background:transparent}.btn-ghost:disabled{background:transparent;color:color-mix(in srgb,var(--md-on-surface) 38%,transparent);border-color:color-mix(in srgb,var(--md-on-surface) 12%,transparent);cursor:not-allowed}.btn-active{background:var(--md-secondary-container);border-color:transparent;color:var(--md-on-secondary-container)}.btn-active:hover{background:color-mix(in srgb,var(--md-on-secondary-container) 8%,var(--md-secondary-container))}.btn-danger{color:var(--md-error);border-color:var(--c-hairline);background:transparent}.btn-danger:hover{background:color-mix(in srgb,var(--md-error) 8%,transparent);border-color:var(--md-error)}.btn-danger:active{background:color-mix(in srgb,var(--md-error) 12%,transparent)}.btn-block{width:100%;display:flex}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:var(--md-surface)}.login-card{width:380px;background:var(--md-surface-container-low);border:none;border-radius:var(--r-xl);padding:var(--s-xl);box-shadow:var(--md-elev-2)}.login-brand{text-align:center;margin-bottom:var(--s-lg)}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--md-primary);color:var(--c-on-primary);font-weight:600;letter-spacing:-.5px;font-size:18px}.login-brand h1{font-size:22px;letter-spacing:-.4px;margin:var(--s-sm) 0 var(--s-xxs)}.login-sub{margin:0;color:var(--c-muted);font-size:13px}.field{display:block;margin-bottom:var(--s-md)}.field span{display:block;font-size:13px;color:var(--c-body);font-weight:500;margin-bottom:var(--s-xs)}.field input{width:100%;height:40px;padding:0 14px;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas)}.field input:focus{outline:none;border-color:var(--md-primary)}.login-error{background:var(--c-error-soft);color:var(--c-error);padding:8px 12px;border-radius:var(--r-md);font-size:13px;margin-bottom:var(--s-md)}.app-shell{display:flex;height:100%;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.inbox-layout{flex:1;display:flex;min-height:0;overflow:hidden}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}.sidebar{width:200px;flex-shrink:0;background:var(--md-surface-container);color:var(--c-muted);display:flex;flex-direction:column;justify-content:space-between}.sidebar-top{overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 12px}.sidebar-logo{width:30px;height:30px;border-radius:var(--r-md);background:var(--md-primary);color:var(--c-on-primary);font-weight:600;font-size:13px;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center}.sidebar-title{color:var(--c-ink);font-weight:600;font-size:16px;letter-spacing:-.3px}.sidebar-app{padding:6px 18px 14px}.sidebar-app-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-muted);margin-bottom:6px}.sidebar-app-select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--c-canvas);color:var(--c-ink);border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:8px 28px 8px 10px;font-size:13px;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23625b71'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;cursor:pointer}.sidebar-app-select:focus{outline:none;border-color:var(--md-primary)}.sidebar-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--c-muted-soft);padding:14px 18px 6px}.sidebar-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:none;color:var(--c-muted);padding:9px 14px;margin:0 8px;width:calc(100% - 16px);border-radius:var(--r-pill);text-align:left;font-size:14px;font-weight:500}.sidebar-item:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent);color:var(--c-ink)}.sidebar-item.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:600}.sidebar-item.active:hover{background:color-mix(in srgb,var(--md-on-secondary-container) 8%,var(--md-secondary-container))}.sidebar-item-label{flex:1}.sidebar-badge{min-width:22px;text-align:center;background:var(--c-surface-strong);color:var(--c-muted);border-radius:var(--r-pill);font-size:12px;font-weight:500;padding:1px 7px}.sidebar-item.active .sidebar-badge{background:var(--md-on-secondary-container);color:var(--md-secondary-container)}.sidebar-bottom{border-top:1px solid var(--c-hairline);padding:12px 16px}.sidebar-agent{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-agent-avatar{width:36px;height:36px;border-radius:var(--r-pill);background:var(--c-surface-card);color:var(--c-ink);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.sidebar-agent-name{color:var(--c-ink);font-weight:600;font-size:13px}.sidebar-agent-role{font-size:12px;color:var(--c-muted)}.sidebar-toolbar{display:flex;align-items:center;gap:8px}.sidebar-theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--c-hairline);color:var(--c-muted);border-radius:var(--r-pill);padding:0;font-size:14px;cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.sidebar-theme-toggle:hover{background:var(--c-surface-card);color:var(--c-ink)}.sidebar-logout{flex:1;height:32px;background:var(--c-canvas);border:1px solid var(--c-hairline);color:var(--c-body);border-radius:var(--r-pill);padding:0 12px;font-size:13px;font-weight:500}.sidebar-logout:hover{background:var(--c-surface-card);color:var(--c-ink)}.bulk-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-pill);box-shadow:var(--md-elev-3)}.bulk-count{font-size:13px;color:var(--c-muted);white-space:nowrap}.bulk-actions{display:flex;gap:8px}.conv-list{width:300px;flex-shrink:0;background:var(--c-surface-soft);display:flex;flex-direction:column}.conv-list-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--c-hairline)}.conv-list-header h2{margin:0;font-size:16px;letter-spacing:-.3px}.conv-list-count{background:var(--c-surface-card);color:var(--c-muted);border-radius:var(--r-pill);font-size:12px;font-weight:500;padding:1px 9px}.conv-list-header-right{display:flex;align-items:center;gap:6px}.conv-sort-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--c-hairline);border-radius:var(--r-pill);color:var(--c-muted);font-size:11px;font-weight:500;padding:2px 20px 2px 8px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%2349454f'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.conv-sort-select:hover{border-color:var(--md-primary);color:var(--c-ink)}.conv-sort-select:focus{outline:none;border-color:var(--md-primary)}.conv-list-scroll{overflow-y:auto;flex:1}.conv-item{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--c-hairline-soft);border-left:2px solid transparent;padding:12px 16px;display:block}.conv-item{display:flex;align-items:center;border-bottom:1px solid var(--c-hairline-soft);transition:background .1s}.conv-item:hover{background:var(--c-surface-soft)}.conv-checkbox{width:16px;height:16px;margin:0 8px;cursor:pointer;accent-color:var(--md-primary);flex-shrink:0}.conv-checkbox-label{display:flex;align-items:center;padding:0 4px 0 8px;cursor:pointer}.conv-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--md-primary)}.conv-item-body{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 12px 10px 4px;border:none;background:transparent;text-align:left;cursor:pointer;min-width:0}.conv-item.active{background:var(--c-surface-card);border-left-color:var(--md-primary)}.conv-item.unread{border-left-color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 5%,transparent)}.conv-item.unread .conv-item-title{font-weight:700;color:var(--c-ink)}.conv-item.unread .conv-item-user{font-weight:600;color:var(--c-ink)}.conv-item-row1{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:var(--r-pill);flex-shrink:0;background:var(--md-primary)}.status-dot.new{background:var(--md-primary)}.status-dot.waiting{background:var(--c-warning)}.status-dot.replied{background:var(--c-brand-accent)}.status-dot.resolved{background:var(--c-success)}.status-dot.rejected{background:var(--c-muted)}.conv-item-title{flex:1;font-weight:600;font-size:14px;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-time{font-size:12px;color:var(--c-muted);flex-shrink:0}.conv-item-row2{display:flex;align-items:center;gap:8px;margin-top:6px;padding-left:16px}.conv-item-user{font-size:12px;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.platform-tag{font-size:11px;background:var(--c-surface-card);color:var(--c-body);border-radius:var(--r-pill);padding:2px 8px;flex-shrink:0}.conv-item-tags{display:flex;gap:4px}.mini-tag{font-size:11px;background:var(--c-warning-soft);color:var(--c-warning-ink);border-radius:var(--r-pill);padding:2px 8px}.sla-badge{font-size:11px;background:var(--c-warning-soft);color:var(--c-warning-ink);border-radius:var(--r-pill);padding:2px 8px;flex-shrink:0}.sla-badge.breached{background:var(--c-error-soft);color:var(--c-error);font-weight:600}.conv-detail{flex:1;display:flex;flex-direction:column;background:var(--c-canvas);min-width:0;max-width:900px;margin:0 auto;box-shadow:var(--shadow-sm)}.conv-detail.empty{align-items:center;justify-content:center}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--c-canvas);border-bottom:1px solid var(--c-hairline)}.detail-title{display:flex;align-items:center;gap:12px;min-width:0}.detail-title h2{margin:0;font-size:16px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.detail-status{font-size:12px;background:var(--c-surface-card);color:var(--c-muted);border-radius:var(--r-pill);padding:2px 10px;flex-shrink:0}.drawer-toggle{background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:6px 12px;font-size:13px;font-weight:500;color:var(--c-body)}.drawer-toggle:hover{background:var(--c-surface-soft);color:var(--c-ink)}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:var(--c-surface-soft);border-bottom:1px solid var(--c-hairline)}.toolbar-status{display:flex;align-items:center;gap:6px}.toolbar-status label{font-size:13px;color:var(--c-muted)}.toolbar-status select{height:32px;padding:0 8px;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas)}.toolbar-status select:focus{outline:none;border-color:var(--md-primary)}.toolbar-assign{display:flex;align-items:center;gap:6px}.toolbar-assign label{font-size:13px;color:var(--c-muted)}.toolbar-assign select{height:32px;padding:0 8px;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas);min-width:140px}.toolbar-assign select:focus{outline:none;border-color:var(--md-primary)}.toolbar-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--c-surface-card);color:var(--c-body);border-radius:var(--r-pill);font-size:12px;padding:2px 4px 2px 10px}.tag-x{border:none;background:transparent;color:var(--c-muted);font-size:14px;line-height:1;padding:0 4px}.tag-x:hover{color:var(--c-ink)}.tag-input{border:1px solid var(--c-hairline);border-radius:var(--r-md);height:32px;padding:0 10px;width:140px}.tag-input:focus{outline:none;border-color:var(--md-primary)}.detail-body{flex:1;display:flex;min-height:0}.detail-main{flex:1;display:flex;flex-direction:column;min-width:0}.message-stream{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--c-surface-soft)}.msg-row{display:flex}.msg-row.left{justify-content:flex-start}.msg-row.right{justify-content:flex-end}.msg-bubble{max-width:62%;padding:9px 13px;border-radius:var(--r-lg);position:relative}.msg-row.left .msg-bubble{background:var(--md-surface-container-highest);color:var(--md-on-surface);border-bottom-left-radius:var(--r-xs)}.msg-row.right .msg-bubble{background:var(--md-primary);color:var(--md-on-primary);border-bottom-right-radius:var(--r-xs)}.msg-body{white-space:pre-wrap;word-break:break-word;line-height:1.5}.msg-attach{display:inline-block;margin-top:6px;font-size:12px;text-decoration:underline}.msg-row.right .msg-attach{color:var(--c-on-primary)}.msg-attach-imglink{display:block;margin-top:6px}.msg-attach-img{display:block;max-width:100%;max-height:220px;border-radius:var(--r-md);cursor:pointer}.msg-system{align-self:center;text-align:center;font-size:12px;color:var(--c-muted);background:var(--c-surface-card);border-radius:var(--r-pill);padding:4px 12px}.msg-system time{margin-left:6px;opacity:.7}.msg-note{align-self:center;text-align:center;font-size:13px;color:var(--md-on-warning-container);background:var(--md-warning-container);border-radius:var(--r-lg);padding:8px 14px;max-width:80%;display:flex;flex-direction:column;gap:4px}.msg-note-label{font-size:11px;font-weight:600;opacity:.8}.msg-note-body{white-space:pre-wrap;word-break:break-word;line-height:1.5}.msg-note time{font-size:11px;opacity:.7}.viewer-banner{background:var(--md-warning-container);color:var(--md-on-warning-container);border-bottom:1px solid var(--c-hairline);padding:6px 20px;font-size:12px;text-align:center}.typing-pill{align-self:flex-start;font-size:12px;color:var(--c-muted);background:var(--c-surface-card);border-radius:var(--r-pill);padding:4px 12px;margin-bottom:4px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.msg-time{font-size:11px;opacity:.7}.msg-read{font-size:11px;opacity:.9;font-weight:700}.msg-row.right .msg-read{color:var(--md-on-primary)}.msg-row.left .msg-read{color:var(--md-on-surface)}.msg-edited{font-size:11px;opacity:.7;margin-left:2px}.msg-actions{display:flex;gap:4px;margin-left:4px}.msg-action-btn{border:none;background:transparent;cursor:pointer;font-size:12px;padding:2px;opacity:.5;transition:opacity .15s}.msg-action-btn:hover{opacity:1}.msg-deleted .msg-body{opacity:.5;font-style:italic}.resolved-banner{background:var(--c-success-soft);color:var(--c-success-ink);border-top:1px solid var(--c-hairline);padding:8px 20px;font-size:13px;text-align:center}.reply-box{position:relative;border-top:1px solid var(--c-hairline);background:var(--c-canvas);padding:12px 20px 14px}.reply-textarea{width:100%;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:10px 14px;resize:vertical;line-height:1.5;background:var(--c-canvas)}.reply-textarea:focus{outline:none;border-color:var(--md-primary)}.reply-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.reply-left{display:flex;align-items:center;gap:10px}.reply-hint{font-size:12px;color:var(--c-muted)}.reply-buttons{display:flex;gap:8px}.btn-warning{background:var(--md-warning);border-color:transparent;color:var(--md-on-primary)}.btn-warning:hover{background:color-mix(in srgb,var(--md-on-primary) 8%,var(--md-warning));box-shadow:var(--md-elev-1)}.btn-warning:active{background:color-mix(in srgb,var(--md-on-primary) 12%,var(--md-warning));box-shadow:none}.btn-warning:disabled{background:color-mix(in srgb,var(--md-on-surface) 12%,transparent);border-color:transparent;color:color-mix(in srgb,var(--md-on-surface) 38%,transparent);cursor:not-allowed;box-shadow:none}.qr-picker{position:absolute;bottom:calc(100% - 4px);left:20px;right:20px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-md);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto;z-index:20}.qr-picker-head{font-size:12px;color:var(--c-muted);padding:8px 12px;border-bottom:1px solid var(--c-hairline)}.qr-item{width:100%;text-align:left;border:none;background:transparent;padding:9px 12px;display:block;border-bottom:1px solid var(--c-hairline-soft)}.qr-category{border-bottom:1px solid var(--c-hairline-soft)}.qr-category:last-child{border-bottom:none}.qr-cat-head{position:sticky;top:0;font-size:11px;font-weight:600;color:var(--c-muted-soft);text-transform:uppercase;letter-spacing:.4px;padding:6px 12px;background:var(--c-canvas);border-bottom:1px solid var(--c-hairline-soft);z-index:1}.qr-item:hover,.qr-item.active{background:var(--c-surface-card)}.qr-title{display:block;font-weight:600;font-size:13px;color:var(--c-ink)}.qr-body{display:block;font-size:12px;color:var(--c-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.info-drawer{width:300px;flex-shrink:0;background:var(--c-canvas);border-left:1px solid var(--c-hairline);overflow-y:auto;padding:18px}.drawer-block{margin-bottom:22px}.drawer-block h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--c-muted)}.unverified-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:6px 10px;font-size:12px;color:#8d6e00;margin-bottom:12px;line-height:1.5}.field-tag.unverified{display:inline-block;font-size:10px;font-weight:500;background:#fff3cd;color:#856404;padding:1px 5px;border-radius:3px;margin-left:4px;vertical-align:middle;text-transform:none;letter-spacing:0}.verified-banner{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;padding:6px 10px;font-size:12px;color:#2e7d32;margin-bottom:12px;line-height:1.5}.field-tag.verified{display:inline-block;font-size:10px;font-weight:500;background:#e8f5e9;color:#2e7d32;padding:1px 5px;border-radius:3px;margin-left:4px;vertical-align:middle;text-transform:none;letter-spacing:0}.meta-hidden-hint{font-size:11px;color:var(--c-muted);margin-top:6px;font-style:italic}.visitor-path{display:flex;flex-direction:column;gap:6px}.visitor-path-item{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-bottom:1px solid var(--c-hairline-soft)}.visitor-path-item:last-child{border-bottom:none}.vp-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-ink)}.vp-time{color:var(--c-muted);font-size:11px;white-space:nowrap}.kv{margin:0;display:grid;grid-template-columns:84px 1fr;row-gap:8px;column-gap:8px}.kv dt{color:var(--c-muted);font-size:13px}.kv dd{margin:0;font-size:13px;color:var(--c-body);word-break:break-word}.meta-json{background:var(--c-surface-card);color:var(--c-ink);border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:12px;font-size:12px;line-height:1.5;overflow-x:auto;margin:0;font-family:var(--font-mono)}.csat-stars{display:flex;align-items:center;gap:2px}.star{color:var(--c-surface-strong);font-size:18px}.star.filled{color:var(--c-warning)}.csat-num{margin-left:6px;font-size:13px;color:var(--c-muted)}.csat-comment{margin:8px 0 0;font-size:13px;color:var(--c-body);background:var(--c-surface-soft);border-radius:var(--r-md);padding:8px 10px}.empty-hint{color:var(--c-muted);padding:24px 16px;text-align:center;font-size:13px}.empty-hint.small{padding:10px;font-size:12px}.empty-hint.big{font-size:15px;padding:60px 20px}.faq-manager{flex:1;display:flex;flex-direction:column;background:var(--c-canvas);min-width:0}.faq-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--c-canvas);border-bottom:1px solid var(--c-hairline)}.faq-header h2{margin:0;font-size:18px;letter-spacing:-.3px}.faq-add-section{display:flex;gap:8px}.faq-add-section input{border:1px solid var(--c-hairline);border-radius:var(--r-md);height:40px;padding:0 12px;width:200px;background:var(--c-canvas)}.faq-add-section input:focus{outline:none;border-color:var(--md-primary)}.faq-lang-tabs{display:inline-flex;gap:2px;padding:4px;background:var(--c-surface-soft);border-radius:var(--r-pill)}.faq-lang-tab{border:none;background:transparent;color:var(--c-muted);padding:6px 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.faq-lang-tab.active{background:var(--c-canvas);color:var(--c-ink);font-weight:600;box-shadow:var(--shadow-sm)}.faq-untranslated{font-size:11px;color:var(--c-warning-ink);background:var(--c-warning-soft);border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap}.faq-scroll{flex:1;overflow-y:auto;padding:20px 24px;background:var(--c-surface-soft)}.faq-section{background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-lg);margin-bottom:18px;overflow:hidden}.faq-section-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--c-surface-soft);border-bottom:1px solid var(--c-hairline)}.faq-section-head strong{color:var(--c-ink);font-size:15px}.faq-section-title{font-weight:600;font-size:15px;color:var(--c-ink);border:1px solid transparent;background:transparent;border-radius:var(--r-md);padding:6px 8px;flex:1;min-width:160px}.faq-section-title:focus{outline:none;border-color:var(--c-hairline);background:var(--c-canvas)}.faq-pos{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--c-muted)}.faq-pos input{width:56px;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:6px;background:var(--c-canvas)}.faq-pos input:focus{outline:none;border-color:var(--md-primary)}.faq-items{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:12px}.faq-item-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.faq-q{flex:1;min-width:200px;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:8px 10px;font-weight:600;color:var(--c-ink);background:var(--c-canvas)}.faq-pub{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--c-muted)}.faq-a{width:100%;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:8px 10px;resize:vertical;line-height:1.5;background:var(--c-canvas)}.faq-a:focus,.faq-q:focus{outline:none;border-color:var(--md-primary)}.faq-add-section select{height:40px;padding:0 10px;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas)}.faq-add-section select:focus{outline:none;border-color:var(--md-primary)}@media (max-width: 1024px){.info-drawer{width:260px}.conv-list{width:280px}}@media (max-width: 820px){.sidebar{width:200px}.conv-list{width:260px}.info-drawer{width:240px}}.mgmt-table{display:flex;flex-direction:column;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-lg);overflow:hidden}.mgmt-row{display:grid;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--c-hairline-soft);font-size:13px;transition:background .15s}.mgmt-row:last-child{border-bottom:none}.mgmt-row:hover{background:var(--c-surface-soft)}.mgmt-head{background:var(--c-surface-soft);color:var(--c-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--c-hairline)}.mgmt-head:hover,.mgmt-row.expanded{background:var(--c-surface-soft)}.col-expand{width:32px;text-align:center;flex-shrink:0}.col-name,.col-key{min-width:0}.col-id{font-family:var(--font-mono);font-size:12px;color:var(--c-muted)}.col-count{text-align:center}.col-time{text-align:right;color:var(--c-muted);font-size:12px;white-space:nowrap}.col-ops{display:flex;gap:4px;justify-content:flex-end;align-items:center}.app-mgmt-table .mgmt-row{grid-template-columns:32px 1.8fr 1.1fr 1fr 44px .9fr auto}.expand-toggle{width:32px;height:32px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--c-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .2s;position:relative}.expand-toggle:after{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translateY(-1px)}.expand-toggle:hover{background:var(--c-surface-card);color:var(--c-ink)}.expand-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--md-primary)}.mgmt-row.expanded .expand-toggle:after{transform:rotate(45deg) translateY(1px)}.editable-name{cursor:pointer;border-bottom:1px dashed transparent;color:var(--c-ink);font-weight:500;transition:color .15s,border-color .15s;position:relative}.editable-name:hover{border-bottom-color:var(--md-primary);color:var(--md-primary)}.editable-name:after{content:"✎";display:inline;font-size:11px;opacity:0;margin-left:4px;transition:opacity .15s}.editable-name:hover:after{opacity:.5}.inline-edit{width:100%;border:1px solid var(--md-primary);border-radius:var(--r-sm);padding:4px 8px;font-size:13px;font-weight:500;background:var(--c-canvas);color:var(--c-ink)}.inline-edit:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary) 30%,transparent)}.mgmt-table select:focus,.mgmt-sub select:focus,.assign-pick:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary) 30%,transparent)}.app-key-code{font-family:var(--font-mono);font-size:12px;color:var(--c-muted);background:var(--c-surface-soft);border-radius:var(--r-sm);padding:2px 6px}.count-badge{display:inline-block;min-width:22px;text-align:center;background:var(--c-surface-card);color:var(--c-muted);border-radius:var(--r-pill);font-size:12px;font-weight:500;padding:1px 7px}.mgmt-sub{border-bottom:1px solid var(--c-hairline);background:var(--c-surface-soft)}.mgmt-sub-head{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;padding:8px 14px 8px 48px;font-size:11px;font-weight:600;color:var(--c-muted-soft);text-transform:uppercase;letter-spacing:.3px}.mgmt-sub-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px;align-items:center;padding:8px 14px 8px 48px;font-size:13px;color:var(--c-body);min-height:40px;transition:background .12s}.mgmt-sub-row:hover{background:color-mix(in srgb,var(--c-ink) 4%,var(--c-canvas))}.mgmt-sub-row:nth-child(odd){background:var(--c-canvas)}.mgmt-sub-empty{padding:10px 14px 10px 48px;font-size:12px;color:var(--c-muted)}.mgmt-sub-add{border-top:1px solid var(--c-hairline)}.assign-pick{height:32px;padding:0 8px;border:1px solid var(--c-hairline);border-radius:var(--r-md);background:var(--c-canvas);font-size:13px;min-width:200px;cursor:pointer;transition:border-color .15s}.assign-pick:hover{border-color:var(--md-primary)}.assign-pick:focus{outline:none;border-color:var(--md-primary)}.col-agent-name{display:flex;align-items:center;gap:8px;font-weight:500}.col-agent-gm{color:var(--c-muted)}.col-agent-time{text-align:right;color:var(--c-muted);font-size:12px}.agent-mgmt-table .mgmt-row{grid-template-columns:2fr 1fr 1.2fr 1fr}.agent-avatar-sm{width:26px;height:26px;border-radius:var(--r-pill);background:var(--c-surface-card);color:var(--c-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0}.role-badge{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--r-pill)}.role-admin{background:var(--md-primary-container);color:var(--md-on-primary-container)}.role-agent{background:var(--c-surface-card);color:var(--c-muted)}.faq-header-hint{font-size:12px;color:var(--c-muted-soft);max-width:360px;line-height:1.4}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:var(--r-lg);background:var(--md-surface-container-low);color:var(--c-body);cursor:pointer;transition:background .15s}.history-item:hover:not(.current){background:color-mix(in srgb,var(--c-ink) 8%,var(--md-surface-container-low))}.history-item.current{background:var(--md-secondary-container);color:var(--md-on-secondary-container);cursor:default}.history-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--c-muted)}.history-item.current .history-meta{color:var(--md-on-secondary-container)}.global-search{position:relative;z-index:50}.global-search-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--c-surface-soft);border:1px solid var(--c-hairline);border-radius:var(--r-pill);cursor:pointer;color:var(--c-muted);font-size:13px;width:260px;transition:border-color .12s}.global-search-trigger:hover{border-color:var(--md-primary);color:var(--c-ink)}.global-search-placeholder{flex:1}.global-search-kbd{font-size:11px;background:var(--c-surface-card);border:1px solid var(--c-hairline);border-radius:var(--r-sm);padding:1px 5px;color:var(--c-muted)}.global-search-panel{position:absolute;top:calc(100% + 6px);left:0;width:480px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-lg);box-shadow:var(--md-elev-3);overflow:hidden}.global-search-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--c-hairline)}.global-search-input{flex:1;border:none;background:transparent;font-size:15px;outline:none;color:var(--c-ink)}.global-search-input::placeholder{color:var(--c-muted)}.global-search-clear{border:none;background:transparent;color:var(--c-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.global-search-clear:hover{color:var(--c-ink)}.global-search-results{max-height:420px;overflow-y:auto;padding:6px 0}.global-search-loading,.global-search-empty{padding:20px;text-align:center;color:var(--c-muted);font-size:13px}.global-search-group{margin-bottom:4px}.global-search-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--c-muted-soft);padding:8px 14px 4px}.global-search-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 14px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--c-body)}.global-search-item:hover{background:var(--c-surface-soft)}.global-search-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.global-search-item-title{font-size:14px;font-weight:500;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-meta{font-size:12px;color:var(--c-muted);display:flex;align-items:center;gap:6px}.global-search-footer{display:flex;align-items:center;gap:14px;padding:8px 14px;border-top:1px solid var(--c-hairline);font-size:11px;color:var(--c-muted)}.global-search-footer kbd{font-family:inherit;background:var(--c-surface-card);border:1px solid var(--c-hairline);border-radius:var(--r-sm);padding:1px 4px;font-size:11px}.main-area .global-search{padding:10px 18px;border-bottom:1px solid var(--c-hairline);flex-shrink:0}.analytics-page{flex:1;display:flex;flex-direction:column;background:var(--c-canvas);min-width:0;overflow:hidden}.analytics-header{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--c-hairline)}.analytics-header h2{margin:0;font-size:18px;letter-spacing:-.3px}.analytics-loading{padding:60px 20px;text-align:center;color:var(--c-muted);font-size:14px}.analytics-scroll{flex:1;overflow-y:auto;padding:24px}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px}.analytics-card{background:var(--c-surface-card);border:1px solid var(--c-hairline);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:4px}.analytics-card-value{font-size:28px;font-weight:700;color:var(--c-ink);letter-spacing:-.5px}.analytics-card-label{font-size:13px;color:var(--c-muted)}.analytics-card-sub{font-size:12px;color:var(--c-muted-soft)}.analytics-section{margin-bottom:28px}.analytics-section h3{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--c-ink)}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-row{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:12px}.analytics-bar-label{font-size:13px;color:var(--c-muted);text-align:right}.analytics-bar-track{height:20px;background:var(--c-surface-soft);border-radius:var(--r-sm);overflow:hidden}.analytics-bar-fill{height:100%;border-radius:var(--r-sm);transition:width .3s ease}.analytics-bar-count{font-size:13px;color:var(--c-body);font-weight:500}.analytics-histogram{display:flex;align-items:flex-end;gap:3px;height:120px;padding-bottom:22px;position:relative}.analytics-histogram:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:var(--c-hairline)}.analytics-hist-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.analytics-hist-bar{width:100%;background:var(--md-primary);border-radius:var(--r-xs) var(--r-xs) 0 0;min-height:3px;transition:height .3s ease}.analytics-hist-label{font-size:10px;color:var(--c-muted);white-space:nowrap;position:absolute;bottom:0;transform:rotate(-45deg);transform-origin:left top}.visitor-path{display:flex;flex-direction:column}.visitor-step{display:flex;align-items:flex-start;gap:10px;padding:6px 0;position:relative}.visitor-step:not(:last-child):before{content:"";position:absolute;left:5px;top:20px;bottom:-2px;width:2px;background:var(--c-hairline)}.visitor-step-dot{width:12px;height:12px;border-radius:50%;background:var(--md-primary);flex-shrink:0;margin-top:3px}.visitor-step-body{display:flex;flex-direction:column;gap:2px;min-width:0}.visitor-step-url{font-size:13px;color:var(--c-ink);word-break:break-all}.visitor-step-time{font-size:11px;color:var(--c-muted)}.sv-panel{flex:1;min-width:0;display:flex;flex-direction:column}.sv-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--c-canvas);border-bottom:1px solid var(--c-hairline)}.sv-panel-title{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--c-ink)}.sv-add-btn{width:32px;height:32px;border:1px solid var(--c-hairline);border-radius:var(--r-pill);background:transparent;color:var(--c-muted);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.sv-add-btn:hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent);border-color:var(--c-primary);color:var(--c-primary)}.sv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px;background:var(--c-surface-soft)}.sv-list>.sv-item,.sv-list>.sv-empty{width:100%;max-width:560px}.sv-empty{margin-top:48px;text-align:center;font-size:14px;color:var(--c-muted);line-height:1.6}.sv-item{display:flex;align-items:center;gap:4px;padding-right:8px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-lg);transition:border-color .12s,box-shadow .12s}.sv-item:hover{border-color:var(--c-primary);box-shadow:var(--md-elev-1)}.sv-item-main{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-xs);background:transparent;border:none;padding:12px 14px;cursor:pointer;color:var(--c-body);text-align:left}.sv-item-name{font-size:14px;font-weight:600;color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-scope{flex-shrink:0;font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--r-pill)}.sv-scope-private{background:var(--c-surface-card);color:var(--c-muted)}.sv-scope-shared{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.sv-del-btn{flex-shrink:0;width:22px;height:22px;border:none;background:transparent;color:var(--c-muted);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--r-sm)}.sv-del-btn:hover{background:color-mix(in srgb,var(--c-error) 10%,transparent);color:var(--c-error)}.sv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000052;display:flex;align-items:center;justify-content:center;padding:var(--s-md)}.sv-modal{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background:var(--md-surface-container-low);border-radius:var(--r-xxl);box-shadow:var(--md-elev-3);padding:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-md)}.sv-modal-head{font-size:18px;font-weight:600;color:var(--c-ink)}.sv-field{display:flex;flex-direction:column;gap:var(--s-xs)}.sv-field-label{font-size:13px;font-weight:500;color:var(--c-muted)}.sv-input{width:100%}.sv-chips{display:flex;flex-wrap:wrap;gap:var(--s-xs)}.sv-chip{border:1px solid var(--c-hairline);background:transparent;color:var(--c-body);border-radius:var(--r-pill);padding:4px 12px;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sv-chip:hover{background:color-mix(in srgb,var(--c-primary) 6%,transparent)}.sv-chip-on{background:var(--md-secondary-container);border-color:transparent;color:var(--md-on-secondary-container)}.sv-toggle{display:flex;align-items:center;gap:var(--s-xs);font-size:13px;color:var(--c-body);cursor:pointer}.sv-toggle input{width:auto}.sv-error{font-size:13px;color:var(--c-error);background:var(--c-error-soft);border-radius:var(--r-md);padding:8px 12px}.sv-modal-actions{display:flex;justify-content:flex-end;gap:var(--s-xs)}.qr-manager{flex:1;display:flex;flex-direction:column;background:var(--c-canvas);min-width:0}.qr-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--c-canvas);border-bottom:1px solid var(--c-hairline)}.qr-header h2{margin:0;font-size:18px;letter-spacing:-.3px}.qr-error{margin:12px 24px 0;padding:10px 14px;border-radius:var(--r-md);background:var(--c-error-soft);color:var(--md-on-error-container);font-size:13px}.qr-scroll{flex:1;overflow-y:auto;padding:20px 24px;background:var(--c-surface-soft)}.qr-group{margin-bottom:18px}.qr-group-head{font-size:13px;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;padding-left:2px}.qr-items{display:flex;flex-direction:column;gap:10px}.qr-card{display:flex;align-items:flex-start;gap:12px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-lg);padding:12px 14px}.qr-card-main{flex:1;min-width:0}.qr-card-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--c-ink)}.qr-global-badge{font-size:11px;color:var(--md-on-secondary-container);background:var(--md-secondary-container);border-radius:var(--r-pill);padding:1px 8px;font-weight:500}.qr-card-body{margin-top:4px;font-size:13px;color:var(--c-muted);line-height:1.5;white-space:pre-wrap;word-break:break-word}.qr-card-actions{display:flex;gap:6px;flex-shrink:0}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.qr-modal{background:var(--c-canvas);border-radius:var(--r-xl);box-shadow:var(--md-elev-4);width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.qr-modal-head{padding:16px 20px;font-size:16px;font-weight:600;color:var(--c-ink);border-bottom:1px solid var(--c-hairline)}.qr-modal-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.qr-field{display:flex;flex-direction:column;gap:6px}.qr-field-label{font-size:12px;font-weight:600;color:var(--c-muted)}.qr-input{border:1px solid var(--c-hairline);border-radius:var(--r-md);height:40px;padding:0 12px;background:var(--c-canvas);color:var(--c-ink)}.qr-input:focus{outline:none;border-color:var(--md-primary)}.qr-placeholder-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.qr-placeholder-hint{font-size:12px;color:var(--c-muted)}.qr-placeholder-chip{border:1px solid var(--c-hairline);background:var(--c-surface-soft);color:var(--c-ink);border-radius:var(--r-pill);padding:4px 12px;font-size:12px;cursor:pointer;transition:background .12s,border-color .12s}.qr-placeholder-chip:hover{border-color:var(--md-primary);background:var(--md-primary-container)}.qr-textarea{width:100%;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:10px 12px;resize:vertical;line-height:1.5;background:var(--c-canvas);color:var(--c-ink);font-family:inherit}.qr-textarea:focus{outline:none;border-color:var(--md-primary)}.qr-preview{border:1px dashed var(--c-hairline);border-radius:var(--r-md);padding:10px 12px;background:var(--c-surface-soft);font-size:13px;line-height:1.5;color:var(--c-ink);white-space:pre-wrap;word-break:break-word;min-height:40px}.qr-preview-empty{color:var(--c-muted-soft)}.qr-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--c-hairline)}.prof-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.prof-stat{display:flex;flex-direction:column;gap:2px;background:var(--c-surface-soft);border-radius:var(--r-md);padding:8px 10px}.prof-stat-label{font-size:11px;color:var(--c-muted)}.prof-stat-value{font-size:18px;font-weight:600;color:var(--c-ink);line-height:1.2}.prof-stat-star{color:var(--c-warning);margin-right:3px}.prof-stat-sub{font-size:11px;font-weight:400;color:var(--c-muted);margin-left:4px}.prof-contact{margin:0}.prof-meta dd{font-family:var(--font-mono);font-size:12px}.mgmt-sub-config{display:flex;gap:var(--s-lg);flex-wrap:wrap;padding:var(--s-sm) var(--s-md);margin-bottom:var(--s-sm);background:var(--md-surface-container-low, #f5f5f5);border-radius:var(--r-md)}.mgmt-sub-config label{display:inline-flex;align-items:center;gap:var(--s-xs);font-size:13px;color:var(--md-on-surface, #1f2937);cursor:pointer}.btn-xs{height:26px;padding:0 10px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.secret-dot{width:7px;height:7px;border-radius:var(--r-pill);background:var(--c-muted-soft);flex-shrink:0}.secret-dot.on{background:var(--c-ok, #16a34a)}.mgmt-sub-tabs{display:flex;gap:4px;padding:var(--s-xs) var(--s-md);border-bottom:1px solid var(--c-hairline)}.sub-tab{height:30px;padding:0 12px;border:none;background:transparent;color:var(--c-muted);font-size:12.5px;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:background .15s,color .15s}.sub-tab:hover{background:var(--c-surface-card);color:var(--c-ink)}.sub-tab.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}.embed-panel,.secret-panel{padding:var(--s-sm) var(--s-md) var(--s-md)}.embed-intro{font-size:12.5px;line-height:1.5;color:var(--c-body);margin:0 0 var(--s-sm)}.embed-intro code{font-family:var(--font-mono);font-size:11.5px;background:var(--c-surface-soft);padding:1px 5px;border-radius:var(--r-sm);color:var(--c-ink)}.embed-block{margin-bottom:var(--s-sm);border:1px solid var(--c-hairline);border-radius:var(--r-md);overflow:hidden;background:var(--c-canvas)}.embed-block-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--c-surface-soft);border-bottom:1px solid var(--c-hairline-soft)}.embed-block-title{font-size:12px;font-weight:600;color:var(--c-ink)}.embed-code{margin:0;padding:10px 12px;overflow-x:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--c-ink);white-space:pre;max-height:280px}.secret-status{font-size:13px;color:var(--c-body);margin-bottom:var(--s-sm);display:flex;align-items:center;gap:6px}.secret-badge{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:var(--r-pill)}.secret-badge.on{background:var(--c-warning-soft);color:var(--c-warning-ink)}.secret-badge.off{background:var(--c-surface-card);color:var(--c-muted)}.secret-reveal{border:1px solid var(--c-warning);background:var(--c-warning-soft);border-radius:var(--r-md);padding:var(--s-sm);margin-bottom:var(--s-sm)}.secret-reveal-warn{font-size:12.5px;font-weight:600;color:var(--c-warning-ink);margin-bottom:8px;line-height:1.4}.secret-reveal-row{display:flex;align-items:center;gap:8px}.secret-value{flex:1;min-width:0;font-family:var(--font-mono);font-size:12.5px;background:var(--c-canvas);border:1px solid var(--c-hairline);border-radius:var(--r-sm);padding:7px 10px;color:var(--c-ink);word-break:break-all;-webkit-user-select:all;user-select:all}.secret-dismiss{margin-top:8px}.secret-err{margin:0 0 var(--s-sm)}.secret-hint{font-size:11.5px;color:var(--c-muted);margin:8px 0 0;line-height:1.4}.del-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--c-ink) 40%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.del-dialog{background:var(--c-canvas);border-radius:var(--r-lg);box-shadow:var(--md-elev-3, 0 8px 32px rgba(0, 0, 0, .2));width:100%;max-width:440px;padding:var(--s-lg)}.del-dialog h3{margin:0 0 10px;font-size:16px;color:var(--c-ink)}.del-warn{font-size:13px;line-height:1.5;color:var(--c-body);margin:0 0 var(--s-sm)}.del-warn code{font-family:var(--font-mono);font-size:12px;background:var(--c-surface-soft);padding:1px 6px;border-radius:var(--r-sm);color:var(--c-error);font-weight:600}.del-input{width:100%;height:38px;border:1px solid var(--c-hairline);border-radius:var(--r-md);padding:0 12px;font-size:13px;font-family:var(--font-mono);background:var(--c-canvas);color:var(--c-ink)}.del-input:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-primary) 30%,transparent)}.del-err{margin:10px 0 0}.del-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:var(--s-md)}.broadcast-manager{padding:var(--s-lg);overflow:auto}.broadcast-header h2{margin:0 0 var(--s-sm)}.broadcast-hint{color:var(--c-ink-2);font-size:13px;margin-bottom:var(--s-lg);max-width:720px}.broadcast-body{display:grid;grid-template-columns:1fr 420px;gap:var(--s-lg)}.broadcast-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-md)}.broadcast-toolbar{display:flex;align-items:center;gap:var(--s-sm);margin-bottom:var(--s-md)}.broadcast-filter{flex:1;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-canvas);color:var(--c-ink)}.broadcast-count{font-size:13px;color:var(--c-ink-2);margin-left:auto}.broadcast-user-list{max-height:480px;overflow:auto;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-canvas)}.broadcast-user-item{display:flex;align-items:center;gap:var(--s-sm);padding:10px 12px;border-bottom:1px solid var(--c-border);cursor:pointer}.broadcast-user-item:last-child{border-bottom:none}.broadcast-user-item:hover{background:color-mix(in srgb,var(--md-primary) 5%,transparent)}.broadcast-user-name{font-weight:500;min-width:120px}.broadcast-user-psid{font-size:12px;color:var(--c-ink-2);font-family:var(--font-mono)}.broadcast-compose{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-md);height:fit-content}.broadcast-compose .form-group{margin-bottom:var(--s-md)}.broadcast-compose label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.broadcast-compose select,.broadcast-compose textarea{width:100%;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-canvas);color:var(--c-ink);font-family:inherit}.broadcast-char-count{text-align:right;font-size:12px;color:var(--c-ink-2);margin-top:4px}.broadcast-result{margin-top:var(--s-md);padding:var(--s-sm) var(--s-md);border-radius:var(--r-md);font-size:13px}.broadcast-result.success{background:color-mix(in srgb,var(--md-success) 10%,transparent);color:var(--md-success)}.broadcast-result.error{background:color-mix(in srgb,var(--md-error) 10%,transparent);color:var(--md-error)}.broadcast-failures{margin-top:6px;font-size:12px;opacity:.9}.messenger-config-form{display:grid;gap:var(--s-sm);margin-top:var(--s-md)}.messenger-config-form .form-group{display:grid;gap:4px}.messenger-config-form label{font-size:13px;font-weight:500}.messenger-config-form input{padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-canvas);color:var(--c-ink)}.messenger-config-form input:disabled{background:var(--c-surface);color:var(--c-ink-2)}.messenger-config-actions{display:flex;gap:8px;margin-top:var(--s-sm)}.messenger-avatar{display:flex;align-items:center;gap:10px}.messenger-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.integration-settings{padding:16px 0}.integration-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.1fr);gap:24px;align-items:start}.integration-form{display:flex;flex-direction:column;gap:12px;min-width:0}.integration-form h3{margin:8px 0 4px;font-size:14px;color:var(--c-ink)}.integration-form .field-row{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px}.integration-form .field-row>label{font-size:13px;color:var(--c-body)}.integration-form .field-row select,.integration-form .field-row input[type=number]{height:32px;padding:0 8px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface);color:var(--c-ink);font-size:13px}.integration-form .field-row input[type=color]{width:48px;height:32px;padding:0;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface);cursor:pointer}.integration-preview{position:sticky;top:16px;border:1px solid var(--c-border);border-radius:12px;overflow:hidden;background:var(--c-surface, #fff);box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;height:600px}.integration-preview-head{flex:0 0 auto;padding:10px 14px;font-size:12px;font-weight:600;color:var(--c-body);border-bottom:1px solid var(--c-border);background:var(--c-surface-2, #f6f7f9)}.integration-preview-canvas{flex:1 1 auto;position:relative;overflow:hidden;background:linear-gradient(45deg,#eef0f3 25%,transparent 25%,transparent 75%,#eef0f3 75%) 0 0/20px 20px,linear-gradient(45deg,#eef0f3 25%,#f6f7f9 25%,#f6f7f9 75%,#eef0f3 75%) 10px 10px/20px 20px}.integration-preview-canvas iframe{display:block;width:100%;height:100%;border:0}@media (max-width: 900px){.integration-grid{grid-template-columns:1fr}.integration-preview{position:static}}