:root{--bg: #0a0e17;--bg-grad: radial-gradient(1200px 600px at 85% -10%, rgba(91, 140, 255, .08), transparent 60%), radial-gradient(900px 500px at 0% 110%, rgba(53, 201, 139, .05), transparent 55%);--surface: #111827;--surface-2: #182034;--surface-3: #202b45;--line: #263049;--line-strong: #33405f;--text: #e9ecf5;--text-muted: #98a2ba;--text-faint: #6a7590;--accent: #5b8cff;--accent-hover: #729cff;--accent-press: #4c7bf0;--accent-soft: rgba(91, 140, 255, .14);--accent-ring: rgba(91, 140, 255, .45);--on-accent: #ffffff;--success: #35c98b;--success-soft: rgba(53, 201, 139, .13);--warning: #f5b544;--warning-soft: rgba(245, 181, 68, .14);--danger: #ff6079;--danger-soft: rgba(255, 96, 121, .13);--info: #5b8cff;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(0, 0, 0, .3);--sh-md: 0 6px 20px -8px rgba(0, 0, 0, .55);--sh-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);--sh-ring: inset 0 0 0 1px rgba(255, 255, 255, .02);--dur: .16s;--ease: cubic-bezier(.4, 0, .2, 1);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color-scheme:dark;font-family:var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--bg-grad: radial-gradient(1200px 600px at 85% -10%, rgba(59, 108, 240, .06), transparent 60%), radial-gradient(900px 500px at 0% 110%, rgba(53, 201, 139, .05), transparent 55%);--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eef2f9;--line: #e3e8f1;--line-strong: #d3dae7;--text: #131a2b;--text-muted: #5a6479;--text-faint: #8a93a8;--accent: #3b6cf0;--accent-hover: #2f60e8;--accent-press: #2856d8;--accent-soft: rgba(59, 108, 240, .1);--accent-ring: rgba(59, 108, 240, .4);--success: #10a56a;--success-soft: rgba(16, 165, 106, .12);--warning: #c9860f;--warning-soft: rgba(201, 134, 15, .14);--danger: #e23a54;--danger-soft: rgba(226, 58, 84, .1);--sh-sm: 0 1px 2px rgba(16, 24, 40, .06);--sh-md: 0 8px 24px -12px rgba(16, 24, 40, .22);--sh-lg: 0 24px 60px -20px rgba(16, 24, 40, .28);--sh-ring: inset 0 0 0 1px rgba(16, 24, 40, .02)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f5f7fb;--bg-grad: radial-gradient(1200px 600px at 85% -10%, rgba(59, 108, 240, .06), transparent 60%), radial-gradient(900px 500px at 0% 110%, rgba(53, 201, 139, .05), transparent 55%);--surface: #ffffff;--surface-2: #f6f8fc;--surface-3: #eef2f9;--line: #e3e8f1;--line-strong: #d3dae7;--text: #131a2b;--text-muted: #5a6479;--text-faint: #8a93a8;--accent: #3b6cf0;--accent-hover: #2f60e8;--accent-press: #2856d8;--accent-soft: rgba(59, 108, 240, .1);--accent-ring: rgba(59, 108, 240, .4);--success: #10a56a;--success-soft: rgba(16, 165, 106, .12);--warning: #c9860f;--warning-soft: rgba(201, 134, 15, .14);--danger: #e23a54;--danger-soft: rgba(226, 58, 84, .1);--sh-sm: 0 1px 2px rgba(16, 24, 40, .06);--sh-md: 0 8px 24px -12px rgba(16, 24, 40, .22);--sh-lg: 0 24px 60px -20px rgba(16, 24, 40, .28);--sh-ring: inset 0 0 0 1px rgba(16, 24, 40, .02)}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.5;letter-spacing:.01em}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.02em;color:var(--text);line-height:1.25}h1{font-size:26px}h2{font-size:20px}h3{font-size:15px;letter-spacing:-.01em}p{margin:0}code{font-family:var(--mono)}::selection{background:var(--accent-soft)}a{color:var(--accent)}button{cursor:pointer;border:1px solid transparent;border-radius:var(--r-sm);padding:8px 14px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:550;font-family:inherit;letter-spacing:.01em;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}button:hover:not(:disabled):not([class]){background:var(--accent-hover)}button:active:not(:disabled):not([class]){background:var(--accent-press);transform:translateY(.5px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line)}button.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}button.ghost:active:not(:disabled){background:var(--surface-3)}button.link{background:none;color:var(--text-muted);padding:3px 6px;font-size:12px;font-weight:500;border-radius:var(--r-xs)}button.link:hover:not(:disabled){background:var(--surface-3);color:var(--text)}button.link.danger{color:var(--danger);background:none}button.link.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}button.danger{background:var(--danger);color:#fff}.danger{color:var(--danger)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-ring);border-radius:var(--r-sm)}button:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent-ring)}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);padding:9px 12px;font-size:14px;font-family:inherit;width:100%;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--surface)}input:disabled,select:disabled{opacity:.55;cursor:not-allowed}select{cursor:pointer}label{font-weight:500}.muted{color:var(--text-muted)}.small{font-size:12px}.error{color:var(--danger);font-size:13px;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);padding:9px 12px;border-radius:var(--r-sm)}.ok{color:var(--success);font-size:13px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);padding:9px 12px;border-radius:var(--r-sm);margin-top:10px}.break{word-break:break-all}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-md),var(--sh-ring)}.brand-lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:30px;height:30px;flex:none;display:grid;place-items:center;filter:drop-shadow(0 4px 12px rgba(37,99,235,.32))}.brand-mark svg{width:100%;height:100%;display:block}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.02em}.brand-name .dot{color:var(--accent)}.login-brand{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:16px;margin:8px auto 28px;padding:16px 30px;border:1.5px solid var(--line-strong);border-radius:22px;background:var(--surface);box-shadow:var(--sh-md)}.login-brand .brand-name{letter-spacing:-.02em}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-hero{position:relative;padding:56px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,var(--surface) 0%,var(--surface-2) 100%);border-right:1px solid var(--line);overflow:hidden}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 80% 0%,var(--accent-soft),transparent 65%);pointer-events:none}.login-hero-body{position:relative;margin:auto 0;max-width:460px}.login-hero h1{font-size:34px;line-height:1.15;margin:22px 0 14px}.login-hero .lede{color:var(--text-muted);font-size:16px;line-height:1.6;max-width:40ch}.login-points{position:relative;list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}.login-points li{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px}.login-points .tick{width:20px;height:20px;flex:none;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--success-soft);color:var(--success)}.login-foot{position:relative;color:var(--text-faint);font-size:12px}.login-form-col{display:grid;place-items:center;padding:24px;background:var(--bg);background-image:var(--bg-grad)}.login{width:100%;max-width:360px;display:flex;flex-direction:column;gap:6px}.login h2{font-size:22px;margin-bottom:2px}.login .sub{color:var(--text-muted);margin-bottom:14px}.login label{font-size:12px;color:var(--text-muted);margin-top:12px;font-weight:500}.login button[type=submit]{margin-top:18px;padding:11px;font-size:14px}.login .demo-note{margin-top:14px;padding:9px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);font-size:12px;text-align:center}.field-2fa{display:grid;gap:6px;padding:12px;margin-top:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--accent-soft);animation:fade-in var(--dur) var(--ease)}.field-2fa label{margin-top:0}@media (max-width: 860px){.login-wrap{grid-template-columns:1fr}.login-hero{display:none}}.app{height:100vh;display:flex;flex-direction:row}.railnav{flex:none;width:66px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14px 0;gap:10px;background:var(--surface);border-right:1px solid var(--line);z-index:30}.rail-top,.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px}.railnav .brand-mark{margin-bottom:8px}.rail-items{display:flex;flex-direction:column;gap:4px}.rail-link{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);color:var(--text-muted);text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.rail-link svg{width:22px;height:22px}.rail-ico{position:relative;display:grid;place-items:center}.rail-badge{position:absolute;top:-6px;right:-9px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;line-height:16px;padding:0 4px;border-radius:999px;border:1.5px solid var(--surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;text-align:center}button.rail-link{border:none;background:none;padding:0;font:inherit;cursor:pointer}.rail-link:hover{background:color-mix(in srgb,var(--tone, var(--accent)) 10%,var(--surface-2))}.rail-link.active{background:color-mix(in srgb,var(--tone, var(--accent)) 16%,transparent)}.wa-from-fixed{padding:9px 11px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text)}.rail-tip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--surface-3);color:var(--text);border:1px solid var(--line);padding:4px 9px;border-radius:var(--r-sm);font-size:12px;font-weight:600;opacity:0;pointer-events:none;box-shadow:var(--sh-md);transition:opacity var(--dur) var(--ease);z-index:50}.rail-link:hover .rail-tip{opacity:1}.rail-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);border-radius:var(--r-md)}.rail-btn svg{width:20px;height:20px}.rail-btn:hover{background:var(--surface-3);color:var(--text)}.rail-avatar{width:36px;height:36px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--accent);color:#fff;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none}.icon-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted);width:34px;height:34px;padding:0;border-radius:var(--r-sm)}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}.icon-btn svg{width:16px;height:16px}.content{flex:1;min-height:0;overflow:auto}.avatar{--size: 40px;width:var(--size);height:var(--size);flex:none;border-radius:var(--r-pill);display:grid;place-items:center;font-size:12px;font-weight:650;letter-spacing:.02em;color:#fff;background:var(--accent);-webkit-user-select:none;user-select:none}.chat{display:grid;grid-template-columns:260px 1fr 320px;height:100%;min-height:0}@media (max-width: 1150px){.chat{grid-template-columns:260px 1fr}.priority{display:none}}.priority{border-left:1px solid var(--line);background:var(--surface);padding:16px 14px;overflow-y:auto}.priority-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);padding:14px}.priority-head{margin-bottom:10px}.priority-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.priority-ico{color:var(--accent);font-size:16px}.priority-list{display:flex;flex-direction:column}.priority-item{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line)}.priority-item:last-child{border-bottom:none}.priority-check{flex:none;width:19px;height:19px;padding:0;border-radius:var(--r-pill);border:2px solid var(--line-strong);background:transparent;cursor:pointer;transition:border-color .15s,background .15s}.priority-check:hover{border-color:var(--accent);background:var(--accent-soft)}.priority-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.priority-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-sub{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-due{flex:none;font-size:11.5px;font-weight:600;color:var(--text-faint)}.priority-due.today{color:var(--accent)}.priority-due.late{color:var(--danger)}.priority-add{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.priority-add:hover{text-decoration:underline}.priority-empty{padding:10px 2px}.huddle-card{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);padding:14px}.huddle-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:6px}.huddle-ico{color:var(--accent)}.huddle-sub{font-size:12.5px;color:var(--text-muted);margin-bottom:12px;line-height:1.4}.huddle-join{width:100%;justify-content:center;gap:8px;padding:11px;border-radius:var(--r-md);font-weight:600}.huddle-note{font-size:11px;color:var(--text-faint);margin-top:8px;text-align:center}.huddle-alert{position:fixed;top:16px;right:16px;z-index:60;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:12px 14px;animation:pop-in var(--dur) var(--ease)}.huddle-alert-ico{font-size:20px;flex-shrink:0}.huddle-alert-body{flex:1;font-size:13px;line-height:1.4}.huddle-alert-join{flex-shrink:0;padding:7px 14px;border-radius:var(--r-md);font-weight:600;font-size:13px}.huddle-alert-x{flex-shrink:0;background:none;border:none;font-size:15px;color:var(--text-muted);cursor:pointer;padding:2px}.huddle-call-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:min(1100px,96vw);height:min(720px,92vh);display:flex;flex-direction:column;overflow:hidden;animation:pop-in var(--dur) var(--ease)}.huddle-call-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font-weight:600;font-size:13.5px}.huddle-call-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-sm)}.huddle-call-close:hover{background:var(--surface-2)}.huddle-call-frame{flex:1;min-height:0}.huddle-call-frame iframe{width:100%;height:100%;border:0}.huddle-call-error{flex:1;display:grid;place-items:center;color:var(--text-muted);padding:24px;text-align:center}.channels{border-right:1px solid var(--line);padding:14px 12px;overflow-y:auto;background:var(--surface);display:flex;flex-direction:column;gap:3px}.new-msg-btn{width:100%;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--r-md);font-size:14px;font-weight:600;margin-bottom:10px;box-shadow:0 6px 16px -8px var(--accent-ring)}.channels-head{display:flex;justify-content:space-between;align-items:center;color:var(--text-faint);font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px 8px}.channels-head button.ghost{width:26px;height:26px;padding:0;font-size:16px;line-height:1}.channel{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--text-muted);padding:9px 11px;border-radius:var(--r-md);font-weight:500;font-size:14px;border:none}.channel .hash{color:var(--text-faint);font-weight:600}.channel:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.channel.active{background:var(--accent-soft);color:var(--text);font-weight:600}.channel.active .hash{color:var(--accent)}.channel-item{display:flex;align-items:center;gap:2px}.channel-item .channel{flex:1;min-width:0}.channel-admin{display:flex;gap:2px;flex-shrink:0;opacity:.6;transition:opacity var(--dur) var(--ease)}.channel-item:hover .channel-admin,.channel-item.active .channel-admin{opacity:1}.chan-act{background:transparent;border:none;cursor:pointer;font-size:13px;line-height:1;padding:5px;border-radius:var(--r-sm);color:var(--text-muted)}.chan-act:hover{background:var(--surface-3);color:var(--text)}.chan-act.danger{background:transparent;color:var(--text-muted)}.chan-act.danger:hover{color:var(--danger);background:var(--danger-soft)}.thread{display:flex;flex-direction:column;min-height:0;background:var(--bg);position:relative}.new-msg-jump{position:absolute;left:50%;bottom:84px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--sh-md);z-index:6;animation:jump-in .18s ease}.new-msg-jump:hover:not(:disabled){filter:brightness(1.06)}.new-msg-jump svg{width:16px;height:16px}@keyframes jump-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface);flex:none}.ch-title{display:flex;flex-direction:column;gap:2px;min-width:0}.ch-name{font-size:15px;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-sub{font-size:12px;color:var(--text-muted);line-height:1.2}.ch-actions{display:flex;align-items:center;gap:6px;flex:none}.ch-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ch-icon svg{width:18px;height:18px}.ch-icon:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);border-color:var(--line-strong)}.ch-icon:disabled{opacity:.4;cursor:default}.searchbar{display:flex;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 60%,transparent);flex:none}.searchbar input{flex:1}.messages{flex:1;overflow-y:auto;padding:22px 24px 8px;display:flex;flex-direction:column;gap:2px}.msg-row{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:5px 12px;border-radius:var(--r-lg);transition:background var(--dur) var(--ease)}.msg-row:hover{background:var(--surface-2)}.msg-row.grouped{margin-top:0}.msg-row.fresh{margin-top:14px}.msg-gutter{display:flex;justify-content:center;padding-top:3px}.msg-time-hover{font-size:10px;color:var(--text-faint);opacity:0;align-self:center;text-align:center;font-variant-numeric:tabular-nums}.msg-row.grouped:hover .msg-time-hover{opacity:1}.msg-main{min-width:0}.msg-head{display:flex;gap:8px;align-items:baseline;margin-bottom:1px}.msg-head b{font-size:13.5px;font-weight:650}.msg-body{margin-top:1px;color:var(--text);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.msg-body.deleted{color:var(--text-faint);font-style:italic}.msg-actions{display:flex;gap:2px;margin-top:3px;opacity:0;transition:opacity var(--dur) var(--ease)}.msg-row:hover .msg-actions{opacity:1}.msg-row:focus-within .msg-actions{opacity:1}.msg-row.own .avatar{background:linear-gradient(150deg,var(--accent),var(--accent-press))}.msg-row.dm-bubble{display:flex;grid-template-columns:none;padding:3px 16px}.msg-row.dm-bubble:hover{background:transparent}.msg-row.dm-bubble:not(.own){justify-content:flex-start}.msg-row.dm-bubble.own{justify-content:flex-end}.msg-row.dm-bubble .msg-main{max-width:68%;min-width:0;padding:7px 11px;border-radius:12px;background:var(--surface);box-shadow:var(--sh-sm)}.msg-row.dm-bubble.own .msg-main{background:#d9fdd3;color:#0b1f10}:root:not([data-theme=light]) .msg-row.dm-bubble.own .msg-main{background:#005c4b;color:#e9ffe4}.msg-row.dm-bubble .msg-head{font-size:10.5px;opacity:.7;margin-bottom:2px}.msg-row.dm-bubble .msg-body{margin-top:0}.msg-row.dm-bubble.pinned{background:transparent;border-left:none}.msg-row.dm-bubble.pinned .msg-main{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-1px}.tag{font-size:10.5px;font-weight:550;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--line);padding:1px 7px;border-radius:var(--r-pill);line-height:1.6}.tag.danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.mention{color:var(--accent);font-weight:600;background:var(--accent-soft);border-radius:5px;padding:0 3px}.mention-me{background:color-mix(in srgb,var(--accent) 26%,transparent);color:var(--text)}.mention-pop{margin:0 18px 6px;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-lg);overflow:hidden;max-height:260px;overflow-y:auto}.mention-pop-head{padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line)}.mention-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text);cursor:pointer;text-align:left}.mention-opt.active,.mention-opt:hover:not(:disabled){background:var(--surface-2)}.mention-ava{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-pill);color:#fff;font-size:11px;font-weight:700;flex:none}.mention-nm{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer{display:flex;align-items:flex-end;gap:8px;margin:12px 18px 16px;padding:7px 8px 7px 12px;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm);flex:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer input[type=text],.composer>input{flex:1;border:none;background:transparent;padding:8px 4px;font-size:14px;outline:none}.composer-input{flex:1;border:none;background:transparent;padding:8px 4px;font-size:14px;line-height:1.45;outline:none;resize:none;overflow-y:auto;max-height:150px;font-family:inherit;color:var(--text)}.composer-input::placeholder{color:var(--text-faint)}.attach{display:grid;place-items:center;width:36px;height:36px;flex:none;border:none;background:transparent;border-radius:var(--r-pill);cursor:pointer;font-size:18px;color:var(--text-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.attach:hover{background:var(--surface-3);color:var(--text)}.attach.has-file{color:var(--accent);background:var(--accent-soft)}.send-btn{flex:none;width:38px;height:38px;padding:0;border-radius:var(--r-pill);font-size:15px;display:grid;place-items:center}.msg-quote{display:flex;align-items:stretch;gap:8px;margin-bottom:4px;font-size:12.5px;color:var(--text-muted)}.msg-quote-bar{flex:none;width:3px;border-radius:var(--r-pill);background:var(--accent)}.msg-quote-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:1px}.msg-quote-text b{color:var(--text)}.reply-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 18px 8px;padding:8px 12px;border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--surface-2);font-size:13px}.reply-bar-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.reaction-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);font-size:13px;cursor:pointer;line-height:1.5;transition:background .12s,border-color .12s}.reaction-pill:hover{border-color:var(--line-strong)}.reaction-pill.mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.reaction-count{font-size:11.5px;font-weight:700;color:var(--text-muted)}.reaction-pill.mine .reaction-count{color:var(--accent)}.react-add{position:relative;display:inline-flex}.react-palette{position:absolute;bottom:calc(100% + 4px);left:0;z-index:40;display:flex;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);box-shadow:var(--sh-lg)}.react-opt{border:none;background:transparent;font-size:18px;padding:3px 5px;border-radius:var(--r-sm);cursor:pointer;line-height:1}.react-opt:hover{background:var(--surface-3);transform:scale(1.15)}.chan-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.dm-avatar-wrap{position:relative;display:inline-flex;flex:none}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:var(--r-pill);background:var(--text-faint);border:2px solid var(--surface);box-sizing:border-box}.presence-dot.online{background:#37c98b}.read-status{font-size:11px;color:var(--text-faint);margin-top:2px}.read-status.read{color:var(--accent);font-weight:600}.msg-atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.att-img-link{display:inline-block;line-height:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.att-img{max-width:320px;max-height:260px;object-fit:cover;display:block;cursor:zoom-in}.att-card{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-decoration:none;max-width:320px}.att-card:hover{border-color:var(--accent);background:var(--accent-soft)}.att-ico{font-size:20px;flex:none}.att-meta{display:flex;flex-direction:column;min-width:0}.att-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-sub{font-size:11.5px;color:var(--text-muted)}.att-dl{margin-left:auto;color:var(--accent);flex:none}.att-loading,.att-err{font-size:12.5px;color:var(--text-muted);cursor:default}.att-err{color:var(--danger)}.pending-att{display:flex;align-items:center;gap:10px;margin:0 18px;padding:8px 12px;border:1px dashed var(--accent);border-radius:var(--r-md);background:var(--accent-soft)}.pending-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--r-xs);flex:none}.pending-ico{font-size:22px;flex:none}.pending-name{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{margin:auto;max-width:340px;text-align:center;padding:40px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:6px}.empty-ico{width:46px;height:46px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);color:var(--text-faint);margin-bottom:4px}.empty-ico svg{width:22px;height:22px}.empty h3{color:var(--text)}.empty p{font-size:13px;color:var(--text-muted)}.channels-empty{padding:8px;font-size:12px;color:var(--text-faint);text-align:center}.page{padding:28px 32px;max-width:940px;margin:0 auto}.page.wide{max-width:1200px}.page.xwide{max-width:1440px}.page-head{margin-bottom:20px}.page-head .sub{color:var(--text-muted);margin-top:5px;font-size:13.5px}.row{display:flex;gap:8px;margin-bottom:16px;align-items:center}.table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-sm)}.table-wrap.scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:11px 14px;background:var(--surface-2);color:var(--text-muted);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}.table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table td.small,.table th.small{font-size:12px;color:var(--text-muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:4px 0 26px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-sm);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.9}.stat.stat-danger:after{background:var(--danger)}.stat-num{font-size:30px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-num.danger{color:var(--danger)}.stat-label{color:var(--text-muted);font-size:13px;margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0609108c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;z-index:50;animation:fade-in var(--dur) var(--ease)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px;width:500px;max-width:100%;max-height:76vh;overflow-y:auto;box-shadow:var(--sh-lg);animation:pop-in var(--dur) var(--ease)}.modal h3{margin-bottom:12px}.modal-actions{margin-top:16px;display:flex;justify-content:flex-end}.version{border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-md);padding:12px;margin-bottom:10px}.version-head{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.version-head b{color:var(--accent)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:4px}.kan-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px;min-height:340px;display:flex;flex-direction:column;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.kan-col.over{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-ring)}.kan-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:12px;padding:2px 4px}.kan-head .dot{width:8px;height:8px;border-radius:var(--r-pill);flex:none}.kan-head .count{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--surface-3);border-radius:var(--r-pill);padding:1px 8px;min-width:20px;text-align:center}.kan-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 12px;margin-bottom:8px;cursor:grab;box-shadow:var(--sh-sm);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.kan-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--sh-md)}.kan-card:active{cursor:grabbing}.kan-card.menu-open{position:relative;z-index:50;transform:none}.kan-title{margin-bottom:10px;font-size:13.5px;font-weight:500;line-height:1.4}.kan-meta{display:flex;justify-content:space-between;align-items:center}.kan-progress{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.kan-empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--text-faint);font-size:12px;border:1px dashed var(--line);border-radius:var(--r-md);padding:20px 8px}.chip{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line);letter-spacing:.03em}.chip.p-low{color:var(--text-muted);background:var(--surface-3)}.chip.p-med{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.chip.p-high{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.chip.p-urgent{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}@media (max-width: 900px){.kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.kanban{grid-template-columns:1fr}}.chart{display:flex;flex-direction:column;gap:12px;max-width:640px;margin-top:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-sm)}.settings{max-width:680px}.settings-wide{max-width:none}.twofa{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-top:12px}.twofa code{color:var(--accent);font-size:13px;background:var(--accent-soft);padding:1px 6px;border-radius:var(--r-xs)}.twofa-qr{display:flex;justify-content:center;background:#fff;border-radius:var(--r-sm);padding:10px;margin-bottom:10px;width:220px}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.recovery-codes code{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:14px;letter-spacing:1.5px;text-align:center;color:var(--text)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 26px}.verdict{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);font-size:13px;display:flex;align-items:center;gap:8px}.verdict .v-ico{width:20px;height:20px;flex:none;display:grid;place-items:center}.verdict.ok{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:var(--success-soft);color:var(--success)}.verdict.bad{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft);color:var(--danger)}@media (max-width: 760px){.admin-grid{grid-template-columns:1fr}}@media (max-width: 720px){.chat{grid-template-columns:200px 1fr}.page{padding:20px 16px}}@media (max-width: 520px){.chat{grid-template-columns:1fr}.channels{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.role-legend{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 18px}.role-picker{margin:2px 0 18px}.role-picker-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.rolefilter{position:relative;max-width:380px}.rolefilter-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s}.rolefilter-trigger:hover{border-color:var(--line-strong)}.rolefilter.open .rolefilter-trigger{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rolefilter-current{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rolefilter-count{flex:none;min-width:26px;padding:1px 8px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;text-align:center}.rolefilter-caret{flex:none;color:var(--text-faint);font-size:12px;transition:transform .15s}.rolefilter.open .rolefilter-caret{transform:rotate(180deg)}.rolefilter-panel{position:absolute;z-index:70;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-lg);overflow:hidden}.rolefilter-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:13px;outline:none}.rolefilter-search::placeholder{color:var(--text-faint)}.rolefilter-list{max-height:320px;overflow-y:auto;padding:6px}.rolefilter-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text);font-size:13.5px;cursor:pointer;text-align:left}.rolefilter-item:hover:not(:disabled){background:var(--surface-3)}.rolefilter-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.rolefilter-item.active:hover:not(:disabled){background:var(--accent-soft)}.rolefilter-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rolefilter-badge{flex:none;min-width:24px;padding:1px 8px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted);font-size:11.5px;font-weight:700;text-align:center}.rolefilter-item.active .rolefilter-badge{background:var(--accent);color:#fff}.rolefilter-empty{padding:14px 12px;text-align:center;color:var(--text-faint);font-size:13px}.directory-filters .grow{flex:1;min-width:200px}.table-meta{margin-bottom:8px}.chip.role-admin{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.chip.role-manager{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.chip.role-auditor{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.chip.role-lead{color:#37c98b;background:color-mix(in srgb,#37c98b 14%,transparent);border-color:color-mix(in srgb,#37c98b 40%,transparent)}.chip.role-member{color:var(--text-muted);background:var(--surface-3)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--text-muted)}.status-dot.on{background:#37c98b}.status-dot.off{background:var(--text-muted);opacity:.6}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.pager button:disabled{opacity:.45;cursor:not-allowed}.pw-form{display:flex;flex-direction:column;gap:10px;max-width:360px;margin-top:12px}.pw-form input{width:100%}.pw-form button{align-self:flex-start}.dir-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.dir-head h2{margin:0}.dir-head .sub{color:var(--text-muted);margin-top:5px;font-size:13.5px}.dir-tabs{display:flex;gap:6px;margin:2px 0 14px;flex-wrap:wrap}.dir-tabs .tab{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;font-size:13px;font-weight:550}.dir-tabs .tab:hover:not(.active){background:var(--surface-3);color:var(--text)}.dir-tabs .tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.dir-tabs .tab-count{margin-left:7px;font-variant-numeric:tabular-nums;opacity:.8}.row-inactive td{opacity:.55}.aksi-btn{padding:5px 10px;font-size:12.5px}.aksi-menu{position:absolute;right:8px;top:calc(100% - 4px);z-index:60;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:5px;display:flex;flex-direction:column;min-width:160px}.aksi-menu button{background:transparent;color:var(--text);border:none;text-align:left;justify-content:flex-start;padding:8px 10px;border-radius:var(--r-sm);font-weight:500;font-size:13px}.aksi-menu button:hover{background:var(--surface-2)}.menu-catcher{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.temp-pw{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:12px 14px;margin:12px 0}.temp-pw code{font-size:18px;letter-spacing:.06em;font-weight:600;color:var(--text)}.vis-opt{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;font-size:13px;margin-top:6px}.vis-opt:hover{background:var(--surface-2)}.vis-opt input{width:auto;margin-top:2px}.cand-list{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;max-height:180px;overflow-y:auto}.cand{background:var(--surface-2);border:1px solid var(--line);color:var(--text);justify-content:space-between;padding:8px 10px;font-weight:500}.cand:hover{background:var(--surface-3)}.cand .add{color:var(--accent);font-size:12px;font-weight:600}.member-modal{width:680px;max-height:88vh}.member-modal .member-add{padding:14px 16px}.member-block-label{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.member-count-badge{padding:1px 8px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:0}.member-add{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;margin-bottom:16px}.member-add .member-block-label{display:flex;margin-bottom:8px}.member-add-row{display:flex;gap:8px;align-items:center}.member-add-role{flex:none;width:140px}.member-add-pick{flex:1;min-width:0}.member-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.member-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.member-search{width:170px;padding:6px 10px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text)}.member-search::placeholder{color:var(--text-faint)}.dm-search{width:100%;padding:10px 12px;font-size:13.5px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);margin-bottom:10px}.dm-search::placeholder{color:var(--text-faint)}.dm-picker{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.dm-pick-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .12s}.dm-pick-row:last-child{border-bottom:none}.dm-picker .dm-pick-row:hover:not(:disabled),.dm-picker .dm-pick-row:active:not(:disabled){background:var(--surface-3)}.dm-pick-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-pick-name{font-weight:600;color:var(--text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-pick-sub{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-pick-go{flex:none;color:var(--text-faint);font-size:20px;font-weight:700;line-height:1}.dm-picker .dm-pick-row:hover:not(:disabled) .dm-pick-go{color:var(--accent)}.member-filter-wrap{display:inline-flex;align-items:center;gap:6px}.member-filter-ico{color:var(--text-faint);font-size:13px;transform:rotate(90deg)}.member-filter{flex:none;max-width:200px;padding:6px 10px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text)}.member-list{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.member-thead,.member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,230px) 116px;align-items:center;gap:12px;padding:10px 16px}.member-thead{position:sticky;top:0;z-index:1;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.member-th-aksi{text-align:right}.member-row{border-bottom:1px solid var(--line);font-size:14px}.member-row:last-child{border-bottom:none}.member-row:hover{background:var(--surface-2)}.member-ident{display:flex;align-items:center;gap:12px;min-width:0}.member-avatar{--size: 36px;width:var(--size);height:var(--size);flex:none;border-radius:var(--r-pill);display:grid;place-items:center;font-size:12.5px;font-weight:650;letter-spacing:.02em;color:#fff;-webkit-user-select:none;user-select:none}.member-name{flex:0 1 auto;min-width:0;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-rolecol{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.member-norole{color:var(--text-faint)}.member-actioncol{display:flex;justify-content:flex-end}.member-remove,.member-owner-note{margin-left:auto}.member-owner-note{flex:none;font-size:12px;color:var(--text-faint);font-style:italic}.member-empty{padding:12px}.dir-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dir-actions .danger-btn{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.dir-actions .danger-btn:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.import-errors{max-height:200px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;color:var(--danger)}.member-remove{flex:none;background:transparent;border:1px solid var(--line-strong);color:var(--text-muted);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);transition:background .15s,color .15s,border-color .15s}.member-remove:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.owner-chip{color:var(--text-muted);background:var(--surface-3)}.kan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;position:relative}.kan-card-top .kan-title{flex:1;min-width:0}.kan-menu-btn{background:transparent;border:none;color:var(--text-muted);font-size:16px;line-height:1;padding:2px 6px;border-radius:var(--r-sm);flex-shrink:0}.kan-menu-btn:hover{background:var(--surface-3);color:var(--text)}.kan-card-top .aksi-menu{right:0;top:24px}.aksi-menu-fixed{position:fixed;z-index:80}.kan-desc{color:var(--text-muted);font-size:12.5px;margin:6px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kan-due{font-size:11.5px;color:var(--text-muted)}.dm-item{gap:10px;align-items:center;padding:8px 11px}.dm-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.dm-item .dm-avatar{width:36px;height:36px;font-size:14px}.dm-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dm-line1{display:flex;align-items:baseline;gap:8px}.dm-line1 .chan-name{flex:1;font-weight:600}.dm-time{flex:none;font-size:11px;font-weight:500;color:var(--text-faint)}.dm-line2{display:flex;align-items:center;gap:8px}.dm-preview{flex:1;min-width:0;font-size:12.5px;font-weight:400;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-preview.unread{color:var(--text);font-weight:600}.dm-item.active .dm-time{color:var(--text-muted)}.kan-div{font-size:11.5px;font-weight:600;color:var(--accent);margin:4px 0 2px}.kan-field{font-size:12px;color:var(--text-muted);margin:4px 0 0;line-height:1.4}.kan-field b{color:var(--text);font-weight:600}.kan-obstacle{background:var(--danger-soft);border-radius:var(--r-sm);padding:4px 8px;color:var(--text)}.kan-obstacle b{color:var(--danger)}.timeline{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);margin-left:6px;padding-left:16px}.tl-item{position:relative;padding:8px 0}.tl-dot{position:absolute;left:-23px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--surface)}.purge-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--r-md);padding:10px 14px;margin-bottom:14px}button.danger-btn{background:var(--surface);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent)}button.danger-btn:hover:not(:disabled){background:var(--danger);color:#fff}.kan-assignees{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}.assignee-pill{font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--r-pill);padding:2px 8px}.assignee-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.assignee-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:3px 6px 3px 10px}.assignee-chip button{background:transparent;border:none;color:var(--accent);padding:0 2px;font-size:12px;cursor:pointer}.assignee-chip button:hover{color:var(--danger)}.dash{max-width:1280px;margin:0 auto;padding:26px 30px 60px}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.dash-hi{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--text)}.dash-date{margin:4px 0 0;color:var(--text-muted);font-size:14px;text-transform:capitalize}.dash-announce{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-md);border:none;background:var(--accent);color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--sh-sm);flex:none}.dash-announce:hover:not(:disabled){filter:brightness(1.06)}.dash-announce svg{width:18px;height:18px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-sm)}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-md);flex:none}.stat-icon svg{width:22px;height:22px}.stat-icon.blue{background:color-mix(in srgb,#4f7cff 16%,transparent);color:#4f7cff}.stat-icon.green{background:color-mix(in srgb,#37c98b 16%,transparent);color:#2fae76}.stat-icon.violet{background:color-mix(in srgb,#8b5cf6 16%,transparent);color:#8b5cf6}.stat-icon.amber{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#e08c00}.stat-body{min-width:0}.stat-cap{font-size:13px;color:var(--text-muted);font-weight:500}.stat-big{font-size:30px;font-weight:800;line-height:1.1;color:var(--text);margin:2px 0}.stat-sub{margin-top:2px}.dash-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px;min-width:0}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dash-card-title{display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--text)}.dash-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px}.dash-ico svg{width:16px;height:16px}.dash-ico.blue{background:color-mix(in srgb,#4f7cff 16%,transparent);color:#4f7cff}.dash-ico.green{background:color-mix(in srgb,#37c98b 16%,transparent);color:#2fae76}.dash-ico.violet{background:color-mix(in srgb,#8b5cf6 16%,transparent);color:#8b5cf6}.dash-ico.amber{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#e08c00}.dash-ico.red{background:color-mix(in srgb,#ef4444 16%,transparent);color:#ef4444}.dash-link{border:none;background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:2px 4px}.dash-link:hover:not(:disabled){text-decoration:underline}.dash-empty{padding:18px 4px;text-align:center}.dash-grid-2{display:grid;grid-template-columns:1.9fr 1fr;gap:16px;margin-bottom:16px}.dash-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-tabs{display:inline-flex;gap:4px;padding:3px;background:var(--surface-2);border-radius:var(--r-pill)}.dash-tab{border:none;background:transparent;color:var(--text-muted);font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:var(--r-pill);cursor:pointer}.dash-tab.active{background:var(--surface);color:var(--accent);box-shadow:var(--sh-sm)}.dash-chart-wrap{width:100%;overflow:hidden}.dash-chart{width:100%;height:210px;display:block}.dash-chart .grid{stroke:var(--line);stroke-width:1}.dash-chart .axis{fill:var(--text-faint);font-size:10px}.dash-chart .bar{fill:color-mix(in srgb,#4f7cff 26%,transparent)}.dash-chart .line{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.dash-chart .dot{fill:var(--accent)}.dash-legend{display:flex;gap:18px;margin-top:8px;font-size:12.5px;color:var(--text-muted)}.dash-legend span{display:inline-flex;align-items:center;gap:6px}.dash-legend i{width:14px;height:3px;border-radius:2px;background:var(--accent)}.dash-legend .lg-bar{height:10px;width:10px;border-radius:3px;background:color-mix(in srgb,#4f7cff 30%,transparent)}.dash-prio{display:flex;flex-direction:column;gap:2px}.prio-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-radius:var(--r-sm)}.prio-row:hover{background:var(--surface-2)}.prio-check{width:20px;height:20px;border-radius:6px;border:1.6px solid var(--line-strong);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0}.prio-check:hover{border-color:var(--accent)}.prio-dot{width:8px;height:8px;border-radius:50%}.prio-main{flex:1;min-width:0;cursor:pointer}.prio-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prio-due{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;flex:none;padding:3px 8px;border-radius:var(--r-pill)}.prio-due.late{color:#e23b52;background:color-mix(in srgb,#ff5c72 16%,transparent)}.prio-due.today{color:#e08c00;background:color-mix(in srgb,#f59e0b 16%,transparent)}.prio-due.soon{color:var(--text-muted);background:var(--surface-2)}.dash-add{margin-top:6px;border:none;background:transparent;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;text-align:left;padding:8px 6px}.dash-add:hover{text-decoration:underline}.dash-list{display:flex;flex-direction:column;gap:2px}.wa-num-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.wa-num-boxes{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.wa-num-boxes{grid-template-columns:1fr}}.wa-num-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%}.wa-num-box:hover{background:var(--surface-2)}.wa-num-box.open{border-color:var(--accent);background:var(--accent-soft)}.wa-num-chevron{margin-left:auto;width:16px;height:16px;color:var(--text-faint);flex:none;transition:transform .15s ease}.wa-num-box.open .wa-num-chevron{transform:rotate(180deg)}.wa-num-dropdown{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);max-height:520px;overflow-y:auto}.wa-num-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 6px;border-radius:var(--r-sm)}.wa-num-row:hover{background:var(--surface-2)}.wa-num-name-wrap{display:flex;flex-direction:column;min-width:0;flex:1}.wa-num-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-num-phone{font-variant-numeric:tabular-nums}.wa-num-sub{flex:none;max-width:55%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-num-row-wrap{align-items:flex-start}.wa-num-sub-wrap{max-width:60%;white-space:normal;overflow:visible;text-overflow:unset}.wa-num-tags{display:flex;align-items:center;gap:6px;flex:none}.wa-num-tag{flex:none;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}.wa-num-tag.red{background:color-mix(in srgb,#ef4444 16%,transparent);color:#ef4444}.wa-num-tag.green{background:color-mix(in srgb,#37c98b 16%,transparent);color:#2fae76}.wa-num-tag.yellow{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b8790a}.wa-num-tag.grey{background:var(--surface-2);color:var(--text-muted)}.wa-num-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 8px}.wa-num-filter{font-size:12px;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 8px;cursor:pointer}.wa-num-row-issues{flex-direction:column;align-items:stretch;gap:4px}.wa-num-issue-list{margin:0;padding-left:18px;font-size:12px;color:#ef4444}.wa-num-issue-list li{margin:2px 0}.busy-row{display:flex;align-items:center;gap:9px;padding:9px 6px;border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;width:100%;text-align:left}.busy-row:hover:not(:disabled){background:var(--surface-2)}.busy-hash{color:var(--text-faint);font-weight:700}.busy-name{flex:1;min-width:0;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.busy-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent)}.busy-count i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.busy-count.muted{color:var(--text-faint)}.busy-count i.off{background:var(--line-strong)}.dash-agenda{display:flex;flex-direction:column;gap:4px}.agenda-row{display:flex;gap:12px;padding:8px 4px}.agenda-time{flex:none;width:74px;font-size:12px;font-weight:700;padding-top:2px}.agenda-time.late{color:#e23b52}.agenda-time.today{color:#e08c00}.agenda-time.soon{color:var(--text-muted)}.agenda-body{min-width:0;border-left:2px solid var(--line);padding-left:12px}.agenda-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:5px}.agenda-people{display:flex;align-items:center}.agenda-ava{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:9px;font-weight:700;border:2px solid var(--surface);margin-left:-6px}.agenda-ava:first-child{margin-left:0}.agenda-ava.more{background:var(--surface-3);color:var(--text-muted)}.dash-online-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 22%,transparent)}.dash-online{display:flex;flex-wrap:wrap;gap:12px;padding:4px 0}.online-ava{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;font-size:14px;font-weight:700}.online-ava.more{background:var(--surface-3);color:var(--text-muted);font-size:13px}.online-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2.5px solid var(--surface)}@media (max-width: 1080px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-grid-2,.dash-grid-3{grid-template-columns:1fr}}@media (max-width: 560px){.dash{padding:18px 14px 48px}.dash-stats{grid-template-columns:1fr}}.ch-icon.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.msg-actions .link.on{color:var(--accent);font-weight:600}.tag.pin-tag{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.tag.fav-tag{color:#d99400;background:color-mix(in srgb,#f5b400 18%,transparent);border-color:color-mix(in srgb,#f5b400 40%,transparent)}.msg-row.pinned{background:color-mix(in srgb,var(--accent) 5%,transparent);border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.msg-row.flash{animation:msg-flash 1.6s ease}@keyframes msg-flash{0%,to{background:transparent}20%{background:var(--accent-soft)}}.pinbar{flex:none;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.pinbar-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 18px;border:none;background:transparent;cursor:pointer;color:var(--text)}.pinbar-title{font-size:13px;font-weight:600}.pinbar-caret{font-size:10px;color:var(--text-muted)}.pinbar-list{padding:2px 10px 10px;max-height:220px;overflow-y:auto}.pinbar-item{display:flex;align-items:center;gap:6px;border-radius:var(--r-sm)}.pinbar-item:hover{background:var(--surface-2)}.pinbar-msg{flex:1;min-width:0;text-align:left;border:none;background:transparent;cursor:pointer;padding:8px 10px;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinbar-unpin{flex:none;border:none;background:transparent;color:var(--text-faint);cursor:pointer;padding:6px 10px;border-radius:var(--r-sm);font-size:13px}.pinbar-unpin:hover{color:var(--danger);background:var(--danger-soft)}.favview{padding:8px 18px 24px}.favview-head{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 12px;font-size:15px;font-weight:700;color:var(--text);border-bottom:1px solid var(--line);margin-bottom:8px;position:sticky;top:0;background:var(--bg);z-index:2}.favview-item{display:flex;align-items:flex-start;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line)}.favview-msg{flex:1;min-width:0}.favview-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}.favview-body{color:var(--text);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.favview-act{display:flex;gap:8px;flex:none}.channel.chan-2line{align-items:center;gap:9px;padding:8px 11px}.channel.chan-2line .hash{align-self:flex-start;margin-top:3px;font-size:15px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 18px;background:linear-gradient(160deg,var(--surface-2) 0%,var(--bg) 60%)}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;padding:30px 30px 24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--sh-lg)}.auth-brand{margin:0 auto 20px;padding:12px 22px}.auth-title{text-align:center;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 22px;color:var(--text)}.auth-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.input-group{position:relative;margin-bottom:16px}.input-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--text-faint);pointer-events:none}.input-ico svg{width:18px;height:18px}.input-group input{width:100%;padding:12px 14px 12px 40px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);font-size:14px;color:var(--text)}.input-group input::placeholder{color:var(--text-faint)}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;padding:6px;border:none;background:transparent;color:var(--text-faint);cursor:pointer}.pass-toggle svg{width:19px;height:19px}.pass-toggle:hover{color:var(--text-muted)}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:2px 0 18px}.auth-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text);cursor:pointer}.auth-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.auth-link{border:none;background:transparent;color:var(--accent);font-size:13.5px;font-weight:600;cursor:pointer;padding:0}.auth-link:hover{text-decoration:underline}.auth-submit{width:100%;padding:13px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s}.auth-submit:hover:not(:disabled){filter:brightness(1.06)}.auth-submit:disabled{opacity:.7;cursor:default}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-faint);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.auth-sso{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.auth-sso svg{width:18px;height:18px;color:var(--text-muted)}.auth-sso:hover{background:var(--surface-2);border-color:var(--line-strong)}.auth-demo{margin-top:18px;padding:11px 14px;border-radius:12px;background:var(--surface-2);color:var(--text-muted);font-size:13px;display:flex;align-items:center;gap:8px}.auth-demo b{color:var(--accent);font-weight:600}.auth-demo-ico{display:inline-flex;color:var(--text-faint);flex:none}.auth-demo-ico svg{width:16px;height:16px}.auth-info{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:13px}.auth-card .error.auth-alert{margin:0 0 14px}.wa{display:grid;grid-template-columns:var(--wa-list-w, 340px) 6px 1fr;height:100%;min-height:0}.wa-list{background:var(--surface);overflow-y:auto;min-height:0;padding:8px}.wa-resizer{cursor:col-resize;background:var(--line)}.wa-resizer:hover{background:color-mix(in srgb,var(--text) 25%,var(--line))}.wa-list-head{padding:8px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.wa-new-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:999px;background:#25d366;color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.wa-new-btn:hover{background:#1fb457}.wa-badge{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#25d366}.wa-head-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e53935;color:#fff;font-size:11px;font-weight:800}.wa-setup{margin:0 4px 8px;padding:8px 10px;border-radius:var(--r-sm);background:color-mix(in srgb,#f5b400 16%,transparent);color:#b07d00;font-size:12.5px}.wa-empty-list{padding:24px 12px;text-align:center}.wa-conv{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:9px 10px;border-radius:var(--r-md);cursor:pointer}.wa-conv:hover:not(:disabled){background:var(--surface-2)}.wa-conv.active{background:var(--accent-soft)}.wa-ava{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-size:14px;font-weight:700;flex:none}.wa-ava.sm{width:34px;height:34px;font-size:12px}.wa-conv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wa-conv-top,.wa-conv-bot{display:flex;align-items:center;gap:8px}.wa-conv-name{flex:1;min-width:0;font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conv-time{flex:none;font-size:11px;color:var(--text-faint)}.wa-conv-prev{flex:1;min-width:0;font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conv-prev.unread{color:var(--text);font-weight:600}.wa-unread{flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:#25d366;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.wa-thread{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.wa-th-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);flex:none}.wa-th-name{font-weight:700;color:var(--text)}.wa-msgs{flex:1;overflow-y:auto;min-height:0;padding:16px;display:flex;flex-direction:column;gap:8px}.wa-bubble{max-width:68%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.wa-bubble.in{align-self:flex-start;background:var(--surface);box-shadow:var(--sh-sm);color:var(--text);border-bottom-left-radius:4px}.wa-bubble.out{align-self:flex-end;background:#d9fdd3;color:#0b1f10;border-bottom-right-radius:4px}:root:not([data-theme=light]) .wa-bubble.out{background:#005c4b;color:#e9ffe4}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .wa-bubble.out{background:#005c4b;color:#e9ffe4}}.wa-bubble-meta{margin-top:3px;font-size:10.5px;opacity:.7;text-align:right}.wa-composer{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface);flex:none}.wa-composer input{flex:1}.wa-composer-input{flex:1;resize:none;overflow-y:auto;max-height:150px;line-height:1.45}.wa-note{padding:0 16px 12px;background:var(--surface)}.wa-placeholder{margin:auto;text-align:center;padding:40px}.wa-ph-ico{font-size:44px}.wa-head-actions{display:inline-flex;align-items:center;gap:6px}.wa-icon-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:15px;line-height:1;padding:5px 7px;border-radius:8px}.wa-icon-btn:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.wa-icon-btn.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.wa-icon-btn--tone{color:var(--tone)}.wa-icon-btn--tone:hover{background:color-mix(in srgb,var(--tone) 16%,transparent)}.wa-numselect-empty{margin:0 8px 8px;padding:8px 10px;border:1px dashed var(--line);border-radius:8px;line-height:1.4}.wa-numselect-err{border-style:solid;border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.wa-numselect-retry{margin-left:8px}.wa-numselect-wrap{position:relative;margin:0 8px 8px}.wa-numselect-split{display:flex;gap:8px;margin:0 8px 8px}.wa-numselect-split .wa-numselect-wrap{flex:1;min-width:0;margin:0}.wa-numselect-btn{width:100%;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px;font-weight:700;cursor:pointer}.wa-numselect-btn.open{border-color:var(--accent)}.wa-numselect-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-numselect-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;flex-shrink:0}.wa-numselect-chevron{flex-shrink:0;transition:transform var(--dur) var(--ease)}.wa-numselect-chevron.open{transform:rotate(180deg)}.wa-numselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #00000040;max-height:280px;overflow-y:auto;padding:4px}.wa-numselect-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;background:none;color:var(--text);text-align:left;padding:8px 9px;border-radius:6px;font-size:13px;cursor:pointer}.wa-numselect-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-numselect-row:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.wa-numselect-row.active{background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:700}.wa-numselect-row-main{display:flex;align-items:center;gap:6px;overflow:hidden;min-width:0}.wa-numselect-row-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-num-dot{display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.wa-num-dot.green{background:#37c98b}.wa-num-dot.yellow{background:#f59e0b}.wa-num-dot.red{background:#ef4444}.wa-num-dot.grey{background:var(--text-muted);opacity:.5}.wa-filters{padding:0 8px 8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line);margin-bottom:4px}.wa-filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.wa-filter-tabs button{flex:1;min-width:fit-content;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-muted);white-space:nowrap}.wa-filter-tabs button.on{background:#25d366;border-color:#25d366;color:#fff}.wa-tab-count{display:inline-block;margin-left:3px;opacity:.75;font-weight:700}.wa-filter-tabs .wa-tab-fail{color:#ef4444;border-color:#ef4444}.wa-filter-tabs .wa-tab-fail.on{background:#ef4444;border-color:#ef4444;color:#fff}.wa-conv-search{display:flex;gap:6px;align-items:center;padding:6px 10px 0}.wa-conv-search input{flex:1;min-width:0}.wa-conv-search-note{padding:4px 10px 0}.wa-conv-more{display:block;width:calc(100% - 20px);margin:10px}.wa-label-filters{display:flex;flex-wrap:wrap;gap:4px}.wa-lchip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;color:var(--text-muted)}.wa-lchip.on{filter:none}.wa-conv-tags{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px}.wa-tag{color:#fff;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5}.wa-tag.lg{font-size:12px;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}.wa-tag.lg button{border:none;background:#ffffff4d;color:#fff;border-radius:50%;width:15px;height:15px;line-height:1;cursor:pointer;font-size:12px}.wa-assignee{font-size:10px;font-weight:700;color:#2563eb;background:color-mix(in srgb,#2563eb 12%,transparent);border-radius:5px;padding:1px 5px}.wa-numbadge{font-size:10px;font-weight:800;color:#0f766e;background:color-mix(in srgb,#14b8a6 20%,transparent);border:1px solid color-mix(in srgb,#14b8a6 45%,transparent);border-radius:5px;padding:0 6px;letter-spacing:.02em}.wa-channel-badge{font-size:10px;font-weight:800;border-radius:5px;padding:0 6px;letter-spacing:.02em}.wa-channel-badge.waba{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 15%,transparent);border:1px solid color-mix(in srgb,#3b82f6 40%,transparent)}.wa-channel-badge.waha{color:#6d28d9;background:color-mix(in srgb,#8b5cf6 15%,transparent);border:1px solid color-mix(in srgb,#8b5cf6 40%,transparent)}.wa-numrow{border:1px solid var(--line);border-radius:8px;padding:8px 10px}.wa-numrow-phone{margin-bottom:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wa-owner-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.wa-owner-badge.taken{background:color-mix(in srgb,#25d366 18%,transparent);color:#1a8f4a}:root:not([data-theme=light]) .wa-owner-badge.taken{color:#4ade80}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .wa-owner-badge.taken{color:#4ade80}}.wa-owner-badge.free{background:color-mix(in srgb,#e53935 15%,transparent);color:#c62828}:root:not([data-theme=light]) .wa-owner-badge.free{color:#ff8a80}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .wa-owner-badge.free{color:#ff8a80}}.wa-numrow-edit{display:flex;gap:6px}.wa-numrow-edit input{flex:1}.wa-numrow-owner{display:flex;align-items:center;gap:8px;margin-top:7px}.wa-numrow-owner select{flex:1}.wa-th-tools{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.kn-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.kn-row{display:grid;grid-template-columns:1.2fr 1.6fr 1.2fr;gap:12px;align-items:end;border:1px solid var(--line);border-radius:10px;padding:12px}.kn-row-main{display:flex;flex-direction:column;gap:2px}.kn-phone{font-weight:600}.kn-field{display:flex;flex-direction:column;gap:4px}.kn-field .row{display:flex;gap:6px}.kn-field .row input{flex:1;min-width:0}.kn-field select,.kn-form select,.kn-form input{width:100%}@media (max-width: 760px){.kn-row{grid-template-columns:1fr;gap:8px;align-items:stretch}}.kn-wizard{border:1px solid var(--line)}.kn-steps{display:flex;gap:6px;margin:4px 0 14px;flex-wrap:wrap}.kn-step{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line);color:var(--text-muted);font-size:12px}.kn-step-dot{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2, rgba(127, 127, 127, .15));font-size:11px;font-weight:700}.kn-step--active{color:var(--text);border-color:var(--accent, #2563eb)}.kn-step--active .kn-step-dot{background:var(--accent, #2563eb);color:#fff}.kn-step--done{color:var(--text)}.kn-step--done .kn-step-dot{background:#16a34a;color:#fff}.kn-form{display:flex;flex-direction:column;gap:8px;max-width:460px}.kn-form label{margin-top:4px}.kn-form-grid{display:grid;grid-template-columns:90px 1fr;gap:8px}.kn-form-grid>div{display:flex;flex-direction:column;gap:4px}.kn-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.kn-tabs{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;gap:4px}.kn-tab{border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap}.kn-tab.active{background:var(--accent);color:var(--on-accent)}.kn-tab:not(.active):hover{color:var(--text);background:var(--surface-3)}.kn-search{position:relative;flex:1;min-width:180px}.kn-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none}.kn-search input{width:100%;padding-left:32px}.kn-alert-warn{margin-bottom:12px;padding:12px 14px;border:1px solid var(--warn, #b8860b);border-radius:var(--r-lg);background:#daa5201a}.kn-alert-warn ul{margin:6px 0 6px 18px;padding:0}.kn-alert-warn li{margin:2px 0}.kn-table-wrap{overflow-x:auto;overflow-y:visible;border:1px solid var(--line);border-radius:var(--r-lg)}.kn-table{width:100%;border-collapse:collapse;min-width:640px}.kn-table thead th{position:sticky;top:0;z-index:2;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-weight:700;padding:10px 14px;background:var(--surface-2);border:1px solid var(--line);white-space:nowrap}.kn-table tbody td{padding:12px 14px;border:1px solid var(--line);font-size:13.5px;vertical-align:top}.kn-table tbody tr:nth-child(2n) td{background:#ffffff04}.kn-table tbody tr:hover td{background:var(--accent-soft)}.kn-table-empty td{text-align:center;color:var(--text-muted);padding:26px}.kn-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;flex-shrink:0;vertical-align:middle}.kn-dot.green{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.kn-dot.yellow{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.kn-dot.red{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.kn-dot.gray{background:var(--text-faint);box-shadow:0 0 0 3px #7f7f7f1f}.kn-num-phone{font-size:14px;font-weight:600;display:flex;align-items:center}.kn-staff-cell{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kn-owner-chip{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--text);border-radius:var(--r-pill);padding:4px 6px 4px 11px;font-size:12.5px;font-weight:500}.kn-owner-chip button{border:none;background:#ffffff14;color:var(--text);width:16px;height:16px;border-radius:50%;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center}.kn-owner-chip button:hover{background:#ffffff2e}.kn-info{padding:6px 0}.panduan-head{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;padding:0;text-align:left;cursor:pointer;color:inherit}.panduan-head:hover:not(:disabled),.panduan-head:focus-visible:not(:disabled){background:none;color:inherit}.panduan-head>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.panduan-judul{font-weight:600}.panduan-isi{margin-top:12px;font-size:13px;line-height:1.6}.panduan-isi ol,.panduan-isi ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.panduan-isi .kn-warn{margin:12px 0}.panduan-tabel{width:100%;border-collapse:collapse;font-size:13px}.panduan-tabel th,.panduan-tabel td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}.panduan-tabel th{color:var(--text-muted);font-weight:600}.diagram{margin:4px 0 14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);max-width:480px}.diagram-titlebar{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface-3)}.diagram-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.diagram-url{margin-left:8px;font-size:10.5px;color:var(--text-muted);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagram-svg{display:block;width:100%;height:auto}.diagram-caption{padding:6px 10px 8px;font-size:10.5px;color:var(--text-faint);font-style:italic}.diagram-checklist{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 14px}.diagram-checklist-card{flex:1 1 140px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.diagram-checklist-icon{width:30px;height:30px;color:var(--accent)}.diagram-checklist-icon svg{width:100%;height:100%}.diagram-checklist-label{font-size:12px;color:var(--text)}.diagram--compare{border:none;background:none;max-width:none}.diagram-compare-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.diagram-compare-card{flex:1 1 200px;border-radius:10px;padding:14px;border:1.5px solid var(--line)}.diagram-compare-card--bad{background:var(--warning-soft);border-color:var(--warning)}.diagram-compare-card--good{background:var(--success-soft);border-color:var(--success)}.diagram-compare-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px}.diagram-compare-card--bad .diagram-compare-badge{background:var(--warning);color:#3a2a06}.diagram-compare-card--good .diagram-compare-badge{background:var(--success);color:#06331f}.diagram-compare-title{font-size:13px;font-weight:600;color:var(--text)}.diagram-compare-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.diagram-compare-vs{font-size:11px;color:var(--text-faint);font-weight:600}.kn-warn{border:1px solid #f59e0b;background:#f59e0b1f;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.kn-meta-link{display:inline-block;width:fit-content;text-decoration:none}.kn-steps .kn-step{background:none;cursor:pointer}.kn-steps .kn-step:disabled{cursor:default;opacity:.6}.waba-layout{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.waba-main{flex:1 1 420px;min-width:320px}.waba-side{flex:1 1 380px;min-width:300px;max-height:80vh;overflow-y:auto;position:sticky;top:16px}.waba-side-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.waba-side-head h3{margin:0 0 2px}.waba-side-full{display:inline-block;margin-top:10px}@media (max-width: 900px){.waba-side{position:static;max-height:none}}.waba-metode-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.waba-metode-card{flex:1 1 260px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.waba-metode-card:hover:not(:disabled){border-color:var(--accent)}.waba-metode-card:disabled{cursor:default;opacity:.65}.waba-metode-judul{font-size:15px;font-weight:700}.field-check{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--success);margin:-2px 0 4px}.kn-tenant{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.wabalist-card{max-width:none}.wabalist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.wabalist-head h3{margin:0}.wabalist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}@media (max-width: 1100px){.wabalist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.wabalist-grid{grid-template-columns:1fr}}.wabalist-item{flex-wrap:wrap}.wabalist-ai-switch{width:100%;margin:4px 0 2px;font-size:12.5px}.wabalist-ai-switch input{width:15px;height:15px}.wabalist-numbers{margin-top:4px;display:flex;flex-direction:column;gap:2px}.wabalist-number-row{font-size:12px;color:var(--text-muted);display:flex;align-items:center}.wabalist-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}button.ghost.wabalist-btn-blue{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}button.ghost.wabalist-btn-blue:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent);border-color:var(--accent-hover)}.wa-assign-sel{font-size:12px;padding:4px 6px;max-width:150px}.wa-label-wrap{position:relative}.wa-label-menu{position:absolute;right:0;top:110%;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0000002e;padding:6px;min-width:170px}.wa-label-menu button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:var(--text);padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;text-align:left}.wa-label-menu button:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.wa-label-menu .dot{width:10px;height:10px;border-radius:50%}.wa-label-menu .chk{margin-left:auto;color:#16a34a;font-weight:700}.wa-th-labels{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;border-bottom:1px solid var(--line)}.wa-qr-wrap{position:relative;display:flex}.wa-qr-pop{position:absolute;bottom:120%;left:0;z-index:30;width:300px;max-height:340px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px #0003;padding:10px}.wa-qr-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.wa-qr-head .link,.link{border:none;background:none;color:#2563eb;cursor:pointer;font-size:12.5px;font-weight:600}.wa-qr-empty{padding:8px 2px}.wa-qr-list{display:flex;flex-direction:column;gap:4px}.wa-qr-item{display:flex;gap:4px;align-items:stretch}.wa-qr-pick{flex:1;display:flex;flex-direction:column;gap:1px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 8px;cursor:pointer}.wa-qr-pick:hover{background:color-mix(in srgb,#25d366 10%,transparent)}.wa-qr-pick span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.wa-qr-del{border:none;background:transparent;cursor:pointer}.wa-qr-add{margin-top:8px;border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.wa-qr-add textarea{min-height:54px;resize:vertical}.wa-bc-phones{min-height:110px;resize:vertical;font-family:inherit}.wa-bc-result{text-align:center;padding:20px 0}.wa-bc-big{font-size:44px;font-weight:800;color:#25d366;line-height:1}.wa-bc-fail{margin-top:8px;color:#c62828;font-weight:700}.wa-when-tabs{display:flex;gap:6px}.wa-when-tabs button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text-muted)}.wa-when-tabs button.on{background:#25d366;border-color:#25d366;color:#fff}.wa-bc-recent{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-height:160px;overflow:auto}.wa-bc-recent-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.wa-bc-recent-tpl{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-bc-badge{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px;white-space:nowrap}.wa-bc-badge.scheduled{background:color-mix(in srgb,#d97706 18%,transparent);color:#b45309}.wa-bc-badge.running{background:color-mix(in srgb,#2563eb 16%,transparent);color:#2563eb}.wa-bc-badge.done{background:color-mix(in srgb,#16a34a 16%,transparent);color:#15803d}.wa-bc-bar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden;margin:10px 0 8px}.wa-bc-bar-fill{height:100%;background:#25d366;transition:width .4s ease}.wa-bc-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;font-weight:700;margin-bottom:6px}.wa-bc-stats .ok{color:#1fa855}.wa-bc-stats .fail{color:#c62828}.wa-bc-reasons{margin-top:6px;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto}.wa-bc-reason{font-size:12px;line-height:1.4;background:color-mix(in srgb,#e53935 10%,transparent);border:1px solid color-mix(in srgb,#e53935 30%,transparent);border-radius:6px;padding:5px 8px;color:#c62828}.wa-switch{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer}.wa-switch input{width:18px;height:18px}.wa-media-img{max-width:240px;max-height:280px;border-radius:10px;display:block;margin-bottom:4px}.wa-media-file{display:inline-block;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--text) 8%,transparent);color:inherit;text-decoration:none;font-size:13px;margin-bottom:4px}.wa-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line)}.wa-tabs button{border:none;background:none;padding:10px 6px;font-size:13px;font-weight:700;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.wa-tabs button.on{color:#25d366;border-bottom-color:#25d366}.wa-rules{display:flex;flex-direction:column;gap:6px}.wa-rule{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.wa-rule.off{opacity:.5}.wa-rule input[type=radio]{width:18px;height:18px;flex-shrink:0;padding:0}.wa-rule-main{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.wa-rule-main span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-rule-add{margin-top:10px;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px}.wa-ai-test{margin-top:14px;border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.wa-ai-test-reply{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;font-size:13px;line-height:1.5}.wa-rule-row{display:flex;gap:6px}.wa-rule-row input{flex:1}.wa-mini-switch input{width:16px;height:16px}.wa-labeldef-name{flex:1}.chip.tpl-approved{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.chip.tpl-pending{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.chip.tpl-rejected{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.wa-tpl-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.wa-tpl-card+.wa-tpl-card{margin-top:8px}.wa-tpl-card-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.wa-tpl-name{font-weight:600;font-family:ui-monospace,monospace;font-size:13px}.wa-tpl-reject-note{font-size:12.5px;color:var(--danger);background:var(--danger-soft);border-radius:8px;padding:6px 9px}.wa-tpl-tutorial{display:flex;flex-direction:column;gap:14px}.wa-tpl-tutorial h4{margin:0 0 4px;font-size:14px}.wa-tpl-tutorial p{margin:0 0 6px}.wa-tpl-img-preview{max-width:160px;max-height:160px;border-radius:8px;border:1px solid var(--line);margin-top:6px}.wa-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.wa-hub-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.wa-hub-card:hover{border-color:var(--accent);transform:translateY(-1px)}.wa-hub-icon{font-size:22px;line-height:1;flex:none}.wa-hub-title{font-weight:600;margin-bottom:3px}.wa-tpl-example{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--surface-2)}.wa-tpl-example-list{margin:10px 0;display:grid;grid-template-columns:max-content 1fr;gap:4px 14px}.wa-tpl-example-list dt{color:var(--text-muted);font-size:12.5px;white-space:nowrap;padding-top:2px}.wa-tpl-example-list dd{margin:0;font-size:13px}.wa-tpl-example-list dd code,.wa-tpl-example-list dt code{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:12.5px;white-space:pre-wrap}.wa-notes{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.wa-note-card{background:color-mix(in srgb,#f5b400 12%,var(--surface));border:1px solid color-mix(in srgb,#f5b400 30%,transparent);border-radius:8px;padding:8px 10px}.wa-note-body{white-space:pre-wrap;font-size:13.5px}.wa-note-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.wa-note-del{margin-left:auto;border:none;background:none;cursor:pointer;font-size:15px;color:var(--text-muted)}.wa-note-add{margin-top:10px;display:flex;flex-direction:column;gap:6px}.wa-bubble.failed{background:color-mix(in srgb,#e53935 12%,var(--surface));border:1px solid color-mix(in srgb,#e53935 45%,transparent)}.wa-bubble-err{margin-top:4px;font-size:11.5px;line-height:1.35;color:#c62828}.wa-bubble-sender{font-size:11px;font-weight:600;opacity:.75;margin-bottom:2px}.wa-tick{display:inline-flex;vertical-align:-1px;margin-left:3px}.wa-tick svg{display:block}.wa-tick.read svg{color:#53bdeb}.wa-bubble-resend{margin-top:4px;border:none;background:none;padding:0;font-size:11.5px;font-weight:600;color:#c62828;text-decoration:underline;cursor:pointer}.wa-bubble-resend:disabled{opacity:.6;cursor:default}.wa-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.wa-modal{width:100%;max-width:440px;background:var(--surface);border-radius:var(--r-lg, 14px);box-shadow:0 18px 50px #00000047;max-height:90vh;overflow:auto}.wa-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.wa-modal-head h3{margin:0;font-size:16px}.wa-modal-x{border:none;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--text-muted)}.wa-modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.wa-field{display:flex;flex-direction:column;gap:6px}.wa-field>span{font-size:12.5px;font-weight:700;color:var(--text-muted)}.wa-field input,.wa-field select{width:100%}.wa-param{margin-bottom:6px}.wa-preview{display:flex;flex-direction:column;gap:6px}.wa-bubble-header-img{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:8px 8px 0 0;margin:-10px -10px 6px;width:calc(100% + 20px)}.wa-header-pick-btn{display:inline-flex;align-items:center;justify-content:center;border:1px dashed var(--border-strong, #4a5568);border-radius:8px;padding:14px;cursor:pointer;color:var(--text-muted);width:100%;box-sizing:border-box}.wa-header-pick-btn:hover{border-color:var(--accent, #6d8dfa);color:var(--text)}.wa-header-pick-preview img{max-width:100%;max-height:160px;border-radius:8px;display:block}.wa-modal-foot{display:flex;justify-content:flex-end;gap:8px}.wa-modal-foot .ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.wa-back{display:none;background:none;border:none;color:var(--text);font-size:28px;line-height:1;cursor:pointer;padding:0 4px 0 0;margin-right:2px}@media (max-width: 780px){.wa{grid-template-columns:1fr}.wa-resizer{display:none}.wa:not(.wa--open) .wa-thread{display:none}.wa--open .wa-list{display:none}.wa-back{display:inline-flex;align-items:center}}.helpchat-panel{position:fixed;left:78px;bottom:16px;width:340px;max-width:calc(100vw - 94px);height:460px;max-height:calc(100vh - 32px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden;z-index:60}.helpchat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.helpchat-close{flex-shrink:0;padding:4px;display:grid;place-items:center}.helpchat-title{font-weight:700;font-size:14px}.helpchat-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.helpchat-hint{line-height:1.5}.helpchat-msg{padding:8px 11px;border-radius:10px;font-size:13px;line-height:1.5;max-width:88%;white-space:pre-wrap}.helpchat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:3px}.helpchat-msg.assistant{align-self:flex-start;background:color-mix(in srgb,var(--text) 6%,transparent);border-bottom-left-radius:3px}.helpchat-typing{opacity:.6;font-style:italic}.helpchat-err{color:var(--danger, #ef4444);font-size:12px}.helpchat-img{display:block;max-width:100%;border-radius:8px;margin-bottom:6px}.helpchat-pending{position:relative;display:inline-flex;align-items:flex-start;margin:8px 10px 0;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--bg);width:fit-content}.helpchat-pending img{max-height:64px;max-width:96px;border-radius:6px;display:block}.helpchat-pending button{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:999px;background:var(--surface);color:var(--text-muted);border:1px solid var(--line);display:grid;place-items:center;padding:0}.helpchat-input{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--line)}.helpchat-attach{flex-shrink:0;display:grid;place-items:center;padding:6px}.helpchat-input input{flex:1;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px}.helpchat-input button{padding:8px 14px;font-size:13px}.lc-shell{--lc-brand: #0b7a68;--lc-brand-2: #00a884;--lc-wall: #efeae2;--lc-mine: #d9fdd3;--lc-theirs: #ffffff;--lc-txt: #111b21;--lc-muted: #667781;--lc-bar: #f0f2f5;--lc-pill: #ffffff;--lc-read: #53bdeb;display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;background:var(--lc-wall);color:var(--lc-txt);box-shadow:0 0 0 1px #00000014}.lc-head{display:flex;align-items:center;gap:11px;padding:9px 14px;background:var(--lc-brand);color:#fff;flex:none}.lc-ava{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:#ffffff38;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}.lc-head-txt{flex:1;min-width:0}.lc-title{font-weight:600;font-size:15.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-sub{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.35;color:#ffffffc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-dot{width:7px;height:7px;border-radius:50%;background:#7ee8a2;flex:none}.lc-notif-btn{flex:none;font-size:12px;padding:5px 10px;border-radius:999px;white-space:nowrap;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.25)}.lc-notif-btn:hover{background:#ffffff42}.lc-notif-on{flex:none;font-size:15px;opacity:.8}.lc-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px 14px;display:flex;flex-direction:column;background-color:var(--lc-wall);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.045' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 24h16M16 31h10'/%3E%3Ccircle cx='108' cy='28' r='8'/%3E%3Cpath d='M28 86l7 7 12-15'/%3E%3Cpath d='M92 96c0-7 6-12 13-12s13 5 13 12-6 12-13 12h-13z'/%3E%3Cpath d='M64 52h10M69 47v10'/%3E%3Cpath d='M118 62l-8 8M110 62l8 8'/%3E%3Cpath d='M20 116c4-6 10-6 14 0'/%3E%3C/g%3E%3C/svg%3E")}.lc-note{align-self:center;max-width:88%;margin:2px 0 10px;padding:6px 12px;border-radius:8px;background:#ffeecd;color:#5b4a22;font-size:12px;line-height:1.45;text-align:center;box-shadow:0 1px 1px #00000014}.lc-day{align-self:center;margin:8px 0;padding:5px 12px;border-radius:8px;background:#ffffffeb;color:var(--lc-muted);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 1px 1px #00000014}.lc-msg{display:flex;padding:0 4px;margin-top:2px}.lc-in{justify-content:flex-end}.lc-out{justify-content:flex-start}.lc-first{margin-top:10px}.lc-bubble{position:relative;display:flow-root;max-width:82%;min-width:78px;padding:6px 9px 8px;border-radius:8px;font-size:14.6px;line-height:1.42;white-space:pre-wrap;word-break:break-word;background:var(--lc-theirs);box-shadow:0 1px .5px #0b141a21}.lc-in .lc-bubble{background:var(--lc-mine)}.lc-first .lc-bubble:after{content:"";position:absolute;top:0;width:0;height:0;border:8px solid transparent;border-bottom:0}.lc-in.lc-first .lc-bubble{border-top-right-radius:0}.lc-in.lc-first .lc-bubble:after{right:-8px;border-top-color:var(--lc-mine);border-left-color:var(--lc-mine)}.lc-out.lc-first .lc-bubble{border-top-left-radius:0}.lc-out.lc-first .lc-bubble:after{left:-8px;border-top-color:var(--lc-theirs);border-right-color:var(--lc-theirs)}.lc-time{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px -3px -3px 9px;font-size:11px;line-height:1;color:var(--lc-muted);white-space:nowrap}.lc-tick{font-size:12px;line-height:1;letter-spacing:-.12em;color:var(--lc-muted)}.lc-tick-read{color:var(--lc-read)}.lc-media{display:block;max-width:100%;max-height:320px;border-radius:6px;margin-bottom:3px}.lc-audio{display:block;width:232px;max-width:100%;margin-bottom:3px}.lc-doc{display:inline-block;margin-bottom:3px;color:inherit;text-decoration:underline}.lc-compose{display:flex;align-items:flex-end;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:var(--lc-bar);flex:none}.lc-pill{flex:1;min-width:0;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:999px;background:var(--lc-pill);box-shadow:0 1px .5px #0b141a21}.lc-pill input{flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--lc-txt);font-size:15px;padding:6px}.lc-pill input::placeholder{color:var(--lc-muted)}.lc-icon{flex:none;width:34px;height:34px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--lc-muted);font-size:17px;line-height:1}.lc-icon:hover:not(:disabled){background:#0000000f}.lc-send{flex:none;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--lc-brand-2);color:#fff;font-size:18px;line-height:1}.lc-send:hover:not(:disabled){background:var(--lc-brand)}.lc-send:disabled{opacity:.55}.lc-rec{background:#e02f2f;animation:lc-pulse 1.2s ease-in-out infinite}.lc-rec:hover:not(:disabled){background:#c62828}@keyframes lc-pulse{50%{opacity:.55}}.lc-info{margin:auto;padding:24px 16px;text-align:center;color:var(--lc-muted);line-height:1.5}.lc-info-err{color:#8a4b12}.lc-info-sub{margin-top:8px;font-size:12px;color:var(--lc-muted)}.lc-err{flex:none;padding:7px 16px;background:#fde2e2;color:#9b1c1c;font-size:13px}.lc-hint{flex:none;margin:8px 12px 0;padding:8px 10px;border-radius:8px;background:#ffeecd;color:#5b4a22;font-size:12px;line-height:1.45}@media (prefers-color-scheme: dark){.lc-shell{--lc-brand: #1f2c33;--lc-brand-2: #00a884;--lc-wall: #0b141a;--lc-mine: #005c4b;--lc-theirs: #202c33;--lc-txt: #e9edef;--lc-muted: #8696a0;--lc-bar: #202c33;--lc-pill: #2a3942;color-scheme:dark}.lc-body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.035' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 24h16M16 31h10'/%3E%3Ccircle cx='108' cy='28' r='8'/%3E%3Cpath d='M28 86l7 7 12-15'/%3E%3Cpath d='M92 96c0-7 6-12 13-12s13 5 13 12-6 12-13 12h-13z'/%3E%3Cpath d='M64 52h10M69 47v10'/%3E%3Cpath d='M118 62l-8 8M110 62l8 8'/%3E%3Cpath d='M20 116c4-6 10-6 14 0'/%3E%3C/g%3E%3C/svg%3E")}.lc-bubble{color:var(--lc-txt)}.lc-time,.lc-tick{color:#e9edef99}.lc-tick-read{color:var(--lc-read)}.lc-note,.lc-hint{background:#182229;color:#ffd279}.lc-day{background:#182229;color:var(--lc-muted)}.lc-err{background:#3b1a1a;color:#ffb4b4}.lc-icon:hover:not(:disabled){background:#ffffff14}}.wa-ch-badge{font-size:9px;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:4px;margin-left:6px;vertical-align:middle;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.wa-lclink{margin:0 14px 8px;padding:8px 10px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.wa-lclink-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.wa-lclink-top b{color:var(--accent)}.wa-lclink-x{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 4px}.wa-lclink-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.wa-lclink-row input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:12px}.wa-lclink-open{display:inline-flex;align-items:center;text-decoration:none}.lc-bubble.lc-pending{opacity:.72}