@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ly-sidebar-w:264px;--ly-sidebar-w-collapsed:76px;--ly-topbar-h:64px}body{-webkit-font-smoothing:antialiased;background:#f6f7fb;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.ly-shell{--ly-ink:#0f172a;--ly-ink-2:#334155;--ly-muted:#64748b;--ly-subtle:#94a3b8;--ly-line:#e8ebf3;--ly-brand:#5b5bf6;--ly-brand-ink:#4338ca;--ly-brand-soft:#eef0ff;--ly-grad:linear-gradient(135deg, #5b5bf6 0%, #8b5cf6 100%);--ly-ease:cubic-bezier(.2, .8, .2, 1);min-height:100vh;color:var(--ly-ink);background:#f6f7fb;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.ly-shell *,.ly-shell :before,.ly-shell :after{box-sizing:border-box}.ly-shell button{font-family:inherit}.ly-shell :focus-visible{outline-offset:2px;outline:2px solid #a5b4fc}.ly-sidebar{z-index:40;flex-direction:column;flex:0 0 var(--ly-sidebar-w);width:var(--ly-sidebar-w);color:#c7cbe0;height:100vh;transition:width .28s var(--ly-ease), flex-basis .28s var(--ly-ease), transform .3s var(--ly-ease);background:radial-gradient(420px 260px at 0 0,#6366f138,#0000 60%),radial-gradient(360px 300px at 100% 100%,#8b5cf629,#0000 60%),#0d1024;border-right:1px solid #ffffff0a;display:flex;position:sticky;top:0;overflow:hidden}.ly-brand{height:var(--ly-topbar-h);border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;padding:0 14px 0 18px;display:flex}.ly-brand-mark{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#10b981 100%);border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px -8px #10b981cc,inset 0 1px #ffffff40}.ly-brand-text{white-space:nowrap;flex-direction:column;flex:1;min-width:0;line-height:1.2;transition:opacity .2s;display:flex}.ly-brand-text strong{letter-spacing:-.015em;color:#fff;font-size:14.5px;font-weight:700}.ly-brand-text span{color:#8a90ad;font-size:11px;font-weight:500}.ly-collapse-btn{color:#8a90ad;cursor:pointer;width:28px;height:28px;transition:all .2s var(--ly-ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.ly-collapse-btn:hover{color:#fff;background:#ffffff1a}.ly-collapse-btn svg{transition:transform .28s var(--ly-ease)}.ly-nav{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;min-height:0;padding:14px 12px;overflow:hidden auto}.ly-nav-section+.ly-nav-section{margin-top:18px}.ly-nav-title{letter-spacing:.14em;text-transform:uppercase;color:#5d6383;white-space:nowrap;padding:0 12px 8px;font-size:10px;font-weight:700;transition:opacity .2s;display:block}.ly-nav-link{color:#a6abc6;white-space:nowrap;height:40px;transition:background .18s var(--ly-ease), color .18s var(--ly-ease);border-radius:11px;align-items:center;gap:12px;margin-bottom:2px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.ly-nav-link:hover{color:#fff;background:#ffffff0d}.ly-nav-icon{color:#7b81a3;width:20px;height:20px;transition:color .18s, transform .18s var(--ly-ease);flex:0 0 20px;place-items:center;display:grid}.ly-nav-link:hover .ly-nav-icon{color:#c7d2fe;transform:scale(1.06)}.ly-nav-label{text-overflow:ellipsis;transition:opacity .2s;overflow:hidden}.ly-nav-link.active{color:#fff;background:linear-gradient(135deg,#5b5bf6f2 0%,#8b5cf6f2 100%);font-weight:600;box-shadow:0 10px 22px -10px #6366f1e6,inset 0 1px #ffffff2e}.ly-nav-link.active .ly-nav-icon{color:#fff}.ly-nav-link.active:before{content:"";background:#a5b4fc;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-12px;box-shadow:0 0 10px #a5b4fce6}.ly-sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:12px}.ly-system-status{white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.ly-status-dot{background:#34d399;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin:0 6px;position:relative}.ly-status-dot:after{content:"";opacity:.35;animation:ly-pulse 2s var(--ly-ease) infinite;background:#34d399;border-radius:50%;position:absolute;inset:-4px}.ly-status-copy{flex-direction:column;min-width:0;line-height:1.3;transition:opacity .2s;display:flex}.ly-status-copy strong{color:#e2e5f3;font-size:12px;font-weight:600}.ly-status-copy span{color:#6f7597;font-size:10.5px}.ly-shell.is-collapsed .ly-sidebar{flex-basis:var(--ly-sidebar-w-collapsed);width:var(--ly-sidebar-w-collapsed)}.ly-shell.is-collapsed .ly-brand{flex-direction:column;justify-content:center;gap:8px;height:auto;padding:14px 0 12px}.ly-shell.is-collapsed .ly-brand-text,.ly-shell.is-collapsed .ly-nav-label,.ly-shell.is-collapsed .ly-status-copy{display:none}.ly-shell.is-collapsed .ly-collapse-btn svg{transform:rotate(180deg)}.ly-shell.is-collapsed .ly-nav-title{color:#0000;background:#ffffff12;height:1px;margin:0 14px 12px;padding:0;overflow:hidden}.ly-shell.is-collapsed .ly-nav-link{justify-content:center;padding:0}.ly-shell.is-collapsed .ly-system-status{justify-content:center;padding:12px 0}.ly-main{flex-direction:column;flex:1;min-width:0;display:flex}.ly-topbar{z-index:30;height:var(--ly-topbar-h);border-bottom:1px solid var(--ly-line);-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.ly-topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.ly-menu-btn{border:1px solid var(--ly-line);width:38px;height:38px;color:var(--ly-ink-2);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:none}.ly-crumbs{min-width:0;color:var(--ly-subtle);align-items:center;gap:8px;display:flex}.ly-crumb-section{white-space:nowrap;font-size:13px;font-weight:500}.ly-crumbs h1{letter-spacing:-.015em;color:var(--ly-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.ly-topbar-right{align-items:center;gap:10px;display:flex}.ly-user{position:relative}.ly-user-btn{max-width:280px;color:inherit;text-align:left;cursor:pointer;transition:all .18s var(--ly-ease);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.ly-user-btn:hover,.ly-user-btn.is-open{border-color:var(--ly-line);background:#fff;box-shadow:0 1px 2px #0f172a0d}.ly-avatar{background:var(--ly-grad);color:#fff;letter-spacing:.02em;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12.5px;font-weight:700;display:grid;position:relative;box-shadow:0 6px 14px -6px #5b5bf6b3}.ly-avatar.large{flex-basis:42px;width:42px;height:42px;font-size:14px}.ly-avatar-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.ly-user-info{flex-direction:column;min-width:0;line-height:1.3;display:flex}.ly-user-info strong{color:var(--ly-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.ly-user-info span{color:var(--ly-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.ly-user-chevron{color:var(--ly-subtle);transition:transform .2s var(--ly-ease);display:grid}.ly-user-btn.is-open .ly-user-chevron{transform:rotate(180deg)}.ly-user-menu{border:1px solid var(--ly-line);width:260px;animation:ly-pop .18s var(--ly-ease);transform-origin:100% 0;background:#fff;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 48px -16px #1e1b4b38,0 6px 14px -6px #1e1b4b14}.ly-user-menu-head{border-bottom:1px solid #f0f2f8;align-items:center;gap:11px;margin-bottom:6px;padding:10px 10px 12px;display:flex}.ly-user-menu-head div{flex-direction:column;min-width:0;display:flex}.ly-user-menu-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.ly-user-menu-head div span{color:var(--ly-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ly-menu-item{width:100%;color:var(--ly-ink-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.ly-menu-item:hover{background:#f6f7fb}.ly-menu-item.is-danger{color:#dc2626}.ly-menu-item.is-danger:hover{background:#fef2f2}.ly-content{flex:1;min-width:0;padding:20px 28px 16px}.ly-scrim{display:none}@keyframes ly-pulse{0%{opacity:.5;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.9)}}@keyframes ly-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ly-shell *,.ly-shell :before,.ly-shell :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.ly-sidebar,.ly-shell.is-collapsed .ly-sidebar{flex-basis:auto;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:24px 0 48px -12px #02061773}.ly-shell.is-collapsed .ly-brand{height:var(--ly-topbar-h);flex-direction:row;padding:0 14px 0 18px}.ly-shell.is-collapsed .ly-brand-text,.ly-shell.is-collapsed .ly-nav-label,.ly-shell.is-collapsed .ly-status-copy{display:flex}.ly-shell.is-collapsed .ly-nav-label{display:inline}.ly-shell.is-collapsed .ly-nav-title{color:#5d6383;background:0 0;height:auto;margin:0;padding:0 12px 8px}.ly-shell.is-collapsed .ly-nav-link{justify-content:flex-start;padding:0 12px}.ly-shell.is-collapsed .ly-system-status{justify-content:flex-start;padding:10px 12px}.ly-collapse-btn{display:none}.ly-shell.is-mobile-open .ly-sidebar{transform:translate(0)}.ly-scrim{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0f172a73;border:0;transition:opacity .25s;display:block;position:fixed;inset:0}.ly-shell.is-mobile-open .ly-scrim{opacity:1;pointer-events:auto}.ly-menu-btn{display:grid}.ly-topbar{padding:0 16px}.ly-content{padding:16px}}@media (width<=600px){.ly-crumb-section,.ly-crumbs>svg,.ly-user-info,.ly-user-chevron{display:none}.ly-user-btn{padding:3px}}.na-wrap{place-items:center;min-height:calc(100vh - 140px);padding:24px 16px;display:grid}.na-card{text-align:center;background:#fff;border:1px solid #e8ebf3;border-radius:18px;max-width:420px;padding:34px 30px;font-family:Inter,Segoe UI,system-ui,sans-serif;box-shadow:0 24px 48px -16px #1e1b4b24,0 6px 14px -6px #1e1b4b0f}.na-icon{color:#fff;background:linear-gradient(135deg,#5b5bf6 0%,#8b5cf6 100%);border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid;box-shadow:0 12px 24px -10px #5b5bf699}.na-card h2{letter-spacing:-.02em;color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.na-card p{color:#64748b;margin:0;font-size:13.5px;line-height:1.6}.na-card p strong{color:#334155}.na-btn{color:#fff;background:linear-gradient(135deg,#5b5bf6 0%,#8b5cf6 100%);border-radius:10px;margin-top:20px;padding:10px 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:0 6px 14px -6px #5b5bf6b3}.lg-page{--lg-blue:#27398c;--lg-blue-deep:#141f5c;--lg-blue-ink:#1e2d75;--lg-indigo:#5b5bf6;--lg-violet:#8b5cf6;--lg-ink:#0f172a;--lg-ink-2:#334155;--lg-muted:#64748b;--lg-subtle:#94a3b8;--lg-line:#e2e6f0;--lg-surface:#fff;--lg-surface-2:#f8f9fc;--lg-ring:#27398c29;--lg-ease:cubic-bezier(.2, .8, .2, 1);background:var(--lg-surface);min-height:100vh;color:var(--lg-ink);-webkit-font-smoothing:antialiased;grid-template-columns:minmax(420px,1.05fr) minmax(420px,1fr);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:grid}.lg-page *,.lg-page :before,.lg-page :after{box-sizing:border-box}.lg-page button,.lg-page input{font-family:inherit}.lg-brand{background:linear-gradient(150deg, #2f43a0 0%, var(--lg-blue) 38%, var(--lg-blue-deep) 100%);color:#fff;flex-direction:column;justify-content:space-between;gap:40px;padding:44px 56px 36px;display:flex;position:relative;overflow:hidden}.lg-brand-bg{pointer-events:none;position:absolute;inset:0}.lg-orb{filter:blur(10px);border-radius:50%;position:absolute}.lg-orb.one{background:radial-gradient(circle,#8b5cf673,#0000 65%);width:460px;height:460px;top:-140px;right:-140px}.lg-orb.two{background:radial-gradient(circle,#38bdf840,#0000 65%);width:520px;height:520px;bottom:-180px;left:-160px}.lg-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(at 70% 30%,#000 0%,#0000 70%)}.lg-brand-top,.lg-brand-middle,.lg-brand-foot{position:relative}.lg-brand-top{animation:lg-rise .5s var(--lg-ease) both;align-items:center;gap:14px;display:flex}.lg-brand-logo{border-radius:50%;width:56px;height:56px;box-shadow:0 0 0 3px #ffffffe6,0 12px 28px -10px #0000008c}.lg-brand-name{flex-direction:column;line-height:1.25;display:flex}.lg-brand-name strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.lg-brand-name span{color:#ffffffa6;font-size:12.5px}.lg-brand-middle{max-width:520px;animation:lg-rise .55s var(--lg-ease) both 80ms}.lg-brand-middle h2{letter-spacing:-.035em;margin:0 0 14px;font-size:38px;font-weight:750;line-height:1.12}.lg-brand-middle h2 span{background:linear-gradient(90deg,#c7d2fe 0%,#e9d5ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.lg-brand-middle>p{color:#ffffffb8;max-width:440px;margin:0 0 30px;font-size:15px;line-height:1.6}.lg-features{flex-direction:column;gap:16px;margin:0 0 34px;padding:0;list-style:none;display:flex}.lg-features li{align-items:center;gap:14px;display:flex}.lg-feature-icon{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.lg-features div{flex-direction:column;gap:2px;display:flex}.lg-features strong{font-size:14px;font-weight:650}.lg-features div span{color:#ffffffa6;font-size:13px}.lg-preview{-webkit-backdrop-filter:blur(14px)saturate(140%);background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;gap:8px;max-width:400px;padding:16px;display:flex;box-shadow:0 24px 48px -24px #00000080,inset 0 1px #ffffff1a}.lg-bubble{border-radius:14px;max-width:82%;padding:9px 12px 6px;font-size:12.5px;line-height:1.45}.lg-bubble time{text-align:right;opacity:.6;margin-top:3px;font-size:10px;display:block}.lg-bubble.in{color:var(--lg-ink);animation:lg-pop .4s var(--lg-ease) both .5s;background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.lg-bubble.out{background:linear-gradient(135deg, var(--lg-indigo), var(--lg-violet));color:#fff;animation:lg-pop .4s var(--lg-ease) both .9s;border-bottom-right-radius:4px;align-self:flex-end}.lg-preview-status{color:#a7f3d0;animation:lg-pop .4s var(--lg-ease) both 1.3s;background:#10b98129;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-top:4px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.lg-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #34d39940}.lg-brand-foot{color:#ffffff80;font-size:12px}.lg-main{background:radial-gradient(600px 400px at 100% 0%, #5b5bf60f, transparent 60%), var(--lg-surface);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.lg-card{width:100%;max-width:400px;animation:lg-rise .5s var(--lg-ease) both .1s}.lg-card-logo{width:64px;height:64px;box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--lg-line), 0 14px 30px -12px #27398c8c;border-radius:50%;margin-bottom:26px;display:block}.lg-header{margin-bottom:26px}.lg-header h1{letter-spacing:-.035em;color:var(--lg-ink);margin:0 0 6px;font-size:28px;font-weight:750}.lg-header p{color:var(--lg-muted);margin:0;font-size:14.5px}.lg-card form{flex-direction:column;gap:16px;display:flex}.lg-field{flex-direction:column;gap:7px;display:flex}.lg-field label{color:var(--lg-ink-2);font-size:13px;font-weight:600}.lg-input{border:1px solid var(--lg-line);background:var(--lg-surface-2);border-radius:12px;align-items:center;height:48px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.lg-input:hover{border-color:#cdd3e3}.lg-input:focus-within{border-color:var(--lg-blue);background:var(--lg-surface);box-shadow:0 0 0 4px var(--lg-ring)}.lg-input.is-invalid{border-color:#f87171;box-shadow:0 0 0 4px #f8717124}.lg-input-icon{color:var(--lg-subtle);flex:0 0 44px;place-items:center;transition:color .18s;display:grid}.lg-input:focus-within .lg-input-icon{color:var(--lg-blue)}.lg-input input{min-width:0;height:100%;color:var(--lg-ink);background:0 0;border:0;outline:0;flex:1;padding:0 14px 0 0;font-size:14.5px}.lg-input input::placeholder{color:var(--lg-subtle)}.lg-input input:disabled{cursor:not-allowed;opacity:.7}.lg-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--lg-surface-2) inset;-webkit-text-fill-color:var(--lg-ink)}.lg-reveal{height:36px;color:var(--lg-subtle);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 40px;place-items:center;margin-right:6px;transition:color .15s,background .15s;display:grid}.lg-reveal:hover{color:var(--lg-blue);background:#27398c12}.lg-hint{color:#b45309;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.lg-alert{border-radius:12px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:13px;line-height:1.45;animation:.35s lg-shake;display:flex}.lg-alert svg{flex:none;margin-top:1px}.lg-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.lg-alert.is-success{color:#15803d;animation:lg-rise .3s var(--lg-ease) both;background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:18px}.lg-submit{background:linear-gradient(135deg, #3046a8 0%, var(--lg-blue) 50%, var(--lg-blue-ink) 100%);color:#fff;cursor:pointer;height:50px;transition:transform .18s var(--lg-ease), box-shadow .18s var(--lg-ease), filter .18s;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:6px;font-size:15px;font-weight:650;display:inline-flex;box-shadow:0 12px 24px -12px #27398ccc,inset 0 1px #ffffff26}.lg-submit svg{transition:transform .2s var(--lg-ease)}.lg-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 30px -12px #27398ce6,inset 0 1px #ffffff26}.lg-submit:hover:not(:disabled) svg{transform:translate(3px)}.lg-submit:active:not(:disabled){transform:translateY(0)}.lg-submit:disabled{cursor:wait;opacity:.85}.lg-submit:focus-visible{box-shadow:0 0 0 4px var(--lg-ring), 0 12px 24px -12px #27398ccc;outline:0}.lg-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite lg-spin}.lg-help{color:var(--lg-muted);text-align:center;margin:20px 0 0;font-size:13px;line-height:1.5}.lg-secure{border-top:1px solid var(--lg-line);color:var(--lg-subtle);justify-content:center;align-items:center;gap:6px;margin-top:26px;padding-top:20px;font-size:12px;display:flex}.lg-main-foot{color:var(--lg-subtle);margin-top:32px;font-size:12px;display:none}@keyframes lg-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes lg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes lg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lg-page *,.lg-page :before,.lg-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=1100px){.lg-brand{padding:40px 40px 32px}.lg-brand-middle h2{font-size:32px}.lg-preview{display:none}}@media (width<=860px){.lg-page{grid-template-columns:minmax(0,1fr)}.lg-brand{display:none}.lg-main{background:radial-gradient(500px 300px at 50% -10%, #27398c1f, transparent 70%), var(--lg-surface);min-height:100vh;padding:32px 20px}.lg-card{text-align:left}.lg-card-logo{width:72px;height:72px;margin:0 auto 22px}.lg-header{text-align:center}.lg-main-foot{display:block}}.tp{--tp-ink:#0f172a;--tp-ink-2:#334155;--tp-muted:#64748b;--tp-subtle:#94a3b8;--tp-line:#e8ebf3;--tp-line-2:#f0f2f8;--tp-surface:#fff;--tp-surface-2:#fafbfe;--tp-surface-3:#f2f4fa;--tp-brand:#5b5bf6;--tp-brand-ink:#4338ca;--tp-brand-soft:#eef0ff;--tp-ease:cubic-bezier(.2, .8, .2, 1);--tp-good:#0ca30c;--tp-warning:#fab219;--tp-serious:#ec835a;--tp-critical:#d03b3b;--tp-panel-h:196px;border:1px solid var(--tp-line);background:var(--tp-surface);color:var(--tp-ink);animation:tp-rise .5s var(--tp-ease) both .15s;border-radius:18px;flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex;box-shadow:0 4px 14px -4px #0f172a14,0 2px 4px -2px #0f172a0a}.tp *,.tp :before,.tp :after{box-sizing:border-box}.tp button,.tp select{font-family:inherit}.tp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tp-head h2{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:700}.tp-head p{color:var(--tp-muted);margin:2px 0 0;font-size:12px}.tp-updated{color:var(--tp-subtle)}.tp-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-segment{background:var(--tp-surface-3);border-radius:10px;gap:2px;padding:3px;display:flex}.tp-segment button{color:var(--tp-muted);white-space:nowrap;cursor:pointer;transition:all .18s var(--tp-ease);background:0 0;border:0;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:600}.tp-segment button:hover{color:var(--tp-ink)}.tp-segment button.active{background:var(--tp-surface);color:var(--tp-brand-ink);box-shadow:0 1px 3px #0f172a1a,0 0 0 1px #0f172a08}.tp-select{border:1px solid var(--tp-line);background:var(--tp-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;height:31px;color:var(--tp-ink-2);cursor:pointer;border-radius:9px;padding:0 28px 0 10px;font-size:11.5px;font-weight:600}.tp-select:focus{border-color:#c7c9fb;outline:0;box-shadow:0 0 0 4px #5b5bf629}.tp-icon-btn{border:1px solid var(--tp-line);background:var(--tp-surface);width:31px;height:31px;color:var(--tp-muted);cursor:pointer;transition:all .18s var(--tp-ease);border-radius:9px;place-items:center;display:grid}.tp-icon-btn:hover{color:var(--tp-brand);background:var(--tp-brand-soft);border-color:#d9dcfb}.tp-icon-btn.is-spinning svg{animation:.8s linear infinite tp-spin}.tp-error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;padding:9px 12px;font-size:12px}.tp-loading{min-height:160px;color:var(--tp-muted);justify-content:center;align-items:center;gap:10px;font-size:12.5px;display:flex}.tp-spinner{border:2px solid #e4e6f5;border-top-color:var(--tp-brand);border-radius:50%;width:18px;height:18px;animation:.75s linear infinite tp-spin}.tp-body{flex-direction:column;gap:14px;transition:opacity .2s;display:flex}.tp-body.is-refreshing{opacity:.6}.tp-kpis{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.tp-kpi{--tone:var(--tp-subtle);border:1px solid var(--tp-line-2);background:var(--tp-surface-2);border-radius:12px;flex-direction:column;min-width:0;padding:10px 11px;display:flex}.tp-kpi.tone-good{--tone:var(--tp-good)}.tp-kpi.tone-warning{--tone:var(--tp-warning)}.tp-kpi.tone-serious{--tone:var(--tp-serious)}.tp-kpi.tone-critical{--tone:var(--tp-critical)}.tp-kpi[class*=tone-]{border-color:color-mix(in srgb, var(--tone) 30%, var(--tp-line));background:color-mix(in srgb, var(--tone) 6%, var(--tp-surface))}.tp-kpi-top{align-items:center;gap:6px;min-width:0;display:flex}.tp-kpi-icon{background:var(--tp-surface);width:22px;height:22px;color:var(--tp-muted);box-shadow:inset 0 0 0 1px var(--tp-line);border-radius:6px;flex:0 0 22px;place-items:center;display:grid}.tp-kpi[class*=tone-] .tp-kpi-icon{background:var(--tone);color:#fff;box-shadow:none}.tp-kpi-label{color:var(--tp-ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;overflow:hidden}.tp-kpi-value{letter-spacing:-.03em;color:var(--tp-ink);margin-top:7px;font-size:21px;font-weight:750;line-height:1.1}.tp-kpi-hint{color:var(--tp-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px;overflow:hidden}.tp-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:12px;display:grid}.tp-card{border:1px solid var(--tp-line-2);background:var(--tp-surface);border-radius:14px;flex-direction:column;min-width:0;padding:12px 14px;display:flex}.tp-card-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.tp-card-head h3{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:700}.tp-card-head span{color:var(--tp-subtle);white-space:nowrap;font-size:11px}.tp-scroll{max-height:var(--tp-panel-h);scrollbar-width:thin;scrollbar-color:#d7dbe7 transparent;overflow:auto}.tp-empty{text-align:center;min-height:120px;color:var(--tp-muted);flex:1;place-items:center;padding:12px;font-size:12px;display:grid}.tp-empty a{color:var(--tp-brand-ink);font-weight:600}.tp-stack{gap:2px;height:12px;margin-bottom:10px;display:flex}.tp-seg{cursor:default;flex-basis:0;min-width:6px;transition:opacity .18s;position:relative}.tp-seg:first-child{border-radius:4px 0 0 4px}.tp-seg:last-child{border-radius:0 4px 4px 0}.tp-seg:only-child{border-radius:4px}.tp-seg.is-dim{opacity:.3}.tp-seg:focus-visible{outline:2px solid var(--tp-ink);outline-offset:2px}.tp-seg:after{content:"";position:absolute;inset:-10px -1px}.tp-tip{z-index:5;color:#e2e8f0;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:8px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:500;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px -8px #0f172a80}.tp-tip i{border-radius:2px;width:8px;height:8px;box-shadow:0 0 0 1.5px #0f172a,0 0 0 2.5px #ffffff80}.tp-tip b{color:#fff;font-weight:700}.tp-tip em{color:#94a3b8;font-style:normal}.tp-seg:hover .tp-tip,.tp-seg:focus-visible .tp-tip{display:inline-flex}.tp-legend{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.tp-legend li{min-width:0;color:var(--tp-ink-2);border-radius:7px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;transition:opacity .18s,background .18s;display:flex}.tp-legend li:hover{background:var(--tp-surface-2)}.tp-legend li.is-dim{opacity:.4}.tp-legend li.is-zero{color:var(--tp-subtle)}.tp-legend li.is-zero b{color:var(--tp-subtle);font-weight:500}.tp-legend i{border-radius:3px;flex:0 0 9px;width:9px;height:9px}.tp-legend span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tp-legend b{color:var(--tp-ink);font-variant-numeric:tabular-nums;font-weight:700}.tp-legend em{min-width:34px;color:var(--tp-subtle);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.tp-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.tp-table thead th{z-index:1;border-bottom:1px solid var(--tp-line);background:var(--tp-surface);letter-spacing:.06em;text-align:right;text-transform:uppercase;color:var(--tp-subtle);white-space:nowrap;cursor:help;padding:0 6px 7px;font-size:10px;font-weight:700;position:sticky;top:0}.tp-table td{border-bottom:1px solid var(--tp-line-2);text-align:right;color:var(--tp-ink-2);white-space:nowrap;padding:7px 6px}.tp-table th:first-child,.tp-table td:first-child{text-align:left;padding-left:2px}.tp-table th:last-child,.tp-table td:last-child{padding-right:2px}.tp-table tbody tr{transition:background .15s}.tp-table tbody tr:hover{background:var(--tp-surface-2)}.tp-table tbody tr:last-child td{border-bottom:0}.tp-name{text-overflow:ellipsis;max-width:130px;font-weight:650;overflow:hidden;color:var(--tp-ink)!important}.tp-zero{color:var(--tp-subtle)}.tp-issues{gap:8px;display:inline-flex}.tp-flag{color:var(--tp-ink);align-items:center;gap:4px;font-weight:700;display:inline-flex}.tp-flag:before,.tp-key i{content:"";background:var(--tone);border-radius:50%;width:7px;height:7px}.tp-flag.tone-serious,.tp-key i.tone-serious{--tone:var(--tp-serious)}.tp-flag.tone-critical,.tp-key i.tone-critical{--tone:var(--tp-critical)}.tp-key{border-top:1px solid var(--tp-line-2);color:var(--tp-muted);gap:14px;margin-top:auto;padding-top:8px;font-size:10.5px;display:flex}.tp-key span{align-items:center;gap:5px;display:inline-flex}.tp-key i{display:inline-block}.tp-meter{justify-content:flex-end;align-items:center;gap:6px;display:flex}.tp-meter .tp-meter-track{flex:0 0 48px}.tp-meter span{min-width:32px;color:var(--tp-ink);text-align:right;font-weight:650}.tp-meter-track{background:var(--tp-surface-3);border-radius:999px;height:5px;overflow:hidden}.tp-meter-fill{background:var(--tp-brand);height:100%;transition:width .6s var(--tp-ease);border-radius:999px}.tp-agents{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tp-agents li{border-radius:9px;align-items:center;gap:9px;padding:6px 4px;transition:background .15s;display:flex}.tp-agents li:hover{background:var(--tp-surface-2)}.tp-rank{color:var(--tp-subtle);text-align:center;flex:0 0 14px;font-size:10.5px;font-weight:700}.tp-agent-avatar{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:700;display:grid}.tp-agent-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tp-agent-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tp-agent-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.tp-agent-row span{color:var(--tp-ink);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700}.tp-agent-meta{color:var(--tp-muted);font-size:10.5px}@keyframes tp-spin{to{transform:rotate(360deg)}}@keyframes tp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tp,.tp *,.tp :before,.tp :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=1500px){.tp-meter .tp-meter-track{display:none}.tp-table td,.tp-table thead th{padding-left:5px;padding-right:5px}}@media (width<=1280px){.tp-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.tp-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-panels>.tp-card:nth-child(2){grid-area:1/1/auto/-1}}@media (width<=640px){.tp{padding:14px}.tp-filters{width:100%}.tp-segment{flex:1}.tp-segment button{flex:1;padding:5px 4px}.tp-select{flex:1}.tp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-panels{grid-template-columns:minmax(0,1fr)}.tp-panels>.tp-card:nth-child(2){grid-row:auto}}.db-page{--db-font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--db-surface:#fff;--db-surface-2:#fafbfe;--db-surface-3:#f2f4fa;--db-ink:#0f172a;--db-ink-2:#334155;--db-muted:#64748b;--db-subtle:#94a3b8;--db-line:#e8ebf3;--db-line-2:#f0f2f8;--db-brand:#5b5bf6;--db-brand-2:#8b5cf6;--db-brand-ink:#4338ca;--db-brand-soft:#eef0ff;--db-brand-ring:#5b5bf629;--db-grad:linear-gradient(135deg, #5b5bf6 0%, #8b5cf6 100%);--db-r-md:12px;--db-r-lg:18px;--db-shadow-sm:0 1px 2px #0f172a0d;--db-shadow-md:0 4px 14px -4px #0f172a14, 0 2px 4px -2px #0f172a0a;--db-shadow-lg:0 24px 48px -16px #1e1b4b24, 0 6px 14px -6px #1e1b4b0f;--db-ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--db-font);color:var(--db-ink);-webkit-font-smoothing:antialiased;flex-direction:column;gap:20px;padding-bottom:24px;display:flex}.db-page *,.db-page :before,.db-page :after{box-sizing:border-box}.db-page a{color:inherit;text-decoration:none}.db-page :focus-visible{outline:2px solid var(--db-brand);outline-offset:2px}.db-page .tone-indigo{--tone-fg:#4f46e5;--tone-bg:#eef0ff;--tone-glow:#4f46e52e}.db-page .tone-violet{--tone-fg:#7c3aed;--tone-bg:#f3eeff;--tone-glow:#7c3aed2e}.db-page .tone-emerald{--tone-fg:#059669;--tone-bg:#e8faf2;--tone-glow:#0596692e}.db-page .tone-amber{--tone-fg:#d97706;--tone-bg:#fff6e5;--tone-glow:#d977062e}.db-page .tone-sky{--tone-fg:#0284c7;--tone-bg:#e8f5fd;--tone-glow:#0284c72e}.db-page .tone-rose{--tone-fg:#e11d48;--tone-bg:#fff0f3;--tone-glow:#e11d482e}.db-hero{border-radius:var(--db-r-lg);color:#fff;animation:db-rise .45s var(--db-ease) both;background:radial-gradient(600px 260px at 100% 0,#a78bfa73,#0000 60%),radial-gradient(500px 300px at 0 100%,#38bdf838,#0000 60%),linear-gradient(135deg,#312e81 0%,#4338ca 45%,#6d28d9 100%);grid-template-columns:minmax(0,1fr) minmax(260px,330px);align-items:center;gap:28px;padding:30px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 48px -20px #4338ca8c}.db-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%)}.db-hero-glow{pointer-events:none;background:radial-gradient(circle,#ffffff38,#0000 65%);border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-80px}.db-hero-main{min-width:0;position:relative}.db-hero-date{letter-spacing:.02em;color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.db-hero-date:before{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34d39940}.db-hero h1{letter-spacing:-.035em;color:#fff;margin:16px 0 8px;font-size:30px;font-weight:750;line-height:1.15}.db-hero h1 span{background:linear-gradient(90deg,#fff 0%,#c4b5fd 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.db-hero-main p{color:#ffffffbf;max-width:520px;margin:0;font-size:14px;line-height:1.6}.db-hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.db-btn{white-space:nowrap;height:40px;transition:transform .18s var(--db-ease), box-shadow .18s var(--db-ease), background .18s;border-radius:11px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;display:inline-flex}.db-btn:hover{transform:translateY(-1px)}.db-btn:active{transform:translateY(0)}.db-btn-primary{background:#fff;box-shadow:0 8px 20px -8px #0f172a73;color:var(--db-brand-ink)!important}.db-btn-primary:hover{box-shadow:0 12px 26px -10px #0f172a8c}.db-btn-ghost{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff40;color:#fff!important}.db-btn-ghost:hover{background:#ffffff29}.db-hero-profile{-webkit-backdrop-filter:blur(14px)saturate(160%);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px 12px;padding:18px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff26}.db-hero-avatar{width:48px;height:48px;color:var(--db-brand-ink);letter-spacing:.02em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);border-radius:14px;place-items:center;font-size:16px;font-weight:800;display:grid;box-shadow:0 8px 18px -8px #0f172a80}.db-hero-profile-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.db-hero-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.db-hero-profile-copy span{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.db-hero-progress{border-top:1px solid #ffffff24;grid-column:1/-1;padding-top:14px}.db-hero-progress-top{color:#fffc;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:11.5px;font-weight:600;display:flex}.db-hero-progress-top strong{color:#fff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:750}.db-progress-track{background:#ffffff29;border-radius:999px;height:7px;overflow:hidden}.db-progress-fill{border-radius:inherit;height:100%;transition:width .8s var(--db-ease);animation:db-grow 1s var(--db-ease) both .2s;transform-origin:0;background:linear-gradient(90deg,#34d399 0%,#a7f3d0 100%);box-shadow:0 0 12px #34d39999}.db-hero-progress small{color:#fff9;margin-top:8px;font-size:11px;display:block}.db-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.db-stat{border:1px solid var(--db-line);border-radius:var(--db-r-lg);background:var(--db-surface);min-width:0;box-shadow:var(--db-shadow-sm);transition:transform .2s var(--db-ease), box-shadow .2s var(--db-ease), border-color .2s;animation:db-rise .45s var(--db-ease) both;flex-direction:column;padding:18px;display:flex;position:relative;overflow:hidden}.db-stat:first-child{animation-delay:50ms}.db-stat:nth-child(2){animation-delay:.1s}.db-stat:nth-child(3){animation-delay:.15s}.db-stat:nth-child(4){animation-delay:.2s}.db-stat:before{content:"";background:var(--tone-fg);opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.db-stat:after{content:"";background:radial-gradient(circle, var(--tone-glow), transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.db-stat.is-link:hover{box-shadow:var(--db-shadow-lg);border-color:#dcdff0;transform:translateY(-3px)}.db-stat-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.db-icon-chip{background:var(--tone-bg);width:40px;height:40px;color:var(--tone-fg);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #fff9}.db-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 8px;font-size:10.5px;font-weight:650;display:inline-flex}.db-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.db-badge.state-success{color:#047857;background:#ecfdf5}.db-badge.state-warning{color:#b45309;background:#fffbeb}.db-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--db-subtle);font-size:10.5px;font-weight:700}.db-stat-value{letter-spacing:-.02em;color:var(--db-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:19px;font-weight:750;overflow:hidden}.db-stat-value.is-mono{letter-spacing:-.01em;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,monospace;font-size:15px;font-weight:650}.db-stat-hint{color:var(--db-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12.5px;overflow:hidden}.db-stat-link{color:var(--tone-fg);align-items:center;gap:4px;margin-top:14px;font-size:12px;font-weight:650;display:inline-flex}.db-stat-link svg{transition:transform .2s var(--db-ease)}.db-stat.is-link:hover .db-stat-link svg{transform:translate(3px)}.db-lower{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.db-panel{border:1px solid var(--db-line);border-radius:var(--db-r-lg);background:var(--db-surface);box-shadow:var(--db-shadow-md);animation:db-rise .5s var(--db-ease) both .2s;flex-direction:column;display:flex;overflow:hidden}.db-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.db-panel-head h2{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:700}.db-panel-head p{color:var(--db-muted);margin:4px 0 0;font-size:12.5px}.db-count-pill{background:var(--db-brand-soft);color:var(--db-brand-ink);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.db-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px;display:grid}.db-action{border:1px solid var(--db-line);background:var(--db-surface);min-width:0;transition:all .2s var(--db-ease);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.db-action:hover{background:var(--db-surface-2);box-shadow:var(--db-shadow-md);border-color:#d9dcfb;transform:translateY(-2px)}.db-action-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.db-action-copy strong{color:var(--db-ink);font-size:13.5px;font-weight:650}.db-action-copy span{color:var(--db-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.db-action-arrow{background:var(--db-surface-3);width:28px;height:28px;color:var(--db-subtle);transition:all .2s var(--db-ease);border-radius:50%;flex:none;place-items:center;display:grid}.db-action:hover .db-action-arrow{background:var(--db-grad);color:#fff;transform:translate(2px)}.db-steps{flex-direction:column;margin:0;padding:0 20px 8px;list-style:none;display:flex;position:relative}.db-step{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid;position:relative}.db-step:not(:last-child):after{content:"";background:var(--db-line);width:1px;position:absolute;top:42px;bottom:-10px;left:13.5px}.db-step.is-done:not(:last-child):after{background:linear-gradient(180deg, #10b981, var(--db-line))}.db-step-marker{z-index:1;border:1.5px solid var(--db-line);background:var(--db-surface);width:28px;height:28px;color:var(--db-muted);border-radius:50%;place-items:center;font-size:11.5px;font-weight:700;display:grid;position:relative}.db-step.is-done .db-step-marker{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#0000;box-shadow:0 6px 12px -6px #10b981b3}.db-step-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.db-step-copy strong{color:var(--db-ink);font-size:13px;font-weight:650}.db-step.is-done .db-step-copy strong{color:var(--db-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--db-subtle);text-decoration-color:var(--db-subtle)}.db-step-copy span{color:var(--db-muted);font-size:12px;line-height:1.45}.db-step-btn{background:var(--db-brand-soft);transition:all .18s var(--db-ease);border:1px solid #dfe2fb;border-radius:9px;padding:6px 12px;font-size:11.5px;font-weight:700;color:var(--db-brand-ink)!important}.db-step-btn:hover{background:var(--db-grad);border-color:#0000;box-shadow:0 6px 14px -6px #5b5bf6b3;color:#fff!important}.db-panel-foot{border-top:1px solid var(--db-line-2);background:var(--db-surface-2);align-items:center;gap:8px;margin-top:auto;padding:14px 20px;font-size:12.5px;font-weight:600;transition:background .18s,color .18s;display:flex;color:var(--db-ink-2)!important}.db-panel-foot svg:last-child{color:var(--db-subtle);transition:transform .2s var(--db-ease);margin-left:auto}.db-panel-foot:hover{background:var(--db-brand-soft);color:var(--db-brand-ink)!important}.db-panel-foot:hover svg:last-child{color:var(--db-brand);transform:translate(3px)}@keyframes db-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes db-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.db-page *,.db-page :before,.db-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (width<=1200px){.db-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.db-hero,.db-lower{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.db-page{gap:14px}.db-hero{border-radius:16px;gap:20px;padding:22px 18px}.db-hero h1{font-size:24px}.db-hero-main p{font-size:13px}.db-btn{flex:1;justify-content:center}.db-stats{grid-template-columns:minmax(0,1fr);gap:12px}.db-actions{grid-template-columns:minmax(0,1fr);padding:0 14px 14px}.db-panel-head{padding:16px 14px 12px}.db-steps{padding:0 14px 6px}.db-panel-foot{padding:12px 14px}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.wa-flow-builder{color:#172033;background:#f4f6fa;gap:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:calc(100vh - 74px)!important;min-height:560px!important;padding:18px!important}.wa-flow-builder *{box-sizing:border-box}.wa-flow-toolbar{background:#fff;border:1px solid #e1e6ef;border-bottom:0;border-radius:12px 12px 0 0;flex-shrink:0;min-height:66px;padding:12px 16px;position:relative;box-shadow:0 2px 8px #14234109;gap:8px!important;margin-bottom:0!important}.wa-flow-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex;min-width:190px!important}.wa-flow-toolbar input[aria-label=Flow\ name]{letter-spacing:-.02em;max-width:360px;padding:3px 0;color:#172033!important;font-family:inherit!important;font-size:16px!important;font-weight:650!important}.wa-flow-toolbar small{color:#7a8497;letter-spacing:.01em;font-size:11px}.wa-flow-toolbar select{outline:none;font:500 12px inherit;color:#354258!important;border:1px solid #d9e0ea!important;border-radius:7px!important;max-width:220px!important;height:36px!important;padding:0 32px 0 11px!important}.wa-flow-toolbar button{color:#354258;cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:7px;height:36px;padding:0 13px;font:600 12px inherit;transition:background .15s,border-color .15s,box-shadow .15s}.wa-flow-toolbar button:hover:not(:disabled){background:#f7f9fc;border-color:#aebbd0}.wa-flow-toolbar button:nth-of-type(2){color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 4px #2563eb24}.wa-flow-toolbar button:nth-of-type(2):hover:not(:disabled){background:#1d4ed8}.wa-flow-toolbar button:disabled{opacity:.48;cursor:not-allowed}.wa-flow-builder>div:nth-of-type(2){background:#fff;border:1px solid #e1e6ef;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 8px 28px #1423410b;gap:0!important}.wa-flow-palette{scrollbar-width:thin;scrollbar-color:#cbd3df transparent;background:#fff!important;border-right:1px solid #e7ebf2!important;flex:0 0 248px!important;width:248px!important;padding:16px 13px!important;overflow-y:auto!important}.wa-flow-palette>button:first-child,.wa-flow-palette>button:nth-of-type(2),.wa-flow-palette>button:nth-of-type(3){min-height:76px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #1018280a;border-radius:9px!important;margin-bottom:9px!important;padding:13px!important}.wa-flow-palette>button:first-child:hover,.wa-flow-palette>button:nth-of-type(2):hover,.wa-flow-palette>button:nth-of-type(3):hover{transform:translateY(-1px);box-shadow:0 5px 12px #10182814}.wa-flow-palette>button:first-child{background:#f05269!important}.wa-flow-palette>button:nth-of-type(2){background:#ff9838!important}.wa-flow-palette>button:nth-of-type(3){background:#7586e6!important}.wa-flow-palette>button:first-child strong,.wa-flow-palette>button:nth-of-type(2) strong,.wa-flow-palette>button:nth-of-type(3) strong{letter-spacing:-.01em;font-size:12px!important}.wa-flow-palette>button:first-child small,.wa-flow-palette>button:nth-of-type(2) small,.wa-flow-palette>button:nth-of-type(3) small{line-height:1.45;font-size:10px!important}.wa-flow-palette>div[style*="font-size: 11px"]{text-transform:uppercase;letter-spacing:.09em;color:#7e899b;font-weight:700;margin:0!important;padding:15px 2px 8px!important;font-size:10px!important}.wa-flow-palette>div[style*=grid-template-columns]{gap:4px!important}.wa-flow-palette>div[style*=grid-template-columns] button{font-weight:500;line-height:1.3;transition:background .15s,border-color .15s;border:1px solid #0000!important;border-radius:8px!important;min-height:74px!important;padding:9px 4px!important;font-size:10px!important}.wa-flow-palette>div[style*=grid-template-columns] button:hover{background:#f5f8fc!important;border-color:#e3e9f2!important}.wa-flow-palette>div[style*=grid-template-columns] button span{color:#4e617d!important;background:#f0f4f9!important;border-radius:10px!important;width:34px!important;height:34px!important;font-size:17px!important}.wa-flow-canvas{background-color:#f5f7fb!important;background-image:radial-gradient(#d6dce7 .85px,#0000 .85px)!important;background-size:20px 20px!important;border:0!important;border-radius:0!important;min-width:0!important}.wa-flow-canvas .react-flow,.wa-flow-canvas .react-flow__background{background:0 0}.wa-flow-canvas .react-flow__controls{background:#fff;border:1px solid #dfe5ee;border-radius:9px;flex-direction:row;gap:2px;padding:4px;display:flex;bottom:18px;left:18px;overflow:hidden;box-shadow:0 4px 14px #1c2b4512}.wa-flow-canvas .react-flow__controls-button{fill:#526078;background:#fff;border:0;border-radius:5px;width:30px;height:30px}.wa-flow-canvas .react-flow__controls-button:hover{background:#eef3fa}.wa-flow-canvas .react-flow__minimap{border:1px solid #dfe5ee;border-radius:9px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 14px #1c2b4512}.wa-flow-canvas .react-flow__edge-path{stroke:#a9b2c1;stroke-width:1.5px}.wa-flow-canvas .react-flow__connection-path{stroke:#2563eb;stroke-width:2px}.wa-flow-canvas .react-flow__handle{background:#19a765;border:2px solid #fff;width:9px;height:9px;box-shadow:0 0 0 1px #16a76555}.wa-flow-node{transition:box-shadow .15s,border-color .15s;background:#fff!important;border-color:#e2e7ef!important;border-radius:8px!important;overflow:visible!important;box-shadow:0 5px 16px #1a2a461f!important}.wa-flow-node.is-selected{border:1px solid #3478f6!important;box-shadow:0 0 0 3px #3478f61b,0 8px 20px #1a2a4626!important}.wa-flow-node>div:first-of-type{letter-spacing:.005em;min-height:36px;padding:8px 10px!important;font-size:12px!important}.wa-flow-node.wa-node-interactivelist>div:first-of-type,.wa-flow-node.wa-node-interactivebuttons>div:first-of-type{color:#fff!important;background:#ff9638!important}.wa-flow-node.wa-node-message>div:first-of-type{color:#fff!important;background:#f05269!important}.wa-flow-node.wa-node-question>div:first-of-type{color:#fff!important;background:#ff9638!important}.wa-flow-node>div:not(:first-of-type){font-size:11px}.wa-flow-node button{font-family:inherit}.wa-flow-node textarea:focus,.wa-flow-node input:focus{border-color:#60a5fa!important;outline:2px solid #bfdbfe!important}.wa-flow-builder [role=status]{color:#68758b;flex-shrink:0;padding:8px 3px 0;font-size:11px!important}.wa-flow-builder [role=dialog]{border:1px solid #e4e9f1;border-radius:12px!important;box-shadow:0 24px 80px #0b17365c!important}@media (width<=900px){.wa-flow-builder{height:calc(100vh - 64px)!important;padding:10px!important}.wa-flow-toolbar{gap:6px!important;padding:10px!important}.wa-flow-toolbar>div:first-child{flex-basis:100%}.wa-flow-toolbar input[aria-label=Flow\ name]{max-width:100%}.wa-flow-toolbar select{flex:1;min-width:150px}.wa-flow-palette{flex-basis:190px!important;width:190px!important;padding:10px!important}.wa-flow-palette>div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (width<=600px){.wa-flow-builder{min-height:0!important;padding:6px!important}.wa-flow-builder>div:nth-of-type(2){flex-direction:column}.wa-flow-palette{max-height:190px;border-bottom:1px solid #e7ebf2!important;border-right:0!important;flex:none!important;width:100%!important}.wa-flow-palette>div[style*=grid-template-columns]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.wa-flow-palette>button:first-child,.wa-flow-palette>button:nth-of-type(2),.wa-flow-palette>button:nth-of-type(3){min-height:54px!important}.wa-flow-canvas{min-height:320px!important}}.wa-flow-builder{color:#182238!important}.wa-flow-toolbar{gap:8px!important}.wa-flow-toolbar button{white-space:nowrap}.wa-flow-palette{padding:17px 14px!important}.wa-flow-palette button{transition:transform .16s,box-shadow .16s,background .16s}.wa-flow-canvas{background-color:#f6f8fc!important}.wa-flow-node{border-radius:11px!important;box-shadow:0 7px 20px #192a461c!important}.wa-flow-node>div:first-of-type{border-radius:10px 10px 0 0}.wa-flow-node.wa-node-message>div:first-of-type{background:linear-gradient(115deg,#ed596b,#df4660)!important}.wa-flow-node.wa-node-interactivebuttons>div:first-of-type,.wa-flow-node.wa-node-interactivelist>div:first-of-type,.wa-flow-node.wa-node-question>div:first-of-type{background:linear-gradient(115deg,#ff9e42,#f28a27)!important}.wa-flow-builder [role=dialog]{border:1px solid #e3e8f0!important;border-radius:18px!important;width:min(100%,980px)!important;max-height:94vh!important;padding:0!important;overflow:auto!important;box-shadow:0 28px 90px #0a162d59!important}.wa-flow-builder [role=dialog]>div:first-child{z-index:5;background:#fff;position:sticky;top:0;border-bottom:1px solid #edf0f5!important;padding:17px 22px!important}.wa-editor-title{align-items:center;gap:12px;min-width:0;display:flex}.wa-editor-title-icon{color:#087443;background:#e8f7ee;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.wa-editor-subtitle{color:#7b8799;margin-top:4px;font-size:11px;font-weight:400}.wa-editor-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;padding:20px 22px 22px;display:grid}.wa-editor-fields{min-width:0}.wa-editor-fields>div[style*=border-bottom]{border-bottom-color:#edf0f5!important}.wa-editor-fields label{color:#39465c!important;font-size:12px!important;font-weight:650!important}.wa-editor-fields input:not([type=file]),.wa-editor-fields textarea,.wa-editor-fields select{transition:border-color .15s,box-shadow .15s;background:#fbfcfe!important;border:1px solid #dce3ed!important;border-radius:8px!important;padding:10px 11px!important}.wa-editor-fields input:focus,.wa-editor-fields textarea:focus,.wa-editor-fields select:focus{border-color:#24a36a!important;outline:none!important;box-shadow:0 0 0 3px #24a36a1f!important}.wa-editor-fields button{transition:filter .15s,transform .15s}.wa-editor-fields button:hover{filter:brightness(.98)}.wa-editor-actions{justify-content:flex-end;gap:9px;margin-top:6px;padding-top:18px;display:flex}.wa-editor-actions button{cursor:pointer;border-radius:8px;padding:10px 17px;font-size:12px;font-weight:700}.wa-editor-cancel{color:#46546a;background:#fff;border:1px solid #d8e0eb}.wa-editor-save{color:#fff;background:#16834e;border:1px solid #16834e;box-shadow:0 3px 8px #16834e2e}.wa-phone-preview{background:#f7f9fc;border:1px solid #e3e9f1;border-radius:15px;min-width:0;padding:13px;position:sticky;top:84px}.wa-preview-heading{color:#354259;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;font-weight:750;display:flex}.wa-preview-heading>span:last-child{color:#16834e;background:#e4f5eb;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:9px;font-weight:700}.wa-preview-live-dot{background:#19a765;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d9f5e6}.wa-phone{background:#e9e4db;border:6px solid #202b3c;border-radius:27px;overflow:hidden;box-shadow:0 12px 26px #121e3224}.wa-phone-top{color:#fff;background:#087d68;align-items:center;gap:8px;min-height:51px;padding:9px 10px;display:flex}.wa-phone-back{font-size:25px;line-height:1}.wa-phone-avatar{color:#087d68;background:#d9f4e7;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.wa-phone-top strong,.wa-phone-top small{display:block}.wa-phone-top strong{font-size:11px}.wa-phone-top small{opacity:.8;margin-top:2px;font-size:9px}.wa-phone-more{margin-left:auto;font-size:21px}.wa-phone-chat{background-color:#efe9df;background-image:radial-gradient(#ded7cb .65px,#0000 .65px);background-size:11px 11px;min-height:270px;padding:13px 9px}.wa-phone-date{color:#778093;background:#fff;border-radius:6px;width:max-content;margin:0 auto 13px;padding:4px 8px;font-size:8px;box-shadow:0 1px 2px #0000000a}.wa-phone-bubble{color:#253044;overflow-wrap:anywhere;background:#fff;border-radius:3px 10px 10px;max-width:100%;padding:10px 9px 6px;box-shadow:0 1px 2px #17203314}.wa-preview-header{margin-bottom:7px;font-size:11px;display:block}.wa-preview-body{white-space:pre-wrap;font-size:10px;line-height:1.55}.wa-preview-buttons{gap:5px;margin-top:9px;display:grid}.wa-preview-button,.wa-preview-list-trigger{color:#1682c4;text-align:center;background:#fff;border:1px solid #e4e9ef;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:29px;padding:6px;font-size:10px;font-weight:650;display:flex}.wa-preview-button span{color:#7c8a9d;font-size:11px}.wa-preview-list-trigger{background:#f7fbff;margin-top:9px}.wa-preview-list-items{background:#fff;border:1px solid #e8edf3;border-radius:6px;margin-top:6px;padding:2px 8px}.wa-preview-list-item{color:#344054;border-bottom:1px solid #edf0f4;justify-content:space-between;gap:8px;padding:7px 0;font-size:9px;display:flex}.wa-preview-list-item:last-child{border-bottom:0}.wa-preview-list-item span{color:#98a2b3;font-size:15px}.wa-preview-footer{color:#8b95a5;margin-top:7px;font-size:9px}.wa-preview-time{color:#98a2b3;justify-content:flex-end;gap:5px;margin-top:5px;font-size:8px;display:flex}.wa-preview-time span{color:#35a7cf}.wa-phone-compose{color:#a1a8b3;background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin:7px;padding:9px 10px;font-size:10px;display:flex}.wa-preview-note{color:#8994a6;margin:10px 2px 0;font-size:9px;line-height:1.5}@media (width<=780px){.wa-editor-layout{grid-template-columns:minmax(0,1fr);padding:14px!important}.wa-phone-preview{width:100%;max-width:360px;margin:0 auto;position:static}.wa-flow-builder [role=dialog]>div:first-child{padding:14px!important}}@media (width<=600px){.wa-editor-layout{gap:14px}.wa-phone-chat{min-height:180px}}.wa-selected-attachment{background:#f7fcf9;border:1px solid #d8e6dd;border-radius:10px;align-items:center;gap:10px;min-width:0;margin-top:10px;padding:10px;display:flex}.wa-selected-attachment-icon{color:#12804a;background:#e2f5e9;border-radius:8px;flex:0 0 38px;place-items:center;height:38px;font-size:22px;font-weight:700;display:grid}.wa-selected-attachment-details{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:12px;display:flex}.wa-selected-attachment-details strong{text-overflow:ellipsis;white-space:nowrap;color:#253044;overflow:hidden}.wa-selected-attachment-details span{color:#667085;font-size:11px}.wa-remove-attachment{color:#c0392b;cursor:pointer;background:0 0;border:0;padding:6px;font-size:11px}.wa-preview-media{background:#f4f6f8;border-radius:7px;margin:-2px -1px 4px;overflow:hidden}.wa-preview-media img,.wa-preview-media video{object-fit:contain;background:#f4f6f8;width:100%;max-height:220px;display:block}.wa-preview-media audio{box-sizing:border-box;width:100%;max-width:100%;padding:8px;display:block}.wa-preview-document{color:#344054;background:#f4f6f8;align-items:center;gap:9px;padding:12px;display:flex}.wa-preview-document>span{color:#475467;background:#e2e8f0;border-radius:5px;place-items:center;width:34px;height:40px;font-size:20px;display:grid}.wa-preview-document div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.wa-preview-document strong{overflow-wrap:anywhere;font-size:10px}.wa-preview-document small{color:#667085;font-size:8px}.wa-preview-media-placeholder{color:#667085;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;padding:14px 10px;font-size:10px}.wa-editor-overlay,.wa-editor-overlay *{box-sizing:border-box}.wa-editor-overlay{color:#253044;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.wa-editor-dialog{color:#253044!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:16px!important;width:min(980px,100vw - 32px)!important;max-height:calc(100vh - 32px)!important;padding:0!important;font-family:inherit!important;line-height:1.45!important;overflow:auto!important;box-shadow:0 28px 90px #0a162d59!important}.wa-editor-dialog>div:first-child{z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0;background:#fff!important;border-bottom:1px solid #edf0f5!important;padding:17px 22px!important}.wa-editor-dialog .wa-editor-layout{grid-template-columns:minmax(0,1fr) 300px!important;align-items:start!important;gap:22px!important;padding:20px 22px 22px!important;display:grid!important}.wa-editor-dialog .wa-editor-fields{min-width:0;font-family:inherit;font-size:13px}.wa-editor-dialog .wa-editor-fields label{margin-bottom:8px;display:block;color:#39465c!important;font-size:12px!important;font-weight:650!important}.wa-editor-dialog .wa-editor-fields input:not([type=file]),.wa-editor-dialog .wa-editor-fields textarea,.wa-editor-dialog .wa-editor-fields select{max-width:100%;font:inherit}.wa-editor-dialog .wa-editor-fields input[type=file]{color:#475467;width:100%;max-width:100%;padding:10px 0;font:12px inherit;display:block}.wa-editor-dialog .wa-editor-actions{border-top:1px solid #edf0f5;flex-wrap:wrap;justify-content:flex-end!important;gap:9px!important;margin-top:6px!important;padding-top:18px!important;display:flex!important}.wa-editor-dialog .wa-editor-actions button{min-height:38px;border-radius:8px!important;padding:9px 16px!important;font:700 12px inherit!important}.wa-editor-dialog .wa-editor-cancel{color:#46546a!important;background:#fff!important;border:1px solid #d8e0eb!important}.wa-editor-dialog .wa-editor-save{color:#fff!important;background:#16834e!important;border:1px solid #16834e!important}.wa-editor-dialog .wa-phone-preview{width:100%;min-width:0;font-family:inherit;position:sticky;top:82px;background:#f7f9fc!important;border:1px solid #e3e9f1!important;border-radius:15px!important;padding:13px!important}.wa-editor-dialog .wa-phone{width:100%;max-width:300px;margin:0 auto;overflow:hidden}.wa-editor-dialog .wa-phone-chat{overflow-wrap:anywhere;min-width:0}@media (width<=780px){.wa-editor-overlay{padding:8px!important}.wa-editor-dialog{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}.wa-editor-dialog>div:first-child{padding:14px!important}.wa-editor-dialog .wa-editor-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:14px!important}.wa-editor-dialog .wa-phone-preview{max-width:360px;margin:0 auto;position:static}}.inbox-page{--ix-font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--ix-bg:#f6f7fb;--ix-surface:#fff;--ix-surface-2:#fafbfe;--ix-surface-3:#f2f4fa;--ix-ink:#0f172a;--ix-ink-2:#334155;--ix-muted:#64748b;--ix-subtle:#94a3b8;--ix-line:#e8ebf3;--ix-line-2:#f0f2f8;--ix-brand:#5b5bf6;--ix-brand-2:#8b5cf6;--ix-brand-ink:#4338ca;--ix-brand-soft:#eef0ff;--ix-brand-ring:#5b5bf629;--ix-grad:linear-gradient(135deg, #5b5bf6 0%, #8b5cf6 100%);--ix-green:#10b981;--ix-amber:#f59e0b;--ix-red:#ef4444;--ix-r-sm:8px;--ix-r-md:12px;--ix-r-lg:18px;--ix-shadow-sm:0 1px 2px #0f172a0d;--ix-shadow-md:0 4px 14px -4px #0f172a14, 0 2px 4px -2px #0f172a0a;--ix-shadow-lg:0 24px 48px -16px #1e1b4b24, 0 6px 14px -6px #1e1b4b0f;--ix-ease:cubic-bezier(.2, .8, .2, 1);height:calc(100vh - 100px);min-height:0;max-height:calc(100vh - 100px);font-family:var(--ix-font);color:var(--ix-ink);-webkit-font-smoothing:antialiased;flex-direction:column;gap:12px;display:flex;overflow:hidden}.inbox-page *,.inbox-page :before,.inbox-page :after{box-sizing:border-box}.inbox-page button,.inbox-page input,.inbox-page select,.inbox-page textarea{font-family:inherit}.inbox-page :focus-visible{outline:2px solid var(--ix-brand);outline-offset:2px}.inbox-page ::-webkit-scrollbar{width:8px;height:8px}.inbox-page ::-webkit-scrollbar-track{background:0 0}.inbox-page ::-webkit-scrollbar-thumb{background:#d7dbe7 padding-box padding-box;border:2px solid #0000;border-radius:99px}.inbox-page ::-webkit-scrollbar-thumb:hover{background-color:#b9bfd1}.inbox-page *{scrollbar-width:thin;scrollbar-color:#d7dbe7 transparent}.inbox-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:40px;display:flex}.inbox-heading>div:first-child{flex-wrap:wrap;align-items:center;gap:4px 14px;min-width:0;display:flex}.inbox-eyebrow{background:var(--ix-brand-soft);color:var(--ix-brand-ink);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;order:3;align-items:center;margin:0;padding:4px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.inbox-heading h1{letter-spacing:-.03em;color:var(--ix-ink);order:1;margin:0;font-size:22px;font-weight:750;line-height:1.1}.inbox-heading p{border-left:1px solid var(--ix-line);color:var(--ix-muted);white-space:nowrap;text-overflow:ellipsis;order:2;margin:0;padding-left:14px;font-size:12.5px;line-height:1.3;overflow:hidden}.inbox-heading-actions{border:1px solid var(--ix-line);background:var(--ix-surface);box-shadow:var(--ix-shadow-sm);color:var(--ix-ink-2);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:4px 4px 4px 12px;font-size:11.5px;font-weight:600;display:flex}.inbox-live-dot{background:var(--ix-green);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.inbox-live-dot:after{content:"";background:var(--ix-green);opacity:.35;animation:inbox-pulse 2s var(--ix-ease) infinite;border-radius:50%;position:absolute;inset:-4px}.inbox-icon-button{border:1px solid var(--ix-line);background:var(--ix-surface);min-width:28px;height:28px;color:var(--ix-muted);cursor:pointer;transition:all .18s var(--ix-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:17px;display:inline-flex}.inbox-icon-button svg{transition:transform .4s var(--ix-ease)}.inbox-list-top .inbox-icon-button:hover svg{transform:rotate(180deg)}.inbox-icon-button:hover{color:var(--ix-brand);background:var(--ix-brand-soft);border-color:#d9dcfb;transform:translateY(-1px)}.inbox-icon-button:active{transform:translateY(0)}.inbox-alert{border-radius:var(--ix-r-md);animation:inbox-slide-down .3s var(--ix-ease);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px 11px 16px;font-size:12.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.inbox-alert:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.inbox-alert button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:2px 6px;line-height:1;transition:opacity .15s,background .15s;display:grid}.inbox-alert button:hover{opacity:1;background:#0000000d}.inbox-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.inbox-alert.is-error:before{background:var(--ix-red)}.inbox-alert.is-info{color:#3730a3;background:#eef2ff;border:1px solid #e0e7ff}.inbox-alert.is-info:before{background:var(--ix-brand)}.inbox-workspace{border:1px solid var(--ix-line);border-radius:var(--ix-r-lg);background:var(--ix-surface);height:0;min-height:0;box-shadow:var(--ix-shadow-lg);flex:1;grid-template-columns:minmax(290px,340px) minmax(360px,1fr) minmax(240px,290px);display:grid;overflow:hidden}.inbox-list-panel{border-right:1px solid var(--ix-line);background:var(--ix-surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.inbox-list-top{justify-content:space-between;align-items:center;padding:13px 14px 10px;display:flex}.inbox-list-top h2{letter-spacing:-.015em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.inbox-list-top h2 span{background:var(--ix-brand-soft);min-width:22px;color:var(--ix-brand-ink);text-align:center;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.inbox-search{border:1px solid var(--ix-line);border-radius:var(--ix-r-md);background:var(--ix-surface-2);height:36px;color:var(--ix-subtle);transition:all .18s var(--ix-ease);align-items:center;gap:8px;margin:0 14px 10px;padding:0 12px;display:flex}.inbox-search:focus-within{background:var(--ix-surface);box-shadow:0 0 0 4px var(--ix-brand-ring);color:var(--ix-brand);border-color:#c7c9fb}.inbox-search svg{flex:none}.inbox-search input{width:100%;min-width:0;color:var(--ix-ink);background:0 0;border:0;outline:0;font-size:13px}.inbox-search input:focus-visible{outline:none}.inbox-search input::placeholder{color:var(--ix-subtle)}.inbox-filters{background:var(--ix-surface-3);border-radius:10px;gap:2px;margin:0 14px 12px;padding:3px;display:flex}.inbox-filters button{color:var(--ix-muted);cursor:pointer;transition:all .18s var(--ix-ease);background:0 0;border:0;border-radius:8px;flex:1;padding:7px 4px;font-size:11.5px;font-weight:600}.inbox-filters button:hover{color:var(--ix-ink)}.inbox-filters button.active{background:var(--ix-surface);color:var(--ix-brand-ink);box-shadow:0 1px 3px #0f172a1a,0 0 0 1px #0f172a08}.inbox-view-filters{border-bottom:1px solid var(--ix-line-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 14px 12px;display:grid}.inbox-view-filters button{border:1px solid var(--ix-line);background:var(--ix-surface);color:var(--ix-muted);cursor:pointer;transition:all .18s var(--ix-ease);border-radius:9px;padding:8px 6px;font-size:11px;font-weight:600}.inbox-view-filters button:hover{color:var(--ix-ink);border-color:#d9dcfb}.inbox-view-filters button.active{background:var(--ix-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px -4px #5b5bf68c}.inbox-conversation-list{flex:1;min-height:0;padding:6px 8px;overflow:hidden auto}.inbox-conversation{border-radius:var(--ix-r-md);width:100%;color:inherit;text-align:left;cursor:pointer;transition:background .16s var(--ix-ease), transform .16s var(--ix-ease);background:0 0;border:0;align-items:flex-start;gap:11px;margin-bottom:2px;padding:12px 11px;display:flex;position:relative}.inbox-conversation:hover{background:var(--ix-surface-2)}.inbox-conversation.selected{background:linear-gradient(90deg,#eef0ff 0%,#f5f3ff 100%);box-shadow:inset 0 0 0 1px #e2e4fd}.inbox-conversation.selected:before{content:"";background:var(--ix-grad);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.inbox-avatar{color:#4f46e5;letter-spacing:.02em;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:12.5px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #0f172a0f}.inbox-conversation:nth-child(4n+2) .inbox-avatar{color:#047857;background:linear-gradient(135deg,#d1fae5,#ccfbf1)}.inbox-conversation:nth-child(4n+3) .inbox-avatar{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fef3c7)}.inbox-conversation:nth-child(4n+4) .inbox-avatar{color:#be185d;background:linear-gradient(135deg,#fce7f3,#fae8ff)}.inbox-conversation-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.inbox-conversation-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.inbox-conversation-title strong{color:var(--ix-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.inbox-conversation-title time{color:var(--ix-subtle);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:500}.inbox-conversation-time-meta{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.inbox-window-countdown{--cd-fg:#047857;--cd-bg:#ecfdf5;--cd-line:#c6f1dc;--cd-dot:#10b981;border:1px solid var(--cd-line);background:var(--cd-bg);min-width:0;color:var(--cd-fg);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .3s var(--ix-ease), border-color .3s var(--ix-ease), color .3s var(--ix-ease);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:5px 12px 5px 24px;display:inline-flex;position:relative}.inbox-window-countdown:before{content:"";background:var(--cd-dot);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--cd-dot) 18%, transparent);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;left:10px}.inbox-window-countdown.header{max-width:210px;box-shadow:var(--ix-shadow-sm);flex:none;margin-left:auto}.inbox-window-countdown-label{letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:8.5px;font-weight:700}.inbox-window-countdown.header strong{letter-spacing:-.01em;font-size:12px;font-weight:750;line-height:1.2}.inbox-window-countdown.compact{text-overflow:ellipsis;border-radius:999px;max-width:150px;padding:2px 7px 2px 16px;font-size:9.5px;font-weight:700;line-height:1.35;display:block;overflow:hidden}.inbox-window-countdown.compact:before{width:5px;height:5px;box-shadow:none;margin-top:-2.5px;left:6px}.inbox-window-countdown.state-warning{--cd-fg:#b45309;--cd-bg:#fffbeb;--cd-line:#fde68a;--cd-dot:#f59e0b}.inbox-window-countdown.state-warning:before{animation:1.4s ease-in-out infinite inbox-cd-blink}.inbox-window-countdown.state-expired{--cd-fg:#b91c1c;--cd-bg:#fef2f2;--cd-line:#fecaca;--cd-dot:#ef4444}.inbox-window-countdown.state-unknown{--cd-fg:#64748b;--cd-bg:#f8fafc;--cd-line:#e2e8f0;--cd-dot:#94a3b8}.inbox-window-countdown.header.state-open:after{content:"";background:var(--cd-dot);width:7px;height:7px;animation:inbox-pulse 2.2s var(--ix-ease) infinite;pointer-events:none;border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;left:10px}@keyframes inbox-cd-blink{0%,to{opacity:1}50%{opacity:.3}}.inbox-preview{color:var(--ix-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.inbox-conversation-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:1px;display:flex}.inbox-status-pill{color:#64748b;text-transform:capitalize;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 7px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.inbox-status-pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.status-open,.status-assigned{color:#047857;background:#ecfdf5}.status-waiting_agent{color:#b45309;background:#fffbeb}.status-waiting_customer{color:#4338ca;background:#eef2ff}.status-resolved,.status-closed{color:#64748b;background:#f1f5f9}.inbox-team-label{color:var(--ix-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.inbox-list-footer{border-top:1px solid var(--ix-line-2);background:var(--ix-surface-2);color:var(--ix-subtle);align-items:center;gap:8px;padding:12px 16px;font-size:10.5px;display:flex}.inbox-chat-panel{background:#f7f8fc;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.inbox-chat-header{z-index:2;border-bottom:1px solid var(--ix-line);-webkit-backdrop-filter:saturate(180%)blur(12px);background:#ffffffd9;flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:relative}.inbox-avatar.large{flex-basis:42px;width:42px;height:42px}.inbox-chat-contact{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.inbox-chat-contact strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.inbox-chat-contact span{color:var(--ix-muted);font-size:11.5px}.inbox-chat-header select{border:1px solid var(--ix-line);background:var(--ix-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;max-width:140px;color:var(--ix-ink-2);text-transform:capitalize;cursor:pointer;transition:all .18s var(--ix-ease);border-radius:9px;padding:8px 28px 8px 11px;font-size:11.5px;font-weight:600}.inbox-chat-header select:hover{border-color:#d0d4e4}.inbox-chat-header select:focus{box-shadow:0 0 0 4px var(--ix-brand-ring);border-color:#c7c9fb;outline:0}.inbox-message-area{overscroll-behavior:contain;background-color:#f7f8fc;background-image:radial-gradient(circle at 1px 1px,#6366f117 1px,#0000 0),radial-gradient(1200px 400px at 50% -10%,#8b5cf60f,#0000 70%);background-size:22px 22px,100% 100%;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:18px 24px;display:flex;overflow:hidden auto}.inbox-day-divider{border:1px solid var(--ix-line);box-shadow:var(--ix-shadow-sm);color:var(--ix-muted);letter-spacing:.02em;background:#ffffffe6;border-radius:999px;align-self:center;align-items:center;gap:8px;margin:6px 0 14px;padding:5px 12px;font-size:10.5px;font-weight:600;display:flex}.inbox-message-row{width:100%;animation:inbox-message-in .28s var(--ix-ease) both;align-items:flex-end;display:flex}.inbox-message-row.incoming{justify-content:flex-start}.inbox-message-row.outgoing{justify-content:flex-end}.inbox-message-row.incoming+.inbox-message-row.outgoing,.inbox-message-row.outgoing+.inbox-message-row.incoming{margin-top:8px}.inbox-message-bubble{border:1px solid var(--ix-line);background:var(--ix-surface);max-width:min(76%,520px);color:var(--ix-ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 16px 5px;padding:10px 14px 7px;font-size:13.5px;line-height:1.55;box-shadow:0 1px 2px #0f172a0a,0 2px 8px -4px #0f172a0f}.outgoing .inbox-message-bubble{background:var(--ix-grad);color:#fff;border-color:#0000;border-radius:16px 16px 5px;box-shadow:0 6px 16px -8px #5b5bf6a6}.inbox-message-bubble time{color:var(--ix-subtle);text-align:right;font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px;font-weight:500;display:block}.outgoing .inbox-message-bubble time{color:#ffffffbf}.inbox-message-bubble a{background:var(--ix-brand-soft);color:var(--ix-brand-ink);border-radius:9px;align-items:center;gap:6px;margin-top:8px;padding:7px 11px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.inbox-message-bubble a:hover{background:#e2e5ff}.outgoing .inbox-message-bubble a{color:#fff;background:#ffffff2e}.outgoing .inbox-message-bubble a:hover{background:#ffffff47}.inbox-composer{border:1px solid var(--ix-line);background:var(--ix-surface);box-shadow:var(--ix-shadow-md);transition:border-color .18s var(--ix-ease), box-shadow .18s var(--ix-ease);border-radius:16px;flex:none;margin:0 16px 16px;overflow:hidden}.inbox-composer:focus-within{box-shadow:0 0 0 4px var(--ix-brand-ring), var(--ix-shadow-md);border-color:#c7c9fb}.inbox-composer-tools{color:var(--ix-subtle);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px 0;font-size:10.5px;display:flex}.inbox-composer-tools span:first-child{color:var(--ix-brand-ink);letter-spacing:.02em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.inbox-composer-tools span:first-child:before{content:"";background:var(--ix-grad);border-radius:50%;width:6px;height:6px}.inbox-composer textarea{width:100%;min-height:56px;max-height:140px;color:var(--ix-ink);resize:none;background:0 0;border:0;outline:0;padding:10px 14px;font-size:13.5px;line-height:1.5;display:block}.inbox-composer textarea:focus-visible{outline:none}.inbox-composer textarea::placeholder{color:var(--ix-subtle)}.inbox-composer-bottom{justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 10px 14px;display:flex}.inbox-composer-bottom>span{color:var(--ix-subtle);font-size:10.5px}.inbox-composer-bottom button{background:var(--ix-grad);color:#fff;white-space:nowrap;cursor:pointer;transition:transform .16s var(--ix-ease), box-shadow .16s var(--ix-ease), filter .16s;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px -6px #5b5bf6b3}.inbox-composer-bottom button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 20px -8px #5b5bf6bf}.inbox-composer-bottom button:active:not(:disabled){transform:translateY(0)}.inbox-composer-bottom button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.inbox-details-panel{border-left:1px solid var(--ix-line);background:var(--ix-surface);min-width:0;overflow:auto}.inbox-details-title{border-bottom:1px solid var(--ix-line);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.inbox-details-title h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.inbox-profile{border-bottom:1px solid var(--ix-line-2);text-align:center;background:linear-gradient(#5b5bf612 0%,#8b5cf608 55%,#0000 100%);flex-direction:column;align-items:center;gap:4px;padding:18px 16px 16px;display:flex;position:relative}.inbox-avatar.profile-avatar{flex-basis:64px;width:64px;height:64px;margin-bottom:8px;font-size:19px;box-shadow:0 0 0 4px #fff,0 0 0 5px #e4e6fb,0 10px 24px -10px #5b5bf680}.inbox-profile strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.inbox-profile>span:last-child{color:var(--ix-muted);font-size:12px}.inbox-detail-section{border-bottom:1px solid var(--ix-line-2);padding:18px 16px}.inbox-detail-section h4,.inbox-assignment-form h4{letter-spacing:.1em;text-transform:uppercase;color:var(--ix-subtle);margin:0 0 12px;font-size:10.5px;font-weight:700}.inbox-detail-section dl{border:1px solid var(--ix-line-2);border-radius:var(--ix-r-md);background:var(--ix-surface-2);grid-template-columns:1fr;gap:0;margin:0;display:grid;overflow:hidden}.inbox-detail-section dt{color:var(--ix-subtle);margin:0;padding:10px 12px 2px;font-size:10.5px;font-weight:500}.inbox-detail-section dd{border-bottom:1px solid var(--ix-line-2);color:var(--ix-ink-2);overflow-wrap:anywhere;text-transform:capitalize;margin:0;padding:0 12px 10px;font-size:12.5px;font-weight:600}.inbox-detail-section dd:last-child{border-bottom:0}.inbox-assignment-form{border-bottom:1px solid var(--ix-line-2);flex-direction:column;gap:12px;padding:18px 16px;display:flex}.inbox-assignment-form h4{margin:0}.inbox-assignment-form label{color:var(--ix-muted);flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.inbox-assignment-form select{border:1px solid var(--ix-line);background:var(--ix-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center;appearance:none;width:100%;color:var(--ix-ink-2);cursor:pointer;transition:all .18s var(--ix-ease);border-radius:10px;padding:9px 30px 9px 11px;font-size:12.5px}.inbox-assignment-form select:hover{border-color:#d0d4e4}.inbox-assignment-form select:focus{box-shadow:0 0 0 4px var(--ix-brand-ring);border-color:#c7c9fb;outline:0}.inbox-assignment-form button{background:var(--ix-grad);color:#fff;cursor:pointer;transition:transform .16s var(--ix-ease), filter .16s;border:0;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700;box-shadow:0 6px 14px -6px #5b5bf6b3}.inbox-assignment-form button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.inbox-assignment-form button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.inbox-empty{text-align:center;min-height:160px;color:var(--ix-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 20px;font-size:12.5px;display:flex}.inbox-empty.compact{flex:1}.inbox-message-bubble time span{text-transform:capitalize}.inbox-empty strong,.inbox-chat-empty h2{color:var(--ix-ink);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.inbox-empty p,.inbox-chat-empty p{max-width:240px;color:var(--ix-muted);margin:0;font-size:12px;line-height:1.6}.inbox-empty-icon{background:var(--ix-grad);color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:6px;font-size:22px;display:grid;box-shadow:0 12px 24px -10px #5b5bf699}.inbox-chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.inbox-chat-empty .inbox-empty-icon{border-radius:20px;width:64px;height:64px;font-size:26px}.inbox-spinner{border:2px solid #e4e6f5;border-top-color:var(--ix-brand);border-right-color:var(--ix-brand-2);border-radius:50%;width:20px;height:20px;animation:.75s linear infinite inbox-spin}@keyframes inbox-spin{to{transform:rotate(360deg)}}@keyframes inbox-pulse{0%{opacity:.5;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.8)}}@keyframes inbox-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes inbox-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.inbox-page *,.inbox-page :before,.inbox-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1150px){.inbox-workspace{grid-template-columns:minmax(260px,300px) minmax(340px,1fr)}.inbox-details-panel,.inbox-chat-header .inbox-status-pill{display:none}}@media (width<=760px){.inbox-page{gap:14px;height:auto;min-height:700px;max-height:none;overflow:visible}.inbox-heading h1{font-size:20px}.inbox-heading p,.inbox-eyebrow{display:none}.inbox-heading-actions{gap:6px;padding:4px;font-size:0}.inbox-workspace{border-radius:var(--ix-r-md);grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:visible}.inbox-list-panel{border-right:0;height:auto;min-height:260px;max-height:42%;overflow:visible}.inbox-conversation-list{max-height:240px}.inbox-chat-panel{border-top:1px solid var(--ix-line);height:auto;min-height:440px;overflow:visible}.inbox-chat-header{height:62px;padding:0 12px}.inbox-chat-header select{max-width:100px}.inbox-message-area{min-height:200px;max-height:48vh;padding:16px 12px}.inbox-message-bubble{max-width:86%}.inbox-composer{border-radius:14px;margin:0 8px 8px}.inbox-composer-tools span:last-child{display:none}}@media (width<=1100px){.inbox-window-countdown.header{max-width:170px;padding:4px 10px 4px 22px}.inbox-window-countdown.header:before,.inbox-window-countdown.header:after{left:9px}.inbox-window-countdown-label{font-size:8px}.inbox-window-countdown.header strong{font-size:11px}}@media (width<=760px){.inbox-chat-header{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding:8px 12px}.inbox-window-countdown.header{border-radius:999px;flex-direction:row;flex-basis:100%;order:5;align-items:center;max-width:none;margin-left:54px}.inbox-window-countdown.header .inbox-window-countdown-label{display:none}.inbox-conversation-time-meta,.inbox-window-countdown.compact{max-width:112px}}.inbox-readonly-note{border:1px dashed var(--ix-line);background:var(--ix-surface);color:var(--ix-muted);border-radius:14px;flex:none;align-items:center;gap:8px;margin:0 16px 16px;padding:12px 14px;font-size:12.5px;display:flex}.inbox-chat-header select:disabled{opacity:.6;cursor:not-allowed}.templates-page{color:#182033;max-width:1500px;margin:0 auto;padding:4px 2px 28px}.templates-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin:8px 0 26px;display:flex}.templates-eyebrow{letter-spacing:1.5px;color:#64748b;margin-bottom:8px;font-size:10px;font-weight:800}.templates-heading h1{letter-spacing:-.7px;margin:0 0 8px;font-size:29px;font-weight:750;line-height:1.2}.templates-heading p{color:#6b7280;margin:0;font-size:13px}.templates-heading-actions{align-items:center;gap:10px;display:flex}.template-button{cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s;display:inline-flex}.template-button:disabled{opacity:.55;cursor:not-allowed}.template-button-primary{color:#fff;background:#131936;border:1px solid #131936}.template-button-primary:hover:not(:disabled){background:#222d55}.template-button-secondary{color:#26324b;background:#fff;border:1px solid #dce2ec}.template-button-secondary:hover:not(:disabled){background:#f7f9fc;border-color:#b8c3d5}.sync-icon{font-size:17px;line-height:10px}.spinning{animation:1s linear infinite template-spin;display:inline-block}@keyframes template-spin{to{transform:rotate(360deg)}}.template-notice{border:1px solid;border-radius:9px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 13px;font-size:12px;display:flex}.template-notice button{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:auto;font-size:20px}.template-notice.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.template-notice.error{color:#9f2929;background:#fff7f7;border-color:#fecaca}.template-account-row{background:#fff;border:1px solid #e5e9f1;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex;box-shadow:0 2px 6px #16203a05}.template-account-row label{color:#344054;font-size:12px;font-weight:700}.template-account-row select{color:#182033;background:#fff;border:1px solid #d9e0eb;border-radius:8px;min-width:260px;max-width:100%;padding:9px 12px;font-size:12px}.template-account-hint{color:#7b8496;margin-left:auto;font-size:11px}.template-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.template-stat-card{background:#fff;border:1px solid #e6eaf1;border-radius:12px;align-items:center;gap:13px;min-height:93px;padding:17px 18px;display:flex;box-shadow:0 2px 8px #18203304}.template-stat-icon{border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.template-stat-icon.total{color:#4856a8;background:#eef2ff}.template-stat-icon.approved{color:#19834a;background:#eaf8ef}.template-stat-icon.pending{color:#a56a0a;background:#fff6e5}.template-stat-icon.rejected{color:#b73535;background:#fff0f0}.template-stat-card div{flex-direction:column;gap:6px;display:flex}.template-stat-card span:not(.template-stat-icon){color:#737e91;font-size:11px}.template-stat-card strong{letter-spacing:-.5px;font-size:25px;font-weight:750;line-height:1}.template-list-card{background:#fff;border:1px solid #e4e8f0;border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #18203305}.template-list-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;padding:19px 20px;display:flex}.template-list-header h2{margin:0 0 5px;font-size:15px;font-weight:750}.template-list-header p{color:#7b8496;margin:0;font-size:11px}.template-list-controls{align-items:center;gap:9px;display:flex}.template-search{color:#778196;border:1px solid #dfe4ed;border-radius:8px;align-items:center;gap:7px;min-width:210px;height:36px;padding:0 10px;display:flex}.template-search span{font-size:20px}.template-search input{color:#202b40;background:0 0;border:0;outline:none;width:100%;font-size:12px}.template-list-controls select{color:#38445a;background:#fff;border:1px solid #dfe4ed;border-radius:8px;height:36px;padding:0 10px;font-size:12px}.template-table-wrap{width:100%;overflow:auto}.template-table{border-collapse:collapse;text-align:left;width:100%}.template-table th{color:#798397;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;background:#fafbfd;border-bottom:1px solid #e9edf3;padding:12px 16px;font-size:10px;font-weight:750}.template-table td{color:#526075;vertical-align:middle;border-bottom:1px solid #f0f2f6;padding:15px 16px;font-size:11px}.template-table tbody tr:last-child td{border-bottom:0}.template-table tbody tr:hover{background:#fcfdff}.template-name-cell{align-items:center;gap:11px;min-width:270px;max-width:520px;display:flex}.template-name-icon{color:#303e75;background:#f0f2fa;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.template-name-cell strong{color:#263149;font-size:12px;font-weight:700}.template-name-cell p{color:#8790a0;white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin:4px 0 0;font-size:10px;overflow:hidden}.template-category{color:#5b6578;letter-spacing:.3px;background:#f1f4f8;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:750;display:inline-flex}.category-utility{color:#2464a1;background:#eaf4ff}.category-marketing{color:#9a5a13;background:#fff2e5}.category-authentication{color:#6550a5;background:#f0eefe}.template-status{color:#606b7d;white-space:nowrap;background:#f2f4f7;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.template-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-approved{color:#187344;background:#eaf8ef}.status-pending{color:#99620a;background:#fff6e5}.status-rejected,.status-paused,.status-disabled{color:#b22c36;background:#fff0f0}.template-loading,.template-empty-list{text-align:center;color:#7b8496;padding:50px 20px;font-size:12px}.template-empty-list h3,.template-empty-state h2{color:#263149;margin:13px 0 6px;font-size:15px}.template-empty-list p,.template-empty-state p{color:#7b8496;max-width:430px;margin:0 auto 16px;font-size:12px;line-height:1.6}.template-empty-icon{color:#3c4a8c;background:#f1f3fb;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto;font-size:23px;display:grid}.template-empty-state{text-align:center;background:#fff;border:1px solid #e4e8f0;border-radius:13px;padding:46px 22px}.template-empty-state a{color:#303e75;font-size:12px;font-weight:700;text-decoration:none}.template-policy-note{color:#798397;margin:16px 3px;font-size:11px;line-height:1.6}.template-policy-note strong{color:#4c586e}.template-modal-backdrop{z-index:1000;background:#11182785;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.template-modal{background:#fff;border-radius:15px;width:min(590px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 70px #0b102040}.template-modal>header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.template-modal h2{color:#192238;margin:0 0 6px;font-size:18px}.template-modal header p{color:#7b8496;margin:0;font-size:11px}.template-modal-close{color:#5d687c;cursor:pointer;background:#f3f5f9;border:0;border-radius:7px;width:30px;height:30px;font-size:21px}.template-modal form{flex-direction:column;gap:15px;padding:20px 24px 23px;display:flex}.template-modal form>label,.template-form-row label{color:#344054;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.template-modal input,.template-modal select,.template-modal textarea{color:#202b40;background:#fff;border:1px solid #dce2eb;border-radius:8px;outline:none;width:100%;padding:10px 11px;font:400 12px inherit}.template-modal input:focus,.template-modal select:focus,.template-modal textarea:focus{border-color:#7d89bc;box-shadow:0 0 0 3px #dce2ff70}.template-modal textarea{resize:vertical;line-height:1.5}.template-modal small{color:#8992a2;font-size:10px;font-weight:400;line-height:1.4}.template-form-row{grid-template-columns:1fr 1fr;gap:13px;display:grid}.template-review-callout{color:#626f86;background:#f5f7fc;border:1px solid #e8ecf5;border-radius:8px;gap:9px;padding:11px;font-size:11px;line-height:1.5;display:flex}.template-review-callout span{color:#4a5793}.template-review-callout p{margin:0}.template-modal footer{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}@media (width<=900px){.template-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-heading{flex-direction:column}.templates-heading-actions{flex-wrap:wrap;width:100%}.template-list-header{flex-direction:column;align-items:flex-start}.template-list-controls{flex-wrap:wrap;width:100%}.template-search{flex:1;min-width:150px}.template-account-row{flex-direction:column;align-items:flex-start}.template-account-hint{margin-left:0}}@media (width<=540px){.templates-heading h1{font-size:24px}.template-stats-grid{gap:9px}.template-stat-card{gap:9px;padding:12px}.template-stat-icon{width:32px;height:32px}.template-stat-card strong{font-size:21px}.template-form-row{grid-template-columns:1fr}.template-modal-backdrop{padding:8px}.template-modal{max-height:calc(100vh - 16px)}.template-modal form,.template-modal>header{padding-left:16px;padding-right:16px}}.template-actions-heading,.template-actions-cell{white-space:nowrap;text-align:right!important}.template-delete-button{color:#b4232c;cursor:pointer;background:#fff7f7;border:1px solid #fecaca;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700}.template-delete-button:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.template-delete-button:disabled{opacity:.55;cursor:not-allowed}.contacts-page{color:#172033;flex-direction:column;gap:20px;min-height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;display:flex}.contacts-page *{box-sizing:border-box}.contacts-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.contacts-eyebrow,.contacts-profile-eyebrow{color:#5967d8;letter-spacing:.15em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.contacts-header h1{color:#111827;letter-spacing:-.045em;margin:0;font-size:30px;font-weight:760;line-height:1.12}.contacts-header p{color:#667085;max-width:700px;margin:9px 0 0;font-size:13px;line-height:1.6}.contacts-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.contacts-button{min-height:39px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.contacts-button:disabled{opacity:.55;cursor:not-allowed}.contacts-button.primary{color:#fff;background:#4f46e5;box-shadow:0 3px 8px #4f46e526}.contacts-button.primary:hover:not(:disabled){background:#4338ca}.contacts-button.secondary{color:#475467;background:#fff;border-color:#dfe5ef}.contacts-button.secondary:hover:not(:disabled){background:#f8faff;border-color:#cbd5e1}.contacts-button.small{border-radius:8px;min-height:34px;padding:8px 10px;font-size:11px}.contacts-button.full{width:100%;margin-top:15px}.contacts-notice,.contacts-error{border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex}.contacts-notice{color:#344a9a;background:#f1f5ff;border:1px solid #dbe5ff}.contacts-error{color:#a12828;background:#fff2f0;border:1px solid #ffd8d4}.contacts-notice button,.contacts-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.contacts-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.contacts-stat-card{background:#fff;border:1px solid #e3e8f1;border-radius:14px;align-items:center;gap:13px;min-height:88px;padding:17px 18px;display:flex;box-shadow:0 3px 12px #10182805}.contacts-stat-icon{border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:19px;font-weight:800;display:grid}.contacts-stat-icon.violet{color:#5b65d6;background:#eef0ff}.contacts-stat-icon.green{color:#178657;background:#e8f8ef}.contacts-stat-icon.amber{color:#b77820;background:#fff4df}.contacts-stat-card div{flex-direction:column;gap:5px;display:flex}.contacts-stat-card div span{color:#7a8498;font-size:11px}.contacts-stat-card strong{color:#172033;letter-spacing:-.03em;font-size:22px;font-weight:750;line-height:1.1}.contacts-workspace{background:#fff;border:1px solid #e1e7f0;border-radius:16px;grid-template-columns:minmax(0,1fr);min-height:460px;display:grid;overflow:hidden;box-shadow:0 10px 30px #10182808}.contacts-workspace.has-profile{grid-template-columns:minmax(0,1fr) 320px}.contacts-main-panel{flex-direction:column;min-width:0;display:flex}.contacts-toolbar{border-bottom:1px solid #edf0f5;flex-wrap:wrap;align-items:center;gap:9px;padding:15px 16px;display:flex}.contacts-search{color:#8993a6;background:#f8fafc;border:1px solid #e1e7f0;border-radius:10px;flex:260px;align-items:center;gap:9px;min-width:200px;height:40px;padding:0 11px;display:flex}.contacts-search:focus-within{background:#fff;border-color:#a5b4fc;box-shadow:0 0 0 3px #5967d81c}.contacts-search>span{font-size:22px;line-height:1}.contacts-search input{color:#172033;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.contacts-search input::placeholder{color:#98a2b3}.contacts-search kbd{color:#98a2b3;white-space:nowrap;background:#fff;border:1px solid #e1e7f0;border-radius:5px;padding:3px 5px;font-size:9px}.contacts-toolbar select{color:#475467;max-width:150px;height:40px;font:inherit;background:#fff;border:1px solid #e1e7f0;border-radius:10px;outline:none;padding:0 10px;font-size:11px}.contacts-create-tag{background:#fbfcff;border-bottom:1px solid #edf0f5;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.contacts-create-tag label{color:#475467;font-size:12px;font-weight:700}.contacts-create-tag input{min-width:180px;font:inherit;border:1px solid #dfe5ef;border-radius:8px;outline:none;flex:1;padding:9px 11px;font-size:12px}.contacts-table-wrap{flex:1;width:100%;overflow:auto}.contacts-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%}.contacts-table thead th{color:#8a94a6;letter-spacing:.09em;text-align:left;background:#fbfcfe;border-bottom:1px solid #e9edf4;padding:13px;font-size:9px;font-weight:800}.contacts-table thead th:first-child,.contacts-table tbody td:first-child{padding-left:17px}.contacts-table tbody tr{cursor:pointer;transition:background .12s}.contacts-table tbody tr:hover{background:#f8faff}.contacts-table tbody tr.selected{background:#f1f4ff}.contacts-table tbody td{color:#475467;vertical-align:middle;border-bottom:1px solid #f0f2f6;padding:13px;font-size:11px}.contacts-person{align-items:center;gap:10px;min-width:170px;display:flex}.contacts-avatar{color:#5967c9;letter-spacing:.02em;background:#e9edff;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid}.contacts-table tbody tr:nth-child(4n+2) .contacts-avatar{color:#16865b;background:#e5f7ef}.contacts-table tbody tr:nth-child(4n+3) .contacts-avatar{color:#b86b2c;background:#fff0e4}.contacts-table tbody tr:nth-child(4n+4) .contacts-avatar{color:#a44b9e;background:#f8e9f7}.contacts-person-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.contacts-person-copy strong{text-overflow:ellipsis;color:#1d2939;max-width:190px;font-size:12px;font-weight:720;overflow:hidden}.contacts-person-copy small{color:#98a2b3;font-size:10px}.contacts-phone{font-variant-numeric:tabular-nums;color:#344054!important}.contacts-tag-list{flex-wrap:wrap;align-items:center;gap:5px;max-width:200px;display:flex}.contacts-tag{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb,var(--tag-color,#64748b) 10%,white);max-width:140px;color:var(--tag-color,#64748b);border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.contacts-tag:before{content:"";background:var(--tag-color,#64748b);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.contacts-tag-more{color:#7d8799;font-size:10px}.contacts-muted{color:#98a2b3;font-size:11px}.contacts-status{color:#667085;text-transform:capitalize;background:#f0f2f6;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:750;display:inline-flex}.contacts-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.contacts-status.active{color:#188254;background:#e9f8ef}.contacts-status.blocked{color:#c2413b;background:#fff0ee}.contacts-status.archived{color:#737b8d;background:#f0f2f6}.contacts-conversation-count{color:#475467;background:#f1f4f9;border-radius:7px;place-items:center;min-width:26px;height:25px;padding:0 7px;font-weight:700;display:inline-grid}.contacts-date{color:#7b8497!important;font-size:10px!important}.contacts-row-action{color:#98a2b3;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #0000;border-radius:7px;width:29px;height:29px}.contacts-row-action:hover{color:#475467;background:#fff;border-color:#e1e7f0}.contacts-table-state{color:#7b8497;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;font-size:12px;display:flex}.contacts-table-state strong{color:#344054;font-size:14px}.contacts-table-state>span:not(.contacts-spinner){color:#98a2b3}.contacts-empty-icon{color:#6976d9;background:#f0f2ff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.contacts-spinner{border:2px solid #e4e7f4;border-top-color:#5c6fe0;border-radius:50%;width:19px;height:19px;animation:.8s linear infinite contacts-spin}@keyframes contacts-spin{to{transform:rotate(360deg)}}.contacts-pagination{color:#8a94a6;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:10px;display:flex}.contacts-pagination>div{align-items:center;gap:10px;display:flex}.contacts-pagination button{color:#475467;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:650}.contacts-pagination button:disabled{opacity:.4;cursor:not-allowed}.contacts-profile-panel{background:#fff;border-left:1px solid #e7ecf3;flex-direction:column;min-width:0;max-height:760px;display:flex;overflow:auto}.contacts-profile-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:17px 16px;display:flex}.contacts-profile-heading h2{color:#172033;margin:0;font-size:16px;font-weight:750}.contacts-icon-close{color:#667085;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:8px;place-items:center;width:31px;height:31px;font-size:20px;display:grid}.contacts-icon-close:hover{background:#f8fafc}.contacts-profile-summary{text-align:center;border-bottom:1px solid #edf0f5;flex-direction:column;align-items:center;padding:22px 16px 18px;display:flex}.contacts-avatar.large{flex-basis:64px;width:64px;height:64px;font-size:17px}.contacts-profile-summary h3{color:#172033;margin:12px 0 3px;font-size:16px;font-weight:750}.contacts-profile-phone{color:#667085;margin-bottom:10px;font-size:12px}.contacts-profile-section{border-bottom:1px solid #edf0f5;padding:17px 16px}.contacts-section-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.contacts-section-title h3,.contacts-profile-actions h3{color:#667085;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.contacts-section-title>span{color:#98a2b3;font-size:10px}.contacts-section-title button{color:#4f46e5;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.contacts-profile-section dl{grid-template-columns:1fr;gap:5px;margin:0;display:grid}.contacts-profile-section dt{color:#98a2b3;margin-top:5px;font-size:10px}.contacts-profile-section dd{overflow-wrap:anywhere;color:#344054;margin:0;font-size:11px}.profile-tags{max-width:none}.contacts-history-empty{color:#98a2b3;background:#f8fafc;border-radius:9px;padding:12px;font-size:11px;line-height:1.5}.contacts-history-list{flex-direction:column;gap:15px;display:flex}.contacts-history-item{align-items:flex-start;gap:9px;display:flex}.contacts-history-dot{background:#8b96ed;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 4px #eef0ff}.contacts-history-item>div{flex:1;min-width:0}.contacts-history-top{justify-content:space-between;align-items:center;gap:7px;display:flex}.contacts-history-top strong{color:#344054;font-size:11px}.contacts-history-top .contacts-status{font-size:8px}.contacts-history-item p{-webkit-line-clamp:2;color:#667085;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:7px 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.contacts-history-item small{color:#98a2b3;font-size:9px}.contacts-profile-actions{flex-direction:column;gap:12px;display:flex}.contacts-status-actions{flex-wrap:wrap;gap:7px;display:flex}.contacts-status-actions button{color:#475467;cursor:pointer;background:#fff;border:1px solid #e1e7f0;border-radius:7px;padding:7px 9px;font-size:10px}.contacts-status-actions button:hover{background:#f8fafc}.contacts-profile-loading{color:#667085;justify-content:center;align-items:center;gap:10px;min-height:200px;font-size:12px;display:flex}.contacts-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10182880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contacts-modal{background:#fff;border:1px solid #e6eaf1;border-radius:18px;width:min(580px,100%);max-height:min(90vh,820px);overflow:auto;box-shadow:0 24px 80px #10182833}.contacts-modal>header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:21px 23px;display:flex}.contacts-modal>header h2{color:#172033;letter-spacing:-.03em;margin:0;font-size:21px}.contacts-modal form{padding:21px 23px}.contacts-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.contacts-form-grid label{color:#475467;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.contacts-form-grid input,.contacts-form-grid select{color:#172033;width:100%;min-width:0;height:40px;font:inherit;background:#fff;border:1px solid #dfe5ef;border-radius:9px;outline:none;padding:0 11px;font-size:12px}.contacts-form-grid input:focus,.contacts-form-grid select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #5967d81c}.contacts-form-tags{border-top:1px solid #edf0f5;margin-top:20px;padding-top:17px}.contacts-form-tags>strong{color:#344054;font-size:12px}.contacts-form-tags p{color:#98a2b3;margin:5px 0 12px;font-size:11px}.contacts-form-tags>div{flex-wrap:wrap;gap:8px;display:flex}.contacts-tag-option{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.contacts-tag-option input{accent-color:#4f46e5}.contacts-modal form>footer{border-top:1px solid #edf0f5;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:17px;display:flex}@media (width<=1350px){.contacts-workspace.has-profile{grid-template-columns:minmax(0,1fr) 290px}.contacts-toolbar select{max-width:130px}.contacts-table thead th,.contacts-table tbody td{padding-left:9px;padding-right:9px}}@media (width<=1050px){.contacts-workspace.has-profile{grid-template-columns:minmax(0,1fr)}.contacts-profile-panel{border-top:1px solid #e7ecf3;border-left:0;max-height:none}.contacts-stats{gap:9px}.contacts-stat-card{padding:14px}.contacts-toolbar{align-items:stretch}.contacts-search{flex-basis:100%}}@media (width<=700px){.contacts-page{gap:15px}.contacts-header{flex-direction:column;align-items:flex-start}.contacts-header h1{font-size:27px}.contacts-header-actions{justify-content:flex-start;width:100%}.contacts-stats{grid-template-columns:1fr}.contacts-stat-card{min-height:70px}.contacts-toolbar select{flex:1;max-width:none}.contacts-create-tag{flex-direction:column;align-items:stretch}.contacts-pagination{flex-direction:column;align-items:flex-start}.contacts-pagination>div{justify-content:space-between;width:100%}.contacts-form-grid{grid-template-columns:1fr}.contacts-modal>header,.contacts-modal form{padding:17px}.contacts-table{min-width:830px}}.st-page{--st-ink:#0f172a;--st-ink-2:#334155;--st-muted:#64748b;--st-subtle:#94a3b8;--st-line:#e8ebf3;--st-line-2:#f0f2f8;--st-surface:#fff;--st-surface-2:#fafbfe;--st-surface-3:#f2f4fa;--st-brand:#5b5bf6;--st-brand-ink:#4338ca;--st-brand-soft:#eef0ff;--st-brand-ring:#5b5bf629;--st-grad:linear-gradient(135deg, #5b5bf6 0%, #8b5cf6 100%);--st-ease:cubic-bezier(.2, .8, .2, 1);color:var(--st-ink);flex-direction:column;gap:16px;padding-bottom:24px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.st-page *,.st-page :before,.st-page :after{box-sizing:border-box}.st-page button,.st-page input,.st-page select{font-family:inherit}.st-page :focus-visible{outline:2px solid var(--st-brand);outline-offset:2px}.st-tabs{flex-wrap:wrap;gap:10px;display:flex}.st-tab{border:1px solid var(--st-line);background:var(--st-surface);min-width:250px;color:inherit;text-align:left;cursor:pointer;transition:all .2s var(--st-ease);border-radius:14px;align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.st-tab:hover{border-color:#d9dcfb}.st-tab.active{background:var(--st-surface);box-shadow:0 0 0 2px var(--st-brand), 0 10px 24px -12px #5b5bf680;border-color:#0000}.st-tab-icon{background:var(--st-surface-3);width:36px;height:36px;color:var(--st-muted);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.st-tab.active .st-tab-icon{background:var(--st-grad);color:#fff}.st-tab-copy{flex-direction:column;gap:2px;display:flex}.st-tab-copy strong{font-size:13.5px;font-weight:700}.st-tab-copy span{color:var(--st-muted);font-size:11.5px}.st-card{border:1px solid var(--st-line);background:var(--st-surface);border-radius:18px;box-shadow:0 4px 14px -4px #0f172a14,0 2px 4px -2px #0f172a0a}.st-card-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.st-card-head h3{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:700}.st-card-head p{color:var(--st-muted);margin:3px 0 0;font-size:12px}.st-loading,.st-empty{min-height:160px;color:var(--st-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.st-spinner{border:2px solid #e4e6f5;border-top-color:var(--st-brand);border-radius:50%;width:18px;height:18px;animation:.75s linear infinite st-spin}.st-muted{color:var(--st-subtle);font-size:12.5px}.st-btn{white-space:nowrap;cursor:pointer;height:36px;transition:all .18s var(--st-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:650;display:inline-flex}.st-btn.sm{height:31px;padding:0 11px;font-size:12px}.st-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.st-btn-primary{background:var(--st-grad);color:#fff;box-shadow:0 6px 14px -6px #5b5bf6b3}.st-btn-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.st-btn-ghost{border-color:var(--st-line);background:var(--st-surface);color:var(--st-ink-2)}.st-btn-ghost:hover:not(:disabled){background:var(--st-surface-2);border-color:#d0d4e4}.st-btn-danger{color:#dc2626;background:#fff;border-color:#fecaca}.st-btn-danger:hover:not(:disabled){background:#fef2f2}.st-link{color:var(--st-brand-ink);cursor:pointer;background:0 0;border:0;font-size:11.5px;font-weight:650}.st-link:disabled{color:var(--st-subtle);cursor:not-allowed}.st-icon-btn{border:1px solid var(--st-line);background:var(--st-surface);width:32px;height:32px;color:var(--st-muted);cursor:pointer;transition:all .18s var(--st-ease);border-radius:9px;place-items:center;display:grid}.st-icon-btn:hover{color:var(--st-brand);background:var(--st-brand-soft);border-color:#d9dcfb}.st-icon-btn.is-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.st-icon-btn.is-good{color:#059669}.st-icon-btn.is-good:hover{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.st-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:0 18px 12px;padding:10px 12px 10px 14px;font-size:12.5px;font-weight:500;display:flex}.st-alert button{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.st-alert.is-error{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.st-alert.is-success{color:#047857;background:#ecfdf5;border:1px solid #d1fae5}.st-field{flex-direction:column;gap:6px;min-width:0;display:flex}.st-field>span{color:var(--st-ink-2);font-size:11.5px;font-weight:650}.st-field>span em{color:var(--st-subtle);font-style:normal;font-weight:500}.st-field input,.st-field select{border:1px solid var(--st-line);background:var(--st-surface-2);height:38px;color:var(--st-ink);transition:all .18s var(--st-ease);border-radius:10px;padding:0 12px;font-size:13px}.st-field input:focus,.st-field select:focus{background:var(--st-surface);box-shadow:0 0 0 4px var(--st-brand-ring);border-color:#c7c9fb;outline:0}.st-field input:disabled{color:var(--st-muted);cursor:not-allowed}.st-help{color:var(--st-muted);margin:2px 0 0;font-size:11.5px;line-height:1.5}.st-toggle{cursor:pointer;width:38px;height:22px;transition:background .2s var(--st-ease);background:#d7dbe7;border:0;border-radius:999px;flex:0 0 38px;padding:0;position:relative}.st-toggle.on{background:var(--st-grad)}.st-toggle:disabled{cursor:not-allowed;opacity:.55}.st-toggle-knob{width:16px;height:16px;transition:transform .2s var(--st-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.st-toggle.on .st-toggle-knob{transform:translate(16px)}.st-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:0 18px 14px;display:flex}.st-search{border:1px solid var(--st-line);background:var(--st-surface-2);height:36px;color:var(--st-subtle);transition:all .18s var(--st-ease);border-radius:10px;flex:0 300px;align-items:center;gap:8px;padding:0 12px;display:flex}.st-search:focus-within{background:var(--st-surface);box-shadow:0 0 0 4px var(--st-brand-ring);color:var(--st-brand);border-color:#c7c9fb}.st-search input{width:100%;color:var(--st-ink);background:0 0;border:0;outline:0;font-size:13px}.st-chips{flex-wrap:wrap;gap:6px;display:flex}.st-chips button{border:1px solid var(--st-line);background:var(--st-surface);height:30px;color:var(--st-muted);cursor:pointer;transition:all .18s var(--st-ease);border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.st-chips button span{background:var(--st-surface-3);color:var(--st-muted);border-radius:999px;padding:1px 6px;font-size:10.5px}.st-chips button.active{background:var(--st-brand-soft);color:var(--st-brand-ink);border-color:#0000}.st-chips button.active span{color:var(--st-brand-ink);background:#fff}.st-table-wrap{border-top:1px solid var(--st-line-2);overflow-x:auto}.st-table{border-collapse:collapse;width:100%;font-size:13px}.st-table th{border-bottom:1px solid var(--st-line);background:var(--st-surface-2);letter-spacing:.08em;text-align:left;text-transform:uppercase;color:var(--st-subtle);white-space:nowrap;padding:11px 18px;font-size:10.5px;font-weight:700}.st-table td{border-bottom:1px solid var(--st-line-2);vertical-align:middle;padding:12px 18px}.st-table tbody tr{transition:background .15s}.st-table tbody tr:hover{background:var(--st-surface-2)}.st-table tbody tr:last-child td{border-bottom:0}.st-table tr.is-inactive .st-user-cell{opacity:.55}.st-user-cell{align-items:center;gap:11px;min-width:220px;display:flex}.st-user-cell div{flex-direction:column;gap:2px;min-width:0;display:flex}.st-user-cell strong{align-items:center;gap:7px;font-size:13px;font-weight:650;display:flex}.st-user-cell span{color:var(--st-muted);font-size:12px}.st-you{background:var(--st-brand-soft);color:var(--st-brand-ink);border-radius:999px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:700}.st-avatar{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.st-role-pill{background:var(--st-surface-3);color:var(--st-ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:650;display:inline-flex}.st-role-pill.is-admin{background:var(--st-grad);color:#fff}.st-team-chips{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.st-agent-tag{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:650;display:inline-flex}.st-team-chip{border:1px solid var(--st-line);background:var(--st-surface);color:var(--st-ink-2);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500}.st-warn-text{color:#b45309;font-size:11px;font-weight:600}.st-status{color:var(--st-ink-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.st-status:before{content:"";background:var(--st-subtle);border-radius:50%;width:7px;height:7px}.st-status.is-active:before{background:#10b981;box-shadow:0 0 0 3px #10b9812e}.st-status.is-suspended:before{background:#ef4444}.st-row-actions{justify-content:flex-end;gap:6px;display:flex}.st-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;justify-content:flex-end;animation:.2s st-fade;display:flex;position:fixed;inset:0}.st-modal-backdrop.center{justify-content:center;align-items:center;padding:16px}.st-drawer,.st-dialog{background:var(--st-surface);flex-direction:column;display:flex;box-shadow:-24px 0 48px -12px #0206174d}.st-drawer{width:min(460px,100%);height:100%;animation:st-slide .28s var(--st-ease)}.st-dialog{width:min(420px,100%);animation:st-pop .2s var(--st-ease);border-radius:18px}.st-drawer-head{border-bottom:1px solid var(--st-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.st-drawer-head h3{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:700}.st-drawer-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.st-drawer-body .st-alert{margin:0}.st-drawer-foot{border-top:1px solid var(--st-line);background:var(--st-surface-2);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.st-dialog .st-drawer-foot{border-radius:0 0 18px 18px}.st-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--st-subtle);margin-top:6px;font-size:10.5px;font-weight:700}.st-section-label:first-of-type{margin-top:0}.st-hint-box{color:#92400e;background:#fffbeb;border-radius:10px;padding:9px 12px;font-size:12px}.st-role-options{flex-direction:column;gap:6px;display:flex}.st-role-option{border:1px solid var(--st-line);cursor:pointer;transition:all .18s var(--st-ease);border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.st-role-option input{opacity:0;pointer-events:none;position:absolute}.st-role-option:hover{border-color:#d9dcfb}.st-role-option.active{border-color:var(--st-brand);background:var(--st-brand-soft)}.st-role-option.disabled{cursor:not-allowed;opacity:.6}.st-role-option:focus-within{box-shadow:0 0 0 4px var(--st-brand-ring)}.st-radio{width:16px;height:16px;transition:all .18s var(--st-ease);background:#fff;border:1.5px solid #c3c8d8;border-radius:50%;flex:0 0 16px}.st-role-option.active .st-radio{border:5px solid var(--st-brand)}.st-role-option-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.st-role-option-copy strong{font-size:13px;font-weight:650}.st-role-option-copy span{color:var(--st-muted);font-size:11.5px}.st-switch-row{border:1px solid var(--st-line);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.st-switch-row div{flex-direction:column;gap:2px;display:flex}.st-switch-row strong{font-size:13px;font-weight:650}.st-switch-row span{color:var(--st-muted);font-size:11.5px}.st-team-picker{flex-wrap:wrap;gap:6px;display:flex}.st-team-option{border:1px solid var(--st-line);background:var(--st-surface);height:31px;color:var(--st-ink-2);cursor:pointer;transition:all .18s var(--st-ease);border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.st-team-option em{color:var(--st-subtle);font-size:10.5px;font-style:normal;font-weight:500}.st-team-option:hover{border-color:#d9dcfb}.st-team-option.active{background:var(--st-grad);color:#fff;border-color:#0000;box-shadow:0 4px 12px -4px #5b5bf68c}.st-team-option.active em{color:#ffffffbf}.st-roles{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.st-role-list{position:sticky;top:84px}.st-role-list ul{flex-direction:column;gap:4px;margin:0;padding:0 10px 12px;list-style:none;display:flex}.st-role-item{width:100%;color:inherit;text-align:left;cursor:pointer;transition:all .18s var(--st-ease);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px;display:flex}.st-role-item:hover{background:var(--st-surface-2)}.st-role-item.active{background:linear-gradient(90deg,#eef0ff 0%,#f5f3ff 100%);border-color:#e2e4fd}.st-role-badge{background:var(--st-surface-3);width:32px;height:32px;color:var(--st-muted);border-radius:10px;flex:0 0 32px;place-items:center;display:grid}.st-role-item.active .st-role-badge{background:var(--st-grad);color:#fff}.st-role-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.st-role-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.st-role-copy span{color:var(--st-muted);font-size:11.5px}.st-role-editor{flex-direction:column;min-width:0;display:flex}.st-role-editor>.st-alert{margin:0 20px 12px}.st-editor-head{align-items:flex-end;gap:16px;padding:18px 20px 16px;display:flex}.st-editor-fields{flex:1;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;display:grid}.st-rights-count{flex-direction:column;align-items:flex-end;gap:2px;min-width:110px;display:flex}.st-rights-count strong{letter-spacing:-.03em;font-size:24px;font-weight:750;line-height:1}.st-rights-count span{color:var(--st-muted);font-size:11.5px}.st-mini-track{background:var(--st-surface-3);border-radius:999px;width:110px;height:5px;margin-top:5px;overflow:hidden}.st-mini-track div{border-radius:inherit;background:var(--st-grad);height:100%;transition:width .4s var(--st-ease)}.st-locked-note{background:var(--st-brand-soft);color:var(--st-brand-ink);border-radius:10px;align-items:center;gap:8px;margin:0 20px 14px;padding:10px 12px;font-size:12.5px;font-weight:500;display:flex}.st-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;padding:0 20px 18px;display:grid}.st-group{border:1px solid var(--st-line);background:var(--st-surface);border-radius:14px;transition:border-color .2s;overflow:hidden}.st-group.has-on{border-color:#dcdffb}.st-group-head{border-bottom:1px solid var(--st-line-2);background:var(--st-surface-2);align-items:center;gap:10px;padding:11px 14px;display:flex}.st-group-icon{background:var(--st-surface);width:30px;height:30px;color:var(--st-muted);box-shadow:inset 0 0 0 1px var(--st-line);border-radius:9px;flex:0 0 30px;place-items:center;display:grid}.st-group.has-on .st-group-icon{background:var(--st-brand-soft);color:var(--st-brand-ink);box-shadow:none}.st-group-title{flex-direction:column;flex:1;min-width:0;display:flex}.st-group-title strong{font-size:13px;font-weight:700}.st-group-title span{color:var(--st-muted);font-size:11px}.st-group ul{margin:0;padding:4px 0;list-style:none}.st-group li{justify-content:space-between;align-items:center;gap:14px;padding:9px 14px;transition:background .15s;display:flex}.st-group li:hover{background:var(--st-surface-2)}.st-group li label{cursor:pointer;flex-direction:column;gap:2px;min-width:0;display:flex}.st-group li label strong{color:var(--st-ink-2);font-size:12.5px;font-weight:600}.st-group li.on label strong{color:var(--st-ink)}.st-group li label span{color:var(--st-muted);font-size:11.5px;line-height:1.4}.st-editor-foot{border-top:1px solid var(--st-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbfef0;border-radius:0 0 18px 18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:14px 20px;display:flex;position:sticky;bottom:0}.st-foot-left,.st-foot-right{align-items:center;gap:8px;display:flex}.st-unsaved{color:#b45309;align-items:center;gap:6px;margin-right:4px;font-size:12px;font-weight:600;display:inline-flex}.st-unsaved:before{content:"";background:#f59e0b;border-radius:50%;width:7px;height:7px}@keyframes st-spin{to{transform:rotate(360deg)}}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes st-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.st-page *,.st-page :before,.st-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1280px){.st-groups{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){.st-roles{grid-template-columns:minmax(0,1fr)}.st-role-list{position:static}.st-role-list ul{flex-flow:wrap}.st-role-item{width:auto}}@media (width<=640px){.st-tab{flex:1;min-width:0}.st-tab-copy span{display:none}.st-editor-head{flex-direction:column;align-items:stretch}.st-editor-fields{grid-template-columns:minmax(0,1fr)}.st-rights-count{align-items:flex-start}.st-search{flex-basis:100%}.st-table th:nth-child(5),.st-table td:nth-child(5){display:none}}.app-shell{background:#f5f7fb;min-height:100vh;display:flex}.app-sidebar{color:#fff;background:#111827;flex-direction:column;width:250px;min-height:100vh;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:72px;padding:0 22px;display:flex}.sidebar-brand-mark{color:#fff;background:#25d366;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.sidebar-brand-text{flex-direction:column;font-size:15px;font-weight:700;display:flex}.sidebar-brand-text span{opacity:.55;font-size:12px;font-weight:400}.sidebar-navigation{flex:1;padding:18px 12px}.sidebar-link{color:#cbd5e1;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:11px 13px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff12}.sidebar-link.active{color:#fff;background:#25d36624}.sidebar-icon{text-align:center;width:22px;font-size:17px}.sidebar-footer{border-top:1px solid #ffffff14;padding:18px}.sidebar-status{color:#94a3b8;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.app-main{flex:1;min-width:0}.app-topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.topbar-left h1{margin:0;font-size:20px}.topbar-user{position:relative}.user-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:5px;display:flex}.user-avatar{color:#374151;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.user-info{flex-direction:column;align-items:flex-start;display:flex}.user-info strong{font-size:13px}.user-info span{text-overflow:ellipsis;white-space:nowrap;color:#6b7280;max-width:220px;font-size:11px;overflow:hidden}.user-chevron{color:#6b7280;margin-left:4px}.user-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:230px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}.user-menu-header{border-bottom:1px solid #f1f5f9;flex-direction:column;padding:10px;display:flex}.user-menu-header strong{font-size:13px}.user-menu-header span{color:#6b7280;word-break:break-word;margin-top:3px;font-size:11px}.logout-button{color:#dc2626;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;margin-top:5px;padding:9px 10px;font-size:13px}.logout-button:hover{background:#fef2f2}.app-content{min-height:calc(100vh - 72px);padding:28px}@media (width<=800px){.app-sidebar{width:70px}.sidebar-brand-text,.sidebar-link span:not(.sidebar-icon),.sidebar-footer{display:none}.sidebar-brand{justify-content:center;padding:0}.sidebar-link{justify-content:center}.app-topbar{padding:0 16px}.user-info,.user-chevron{display:none}.app-content{padding:18px}}.dashboard-page{max-width:1400px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 6px;font-size:24px}.page-header p{color:#6b7280;margin:0;font-size:14px}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:7px;min-height:140px;padding:20px;display:flex}.dashboard-card-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.dashboard-card strong{font-size:20px}.dashboard-card span:last-child{color:#6b7280;font-size:13px}.dashboard-welcome{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:28px}.dashboard-welcome h2{margin:0 0 8px;font-size:18px}.dashboard-welcome p{color:#6b7280;max-width:700px;margin:0;line-height:1.6}@media (width<=1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}.whatsapp-page{max-width:1100px;margin:0 auto;padding:24px}.whatsapp-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.whatsapp-page-header h1{margin:0 0 8px}.whatsapp-page-header p,.whatsapp-help{color:#64748b;font-size:14px}.whatsapp-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px}.whatsapp-panel h2{margin-top:0;margin-bottom:20px;font-size:18px}.whatsapp-panel form{flex-direction:column;gap:10px;max-width:600px;display:flex}.whatsapp-panel input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-bottom:8px;padding:12px}.whatsapp-panel button,.whatsapp-page-header button{color:#fff;cursor:pointer;background:#131936;border:none;border-radius:8px;padding:11px 16px}.whatsapp-panel button:disabled{opacity:.6;cursor:not-allowed}.whatsapp-account-list{gap:12px;display:grid}.whatsapp-account-card{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.whatsapp-account-card h3{margin:0 0 8px}.whatsapp-account-card p{overflow-wrap:anywhere;color:#64748b;margin:5px 0;font-size:14px}.whatsapp-status{background:#f1f5f9;border-radius:20px;padding:5px 10px;font-size:12px}.whatsapp-alert{border-radius:8px;margin-bottom:16px;padding:12px 16px}.whatsapp-alert-error{color:#991b1b;background:#fee2e2}.whatsapp-alert-success{color:#166534;background:#dcfce7}@media (width<=600px){.whatsapp-page{padding:14px}.whatsapp-page-header,.whatsapp-account-card{flex-direction:column;align-items:flex-start}}