:root{--bg: #F4F7FB;--bg-soft: #EDF2F9;--surface: #FFFFFF;--border: #E9EEF5;--border-strong: #D8E1EC;--text: #101828;--text-2: #667085;--text-3: #98A2B3;--primary: #2F6FED;--primary-dark: #255FD6;--primary-soft: #EAF1FE;--ok: #12B76A;--ok-soft: #E7F8F0;--warn: #F79009;--warn-soft: #FEF4E6;--crit: #F04438;--crit-soft: #FEECEB;--accent: #22C7E0;--accent-soft: #E4F8FB;--violet: #7A5AF8;--violet-soft: #EFEBFE;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .07);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--sidebar-w: 248px;--header-h: 68px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0 0 12px}code,pre,.mono{font-family:var(--mono)}::selection{background:var(--primary-soft)}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px}.brand-mark{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f6fed,#22c7e0 60%,#12b76a);box-shadow:var(--shadow-sm)}.brand-name{font-weight:600;font-size:15px;line-height:1.2}.brand-sub{font-size:12px;color:var(--text-3)}.nav-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:14px 10px 6px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-md);color:var(--text-2);font-weight:500;cursor:pointer;transition:background .14s,color .14s;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-soft);color:var(--text);text-decoration:none}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2f6fed47}.nav-item.active:hover{background:var(--primary);color:#fff}.nav-item svg{flex:0 0 20px}.nav-item .nav-badge{margin-left:auto;background:var(--crit);color:#fff;font-size:11px;font-weight:600;padding:1px 7px;border-radius:var(--r-full)}.nav-item.active .nav-badge{background:#ffffff40}.sidebar-footer{margin-top:auto;padding-top:16px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-h);display:flex;align-items:center;gap:16px;padding:0 28px;background:#f4f7fbd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar h1{font-size:20px}.topbar-sub{color:var(--text-2);font-size:13px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.page{padding:24px 28px 56px;flex:1}.page-narrow{max-width:880px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1fr) 340px}.grid-tiles{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.grid-side{grid-template-columns:300px minmax(0,1fr)}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.col{display:flex;flex-direction:column;gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:18px 20px}.card-flat{box-shadow:none}.card-pad-0{padding:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:15px;font-weight:600}.card-sub{font-size:12px;color:var(--text-3);margin-top:2px}.card-hover{transition:box-shadow .16s,transform .16s,border-color .16s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card-link{cursor:pointer}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;min-width:0}.tile-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2)}.tile-value{font-size:22px;font-weight:600;margin-top:8px;letter-spacing:-.02em}.tile-value.ok{color:var(--ok)}.tile-value.warn{color:var(--warn)}.tile-value.crit{color:var(--crit)}.tile-note{font-size:12px;color:var(--text-3);margin-top:2px}.kpi{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kpi-value{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1}.kpi-label{font-size:13px;color:var(--text-2)}.kpi-delta{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:3px}.kpi-delta.up{color:var(--ok)}.kpi-delta.down{color:var(--crit)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--text-3);display:inline-block}.dot-ok{background:var(--ok)}.dot-warn{background:var(--warn)}.dot-crit{background:var(--crit)}.dot-info{background:var(--primary)}.dot-idle{background:var(--text-3)}.dot-lg{width:10px;height:10px;flex-basis:10px}.dot-pulse{position:relative}.dot-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid currentColor;opacity:.35;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:scale(.7);opacity:.5}to{transform:scale(1.5);opacity:0}}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--bg-soft);color:var(--text-2);white-space:nowrap}.chip-ok{background:var(--ok-soft);color:#0a8a50}.chip-warn{background:var(--warn-soft);color:#b76e00}.chip-crit{background:var(--crit-soft);color:#c4342b}.chip-info{background:var(--primary-soft);color:var(--primary-dark)}.chip-violet{background:var(--violet-soft);color:#5b3ed6}.chip-lg{padding:5px 12px;font-size:13px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--crit);color:#fff;font-size:11px;font-weight:600}.icon-tile{width:38px;height:38px;flex:0 0 38px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.icon-tile.ok{background:var(--ok-soft);color:var(--ok)}.icon-tile.warn{background:var(--warn-soft);color:var(--warn)}.icon-tile.crit{background:var(--crit-soft);color:var(--crit)}.icon-tile.violet{background:var(--violet-soft);color:var(--violet)}.icon-tile.accent{background:var(--accent-soft);color:#0e9bb2}.icon-tile.sm{width:30px;height:30px;flex-basis:30px;border-radius:var(--r-sm)}.avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.avatar-sm{width:24px;height:24px;flex-basis:24px;font-size:10px}.avatar-lg{width:44px;height:44px;flex-basis:44px;font-size:16px}.avatar-xl{width:72px;height:72px;flex-basis:72px;font-size:24px}.avatar-img{object-fit:cover;background:var(--bg-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,transform .06s;white-space:nowrap;text-decoration:none}.btn:hover{background:var(--bg-soft);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #2f6fed40}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover{background:#0ea05c;border-color:#0ea05c}.btn-crit{background:var(--crit);border-color:var(--crit);color:#fff}.btn-crit:hover{background:#da3b31;border-color:#da3b31}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text)}.btn-sm{padding:6px 11px;font-size:13px;border-radius:var(--r-sm)}.btn-lg{padding:12px 22px;font-size:15px}.btn-icon{padding:8px;width:36px;height:36px}.btn-block{width:100%}.btn-group{display:inline-flex;background:var(--bg-soft);border-radius:var(--r-md);padding:3px;gap:2px}.btn-group button{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:500;padding:5px 12px;border-radius:var(--r-sm);cursor:pointer}.btn-group button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label{font-size:13px;font-weight:500;color:var(--text)}.field-hint{font-size:12px;color:var(--text-3)}.field-error{font-size:12px;color:var(--crit)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:disabled,.select:disabled{background:var(--bg-soft);color:var(--text-3)}.textarea{min-height:90px;resize:vertical;font-family:var(--font)}.input-mono{font-family:var(--mono);font-size:13px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.input-group{display:flex;gap:8px;align-items:stretch}.input-group .input{flex:1}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle-track{width:40px;height:22px;border-radius:var(--r-full);background:var(--border-strong);position:relative;transition:background .16s;flex:0 0 40px}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xs);transition:transform .16s}.toggle input:checked+.toggle-track{background:var(--primary)}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.toggle-label{font-size:13px}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}.radio-cards{display:grid;gap:10px}.radio-card{border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:border-color .14s,background .14s}.radio-card:hover{border-color:var(--primary)}.radio-card.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 1px var(--primary)}.radio-card input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.radio-card:focus-within{box-shadow:0 0 0 3px var(--primary-soft)}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--bg-soft)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:0}.feed-item .dot{margin-top:6px}.feed-title{font-size:13.5px;font-weight:500}.feed-time{font-size:12px;color:var(--text-3);margin-top:2px}.task-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);transition:background .14s}.task-row:hover{background:var(--bg-soft)}.task-name{font-weight:500;font-size:13.5px}.task-sub{font-size:12px;color:var(--text-3)}.checklist{display:flex;flex-direction:column;gap:9px}.checklist li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-2)}.checklist{list-style:none;padding:0;margin:0}.check-mark{color:var(--ok);flex:0 0 16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 14px;font-size:13.5px;font-weight:500;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:24px;animation:fade .16s ease-out}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;display:flex;flex-direction:column;animation:rise .18s cubic-bezier(.2,.8,.3,1)}.modal-lg{max-width:760px}.modal-head{padding:20px 24px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-body{padding:0 24px;overflow-y:auto;flex:1}.modal-foot{padding:18px 24px 20px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border);margin-top:18px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}.toasts{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:200;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:14px 18px;min-width:300px;max-width:420px;pointer-events:auto;animation:slide-in .22s cubic-bezier(.2,.8,.3,1)}.toast.leaving{animation:slide-out .18s ease-in forwards}.toast-icon{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff}.toast.err .toast-icon{background:var(--crit)}.toast.warn .toast-icon{background:var(--warn)}.toast.info .toast-icon{background:var(--primary)}.toast-title{font-weight:600;font-size:14px}.toast-text{font-size:12.5px;color:var(--text-2)}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}@keyframes slide-out{to{opacity:0;transform:translate(24px)}}.chart-tip{position:absolute;background:#1d2939;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--r-full);pointer-events:none;white-space:nowrap;transform:translate(-50%,-140%);box-shadow:var(--shadow-md);z-index:5}.chart-wrap{position:relative}.chart-legend{display:flex;gap:16px;align-items:center;font-size:12.5px;color:var(--text-2)}.chart-legend .dot{width:7px;height:7px;flex-basis:7px}.empty{text-align:center;padding:48px 24px;color:var(--text-2)}.empty-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:var(--r-lg);background:var(--bg-soft);display:grid;place-items:center;color:var(--text-3)}.empty-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.empty-text{font-size:13.5px;max-width:420px;margin:0 auto 18px}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 25%,#F7FAFD 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-sm);height:14px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.hr{height:1px;background:var(--border);border:0;margin:18px 0}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:12.5px}.tiny{font-size:11.5px}.strong{font-weight:600}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnum{font-variant-numeric:tabular-nums}.center{text-align:center}.right{text-align:right}.c-ok{color:var(--ok)}.c-warn{color:var(--warn)}.c-crit{color:var(--crit)}.c-primary{color:var(--primary)}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.code-block{background:#0f172a;color:#e2e8f0;border-radius:var(--r-md);padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.65;overflow:hidden;position:relative;white-space:pre;-moz-tab-size:2;tab-size:2}.code-block:has(.code-head){padding:0;white-space:normal}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px 7px 16px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07)}.code-lang{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.code-body{margin:0;padding:14px 16px;overflow-x:auto;white-space:pre;font:inherit;color:inherit}.code-block .k{color:#93c5fd}.code-block .s{color:#86efac}.code-block .c{color:#64748b;font-style:italic}.code-block .n{color:#fcd34d}.code-block .t{color:#67e8f9}.code-block .v{color:#f0abfc}.code-block .p{color:#94a3b8}.code-copy{background:#ffffff1a;border:0;color:#cbd5e1;padding:5px 10px;border-radius:var(--r-sm);font-size:11.5px;cursor:pointer;font-family:var(--font);white-space:nowrap;flex:0 0 auto}.code-block:not(:has(.code-head)) .code-copy{position:absolute;top:10px;right:10px}.code-block:not(:has(.code-head)):has(.code-copy){padding-right:108px}.code-copy:hover{background:#ffffff2e}.key-box{display:flex;align-items:center;gap:8px;background:var(--bg-soft);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:9px 12px;font-family:var(--mono);font-size:12.5px}.bar-chart{display:flex;align-items:flex-end;width:100%}.bar-chart i{flex:1 1 0;min-width:2px;transition:opacity .12s}.bar-chart i:hover{opacity:.7}.uptime-bar{display:flex;gap:2px;align-items:flex-end;height:30px}.uptime-bar i{flex:1;min-width:2px;border-radius:2px;background:var(--ok);height:100%;transition:opacity .12s}.uptime-bar i.down{background:var(--crit)}.uptime-bar i.degraded{background:var(--warn)}.uptime-bar i.none{background:var(--border)}.uptime-bar i:hover{opacity:.65}.steps{display:flex;align-items:center;gap:8px;margin-bottom:28px}.step{display:flex;align-items:center;gap:9px;color:var(--text-3);font-size:13px;font-weight:500}.step-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--bg-soft);color:var(--text-3);font-size:12px;font-weight:600}.step.active{color:var(--text)}.step.active .step-num{background:var(--primary);color:#fff}.step.done .step-num{background:var(--ok-soft);color:var(--ok)}.step.done{color:var(--text-2)}.step-line{flex:1;height:1px;background:var(--border);min-width:20px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color .16s,box-shadow .16s,transform .16s}.plan-card:hover{box-shadow:var(--shadow-md)}.plan-card.popular{border-color:var(--primary);box-shadow:0 8px 24px #2f6fed1f}.plan-card.current{border-color:var(--ok)}.plan-flag{position:absolute;top:-11px;left:22px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-full)}.plan-card.current .plan-flag{background:var(--ok)}.plan-price{font-size:30px;font-weight:600;letter-spacing:-.03em}.plan-price small{font-size:14px;font-weight:400;color:var(--text-3)}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.plan-features li{display:flex;gap:8px;font-size:13px;color:var(--text-2);align-items:flex-start}.meter{height:6px;background:var(--bg-soft);border-radius:var(--r-full);overflow:hidden}.meter i{display:block;height:100%;background:var(--primary);border-radius:var(--r-full);transition:width .3s}.meter i.warn{background:var(--warn)}.meter i.crit{background:var(--crit)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:26px}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--primary-dark);font-size:13.5px;margin-bottom:18px}.banner.warn{background:var(--warn-soft);color:#b76e00}.banner.crit{background:var(--crit-soft);color:#c4342b}.banner .btn{margin-left:auto}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:90;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182859;z-index:80}.grid-2,.grid-3,.grid-4,.grid-side{grid-template-columns:minmax(0,1fr)}.page{padding:18px 16px 48px}.field-row{grid-template-columns:1fr}.topbar{height:auto;min-height:58px;padding:10px 14px;gap:10px}.topbar>div{min-width:0;flex:1}.topbar h1{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .topbar-sub{display:none!important}.topbar-actions{gap:6px;flex-shrink:0}.topbar-actions .btn{padding:7px 11px;font-size:13px}.card-head{flex-wrap:wrap;row-gap:10px}.card-head>*{min-width:0}.btn-group{max-width:100%;overflow-x:auto}.chart-legend{flex-wrap:wrap;gap:6px 12px}.tabs{overflow-x:auto}.tab{white-space:nowrap}.steps{flex-wrap:wrap;gap:6px 10px}.step-line{display:none}.kpi-value{font-size:28px}.modal-foot{flex-wrap:wrap}.table th,.table td{padding:10px}}@media (min-width: 901px){.only-mobile{display:none!important}}@media print{.sidebar,.topbar-actions,.btn,.toasts,[data-controls]{display:none!important}body{background:#fff}.layout{grid-template-columns:1fr}.topbar{position:static;border:0;background:none;padding:0 0 8px}.page{padding:0}.card{box-shadow:none;border-color:#d8e1ec;break-inside:avoid}.tile{break-inside:avoid}.table{font-size:11px}.table th,.table td{padding:6px 8px}a[data-link]{color:inherit;text-decoration:none}}.boot-screen{min-height:100vh;display:grid;place-items:center}.brand-mark{color:#fff}.anchor{position:relative}.proj-select{margin-bottom:10px}.proj-btn{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-soft);font:inherit;font-weight:500;font-size:13.5px;color:var(--text);cursor:pointer;transition:border-color .14s}.proj-btn:hover{border-color:var(--border-strong)}.proj-btn .chev{margin-left:auto;color:var(--text-3);flex-shrink:0}.pop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;z-index:60;animation:rise .16s cubic-bezier(.2,.8,.3,1)}.pop-right{left:auto;right:0;min-width:230px}.pop-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.pop-item:hover{background:var(--bg-soft)}.pop-item.active{background:var(--primary-soft);color:var(--primary-dark)}.pop-sep{height:1px;background:var(--border);margin:6px 4px}.user-foot .pop{top:auto;bottom:calc(100% + 6px)}.user-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;font:inherit;text-align:left;cursor:pointer}.user-btn:hover{background:var(--bg-soft)}.chat-screen{display:grid;grid-template-columns:360px minmax(0,1fr) 300px;height:calc(100vh - var(--header-h));overflow:hidden}.chat-screen.cols-2{grid-template-columns:360px minmax(0,1fr)}.dlg-col{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.dlg-filters{padding:12px 12px 10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.dlg-filters .btn-group{display:flex}.dlg-filters .btn-group button{flex:1}.dlg-scroll{flex:1;overflow-y:auto;min-height:0}.dlg-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.dlg-item:hover{background:var(--bg-soft)}.dlg-item.active{background:var(--primary-soft)}.dlg-item-main{flex:1;min-width:0}.dlg-item-top{display:flex;align-items:center;gap:6px}.dlg-name{font-weight:500;font-size:13.5px}.dlg-chan{color:var(--text-3);display:inline-flex;flex-shrink:0}.dlg-time{margin-left:auto;font-size:11.5px;color:var(--text-3);flex-shrink:0}.dlg-last{display:flex;align-items:center;gap:8px;margin-top:2px}.dlg-preview{font-size:12.5px;color:var(--text-2)}.avatar-wrap{position:relative;flex-shrink:0;align-self:flex-start}.online-dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--ok);border:2px solid var(--surface);color:var(--ok)}.online-dot.away{background:var(--warn);color:var(--warn)}.dlg-skel{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.skel-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0}.chat-col{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.chat-none{display:grid;place-items:center;background:var(--bg)}.chat-head{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:5}.chat-head-status{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:6px;margin-top:1px}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 10px;display:flex;flex-direction:column}.day-sep{align-self:center;font-size:12px;color:var(--text-3);background:var(--bg-soft);padding:3px 12px;border-radius:var(--r-full);margin:10px 0 8px}.msg{max-width:68%;display:flex;flex-direction:column;margin-bottom:10px}.msg.in{align-self:flex-start;align-items:flex-start}.msg.out{align-self:flex-end;align-items:flex-end}.msg-author{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2);margin-bottom:4px}.bubble{padding:9px 13px;border-radius:var(--r-lg);font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.msg.in .bubble{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:6px;box-shadow:var(--shadow-xs)}.msg.out .bubble{background:var(--primary-soft);border-bottom-right-radius:6px}.msg.in .bubble.bubble-preview{border:1.5px dashed var(--border-strong);background:transparent;box-shadow:none;color:var(--text-3);font-style:italic}.caret{display:inline-block;width:2px;height:13px;background:var(--text-3);margin-left:3px;vertical-align:-2px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.msg-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-3);margin-top:3px}.checks{font-size:12px;letter-spacing:-.08em;color:var(--text-3)}.checks.read{color:var(--primary)}.msg-sys{align-self:center;text-align:center;font-size:12px;color:var(--text-3);margin:6px 0 10px;max-width:80%}.att-img{display:block;max-width:240px;max-height:220px;border-radius:10px;margin-top:6px;object-fit:cover}.att-audio{display:flex;flex-direction:column;gap:3px;width:280px;max-width:100%;margin-top:6px}.att-audio audio{display:block;width:100%;height:36px}.att-audio-name{font-size:11.5px;color:var(--text-3);line-height:1.3}.msg.out .att-audio-name{text-align:right}.att-file{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:7px 10px;margin-top:6px;font-size:13px;color:inherit}a.att-file:hover{text-decoration:none;border-color:var(--border-strong)}.att-img-btn{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:10px}.att-img-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#101828c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:200;overscroll-behavior:contain;animation:fade .16s ease-out}.lightbox-img{max-width:92vw;max-height:86vh;max-height:86dvh;object-fit:contain;border-radius:var(--r-md);box-shadow:var(--shadow-lg);cursor:zoom-out;animation:lightbox-in .16s cubic-bezier(.2,.8,.3,1)}.lightbox-img.is-zoomable{cursor:zoom-in}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}}.lightbox-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;cursor:grab;user-select:none;-webkit-user-select:none}.lightbox-full-wrap{min-width:100%;min-height:100%;width:max-content;height:max-content;display:grid;place-items:center}.lightbox-img-full{display:block;max-width:none;max-height:none;cursor:zoom-out}.lightbox-actions{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:1}.lightbox-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--r-full);background:#ffffff24;color:#fff;cursor:pointer;transition:background .12s ease}.lightbox-btn:hover{background:#ffffff42;color:#fff;text-decoration:none}.lightbox-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.composer{position:relative;padding:12px 16px 14px;background:var(--surface);border-top:1px solid var(--border)}.composer-box{display:flex;align-items:flex-end;gap:6px;border:1px solid var(--border-strong);border-radius:var(--r-md);padding:6px 6px 6px 12px;background:var(--surface);transition:border-color .14s,box-shadow .14s}.composer-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.composer-input{flex:1;border:0;outline:none;resize:none;font:inherit;color:var(--text);background:transparent;max-height:132px;padding:5px 0;line-height:1.45}.composer-input::placeholder{color:var(--text-3)}.pending-atts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.canned-pop{position:absolute;left:16px;right:16px;bottom:calc(100% - 4px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-height:250px;overflow-y:auto;z-index:40;animation:rise .16s cubic-bezier(.2,.8,.3,1)}.canned-item{display:flex;gap:10px;align-items:baseline;padding:9px 14px;cursor:pointer}.canned-item:hover,.canned-item.sel{background:var(--primary-soft)}.canned-key{font-family:var(--mono);font-size:12.5px;color:var(--primary-dark);flex-shrink:0}.canned-text{font-size:13px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-pop{position:absolute;right:0;bottom:calc(100% + 8px);width:322px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;animation:rise .16s cubic-bezier(.2,.8,.3,1)}.emoji-tabs{display:flex;gap:2px;padding:6px 6px 0;border-bottom:1px solid var(--border)}.emoji-tab{flex:1;border:0;background:transparent;font:inherit;font-size:17px;line-height:1;padding:7px 0 8px;border-bottom:2px solid transparent;border-radius:var(--r-sm) var(--r-sm) 0 0;cursor:pointer;filter:grayscale(1);opacity:.7;transition:opacity .12s}.emoji-tab:hover{background:var(--bg-soft);opacity:1}.emoji-tab.active{border-bottom-color:var(--primary);filter:none;opacity:1}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:224px;overflow-y:auto}.emoji-cell{height:36px;min-width:36px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--r-sm);font-size:20px;line-height:1;cursor:pointer}.emoji-cell:hover{background:var(--bg-soft)}.composer-box .btn.mic-live{background:var(--crit);border-color:var(--crit);color:#fff;animation:mic-pulse 1.2s ease-in-out infinite}.composer-box .btn.mic-live:hover{background:#d92d20;color:#fff}@keyframes mic-pulse{0%,to{box-shadow:0 0 #f0443873}50%{box-shadow:0 0 0 7px #f0443800}}.rec-box{align-items:center;gap:10px;padding:8px 8px 8px 14px}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--crit);flex-shrink:0;animation:rec-blink 1.1s ease-in-out infinite}.rec-dot.paused{animation:none;opacity:.45}@keyframes rec-blink{0%,to{opacity:1;box-shadow:0 0 #f0443866}50%{opacity:.55;box-shadow:0 0 0 6px #f0443800}}.rec-timer{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text);min-width:44px;flex-shrink:0}.rec-hint{font-size:12.5px;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.closed-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;background:var(--surface);border-top:1px solid var(--border);color:var(--text-2);font-size:13.5px}.visitor-col{background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;min-height:0;padding:18px 16px 28px}.v-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.v-sec{padding:12px 0;border-top:1px solid var(--border)}.v-sec-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:8px}.v-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}.v-row .k{color:var(--text-3);flex-shrink:0}.v-row .v{text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-input{margin-bottom:8px}.v-input .input{padding:7px 10px;font-size:13px}.v-pages{display:flex;flex-direction:column;gap:6px;font-size:12.5px}.v-page{display:flex;gap:8px;justify-content:space-between}.v-page a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.v-page time{color:var(--text-3);flex-shrink:0}.stars{display:inline-flex;gap:2px;color:var(--warn)}.stars-primary .stars{color:var(--primary)}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}.settings-side{position:sticky;top:calc(var(--header-h) + 16px)}.color-presets{display:flex;gap:8px;align-items:center}.color-dot{width:26px;height:26px;border-radius:50%;border:0;padding:0;cursor:pointer;transition:transform .12s}.color-dot:hover{transform:scale(1.12)}.color-dot.sel{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}.color-input{width:44px;height:32px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer}.range{width:100%;accent-color:var(--primary)}.wprev-stage{display:flex;flex-direction:column;gap:14px}.wprev-stage.pos-left{align-items:flex-start}.wprev-stage.pos-right{align-items:flex-end}.wprev{width:340px;max-width:100%;border:1px solid var(--border);box-shadow:0 12px 32px #10182829;overflow:hidden;display:flex;flex-direction:column;background:#fff;text-align:left}.wprev.dark{background:#111827;border-color:#1f2937}.wprev-head{display:flex;align-items:center;gap:10px;padding:14px 16px}.wprev-body{padding:14px;display:flex;flex-direction:column;gap:8px;min-height:190px}.wprev-bubble{max-width:82%;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.4}.wprev-bubble.op{align-self:flex-start;background:#f2f5f9;color:#101828;border-bottom-left-radius:5px}.wprev.dark .wprev-bubble.op{background:#1f2937;color:#f9fafb}.wprev-bubble.me{align-self:flex-end;border-bottom-right-radius:5px}.wprev-input{display:flex;align-items:center;gap:8px;margin:0 12px 10px;border:1px solid #E4E9F0;border-radius:12px;padding:9px 12px;font-size:13px;color:#98a2b3}.wprev.dark .wprev-input{border-color:#374151}.wprev-brand{text-align:center;font-size:11px;color:#98a2b3;padding:0 0 10px}.wprev-launcher{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff}.header-bg-strip{height:52px;border-radius:var(--r-md);border:1px solid var(--border);background-size:cover;background-position:center;display:grid;place-items:center;font-size:12.5px;margin-bottom:10px}.form-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;margin:18px 0 10px}.form-section-title:first-child{margin-top:0}.trigger-msg-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:stretch}.trigger-msg-preview{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;overflow:hidden}.trigger-freq{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 720px){.trigger-msg-grid,.trigger-freq{grid-template-columns:minmax(0,1fr)}}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.hint-steps{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}.auth-card .card{border-radius:var(--r-xl);padding:26px 28px}@media (max-width: 1200px){.chat-screen{grid-template-columns:320px minmax(0,1fr) 280px}.chat-screen.cols-2{grid-template-columns:320px minmax(0,1fr)}}@media (max-width: 1100px){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-side{position:static}}