@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-latin-800-normal.woff2) format("woff2")}:root,[data-theme=blue]{--cc-bg: #f5f5f7;--cc-surface: #ffffff;--cc-surface-muted: #f8f9fb;--cc-text: #1d1d1f;--cc-muted: #6e6e73;--cc-text-muted: #6e6e73;--cc-border: #e3e8ef;--cc-accent: #2997ff;--cc-accent-strong: #0071e3;--cc-accent-soft: #e8f1ff;--cc-muted-weak: #a8b1bd;--cc-danger: #d14343;--cc-success: #0f9f6e;--cc-warning: #d97706;--cc-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--cc-shadow-md: 0 10px 30px rgba(16, 24, 40, .08);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-md: 15px;--font-lg: 16px;--font-xl: 20px;--cc-body-gradient: #f5f5f7;--sidebar-bg: #f7f8fa;--sidebar-logo-bg: #2997ff;--sidebar-active-bar: #2997ff}[data-theme=warm]{--cc-bg: #f5f2ed;--cc-surface: #fdfcf9;--cc-surface-muted: #f7f4ef;--cc-text: #2c2620;--cc-muted: #8a7f72;--cc-text-muted: #8a7f72;--cc-border: #e5ddd3;--cc-accent: #0d9488;--cc-accent-strong: #0f766e;--cc-danger: #c2414c;--cc-success: #16a34a;--cc-warning: #c07a3b;--cc-shadow-sm: 0 1px 2px rgba(44, 38, 32, .06);--cc-shadow-md: 0 10px 30px rgba(44, 38, 32, .08);--cc-body-gradient: radial-gradient(circle at top left, rgba(13, 148, 136, .08), transparent 26%), radial-gradient(circle at bottom right, rgba(192, 122, 59, .06), transparent 24%), linear-gradient(180deg, #faf8f5 0%, var(--cc-bg) 100%);--sidebar-bg: #f7f4ef;--sidebar-logo-bg: #0d9488;--sidebar-active-bar: #0d9488}[data-theme=slate]{--cc-bg: #f1f4f7;--cc-surface: #ffffff;--cc-surface-muted: #f6f8fb;--cc-text: #1e1e2e;--cc-muted: #6b7280;--cc-text-muted: #6b7280;--cc-border: #d6dce5;--cc-accent: #6366f1;--cc-accent-strong: #4f46e5;--cc-danger: #dc2626;--cc-success: #16a34a;--cc-warning: #d97706;--cc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cc-shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--cc-body-gradient: radial-gradient(circle at top left, rgba(99, 102, 241, .08), transparent 26%), radial-gradient(circle at bottom right, rgba(22, 163, 74, .05), transparent 24%), linear-gradient(180deg, #fafafe 0%, var(--cc-bg) 100%);--sidebar-bg: #f3f5f9;--sidebar-logo-bg: #6366f1;--sidebar-active-bar: #6366f1}[data-theme=dark]{--cc-bg: #141519;--cc-surface: #1d1f24;--cc-surface-muted: #262932;--cc-text: #f2f3f5;--cc-muted: #a6abb4;--cc-text-muted: #a6abb4;--cc-border: #33363f;--cc-accent: #4da3ff;--cc-accent-strong: #1f8bff;--cc-accent-soft: rgba(77, 163, 255, .16);--cc-muted-weak: #565b66;--cc-danger: #ff6361;--cc-success: #32d74b;--cc-warning: #ffd60a;--cc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--cc-shadow-md: 0 10px 30px rgba(0, 0, 0, .55);--cc-body-gradient: #141519;--cc-bg-alt: #23262c;--sidebar-bg: #1a1c21;--sidebar-logo-bg: #2997ff;--sidebar-active-bar: #4da3ff}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Outfit,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.6;color:var(--cc-text);background:var(--cc-body-gradient);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.page-shell{max-width:1440px;margin:0 auto;padding:28px 24px 36px}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--cc-muted);font-size:18px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:16px;min-width:0;flex-wrap:wrap}.topbar.compact{align-items:center}.topbar h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.03em}.topbar p{margin:6px 0 0;color:var(--cc-muted);font-size:var(--font-base)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;border:1px solid var(--cc-border);border-radius:10px;padding:9px 14px;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease;box-shadow:var(--cc-shadow-sm)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--cc-accent-strong);border-color:var(--cc-accent-strong);color:var(--cc-surface)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb,var(--cc-accent-strong) 88%,white);border-color:color-mix(in srgb,var(--cc-accent-strong) 88%,white);box-shadow:0 4px 14px #00000026}.btn-ghost{background:var(--cc-surface);border-color:var(--cc-border);color:var(--cc-text)}.btn-ghost:hover:not(:disabled){background:var(--cc-surface-muted);border-color:var(--cc-border)}.btn-danger{background:var(--cc-danger);border-color:var(--cc-danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--cc-danger) 86%,black);box-shadow:0 4px 14px #00000026}.btn-success{background:var(--cc-success);border-color:var(--cc-success);color:#fff}.btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--cc-success) 86%,black);box-shadow:0 4px 14px #00000026}.btn-warning{background:var(--cc-warning);border-color:var(--cc-warning);color:#fff}.btn-warning:hover:not(:disabled){background:color-mix(in srgb,var(--cc-warning) 86%,black);box-shadow:0 4px 14px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ops-overview-panel{margin-top:4px}.ops-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:12px}.ops-overview-grid .stat-sub{display:block;font-size:var(--font-xs);font-style:normal;color:var(--text-muted, var(--cc-muted));margin-top:4px;font-weight:400}.ops-alert-banner{padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--cc-warning) 14%,var(--cc-surface));border:1px solid color-mix(in srgb,var(--cc-warning) 35%,var(--cc-border));color:var(--cc-warning);font-size:var(--font-base);line-height:1.5}.ops-alert-names{font-weight:400}.ops-check-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.ops-check-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface-muted)}.ops-check-list li.is-ok{border-color:color-mix(in srgb,var(--cc-success) 30%,var(--cc-border));background:color-mix(in srgb,var(--cc-success) 12%,var(--cc-surface))}.ops-check-list li.is-fail{border-color:color-mix(in srgb,var(--cc-danger) 30%,var(--cc-border));background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface))}.ops-check-mark{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;flex-shrink:0}.ops-check-list li.is-ok .ops-check-mark{background:var(--cc-success);color:#fff}.ops-check-list li.is-fail .ops-check-mark{background:var(--cc-danger);color:#fff}.stats-grid.secondary{margin-top:0}.stat{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:14px;padding:10px;box-shadow:var(--cc-shadow-sm);text-align:center;transition:box-shadow .18s ease,border-color .18s ease}.stat:hover{box-shadow:var(--cc-shadow-md);border-color:color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border))}.stat span{color:var(--cc-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.stat strong{display:block;margin-top:4px;font-size:26px;letter-spacing:-.04em}.panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;min-width:0}.panel-grid>*{min-width:0}.panel{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:16px;padding:18px;box-shadow:var(--cc-shadow-sm);transition:box-shadow .18s ease,border-color .18s ease;min-width:0;max-width:100%}.panel:not(.no-hover):hover{box-shadow:var(--cc-shadow-md);border-color:color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border))}.instances-form{position:relative}.instances-form-actions{margin:12px 0 8px;padding-top:12px;border-top:1px solid var(--cc-border)}.slim-panel{margin-top:12px;padding:14px}.qr-wrap{margin-top:10px}.qr-image{display:block;width:240px;max-width:100%;border:1px solid var(--cc-border);border-radius:12px;background:#fff;padding:10px;margin:8px auto 0;box-shadow:var(--cc-shadow-sm)}.pairing-code-value{font-size:clamp(20px,5vw,32px);font-weight:700;letter-spacing:.2em;padding:20px 0;font-family:monospace;word-break:break-all;overflow-wrap:anywhere}.connect-code-countdown{margin-top:8px;font-size:var(--font-sm);color:var(--cc-muted);text-align:center}.connect-code-countdown.is-urgent{color:var(--cc-danger, #c0392b);font-weight:600}.connect-code-countdown.is-expired{font-weight:600}details{margin-top:10px;border:1px solid var(--cc-border);border-radius:12px;background:var(--cc-surface-muted);padding:10px 12px}summary{cursor:pointer;color:var(--cc-muted);font-size:var(--font-xs);font-weight:600;list-style:none;-webkit-user-select:none;user-select:none}summary::marker,summary::-webkit-details-marker{display:none}details[open] summary:after{content:" ▲";font-size:var(--font-xs)}details:not([open]) summary:after{content:" ▼";font-size:var(--font-xs)}.panel h2,.panel h3{margin:0 0 14px;font-size:18px;letter-spacing:-.02em}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;min-width:0;flex-wrap:wrap}.panel-head h2,.panel-head h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--cc-text);min-width:0;overflow-wrap:anywhere}.panel-compact .panel-head{margin-bottom:10px}.page-tab-shell .panel-head,.page-tab-shell .import-tabs{margin-bottom:0}.page-tab-shell{min-width:0}.page-tab-shell .import-tabs{row-gap:10px}.page-tab-shell .import-tabs .btn{flex:0 1 auto;min-width:0;white-space:nowrap}.stats-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:900px){.filter-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-page{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;min-height:0;flex:1}.main-content:has(.app-page){gap:0}.settings-page,.app-page>*{min-width:0;max-width:100%}label{display:block;font-size:var(--font-xs);font-weight:600;color:var(--cc-muted);margin-bottom:12px}input,textarea,select{width:100%;margin-top:6px;border:1px solid var(--cc-border);border-radius:10px;padding:10px 12px;font-size:var(--font-sm);font-family:inherit;background:var(--cc-surface);color:var(--cc-text);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--cc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 18%,transparent)}input[type=checkbox]{width:auto;margin-top:0;margin-right:8px;padding:0;vertical-align:middle;accent-color:var(--cc-accent)}textarea{resize:vertical}.list{display:grid;gap:12px}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border:1px solid var(--cc-border);border-radius:14px;padding:14px;background:var(--cc-surface);box-shadow:var(--cc-shadow-sm);transition:box-shadow .18s ease,border-color .18s ease}.list-item:hover{border-color:color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border));box-shadow:var(--cc-shadow-md)}.list-item-main{min-width:0;flex:1}.list-item-main strong{display:inline-block;font-size:var(--font-lg);letter-spacing:-.02em}.list-item p{margin:5px 0 0;color:var(--cc-muted);font-size:var(--font-xs);line-height:1.45}.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.import-tabs{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;max-width:100%;align-items:center}.campaign-tools{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:10px;margin-bottom:10px;min-width:0}@media(max-width:700px){.campaign-tools{grid-template-columns:1fr}}.recipient-preview-cell{max-width:320px;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-stack{position:fixed;top:18px;right:20px;display:grid;gap:10px;z-index:2100}.toast{min-width:240px;max-width:360px;border-radius:10px;padding:10px 12px;box-shadow:var(--cc-shadow-md);display:flex;align-items:center;gap:10px;color:#fff;font-size:var(--font-sm);animation:toast-slide-in .18s ease-out}.toast-success{background:var(--cc-success)}.toast-error{background:var(--cc-danger)}.toast-warning{background:var(--cc-warning)}.toast-info{background:var(--cc-accent)}.toast-icon{line-height:1}.inline-confirm-wrap{display:inline-flex;align-items:center;gap:6px}.inline-confirm-label{font-size:var(--font-xs);color:var(--cc-muted);white-space:nowrap}@keyframes toast-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.instances-actions{max-width:320px}.instances-page{max-width:none;width:100%}.instances-page .topbar{margin-bottom:14px}.instances-page .topbar h1{font-size:28px;font-weight:700}.instances-page .topbar p{margin-top:4px;font-size:var(--font-sm)}.instances-page .panel-grid{grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:16px}.instances-page .panel-grid.form-collapsed{grid-template-columns:52px minmax(0,1fr)}.instances-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.instances-form-head h2{margin:0}.instances-form.is-collapsed{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.instances-form.is-collapsed .instances-form-head{flex-direction:column;margin-bottom:0;width:100%}.instances-form-collapse-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface-muted);color:var(--cc-muted);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.instances-form-collapse-btn:hover{background:var(--cc-surface);color:var(--cc-text);border-color:color-mix(in srgb,var(--cc-accent) 35%,var(--cc-border))}.instances-form-collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--font-sm);font-weight:600;color:var(--cc-muted);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.instances-list-head{align-items:flex-start;flex-wrap:wrap;gap:12px;min-width:0}.instances-list-title{display:flex;flex-direction:column;gap:10px;flex:1 1 200px;min-width:0}.instances-list-title h2{margin:0}.instances-filter-tabs{margin-bottom:0;border-bottom:none;gap:4px;background:var(--cc-surface-muted);border-radius:10px;padding:4px;width:fit-content;max-width:100%;overflow-x:auto}.instances-filter-tabs .tab-bar-btn{padding:7px 14px;margin-bottom:0;border-bottom:none;border-radius:8px;font-size:var(--font-sm);font-weight:600}.instances-filter-tabs .tab-bar-btn.active{background:var(--cc-surface);box-shadow:var(--cc-shadow-sm);border-bottom-color:transparent;color:var(--cc-accent-strong)}.instances-filter-tabs .tab-bar-btn:last-child.active{color:var(--cc-warning)}.tab-count{display:inline-block;min-width:1.2em;font-size:var(--font-xs);font-weight:700;opacity:.72;margin-left:2px}.instances-filter-tabs .tab-bar-btn.active .tab-count{opacity:1}.instances-table tbody tr.row-abnormal{background:color-mix(in srgb,var(--cc-danger) 4%,var(--cc-surface))}.instances-table tbody tr.row-abnormal:hover{background:color-mix(in srgb,var(--cc-danger) 8%,var(--cc-surface))}.table-wrap.is-refreshing{opacity:.7;pointer-events:none;transition:opacity .12s ease}.instances-page .proxy-enable-row{padding:8px 10px;border:1px dashed var(--cc-border);border-radius:8px;background:var(--cc-surface)}.badge{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:var(--font-xs);font-weight:600;background:color-mix(in srgb,var(--cc-accent) 15%,var(--cc-surface));color:var(--cc-accent);border:1px solid color-mix(in srgb,var(--cc-accent) 30%,transparent)}.badge-running{background:color-mix(in srgb,var(--cc-warning) 15%,var(--cc-surface));color:var(--cc-warning)}.badge-completed,.badge-online{background:color-mix(in srgb,var(--cc-success) 15%,var(--cc-surface));color:var(--cc-success)}.badge-offline,.badge-draft{background:color-mix(in srgb,var(--cc-muted) 12%,var(--cc-surface));color:var(--cc-muted)}.badge-pending{background:color-mix(in srgb,var(--cc-warning) 15%,var(--cc-surface));color:var(--cc-warning)}.badge-failed,.badge-cancelled{background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));color:var(--cc-danger);border-color:color-mix(in srgb,var(--cc-danger) 25%,transparent)}.badge-paused{background:color-mix(in srgb,var(--cc-accent) 12%,var(--cc-surface));color:var(--cc-accent-strong)}.badge-abnormal{background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));color:var(--cc-danger);border-color:color-mix(in srgb,var(--cc-danger) 25%,transparent)}.badge-warning{background:color-mix(in srgb,var(--cc-warning) 15%,var(--cc-surface));color:var(--cc-warning);border-color:color-mix(in srgb,var(--cc-warning) 25%,transparent)}.text-meta{font-size:var(--font-xs);color:var(--cc-muted);margin:2px 0}.admin-stack{display:grid;gap:12px}.admin-section{margin-top:12px}.admin-section-title{margin:0 0 10px;font-size:var(--font-md);color:var(--cc-text)}.admin-subpanel{margin-top:12px;border-radius:12px;padding:14px}.admin-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-checkbox-inline{display:inline-flex!important;align-items:end;gap:10px}.empty-state{font-size:var(--font-sm);color:var(--cc-muted);padding:8px 0;margin:0}.error-box,.success-box{margin-top:12px;border-radius:12px;padding:12px 14px;font-size:var(--font-sm);border:1px solid transparent;text-align:center;overflow-wrap:anywhere;word-break:break-word}.error-box{background:color-mix(in srgb,var(--cc-danger) 10%,var(--cc-surface));color:var(--cc-danger);border-color:color-mix(in srgb,var(--cc-danger) 25%,transparent)}.success-box{background:color-mix(in srgb,var(--cc-success) 10%,var(--cc-surface));color:var(--cc-success);border-color:color-mix(in srgb,var(--cc-success) 25%,transparent)}.table-wrap{overflow-x:auto;max-width:100%;min-width:0;border:1px solid var(--cc-border);border-radius:14px;background:var(--cc-surface)}.data-table{width:100%;border-collapse:collapse;min-width:900px;font-size:var(--font-xs)}.data-table thead{background:var(--cc-surface-muted)}.data-table th,.data-table td{text-align:center;border-bottom:1px solid var(--cc-border);padding:11px 12px;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}.data-table th{color:var(--cc-muted);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;z-index:1;background:var(--cc-surface-muted)}.data-table td{font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface))}.data-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--cc-accent) 3%,var(--cc-surface))}.data-table tbody tr:nth-child(2n):hover td{background:color-mix(in srgb,var(--cc-accent) 8%,var(--cc-surface))}.details-clean{border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);overflow:hidden}.details-clean summary{padding:10px 14px;cursor:pointer;font-size:var(--font-sm);font-weight:600;color:var(--cc-text);border-radius:10px;transition:background .12s ease;-webkit-user-select:none;user-select:none}.details-clean summary:hover{background:var(--cc-surface-muted)}.details-clean[open] summary{border-bottom:1px solid var(--cc-border);border-radius:10px 10px 0 0}.details-clean>div,.details-clean>.details-body{padding:14px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-bar label{margin:0;font-size:var(--font-xs);white-space:nowrap}.filter-bar input,.filter-bar select{border-radius:10px;padding:7px 10px;font-size:var(--font-sm);border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text)}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:var(--cc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 18%,transparent)}.section-card{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:16px;padding:16px;box-shadow:var(--cc-shadow-sm)}.section-card+.section-card{margin-top:12px}.section-card h3{margin:0 0 10px;font-size:var(--font-base);font-weight:600;color:var(--cc-text)}.pager{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a9e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1500;display:grid;place-items:center;padding:20px;animation:modal-mask-fade-in .15s ease-out}.modal{position:relative;z-index:1501;width:100%;max-width:min(560px,calc(100vw - 40px));background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:18px;padding:20px;box-shadow:var(--cc-shadow-md);max-height:90vh;overflow:auto;animation:modal-pop-in .18s cubic-bezier(.2,.9,.3,1.2)}@keyframes modal-mask-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 88% -8%,color-mix(in srgb,var(--cc-accent) 12%,transparent),transparent 62%),radial-gradient(900px 520px at -8% 108%,color-mix(in srgb,var(--cc-accent) 8%,transparent),transparent 58%),linear-gradient(180deg,#fbfdff 0%,var(--cc-bg) 100%)}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(23,33,51,.055) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse at center,black 28%,transparent 74%);mask-image:radial-gradient(ellipse at center,black 28%,transparent 74%);pointer-events:none}.login-panel{position:relative;z-index:1}.login-panel{width:100%;max-width:960px;display:grid;grid-template-columns:1.05fr 1fr;border-radius:20px;overflow:hidden;background:var(--cc-surface);border:1px solid var(--cc-border);box-shadow:var(--cc-shadow-md)}.login-brand{position:relative;background:linear-gradient(180deg,#f4f7fb,#eaf1fb);color:var(--cc-text);padding:52px 46px;min-height:520px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-logo{width:56px;height:56px;margin-bottom:18px;border-radius:14px;background:#fff;padding:8px;box-shadow:var(--cc-shadow-sm)}.login-brand h1{font-size:38px;font-weight:700;margin:0;letter-spacing:-.03em;position:relative;z-index:1}.login-brand p{font-size:var(--font-base);margin-top:12px;color:var(--cc-muted);line-height:1.6;max-width:360px;position:relative;z-index:1}.login-brand .brand-features{margin-top:32px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.login-brand .brand-features span{font-size:var(--font-base);color:var(--cc-text);display:flex;align-items:center;gap:10px}.login-brand .brand-features span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc-accent);flex-shrink:0}.login-card{background:var(--cc-surface);padding:48px;min-height:520px;display:flex;flex-direction:column;justify-content:center}.login-card h3{margin:0;font-size:var(--font-xl);font-weight:700}.login-card .sub{font-size:var(--font-base);color:var(--cc-muted);margin:4px 0 24px}.login-card .input-group{margin-bottom:18px}.login-card .input-group label{display:block;font-size:var(--font-sm);font-weight:600;color:var(--cc-text);margin-bottom:6px}.login-card .input-wrap{position:relative}.login-card .input-wrap .icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:var(--font-md);line-height:1;opacity:.5;pointer-events:none}.login-card .input-wrap input{width:100%;padding:12px 14px 12px 40px;border:1.5px solid var(--cc-border);border-radius:10px;font-size:var(--font-base);font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--cc-surface-muted)}.login-card .input-wrap input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px var(--cc-accent-soft)}.login-card .btn-primary{background:var(--cc-accent-strong);transition:transform .15s,box-shadow .2s}.login-card .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0071e34d}.login-card .btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn{width:100%;margin-top:4px}.login-card .challenge-hint{margin-top:8px;font-size:var(--font-sm);color:var(--cc-muted)}.login-card .footer-links{display:flex;justify-content:space-between;margin-top:20px;font-size:var(--font-sm);color:var(--cc-muted)}.login-card .footer-links a{color:inherit;text-decoration:none}.login-card .footer-links a:hover{color:var(--cc-accent)}.login-card .pwd-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--cc-muted);opacity:.5;transition:opacity .15s}.login-card .pwd-toggle:hover{opacity:1}.login-card .input-wrap:has(.pwd-toggle) input{padding-right:40px}.otp-group{display:flex;gap:10px;justify-content:center}.otp-digit{width:48px;height:48px;text-align:center;font-size:var(--font-xl);font-weight:700;font-family:inherit;border:1.5px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.otp-digit::-webkit-outer-spin-button,.otp-digit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-digit:focus{border-color:var(--cc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 18%,transparent)}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0;vertical-align:-3px}@media(prefers-reduced-motion:no-preference){.login-brand{animation:brandSlideIn .6s ease-out}.login-card{animation:cardFadeIn .5s .15s ease-out both}@keyframes brandSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@keyframes stageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stage-enter{animation:stageFadeIn .25s ease-out}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.help-bar{display:none}.proxy-form-stack{display:flex;flex-direction:column;gap:12px;margin:8px 0 4px}.proxy-form-stack label{display:flex;flex-direction:column;gap:6px;font-size:var(--font-sm);font-weight:600;color:var(--cc-muted);margin-bottom:0}.proxy-form-stack input,.proxy-form-stack select{font-weight:400}.flex-row{display:flex;min-width:0;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-right{display:flex;justify-content:flex-end}.flex-between{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.flex-start{display:flex;justify-content:flex-start}.flex-center{display:flex;align-items:center;gap:10px}.flex-center-no-gap{display:flex;align-items:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8,.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-0{margin-top:0!important}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-0{margin-bottom:0!important}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mt-neg-4{margin-top:-4px}.ml-auto{margin-left:auto}.m-0{margin:0!important}.nowrap{white-space:nowrap}.fw-600{font-weight:600}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.text-muted{color:var(--cc-muted)}.text-success{color:var(--cc-success)}.text-danger{color:var(--cc-danger)}.text-warning{color:var(--cc-warning)}.text-accent{color:var(--cc-accent)}.text-xs{font-size:var(--font-xs);color:var(--cc-muted)}.text-sm{font-size:var(--font-sm);color:var(--cc-muted)}.text-sm-bold{font-size:var(--font-sm);font-weight:600}.lib-hint{margin-top:-4px;margin-bottom:8px;font-size:var(--font-xs);color:var(--cc-muted)}.lib-btn{margin-bottom:8px;font-size:var(--font-xs)}.cleanup-row{display:flex;gap:6px;align-items:center;padding:0 0 12px;font-size:var(--font-xs);color:var(--cc-muted)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{background:color-mix(in srgb,var(--cc-accent) 10%,var(--cc-surface-muted))}.sort-icon{font-size:var(--font-xs);vertical-align:middle;opacity:.7}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;min-height:52px}.filter-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter-inline select,.filter-inline input{width:auto;margin-top:0}.filter-inline select{padding:7px 10px;font-size:var(--font-sm)}.filter-inline input[type=date]{width:auto;margin-top:0}.info-section{margin-bottom:12px;font-size:var(--font-sm);line-height:1.8;color:var(--cc-muted)}.section-title-sm{margin:16px 0 8px;font-size:var(--font-base);font-weight:600;color:var(--cc-text)}.cell-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instance-cell-inline{display:flex;align-items:center;gap:10px}pre{border:1px solid var(--cc-border);background:var(--cc-surface-muted);color:var(--cc-text);border-radius:12px;padding:12px;overflow-x:auto}.instances-table{table-layout:auto;max-width:none;width:100%;border-collapse:collapse;font-size:var(--font-sm)}.instances-table th.nowrap,.instances-table td.nowrap{white-space:nowrap}.instances-table thead{background:var(--cc-surface-muted)}.instances-table th{text-align:center;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-muted);padding:8px 10px;border-bottom:1px solid var(--cc-border)}.instances-table td{overflow-wrap:break-word;padding:10px;border-bottom:1px solid var(--cc-border);vertical-align:middle;text-align:center}.instances-table tr:last-child td{border-bottom:none}.instances-table tr:hover td{background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface))}.instance-cell-name{font-weight:600;font-size:var(--font-base)}.instance-cell-id{font-size:var(--font-xs);color:var(--cc-muted);margin-top:2px}.avatar-circle{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cc-muted) 15%,var(--cc-surface));color:var(--cc-muted);font-size:var(--font-base);font-weight:600}.instance-state-text{font-size:var(--font-xs);color:var(--cc-muted)}.table-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.table-actions .btn{flex:1 0 auto;text-align:center;justify-content:center}.btn-xs{font-size:var(--font-xs);padding:3px 9px;min-height:26px;line-height:1.4;border-radius:7px}.btn-sm{padding:5px 12px;font-size:var(--font-xs);min-height:30px;border-radius:8px}.form-section-divider{margin:14px 0 8px;padding:6px 0;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cc-muted);border-top:1px solid var(--cc-border)}.section-divider{margin:16px 0;border:none;border-top:1px solid var(--cc-border)}@media(max-width:1100px){.login-wrap{grid-template-columns:1fr;gap:0;padding:20px}.login-brand{min-height:180px;padding:24px 20px;border-radius:20px 20px 0 0}.login-brand h1{font-size:28px;letter-spacing:-.02em}.login-brand p{font-size:var(--font-sm)}.login-brand .brand-features{display:none}.login-card{border-radius:0 0 20px 20px;border-left:1px solid var(--cc-border);border-top:none;padding:28px 20px;min-height:auto}.otp-digit{width:42px;height:42px;font-size:18px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid,.instances-page .panel-grid,.instances-page .panel-grid.form-collapsed{grid-template-columns:1fr}.instances-form.is-collapsed{flex-direction:row;justify-content:space-between;min-height:auto}.instances-form-collapsed-label{writing-mode:horizontal-tb}.instances-actions{max-width:100%}}.connect-wizard-steps{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.connect-wizard-step{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:var(--cc-surface-2, var(--cc-surface-muted));color:var(--cc-muted, var(--cc-muted));font-size:var(--font-sm)}.connect-wizard-step.is-active{color:var(--cc-text, #0f172a);background:#3b82f61f}.connect-wizard-step.is-done .connect-wizard-step-num{background:var(--cc-success)}.connect-wizard-step-num{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--cc-muted-weak);color:#fff;font-size:var(--font-xs);font-weight:600}.connect-wizard-step.is-active .connect-wizard-step-num{background:var(--cc-accent)}.connect-wizard-tabs{display:flex;gap:10px;margin:8px 0 12px}.connect-wizard-status{display:flex;align-items:center;gap:10px;margin-bottom:8px}.connect-wizard-pulse{width:10px;height:10px;border-radius:999px;background:var(--cc-accent);animation:connect-pulse 1.2s ease-in-out infinite}@keyframes connect-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.connect-wizard-wait{animation:connect-pulse 1.5s ease-in-out infinite;opacity:.85}.instances-empty-hero,.page-empty-hero{text-align:center;padding:48px 24px}.instances-empty-icon,.page-empty-icon{font-size:42px;margin-bottom:12px}.page-empty-hero h3{margin:0 0 8px;font-size:var(--font-xl)}.page-empty-steps{margin:16px auto 0;padding-left:20px;max-width:420px;text-align:left;color:var(--cc-muted);font-size:var(--font-base);line-height:1.6}.page-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.instance-status-lamp{display:inline-block;width:12px;height:12px;border-radius:999px;background:var(--cc-muted-weak)}.instance-status-lamp.lamp-online{background:var(--cc-success);box-shadow:0 0 0 3px #22c55e33}.instance-status-lamp.lamp-offline{background:var(--cc-muted-weak)}.instance-status-lamp.lamp-abnormal{background:var(--cc-danger)}.instance-health-hint{display:flex;align-items:center;gap:6px;margin-top:4px}.instance-health-hint.is-compact{margin-top:0}.instance-health-lamp{display:inline-block;width:10px;height:10px;border-radius:999px;flex-shrink:0;background:var(--cc-muted-weak)}.instance-health-lamp.lamp-health-green{background:var(--cc-success);box-shadow:0 0 0 2px #22c55e2e}.instance-health-lamp.lamp-health-yellow{background:var(--cc-warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-warning) 18%,transparent)}.instance-health-lamp.lamp-health-red{background:var(--cc-danger);box-shadow:0 0 0 2px #ef44442e}.instance-health-label{font-size:var(--font-xs);color:var(--text-muted, var(--cc-muted));line-height:1.3}.instance-health-hint.is-truncate .instance-health-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.assignment-overview-panel{margin-bottom:0}.assignment-agents-table th:first-child,.assignment-agents-table td:first-child{text-align:left}.dashboard-instances-panel{margin-top:12px}.dashboard-instances-wrap{overflow-x:auto}.dashboard-instances-table{min-width:880px}.dashboard-instances-table th:first-child,.dashboard-instances-table td:first-child{text-align:left}.dashboard-instances-table th:nth-child(3),.dashboard-instances-table td:nth-child(3){text-align:left}.dashboard-instances-table th:first-child{width:14%}.dashboard-instances-table th:nth-child(2){width:8%}.dashboard-instances-table th:nth-child(3){width:20%}.dashboard-instances-table th:nth-child(4){width:9%}.dashboard-instances-table th:nth-child(5){width:9%}.dashboard-instances-table th:nth-child(6){width:8%}.dashboard-instances-table th:nth-child(7){width:10%}.dashboard-instances-table th:nth-child(8){width:22%}.instances-simple-table td,.instances-simple-table th{vertical-align:middle}.cw-agent-presence{display:flex;align-items:center;gap:10px;margin-right:auto}.cw-presence-dot{width:10px;height:10px;border-radius:999px;background:var(--cc-muted-weak)}.cw-presence-dot.is-online{background:var(--cc-success)}.cw-presence-dot.is-offline{background:var(--cc-muted-weak)}@media(max-width:640px){.page-shell{padding:18px 14px 28px}.topbar h1{font-size:24px}.topbar,.panel-head,.list-item{flex-direction:column;align-items:stretch}.top-actions,.row-actions{justify-content:flex-start}.stats-grid{grid-template-columns:1fr}}.app-container{display:flex;height:100vh;background:var(--cc-bg)}.sidebar{width:180px;background:var(--sidebar-bg);color:var(--cc-text);display:flex;flex-direction:column;border-right:1px solid var(--cc-border);flex-shrink:0;overflow-x:hidden;overflow-y:auto;transition:width .18s ease}.sidebar.is-collapsed{width:56px}.sidebar-header{padding:14px 10px 12px;border-bottom:1px solid var(--cc-border);display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0}.sidebar.is-collapsed .sidebar-header{padding:12px 8px 10px}.sidebar-logo{width:42px;height:42px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0;box-shadow:var(--cc-shadow-sm);flex-shrink:0}.sidebar-logo img{width:30px;height:30px;display:block}.sidebar.is-collapsed .sidebar-logo{width:36px;height:36px;border-radius:10px}.sidebar.is-collapsed .sidebar-logo img{width:26px;height:26px}.sidebar-title{font-size:var(--font-base);font-weight:700;letter-spacing:.04em;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:opacity .14s ease,max-height .14s ease}.sidebar-collapse-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);color:var(--cc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-xs);flex-shrink:0;transition:background .12s ease,border-color .12s ease,color .12s ease}.sidebar-collapse-btn:hover{background:var(--cc-bg);border-color:var(--cc-accent);color:var(--cc-accent-strong)}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:3px}.sidebar.is-collapsed .sidebar-nav{padding:10px 6px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;border:none;background:transparent;color:var(--cc-muted);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:background .14s ease,color .14s ease,padding .14s ease;position:relative;text-align:left;width:100%}.sidebar-item-icon{width:20px;flex-shrink:0;text-align:center;font-size:var(--font-md);line-height:1}.sidebar-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .14s ease}.sidebar.is-collapsed .sidebar-item{justify-content:center;padding:11px 8px}.sidebar.is-collapsed .sidebar-item-label,.sidebar.is-collapsed .sidebar-title,.sidebar.is-collapsed .user-info{display:none}.sidebar-item:hover{background:var(--cc-bg);color:var(--cc-text);padding-left:18px}.sidebar.is-collapsed .sidebar-item:hover{padding-left:8px}.sidebar-item.active{background:var(--cc-accent-soft);color:var(--cc-accent-strong);font-weight:600;padding-left:18px}.sidebar.is-collapsed .sidebar-item.active{padding-left:8px}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;width:3px;height:calc(100% - 12px);background:var(--sidebar-active-bar);border-radius:0 3px 3px 0}.sidebar-footer{padding:10px 8px;border-top:1px solid var(--cc-border);display:flex;flex-direction:column;gap:8px}.sidebar.is-collapsed .sidebar-footer{padding:8px 6px 10px}.sidebar.is-collapsed .sidebar-user{justify-content:center;padding:4px}.sidebar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.sidebar-actions .sidebar-theme{width:30px;height:30px;padding:0}.sidebar-actions .sidebar-logout{width:30px;height:30px}.sidebar.is-collapsed .sidebar-actions{justify-content:center}.sidebar-clock{margin:0 8px 8px;padding:8px 10px;border-radius:10px;background:var(--cc-surface);border:1px solid var(--cc-border);display:flex;flex-direction:column;align-items:center;gap:2px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.sidebar .staff-credits-banner{margin:0 8px 6px;padding:6px 10px;border-radius:8px;background:var(--cc-surface);border:1px solid var(--cc-border);display:flex;flex-direction:column;gap:3px;font-size:var(--font-xs);line-height:1.4;color:var(--cc-muted)}.sidebar .staff-credits-banner .banner-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--cc-muted);margin-bottom:1px}.sidebar .staff-credits-banner .banner-item{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:500}.sidebar .staff-credits-banner .banner-item.warn{color:var(--cc-warning)}.sidebar .staff-credits-banner .banner-item.dead{color:#ef4444d9}.sidebar.is-collapsed .staff-credits-banner{display:none}.sidebar.is-collapsed .sidebar-clock{margin:0 6px 8px;padding:8px 4px}.sidebar-clock-date{font-size:var(--font-xs);color:var(--cc-muted);letter-spacing:.02em}.sidebar-clock-time{font-size:var(--font-sm);font-weight:700;color:var(--cc-text);letter-spacing:.04em}.sidebar-clock-compact{font-size:var(--font-xs);font-weight:700;color:var(--cc-text);writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.06em}.sidebar-user{flex:1;min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden;padding:6px 8px;border-radius:8px;transition:background .12s ease}.sidebar-user:hover{background:var(--cc-bg)}.user-avatar{width:30px;height:30px;background:var(--cc-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-sm);flex-shrink:0;color:#fff}.user-info{min-width:0;flex:1}.user-name{font-size:var(--font-xs);font-weight:600;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:var(--font-xs);opacity:.7}.sidebar-logout{width:30px;height:30px;border:none;background:var(--cc-surface);color:var(--cc-muted);font-size:var(--font-xs);cursor:pointer;border-radius:8px;transition:background .14s ease,color .14s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-logout:hover{background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));color:var(--cc-danger)}.layout-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.header{background:var(--cc-surface);border-bottom:1px solid var(--cc-border);padding:0 24px;height:48px;display:flex;align-items:center;box-shadow:var(--cc-shadow-sm);flex-shrink:0}.header-content{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.header-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.main-content{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;background:var(--cc-bg);display:flex;flex-direction:column;gap:14px}.main-content:has(.cw-shell){padding:12px 16px 16px;overflow:hidden;gap:0;min-height:0;display:flex;flex-direction:column}.app-page:has(.cw-shell){gap:0;min-height:0;overflow:hidden;flex:1;display:flex;flex-direction:column}.page-shell{max-width:100%;margin:0;padding:0}@media(max-width:1024px){.sidebar{width:140px}.sidebar-item{padding:12px 14px;font-size:var(--font-sm)}}@media(max-width:640px){.app-container{flex-direction:column}.sidebar,.sidebar.is-collapsed{width:100%;height:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--cc-border);padding:0 8px}.sidebar-header,.sidebar-collapse-btn{display:none}.sidebar.is-collapsed .sidebar-item-label,.sidebar.is-collapsed .sidebar-title,.sidebar.is-collapsed .user-info{display:block}.sidebar.is-collapsed .sidebar-item{justify-content:flex-start;padding:10px 14px}.sidebar-nav{flex:1;padding:8px;flex-direction:row;overflow-x:auto;gap:4px}.sidebar-item{flex-shrink:0;padding:10px 14px;font-size:var(--font-sm);width:auto}.sidebar-item-label{display:inline}.sidebar-footer{padding:8px;border-top:none;border-left:1px solid rgba(255,255,255,.1);flex-direction:row}.header{padding:0 16px;height:50px}.header-title h1{font-size:18px}.header-actions{gap:10px}.main-content{padding:16px 12px}}.modal-wide{max-width:min(760px,calc(100vw - 40px))}.modal-480{max-width:min(480px,calc(100vw - 40px))}.modal-640{max-width:min(640px,calc(100vw - 40px))}.modal-880{max-width:min(880px,calc(100vw - 40px))}.modal-960{max-width:min(960px,calc(100vw - 40px))}.drawer-right{width:420px;max-width:90vw;height:100vh;max-height:100vh;border-radius:14px 0 0 14px;margin-left:auto;display:flex;flex-direction:column;overflow:hidden}.drawer-right .drawer-body{overflow-y:auto;flex:1;padding:0 20px 20px}.modal .stat strong{font-size:22px}.advanced-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:12px}.advanced-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-sm)}.table-compact{table-layout:fixed;width:100%;border-collapse:collapse;font-size:var(--font-sm)}.table-compact th,.table-compact td{padding:6px 8px;border-bottom:1px solid var(--cc-border);text-align:center;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word}.table-compact thead{background:var(--cc-surface-muted)}.table-compact th{color:var(--cc-muted);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.table-compact th:first-child{width:22%}.table-compact th:nth-child(2){width:8%}.table-compact th:nth-child(3){width:12%}.table-compact th:nth-child(4){width:12%}.table-compact th:nth-child(5){width:10%}.table-compact th:nth-child(6){width:12%}.table-compact th:nth-child(7){width:24%}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 20px;margin:16px 0}.settings-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--font-sm);font-weight:600;color:var(--cc-muted);margin-bottom:0}.settings-grid label span{font-size:var(--font-xs);color:var(--cc-text-muted);font-weight:600}.settings-grid input,.settings-grid select,.settings-grid textarea{margin-top:0}.settings-notes{font-size:var(--font-sm);color:var(--cc-text-muted);line-height:1.8;padding-left:18px}@media(max-width:1200px){.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}}.alerts-panel{border:1px solid color-mix(in srgb,var(--cc-warning) 50%,transparent);background:color-mix(in srgb,var(--cc-warning) 8%,var(--cc-surface));border-radius:12px;padding:14px 16px;min-width:0;overflow:hidden}.alerts-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:var(--font-base);min-width:0;flex-wrap:wrap}.alert-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid rgba(0,0,0,.06);font-size:var(--font-sm);min-width:0;flex-wrap:wrap}.alert-item>span:not(.alert-badge){min-width:0;overflow-wrap:anywhere;flex:1 1 120px}.alert-badge{padding:2px 8px;border-radius:6px;font-size:var(--font-xs);font-weight:600;flex-shrink:0}.alert-error .alert-badge{background:color-mix(in srgb,var(--cc-danger) 15%,var(--cc-surface));color:var(--cc-danger)}.alert-warning .alert-badge{background:color-mix(in srgb,var(--cc-warning) 15%,var(--cc-surface));color:var(--cc-warning)}.trend-panel{margin-bottom:0}.trend-chart{padding:8px 0;overflow-x:auto}.trend-labels{display:flex;align-items:flex-end;gap:10px;height:104px;padding:0 4px}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.trend-bars{display:flex;align-items:flex-end;gap:2px;height:80px}.trend-bar{width:24px;border-radius:3px 3px 0 0;min-height:2px}.trend-bar-sent{background:var(--cc-accent)}.trend-bar-failed{background:var(--cc-danger)}.trend-date{font-size:var(--font-xs);color:var(--cc-text-muted);white-space:nowrap}.trend-count{font-size:var(--font-xs);font-weight:600;color:var(--cc-text)}.trend-legend{display:flex;gap:16px;margin-top:8px;font-size:var(--font-xs);color:var(--cc-text-muted)}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.legend-dot.sent{background:var(--cc-accent)}.legend-dot.failed{background:var(--cc-danger)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--cc-border);margin-bottom:var(--sp-4);max-width:100%;overflow-x:auto;scrollbar-width:thin}.tab-bar-btn{padding:10px 18px;font-size:var(--font-base);font-weight:600;color:var(--cc-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .12s,border-color .12s;flex-shrink:0}.tab-bar-btn:hover{color:var(--cc-text)}.tab-bar-btn.active{color:var(--cc-accent);border-bottom-color:var(--cc-accent)}.empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--cc-muted)}.empty-placeholder-icon{font-size:32px;opacity:.6}.empty-placeholder-title{font-size:var(--font-md);font-weight:600;color:var(--cc-text)}.empty-placeholder-desc{font-size:var(--font-base);text-align:center;max-width:320px}.panel-collapsible-body{overflow:hidden;max-height:2000px;transition:max-height .3s ease;min-width:0}.panel-collapsible-body:not(.collapsed){overflow-x:auto}.panel-collapsible-body.collapsed{max-height:0}.panel-head-clickable,.list-item-clickable{cursor:pointer}.panel-compact{padding:12px 16px}.panel-compact>.panel-head:last-child,.panel-compact>.import-tabs:last-child{margin-bottom:0}.chart-panel{padding:12px;margin-bottom:10px}.row-actions-end{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.cell-nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}.pager-info{margin:0 8px}.panel-toggle{background:none;border:none;cursor:pointer;font-size:var(--font-xs);color:var(--cc-muted);padding:4px 8px;border-radius:6px;transition:background .12s}.panel-toggle:hover{background:var(--cc-surface-muted)}.topic-grid{display:flex;flex-wrap:wrap;gap:10px}.topic-chip{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);font-weight:400;cursor:pointer;padding:4px 10px;border-radius:16px;border:1px solid var(--cc-border);background:var(--cc-surface);transition:border-color .15s,background .15s}.topic-chip:has(input:checked){border-color:var(--cc-accent);background:color-mix(in srgb,var(--cc-accent) 10%,transparent)}.topic-chip input[type=checkbox]{width:14px;height:14px;margin:0}.proxy-action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.stats-inline{font-size:var(--font-sm);color:var(--cc-muted)}.stats-inline strong{font-size:var(--font-base)}.cw-shell{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow:hidden}.cw-shell>.error-box,.cw-shell>.success-box{flex:0 0 auto;overflow-wrap:anywhere;word-break:break-word;text-align:left}.cw-header{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;min-width:0;overflow:hidden}.cw-header-row{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}.cw-stat-cards{display:flex;flex-wrap:nowrap;gap:6px;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none}.cw-stat-cards::-webkit-scrollbar{display:none}.cw-stat-card{display:inline-flex;align-items:baseline;gap:4px;flex-shrink:0;padding:4px 8px;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-surface-muted)}.cw-stat-value{font-size:var(--font-base);font-weight:700;line-height:1.2;color:var(--cc-text)}.cw-stat-label{font-size:var(--font-xs);color:var(--cc-muted);white-space:nowrap}.cw-stat-open .cw-stat-value{color:var(--cc-accent-strong)}.cw-stat-pending .cw-stat-value{color:var(--cc-warning)}.cw-header-toolbar{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:6px;margin-left:auto}.cw-toolbar-divider{width:1px;height:18px;background:var(--cc-border);flex-shrink:0}.cw-header-toolbar .btn.is-active{background:color-mix(in srgb,var(--cc-accent) 10%,var(--cc-surface));border-color:color-mix(in srgb,var(--cc-accent) 35%,var(--cc-border));color:var(--cc-accent-strong)}.cw-title-wrap h2{margin:0;font-size:var(--font-xl)}.cw-title-sub{margin:0;font-size:var(--font-base);color:var(--cc-muted);font-weight:600}.cw-stats{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:var(--font-sm);color:var(--cc-muted)}.cw-stats span{padding:4px 8px;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-surface-muted)}.cw-activity-feed{margin-top:0;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--font-sm);line-height:1.4;max-height:64px;overflow-y:auto;flex-shrink:0}.cw-activity-item{padding:3px 8px;border-radius:6px;background:var(--cc-surface-muted);color:var(--cc-muted);border:1px solid var(--cc-border);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-activity-success{background:color-mix(in srgb,var(--cc-success) 12%,var(--cc-surface));color:var(--cc-success);border-color:color-mix(in srgb,var(--cc-success) 30%,var(--cc-border))}.cw-activity-error{background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));color:var(--cc-danger);border-color:color-mix(in srgb,var(--cc-danger) 30%,var(--cc-border))}.cw-activity-info{background:color-mix(in srgb,var(--cc-accent) 12%,var(--cc-surface));color:var(--cc-accent-strong);border-color:color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border))}.cw-header-actions{display:flex;align-items:center;gap:10px}.cw-layout{border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(260px,300px);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;min-width:0}.cw-layout>*{min-height:0;min-width:0}.cw-layout.details-hidden{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.cw-list{border-right:1px solid var(--cc-border);background:var(--cc-surface-muted);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.cw-list-filters{padding:12px;border-bottom:1px solid var(--cc-border);flex-shrink:0;max-height:min(36vh,280px);overflow-y:auto}.cw-list-head{padding:10px 10px 8px;border-bottom:1px solid var(--cc-border);display:grid;gap:6px;background:var(--cc-surface);flex-shrink:0}.cw-list-search{width:100%;min-width:0;border:1px solid var(--cc-border);border-radius:8px;padding:8px 10px;font-size:var(--font-base);background:var(--cc-surface-muted)}.cw-list-search:focus{outline:none;border-color:color-mix(in srgb,var(--cc-accent) 45%,var(--cc-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 12%,transparent)}.cw-list-count{font-size:var(--font-xs);color:var(--cc-muted);padding:0 2px}.cw-tag-filter-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--cc-border);background:color-mix(in srgb,var(--cc-surface) 55%,var(--cc-surface-muted));overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;flex-shrink:0;white-space:nowrap}.cw-tag-filter-label{font-size:var(--font-sm);font-weight:600;color:var(--cc-muted);flex-shrink:0}.cw-tag-filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;width:96px;padding:0 10px;flex-shrink:0;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-surface);color:var(--cc-muted);font-size:var(--font-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.cw-tag-filter-chip:hover:not(.active){border-color:var(--cc-accent);color:var(--cc-accent);background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface))}.cw-tag-filter-chip.active{background:var(--cc-accent);border-color:var(--cc-accent);color:#fff;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--cc-accent) 30%,transparent)}.cw-tag-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.cw-tag-filter-chip.active .cw-tag-dot{box-shadow:0 0 0 2px #ffffff59}.cw-tag-filter-count{min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--cc-muted) 14%,transparent);color:var(--cc-muted);font-size:var(--font-xs);font-weight:600;line-height:1}.cw-tag-filter-chip.active .cw-tag-filter-count{background:#ffffff38;color:#fff}.cw-group-tabs{display:flex;gap:6px;padding:2px 0}.cw-group-tab{flex:1;height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cc-border);border-radius:999px;background:transparent;font-size:var(--font-sm);font-weight:600;color:var(--cc-muted);cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s}.cw-group-tab:hover:not(:disabled){border-color:var(--cc-accent);color:var(--cc-accent)}.cw-group-tab.active{background:color-mix(in srgb,var(--cc-accent) 12%,transparent);border-color:var(--cc-accent);color:var(--cc-accent-strong)}.cw-group-tab:disabled{opacity:.5;cursor:default}.cw-thread-list{transition:opacity .12s ease}.cw-thread-list.changing{opacity:.6}.cw-thread-group-label{padding:6px 12px 4px;font-size:var(--font-xs);font-weight:700;color:var(--cc-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--cc-border);margin-bottom:2px}.cw-list-filters label{margin-bottom:8px}.cw-thread-list{overflow:auto;padding:8px;display:grid;gap:6px;flex:1;min-height:0;align-content:start}.cw-thread-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid transparent;border-radius:10px;background:var(--cc-surface);padding:10px;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease;align-self:start;display:flex;gap:10px;align-items:flex-start}.cw-thread-item.has-unread{border-color:color-mix(in srgb,var(--cc-accent) 25%,var(--cc-border));background:color-mix(in srgb,var(--cc-accent) 4%,var(--cc-surface))}.cw-thread-avatar{flex-shrink:0}.cw-thread-body{flex:1;min-width:0;display:flex;align-items:stretch;gap:12px}.cw-thread-item:focus{outline:none}.cw-thread-item:hover{border-color:color-mix(in srgb,var(--cc-accent) 40%,var(--cc-border));box-shadow:0 4px 12px color-mix(in srgb,var(--cc-accent) 12%,transparent)}.cw-thread-item.active{border-color:var(--cc-accent);background:color-mix(in srgb,var(--cc-accent) 25%,var(--cc-surface));box-shadow:0 2px 8px color-mix(in srgb,var(--cc-accent) 20%,transparent);border-left:4px solid var(--cc-accent)}.cw-thread-top{display:flex;justify-content:space-between;gap:10px;font-size:var(--font-base);min-width:0;align-items:baseline}.cw-thread-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;font-size:var(--font-base);color:var(--cc-text);letter-spacing:-.01em}.cw-thread-time{flex-shrink:0;font-size:var(--font-xs);color:var(--cc-muted)}.cw-thread-main{flex:1 1 auto;max-width:58%;min-width:0}.cw-thread-side{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:4px;border-left:1px solid var(--cc-muted-weak);padding-left:10px}.cw-thread-preview{margin-top:6px;font-size:var(--font-base);color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-thread-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--font-xs);color:var(--cc-muted);min-height:16px}.cw-thread-meta{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--cc-muted);min-height:16px}.cw-thread-instance{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-thread-type{padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--cc-accent) 12%,var(--cc-surface));color:var(--cc-accent-strong);border:1px solid color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border))}.cw-status-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;font-size:calc(var(--font-xs) - 1px);font-weight:600;border:1px solid transparent}.cw-status-open{background:color-mix(in srgb,var(--cc-accent) 12%,var(--cc-surface));color:var(--cc-accent-strong);border-color:color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border))}.cw-status-pending{background:color-mix(in srgb,var(--cc-warning) 12%,var(--cc-surface));color:var(--cc-warning);border-color:color-mix(in srgb,var(--cc-warning) 30%,var(--cc-border))}.cw-status-closed{background:var(--cc-surface-muted);color:var(--cc-muted);border-color:var(--cc-border)}.cw-unread-pill{margin-left:auto;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--cc-accent);color:#fff;border-radius:999px;padding:0 6px;font-size:calc(var(--font-xs) - 1px);font-weight:700;border:none}.cw-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;background:var(--cc-bg)}.cw-chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--cc-border);background:var(--cc-surface-muted);min-height:56px;flex-shrink:0;min-width:0;flex-wrap:wrap}.cw-chat-header-empty{justify-content:center;color:var(--cc-muted)}.cw-chat-header-empty p{margin:0;font-size:var(--font-base)}.cw-chat-header-main{display:flex;align-items:center;gap:10px;min-width:0}.cw-chat-header-avatar{flex-shrink:0}.cw-chat-header-info{min-width:0}.cw-chat-header-info h2{margin:0;font-size:var(--font-md);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-chat-header-info p{margin:2px 0 0;font-size:var(--font-sm);color:var(--cc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-chat-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cw-message-stack{display:grid;gap:10px;min-width:0}.cw-empty-chat{display:flex;align-items:center;justify-content:center;min-height:200px}.cw-messages{padding:14px;overflow-x:hidden;overflow-y:auto;background-color:#efeae2;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'><g fill='none' stroke='%237a6f63' stroke-opacity='0.15' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'><path d='M50 60 q0 -14 14 -14 h44 q14 0 14 14 v20 q0 14 -14 14 h-26 l-16 14 v-14 h-2 q-14 0 -14 -14 z'/><path d='M310 96 c-10 -16 -34 -12 -34 4 c0 14 20 24 34 36 c14 -12 34 -22 34 -36 c0 -16 -24 -20 -34 -4 z'/><circle cx='120' cy='300' r='22'/><circle cx='113' cy='295' r='2.5' fill='%237a6f63' stroke='none'/><circle cx='127' cy='295' r='2.5' fill='%237a6f63' stroke='none'/><path d='M110 306 q10 9 20 0'/><path d='M340 282 l6 14 15 2 -11 10 3 15 -13 -7 -13 7 3 -15 -11 -10 15 -2 z'/><ellipse cx='198' cy='168' rx='9' ry='7'/><path d='M206 168 v-34 q10 -4 18 4'/><path d='M62 198 l38 14 -38 14 9 -14 z'/><path d='M320 160 q22 6 20 30 q-22 -4 -20 -30 z'/><path d='M320 160 q3 16 20 30'/><circle cx='250' cy='60' r='4'/><circle cx='30' cy='330' r='4'/><circle cx='370' cy='220' r='4'/><circle cx='180' cy='230' r='4'/>></g></svg>"),radial-gradient(circle,rgba(122,111,99,.1) 1px,transparent 1.6px);background-size:400px 400px,22px 22px;min-height:0;min-width:0;scrollbar-width:thin;scrollbar-color:var(--cc-border) transparent}[data-theme=warm] .cw-messages{background-color:#e8e2d8}[data-theme=slate] .cw-messages{background-color:#e3e6ed}.cw-messages::-webkit-scrollbar{width:5px}.cw-messages::-webkit-scrollbar-track{background:transparent}.cw-messages::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:99px}.cw-messages::-webkit-scrollbar-thumb:hover{background:var(--cc-muted)}@keyframes cwMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cw-bubble-row{display:flex;min-width:0}.cw-bubble-row.in{justify-content:flex-start}.cw-bubble-row.out{justify-content:flex-end}.cw-bubble-row.grouped{margin-top:-4px}.cw-bubble-row.grouped .cw-bubble{border-radius:4px}.cw-bubble-row.grouped.last-in-group .cw-bubble{border-radius:14px}.cw-bubble-row.grouped.last-in-group.in .cw-bubble{border-top-left-radius:4px}.cw-bubble-row.grouped.last-in-group.out .cw-bubble{border-top-right-radius:4px}.cw-bubble{max-width:min(78%,100%);border-radius:14px;padding:8px 12px;margin-bottom:6px;position:relative;word-break:break-word;overflow-wrap:anywhere;font-size:var(--font-md);line-height:1.5;min-width:0}.cw-bubble.in{background:var(--cc-surface);border:1px solid var(--cc-border);box-shadow:var(--cc-shadow-sm);border-top-left-radius:4px}.cw-bubble.out{background:#d9fdd3;border-color:#b9e8b0;box-shadow:var(--cc-shadow-sm);border-top-right-radius:4px}.cw-bubble.in:before{content:"";position:absolute;left:-6px;top:10px;width:10px;height:10px;background:var(--cc-surface);border-left:1px solid var(--cc-border);border-bottom:1px solid var(--cc-border);transform:rotate(45deg);border-radius:0 0 0 2px}.cw-bubble.out:before{content:"";position:absolute;right:-6px;top:10px;width:10px;height:10px;background:#d9fdd3;border-right:1px solid #b9e8b0;border-top:1px solid #b9e8b0;transform:rotate(45deg);border-radius:0 2px 0 0}.cw-bubble-row.grouped .cw-bubble:before{display:none}.cw-bubble-row.grouped.last-in-group .cw-bubble.in:before{display:block}.cw-bubble-row.grouped.last-in-group .cw-bubble.out:before{display:block}.cw-bubble-text{font-size:var(--font-base);min-width:0;overflow-wrap:anywhere}.cw-bubble-text a{overflow-wrap:anywhere;word-break:break-word}.cw-bubble-media{display:grid;gap:6px;min-width:0}.cw-bubble-media img,.cw-bubble-media video{max-width:260px;width:auto;height:auto;border-radius:8px;justify-self:start}.cw-bubble-media audio{max-width:100%}.cw-bubble-meta{margin-top:4px;font-size:var(--font-xs);color:var(--cc-muted);display:flex;align-items:center;gap:4px}.cw-status-icon{display:inline-flex;align-items:center;font-size:var(--font-sm);line-height:1}.cw-status-sent{color:var(--cc-muted-weak)}.cw-status-delivered{color:var(--cc-muted)}.cw-status-read{color:#53bdeb}.cw-date-divider{width:fit-content;margin:14px auto;padding:5px 14px;border-radius:8px;background:#f0f2f5;color:#54656f;font-size:var(--font-sm);box-shadow:0 1px 1px #0b141a1a;-webkit-user-select:none;user-select:none}.cw-date-divider:before,.cw-date-divider:after{content:none}.cw-input{padding:10px 14px 0;border-top:1px solid var(--cc-border);background:#e8ecf0;flex-shrink:0}.cw-composer{display:grid;gap:10px;min-width:0}.cw-composer.is-disabled .cw-composer-panel{opacity:.72}.cw-composer-hint{font-size:var(--font-sm);color:var(--cc-accent-strong);padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--cc-accent) 8%,var(--cc-surface));border:1px solid color-mix(in srgb,var(--cc-accent) 20%,var(--cc-border));overflow-wrap:anywhere;word-break:break-word}.cw-translate-hint{display:inline-flex;align-items:center;gap:6px}.cw-translate-hint select{max-width:100px}.cw-bubble-translation{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(148,163,184,.35);font-size:var(--font-sm);color:var(--text-muted, var(--cc-muted-weak));line-height:1.45}.import-help-box{padding:12px 16px;margin-bottom:12px;background:#0f172a0a;border:1px solid rgba(148,163,184,.25);border-radius:8px}.import-help-box h3{margin:14px 0 6px;font-size:var(--font-base)}.import-help-box h3:first-child{margin-top:0}.import-help-steps,.import-help-notes{margin:8px 0 0 18px;line-height:1.55}.form-check{display:flex;align-items:center;gap:10px;margin-top:8px}.form-check input[type=checkbox]{width:auto}.cw-composer-foot{font-size:var(--font-xs);color:var(--cc-muted);padding-left:2px}.cw-file-input{display:none}.cw-composer-panel{border:none;border-radius:0;background:transparent;box-shadow:none;min-width:0}.cw-composer-panel:focus-within{border:none;box-shadow:none;background:transparent}.cw-composer-panel textarea{width:100%;min-height:52px;max-height:140px;border:none;border-radius:0;padding:12px 14px 8px;font-size:var(--font-base);line-height:1.45;resize:none;background:transparent;color:var(--cc-text)}.cw-composer-panel textarea:focus{outline:none;box-shadow:none}.cw-composer-panel textarea:disabled{cursor:not-allowed}.cw-composer-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 10px;border-top:1px solid color-mix(in srgb,var(--cc-border) 70%,transparent)}.cw-composer-actions{display:flex;align-items:center;gap:6px;min-width:0}.cw-quick-reply-select{height:30px;max-width:110px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);color:var(--cc-text);font-size:var(--font-sm);padding:0 8px;margin-top:0}.cw-tool-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:none;border-radius:8px;background:transparent;font-size:var(--font-lg);line-height:1;color:var(--cc-muted);transition:color .12s ease,background-color .12s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease}.cw-tool-btn:hover:not(:disabled){background:color-mix(in srgb,var(--cc-accent) 8%,var(--cc-surface));color:var(--cc-accent-strong)}.cw-tool-btn:disabled{opacity:.45;cursor:not-allowed}.cw-tool-btn.is-recording{color:var(--cc-danger);background:color-mix(in srgb,var(--cc-danger) 12%,var(--cc-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-danger) 30%,transparent) inset;animation:cwRecordPulse 1.2s ease-in-out infinite}@keyframes cwRecordPulse{0%,to{opacity:1}50%{opacity:.65}}.cw-composer-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.cw-composer-tip{font-size:var(--font-xs);color:var(--cc-muted);white-space:nowrap}.cw-send-btn{min-width:64px;height:30px;padding:0 12px;border-radius:8px;font-size:var(--font-base);font-weight:600}.cw-send-btn.btn-primary,.cw-send-btn.btn-primary:hover:not(:disabled){background:#00997e;border-color:#00997e;color:#fff}.cw-send-btn.btn-primary:hover:not(:disabled){background:#008a70;border-color:#008a70;box-shadow:0 4px 14px #00000026}.cw-attachment-preview{border:1px solid var(--cc-border);border-radius:10px;padding:8px 10px;display:grid;gap:10px;background:var(--cc-surface-muted);font-size:var(--font-sm)}.cw-attachment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--cc-text);min-width:0}.cw-attachment-head>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-attachment-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--cc-danger);font-size:var(--font-sm);cursor:pointer;padding:2px 6px;border-radius:6px}.cw-attachment-clear:hover:not(:disabled){background:color-mix(in srgb,var(--cc-danger) 10%,transparent)}.cw-attachment-preview img,.cw-attachment-preview video{max-width:min(200px,100%);width:100%;height:auto;border-radius:8px}.cw-details{border-left:1px solid var(--cc-border);padding:14px;background:var(--cc-surface-muted);overflow:auto;min-height:0}.cw-details h3{margin:0 0 12px;font-size:var(--font-md);color:var(--cc-text)}.cw-details-grid{display:grid;gap:6px}.cw-details-row{display:flex;flex-direction:column;gap:2px;padding:8px 11px;border:1px solid var(--cc-border);border-radius:8px;background:var(--cc-surface);transition:border-color .12s ease}.cw-details-row:hover{border-color:var(--cc-muted-weak)}.cw-details-row strong{font-size:calc(var(--font-xs) - 1px);color:var(--cc-muted-weak);letter-spacing:.04em}.cw-details-row span{font-size:var(--font-base);color:var(--cc-text);overflow-wrap:anywhere;word-break:break-word}.cw-tags{display:flex;flex-wrap:wrap;gap:6px}.cw-tag-chip{border:1px solid var(--cc-muted-weak);border-radius:999px;background:var(--cc-surface-muted);color:var(--cc-muted);font-size:var(--font-xs);padding:2px 8px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.cw-tag-chip:hover{background:var(--cc-surface-muted);border-color:var(--cc-muted)}.cw-list .pagination-bar{padding:8px 10px;border-top:1px solid var(--cc-border);background:var(--cc-surface);min-height:44px;flex-shrink:0}@media(max-width:1200px){.cw-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.cw-layout.details-hidden{grid-template-columns:minmax(240px,280px) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.cw-details{grid-column:1 / -1;border-left:none;border-top:1px solid var(--cc-border);max-height:min(280px,32vh)}}@media(max-width:900px){.main-content:has(.cw-shell){padding:8px;overflow:hidden}.cw-layout,.cw-layout.details-hidden{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0}.cw-layout:has(.cw-details){grid-template-rows:auto minmax(0,1fr) auto}.cw-header{padding:8px 10px;gap:6px}.cw-header-row{flex-wrap:wrap}.cw-stat-cards{flex:1 1 100%;flex-wrap:wrap;overflow-x:visible}.cw-header-toolbar{flex:1 1 100%;margin-left:0;flex-wrap:wrap}.cw-list{border-right:none;border-bottom:1px solid var(--cc-border);max-height:min(280px,32vh)}.cw-chat{min-height:0}.cw-details{max-height:min(240px,28vh)}.cw-composer-tip{display:none}.cw-composer-bar{flex-wrap:wrap}.cw-composer-bar-right{width:100%;justify-content:flex-end}.cw-send-btn{min-width:100%;height:38px}.cw-notice-float{top:10vh;right:auto;left:50%;transform:translate(-50%);width:calc(100vw - 24px)}}.cw-notice-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;z-index:1150;animation:notice-backdrop-in .15s ease-out}@keyframes notice-backdrop-in{0%{opacity:0}to{opacity:1}}.cw-notice-float{position:fixed;top:12vh;left:50%;transform:translate(-50%);bottom:auto;width:min(680px,calc(100vw - 32px));max-height:46vh;border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:16px;padding:12px;box-shadow:var(--cc-shadow-md);z-index:1200;overflow:hidden;animation:notice-in .16s ease-out}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.cw-notice-table{min-width:0!important;width:100%;table-layout:fixed}.cw-notice-table td,.cw-notice-table th{overflow-wrap:anywhere;word-break:break-word;max-width:220px}.cw-notice-float .table-wrap{max-height:calc(42vh - 64px);overflow:auto}.cw-thread-menu{position:fixed;z-index:1600;min-width:140px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:10px;box-shadow:var(--cc-shadow-md);padding:6px}.cw-thread-menu-item{width:100%;border:0;background:transparent;color:var(--cc-text);text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:var(--font-base)}.cw-thread-menu-item:hover{background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface))}.cw-thread-menu-item.danger{color:var(--cc-danger)}.cw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cw-modal{background:var(--cc-surface);border-radius:12px;padding:24px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.cw-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cw-modal-head h3{margin:0;font-size:17px}.cw-modal select,.cw-modal input,.cw-modal textarea{width:100%;padding:10px 12px;border:1px solid var(--cc-border);border-radius:10px;font-size:var(--font-sm);font-family:inherit;box-sizing:border-box;background:var(--cc-surface);color:var(--cc-text)}.cw-modal select:focus,.cw-modal input:focus,.cw-modal textarea:focus{outline:none;border-color:var(--cc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 18%,transparent)}.login-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;min-width:0}.login-card-top h3{margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-select{flex-shrink:0;width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 26px 5px 10px;border:1px solid var(--cc-border);border-radius:6px;background:var(--cc-surface);color:var(--cc-text-muted);font-size:var(--font-xs);font-weight:500;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s,box-shadow .15s}.lang-select:hover{border-color:var(--cc-accent, var(--cc-muted-weak))}.lang-select:focus-visible{outline:none;border-color:var(--cc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 18%,transparent)}.lang-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:620px}.lang-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border:2px solid var(--cc-border);border-radius:10px;background:var(--cc-surface);cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}.lang-card:hover{border-color:var(--cc-accent);box-shadow:var(--cc-shadow-sm)}.lang-card--active{border-color:var(--cc-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--cc-accent) 6%,transparent),color-mix(in srgb,var(--cc-accent) 2%,transparent));box-shadow:0 0 0 1px var(--cc-accent)}.lang-card:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}.lang-card__flag{font-size:2rem;line-height:1;flex-shrink:0;filter:grayscale(.05)}.lang-card__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.lang-card__name{font-size:var(--font-lg);font-weight:700;color:var(--cc-text);line-height:1.3}.lang-card--active .lang-card__name{color:var(--cc-accent)}.lang-card__desc{font-size:var(--font-xs);color:var(--cc-text-muted);line-height:1.4}.lang-card__check{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cc-accent);border:2px solid var(--cc-border);transition:border-color .2s,background .2s}.lang-card--active .lang-card__check{border-color:var(--cc-accent);background:var(--cc-accent);color:#fff}.lang-card:hover .lang-card__check,.lang-card--active:hover .lang-card__check{border-color:var(--cc-accent)}@media(max-width:900px){.login-wrap{padding:16px}.login-panel{grid-template-columns:1fr;max-width:440px}.login-brand{display:none}.login-card{border:1px solid var(--cc-border);border-radius:20px;box-shadow:var(--cc-shadow-md);min-height:auto;padding:36px 28px}}.login-brand-art{position:absolute;right:-24px;bottom:-12px;width:320px;height:240px;color:var(--cc-accent);opacity:.5;pointer-events:none}.login-brand-art svg{width:100%;height:100%}.login-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ambient-ring{position:absolute;right:-160px;bottom:-160px;width:540px;height:540px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cc-accent) 20%,transparent);box-shadow:0 0 0 64px color-mix(in srgb,var(--cc-accent) 5%,transparent),0 0 0 138px color-mix(in srgb,var(--cc-accent) 3.2%,transparent)}.ambient-sat{position:absolute;right:110px;bottom:110px;width:10px;height:10px;border-radius:50%;background:var(--cc-accent);opacity:.55;animation:ambient-orbit 70s linear infinite}.ambient-sat.sat2{animation-delay:-23s}.ambient-sat.sat3{animation-delay:-46s}@keyframes ambient-orbit{0%{transform:rotate(0) translate(-270px) rotate(0)}to{transform:rotate(360deg) translate(-270px) rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.ambient-sat{animation:none;opacity:.4}}.login-wrap{--mx: 0;--my: 0;--sx: 50%;--sy: 50%}.login-spot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(460px 340px at var(--sx) var(--sy),color-mix(in srgb,var(--cc-accent) 9%,transparent),transparent 70%)}.login-panel{transform:translate(calc(var(--mx, 0) * 4px),calc(var(--my, 0) * 4px));transition:transform .45s ease-out;will-change:transform}.login-ambient{transform:translate(calc(var(--mx, 0) * -14px),calc(var(--my, 0) * -14px));transition:transform .6s ease-out;will-change:transform}@media(prefers-reduced-motion:reduce){.login-spot{opacity:0}.login-panel,.login-ambient{transform:none!important}}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}h1{line-height:1.3}h2{line-height:1.35}h3,h4{line-height:1.4}.sidebar-theme{height:30px;border:none;border-radius:8px;background:var(--cc-surface);color:var(--cc-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;flex-shrink:0;transition:background .14s ease,color .14s ease}.sidebar-theme:hover{background:var(--cc-bg);color:var(--cc-accent-strong)}.table-compact tbody tr:hover td{background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface))}*{scrollbar-width:thin;scrollbar-color:var(--cc-border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--cc-muted);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.alerts-icon{display:inline-flex;align-items:center;color:var(--cc-warning)}.sidebar-user{border:0;background:transparent;width:100%;cursor:pointer;text-align:left;font-family:inherit}.sidebar-user.is-open,.sidebar-user.is-open:hover{background:var(--cc-bg)}.sidebar-user-chevron{flex-shrink:0;display:inline-flex;color:var(--cc-muted-weak);transition:transform .14s ease}.sidebar-user.is-open .sidebar-user-chevron{transform:rotate(180deg)}.sidebar.is-collapsed .sidebar-user-chevron{display:none}.account-menu{position:fixed;z-index:1600;width:220px;max-width:calc(100vw - 24px);background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:12px;box-shadow:var(--cc-shadow-md);padding:6px;animation:account-menu-in .14s ease-out}@keyframes account-menu-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.account-menu-header{display:flex;align-items:center;gap:10px;padding:8px 10px 6px}.account-menu-id{min-width:0}.account-menu-title{font-size:var(--font-sm);font-weight:600;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-sub{font-size:var(--font-xs);color:var(--cc-muted)}.account-menu-divider{height:1px;background:var(--cc-border);margin:6px 4px}.account-menu-label{padding:6px 10px 4px;font-size:var(--font-xs);font-weight:700;color:var(--cc-muted);text-transform:uppercase;letter-spacing:.04em}.account-menu-item{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:7px 10px;border-radius:8px;font-size:var(--font-sm);font-weight:500;color:var(--cc-text);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s ease}.account-menu-item:hover{background:var(--cc-surface-muted)}.account-menu-item.is-active{color:var(--cc-accent-strong);font-weight:600;background:color-mix(in srgb,var(--cc-accent) 8%,var(--cc-surface))}.account-menu-item.danger{color:var(--cc-danger)}.account-menu-item.danger:hover{background:color-mix(in srgb,var(--cc-danger) 10%,var(--cc-surface))}.account-menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.theme-dot.blue{background:#2997ff}.theme-dot.warm{background:#e8a04c}.theme-dot.slate{background:#64748b}@media(max-width:920px){.panel-grid{grid-template-columns:1fr}.stats-grid.cols-4,.stats-grid.cols-5,.stats-grid.cols-6,.filter-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.stats-grid.cols-3,.stats-grid.cols-4,.stats-grid.cols-5,.stats-grid.cols-6,.filter-grid-4{grid-template-columns:1fr}.modal,.cw-modal{padding:16px}.toast-stack{left:12px;right:12px;top:10px}.toast{max-width:none}.pagination-bar{flex-wrap:wrap;gap:8px}}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-primary:hover:not(:disabled){color:#fff}[data-theme=dark] .login-wrap{background:radial-gradient(1100px 560px at 88% -8%,color-mix(in srgb,var(--cc-accent) 16%,transparent),transparent 62%),radial-gradient(900px 520px at -8% 108%,color-mix(in srgb,var(--cc-accent) 10%,transparent),transparent 58%),linear-gradient(180deg,#17181c 0%,var(--cc-bg) 100%)}[data-theme=dark] .login-brand{background:linear-gradient(180deg,#1d1f24,#20242c)}[data-theme=dark] .login-logo{background:var(--cc-surface)}[data-theme=dark] .cw-messages{background-color:#101318;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'><g fill='none' stroke='%23999' stroke-opacity='0.09' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'><path d='M50 60 q0 -14 14 -14 h44 q14 0 14 14 v20 q0 14 -14 14 h-26 l-16 14 v-14 h-2 q-14 0 -14 -14 z'/><path d='M310 96 c-10 -16 -34 -12 -34 4 c0 14 20 24 34 36 c14 -12 34 -22 34 -36 c0 -16 -24 -20 -34 -4 z'/><circle cx='120' cy='300' r='22'/><circle cx='113' cy='295' r='2.5' fill='%23999' stroke='none'/><circle cx='127' cy='295' r='2.5' fill='%23999' stroke='none'/><path d='M110 306 q10 9 20 0'/><path d='M340 282 l6 14 15 2 -11 10 3 15 -13 -7 -13 7 3 -15 -11 -10 15 -2 z'/><ellipse cx='198' cy='168' rx='9' ry='7'/><path d='M206 168 v-34 q10 -4 18 4'/><path d='M62 198 l38 14 -38 14 9 -14 z'/><path d='M320 160 q22 6 20 30 q-22 -4 -20 -30 z'/><path d='M320 160 q3 16 20 30'/><circle cx='250' cy='60' r='4'/><circle cx='30' cy='330' r='4'/><circle cx='370' cy='220' r='4'/><circle cx='180' cy='230' r='4'/></g></svg>"),radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.6px);background-size:400px 400px,22px 22px}[data-theme=dark] .cw-chat-header{background:#1d2025}[data-theme=dark] .cw-input{background:#1a1d22}[data-theme=dark] .cw-date-divider{background:#2a2d34;color:#b9bec7;box-shadow:0 1px 1px #00000059}[data-theme=dark] .cw-bubble.out{color:#16251a}[data-theme=dark] .cw-bubble.out .cw-bubble-meta,[data-theme=dark] .cw-bubble.out .cw-status-icon{color:#46584c}.theme-dot.auto{background:linear-gradient(135deg,#f5f5f7 50%,#1d1f24 50%)}.theme-dot.dark{background:#1d1f24;border-color:#4d5158}.campaign-line{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.campaign-name{flex:1 1 auto;min-width:0;font-size:var(--font-base);font-weight:600;color:var(--cc-text);overflow:hidden;text-overflow:ellipsis}.campaign-id,.campaign-sep,.campaign-meta{flex-shrink:0}.campaign-id{font-size:var(--font-xs);font-weight:400;color:var(--cc-muted);font-variant-numeric:tabular-nums}.campaign-sep{color:var(--cc-muted-weak)}.campaign-meta{font-size:var(--font-xs);color:var(--cc-muted)}.cw-bubble.out .cw-bubble-media img,.cw-bubble.out .cw-bubble-media video{background:#d9fdd3}.cw-bubble.in .cw-bubble-media img,.cw-bubble.in .cw-bubble-media video{background:var(--cc-surface)}.account-menu-hint{padding:4px 10px 6px;font-size:var(--font-xs);color:var(--cc-muted)}.cw-tag-filter-bar::-webkit-scrollbar{display:none}.cw-tag-filter-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cw-tag-filter-count,.cw-tag-dot{flex-shrink:0}.toast-body{display:flex;align-items:center;gap:10px;min-width:0}.toast-msg{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-actions{display:flex;gap:8px;flex-shrink:0}.instances-table select{width:auto;min-width:96px;max-width:170px;height:28px;padding:2px 8px;margin-top:0;font-size:var(--font-xs);border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-surface);color:var(--cc-text)}.instances-table select:focus{outline:none;border-color:var(--cc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc-accent) 18%,transparent)}.instances-diag{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.channel-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--cc-surface-muted);border:1px solid var(--cc-border);border-radius:14px;margin-bottom:18px}.channel-tab{flex:1 1 auto;min-width:132px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 14px;border:none;border-radius:10px;background:transparent;color:var(--cc-muted);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.channel-tab:hover{background:color-mix(in srgb,var(--cc-accent) 10%,transparent);color:var(--cc-text)}.channel-tab.active{background:var(--cc-surface);color:var(--cc-text);box-shadow:0 1px 3px #0f172a14,0 0 0 1px var(--cc-border)}.channel-tab-badge{font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--cc-success) 14%,var(--cc-surface));color:var(--cc-success);white-space:nowrap}.channel-tab-badge.soon{background:var(--cc-surface-muted);color:var(--cc-muted)}.channel-tab.active .channel-tab-badge{background:color-mix(in srgb,var(--cc-accent) 12%,var(--cc-surface));color:var(--cc-accent)}.channel-tab.active .channel-tab-badge.soon{background:var(--cc-surface-muted);color:var(--cc-muted)}.channel-avatar-cell{display:inline-flex;align-items:center}.channel-avatar-cell img.channel-avatar,.channel-avatar-ph{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.channel-avatar-ph{display:inline-flex;align-items:center;justify-content:center;background:var(--cc-surface-muted);color:var(--cc-muted);font-size:14px;font-weight:600}.channel-wh-grid{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.channel-wh-item{display:inline-flex;align-items:center;gap:8px}.channel-wh-item code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:6px;padding:2px 8px;color:var(--cc-text);max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-coming-soon{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center;color:var(--cc-muted)}.channel-coming-soon h3{margin:0;font-size:18px;color:var(--cc-text)}.channel-coming-soon-icon{color:var(--cc-muted-weak)}.channel-not-ready{border:1px dashed color-mix(in srgb,var(--cc-accent) 35%,var(--cc-border));background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface));border-radius:10px;padding:10px 14px;margin-bottom:14px}.channel-not-ready p{margin:0}.channel-tab-icon{display:inline-flex;align-items:center;color:var(--cc-muted);transition:color .12s ease}.channel-tab-icon svg{width:20px;height:20px}.channel-tab:hover .channel-tab-icon,.channel-tab.active .channel-tab-icon{color:var(--cc-accent)}.channel-wa-note{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--cc-accent) 30%,var(--cc-border));background:color-mix(in srgb,var(--cc-accent) 6%,var(--cc-surface));border-radius:10px;padding:8px 14px;margin-bottom:12px;font-size:var(--font-sm);color:var(--cc-muted)}