:root{--brand:#5865f2;--brand-hover:#4752c4;--brand-active:#3c45a5;--brand-soft:#5865f229;--success:#23a55a;--success-hover:#1a8c4b;--warning:#f0b232;--danger:#f23f43;--danger-hover:#da373c;--offline:#80848e;--client:#eb459e;--client-soft:#eb459e24;--mention-bg:#faa81a1a;--mention-bg-hover:#faa81a24;--mention-border:#f0b232;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--ease:cubic-bezier(.2, 0, 0, 1);--t-fast:.15s;--t:.2s;--rail-w:72px;--sidebar-w:240px;--header-h:48px;--panel-w:260px;--font:"Inter", "gg sans", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Consolas", "Menlo", ui-monospace, monospace}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-tertiary:#1e1f22;--bg-secondary:#2b2d31;--bg-secondary-alt:#232428;--bg-primary:#313338;--bg-floating:#111214;--bg-modifier-hover:#4e50584d;--bg-modifier-active:#4e505899;--bg-modifier-selected:#4e50587a;--input-bg:#383a40;--input-bg-strong:#1e1f22;--text-normal:#dbdee1;--text-muted:#949ba4;--text-faint:#6d6f78;--header-primary:#f2f3f5;--header-secondary:#b5bac1;--interactive-normal:#b5bac1;--interactive-hover:#dbdee1;--interactive-active:#fff;--channel-icon:#80848e;--border:#ffffff0f;--border-strong:#ffffff1f;--divider:#ffffff14;--text-link:#00a8fc;--mention-pill-bg:#5865f24d;--mention-pill-fg:#c9cdfb;--message-hover:#0202020f;--code-bg:#2b2d31;--code-border:#1e1f22;--quote-border:#4e5058;--card:#2b2d31;--card-border:#ffffff0a;--card-shadow:none;--shadow-low:0 1px 0 #04040533, 0 1.5px 0 #0606070d, 0 2px 0 #0404050d;--shadow-high:0 8px 16px #0000003d;--shadow-float:0 0 0 1px #0000004d, 0 8px 24px #0006;--scrollbar-thumb:#1a1b1e;--scrollbar-thumb-thin:#1a1b1e;--scrollbar-track:#2b2d31;--internal-bg:#f0b23214;--internal-bg-hover:#f0b2321c;--internal-input:#3f3a2c;--internal-text:#f0b232;--backdrop:#000000b8;--voice-bg:#000;--portal-bg:#2b2d31;--portal-card:#313338;--portal-top:#1e1f22;--tooltip-bg:#111214;--tooltip-fg:#dbdee1}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-tertiary:#e3e5e8;--bg-secondary:#f2f3f5;--bg-secondary-alt:#ebedef;--bg-primary:#fff;--bg-floating:#fff;--bg-modifier-hover:#747f8d1f;--bg-modifier-active:#747f8d3d;--bg-modifier-selected:#747f8d33;--input-bg:#ebedef;--input-bg-strong:#e3e5e8;--text-normal:#313338;--text-muted:#5c5e66;--text-faint:#80848e;--header-primary:#060607;--header-secondary:#4e5058;--interactive-normal:#4e5058;--interactive-hover:#313338;--interactive-active:#060607;--channel-icon:#6d6f78;--border:#00000014;--border-strong:#00000024;--divider:#00000014;--text-link:#006ce7;--mention-pill-bg:#5865f226;--mention-pill-fg:#505cdc;--message-hover:#06060706;--code-bg:#f2f3f5;--code-border:#e3e5e8;--quote-border:#c4c9ce;--card:#fff;--card-border:#00000012;--card-shadow:0 1px 2px #0000000a, 0 2px 8px #00000008;--shadow-low:0 1px 0 #0606071a, 0 1.5px 0 #06060706, 0 2px 0 #06060706;--shadow-high:0 8px 16px #0000001f;--shadow-float:0 0 0 1px #06060714, 0 8px 24px #00000024;--scrollbar-thumb:#c4c9ce;--scrollbar-thumb-thin:#c4c9ce;--scrollbar-track:#f2f3f5;--internal-bg:#f0b23221;--internal-bg-hover:#f0b2322b;--internal-input:#fbf1d9;--internal-text:#a86b00;--backdrop:#00000080;--voice-bg:#e3e5e8;--portal-bg:#f5f6fa;--portal-card:#fff;--portal-top:#fff;--tooltip-bg:#fff;--tooltip-fg:#060607}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text-normal);background:var(--bg-tertiary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background-color var(--t) var(--ease), color var(--t) var(--ease);margin:0;font-size:15px;line-height:1.375;overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--header-primary);letter-spacing:-.01em}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit}code,kbd,pre{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:#5865f259}mark{color:inherit;background:#f0b23259;border-radius:3px;padding:0 1px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:4px solid #0000;border-radius:8px;min-height:40px}::-webkit-scrollbar-corner{background:0 0}.message-scroller::-webkit-scrollbar-track{background-color:var(--scrollbar-track);background-clip:padding-box;border:4px solid #0000;border-radius:8px}.sidebar-scroll::-webkit-scrollbar{width:8px}.rail::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:#0000;border-width:2px}.panel-body::-webkit-scrollbar-thumb{background-color:#0000;border-width:2px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-thin)}.panel-body:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-thin)}.rail::-webkit-scrollbar{display:none}.muted{color:var(--text-muted)}.small{font-size:12px}.hint{color:var(--text-muted);margin-top:8px;font-size:13px}.danger-text{color:var(--danger)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-only,.show-narrow{display:none!important}.rot90{transform:rotate(90deg)}.link-btn{color:var(--text-link);font-weight:500}.link-btn:hover{text-decoration:underline}.is-client{color:var(--client)!important}.btn{border-radius:var(--radius);white-space:nowrap;height:38px;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), box-shadow var(--t-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;text-decoration:none!important}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-xs{border-radius:var(--radius-sm);height:26px;padding:0 10px;font-size:12px}.btn-lg{height:46px;padding:0 22px;font-size:15px;font-weight:600}.btn-block{width:100%}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--bg-modifier-hover);color:var(--header-primary);box-shadow:inset 0 0 0 1px var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-modifier-active)}.btn-ghost{color:var(--header-primary)}.btn-ghost:hover:not(:disabled){text-decoration:underline!important}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger-outline{color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.btn-white{color:#3b44c4;background:#fff}.btn-white:hover{background:#f0f1ff}.btn-glass{color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff40}.btn-glass:hover{background:#ffffff42}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--interactive-normal);transition:color var(--t-fast), background-color var(--t-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover:not(:disabled){color:var(--interactive-hover);background:var(--bg-modifier-hover)}.icon-btn.active{color:var(--interactive-active)}.icon-btn.sm{width:28px;height:28px}.icon-btn.xs{border-radius:4px;width:20px;height:20px}.icon-btn.danger-icon{color:var(--danger)}.icon-btn-badge{background:var(--danger);color:#fff;text-align:center;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--bg-primary);border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;bottom:0;right:-2px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input{border-radius:var(--radius);background:var(--input-bg-strong);width:100%;height:40px;color:var(--text-normal);transition:border-color var(--t-fast), box-shadow var(--t-fast);border:1px solid #0000;outline:none;padding:0 12px}[data-theme=light] .input{background:var(--input-bg)}.input::placeholder,textarea::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input:disabled{opacity:.6}.input.invalid{border-color:var(--danger)}.textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.45}.select{border-radius:var(--radius);border:1px solid var(--border);background:var(--input-bg-strong);width:100%;height:36px;color:var(--text-normal);cursor:pointer;outline:none;padding:0 10px}[data-theme=light] .select{background:var(--input-bg)}.select:focus{border-color:var(--brand)}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg:first-child{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.input-with-icon .input{padding-left:36px}.input-with-icon.sm .input{height:32px;padding-left:32px;font-size:13px}.input-with-icon.sm>svg:first-child{left:10px}.input-action{color:var(--text-muted);border-radius:4px;padding:4px;display:flex;position:absolute;right:8px}.input-action:hover{color:var(--text-normal)}.field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.02em;color:var(--header-secondary);font-size:12px;font-weight:700}.field-help{color:var(--text-muted);font-size:12px}.field-error{color:var(--danger);font-size:12px}.pill{white-space:nowrap;background:var(--bg-modifier-hover);height:20px;color:var(--text-normal);border-radius:10px;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-open{color:#2dc770;background:#23a55a26}.status-pending{color:#e3a019;background:#f0b23229}.status-resolved{color:var(--text-muted);background:#80848e2e}[data-theme=light] .status-open{color:#158c47}[data-theme=light] .status-pending{color:#a86b00}.prio{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.prio-urgent{background:var(--danger);color:#fff}.prio-high{color:#f0844a;background:#f078322e}.prio-normal{background:var(--brand-soft);color:#8c96f7}.prio-low{background:var(--bg-modifier-hover);color:var(--text-muted)}[data-theme=light] .prio-normal{color:var(--brand)}[data-theme=light] .prio-high{color:#c25416}.prio-urgent-pill{color:var(--danger);background:#f23f4326}.tag{letter-spacing:.02em;vertical-align:middle;border-radius:4px;align-items:center;height:16px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.tag-client{background:var(--client);color:#fff}.tag-team{background:var(--brand);color:#fff}.chip{background:var(--bg-modifier-hover);height:30px;color:var(--text-normal);white-space:nowrap;transition:background-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);border-radius:15px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}button.chip:hover{background:var(--bg-modifier-active)}.chip small{opacity:.7;font-weight:600}.chip-sm{border-radius:10px;height:20px;padding:0 8px;font-size:11px}.chip-sm button{color:var(--text-muted);display:flex}.chip-sm button:hover{color:var(--danger)}.chip-toggle.on{background:var(--brand);color:#fff}.count-badge{background:var(--danger);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.kbd,kbd{min-width:18px;height:18px;font-family:var(--font);color:var(--text-muted);background:var(--bg-modifier-hover);box-shadow:inset 0 -1px 0 var(--border-strong);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex}.dept-chip{background:var(--bg-modifier-hover);height:20px;color:var(--text-muted);border-radius:4px;align-items:center;margin-left:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.plan-badge{border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.plan-enterprise{color:var(--client);background:#eb459e29}.plan-business{background:var(--brand-soft);color:#8c96f7}[data-theme=light] .plan-business{color:var(--brand)}.plan-starter{color:#2dc770;background:#23a55a26}.switch{background:var(--offline);width:40px;height:24px;transition:background-color var(--t) var(--ease);border-radius:12px;flex-shrink:0;position:relative}.switch.on{background:var(--success)}.switch-thumb{width:18px;height:18px;transition:transform var(--t) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch.on .switch-thumb{transform:translate(16px)}.segmented{border-radius:var(--radius);background:var(--input-bg-strong);gap:2px;padding:3px;display:inline-flex}[data-theme=light] .segmented{background:var(--bg-tertiary)}.segmented.full{width:100%;display:flex}.segmented.full>button{flex:1}.segmented>button{height:30px;color:var(--text-muted);white-space:nowrap;transition:background-color var(--t-fast), color var(--t-fast);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.segmented>button:hover{color:var(--text-normal)}.segmented>button.active{background:var(--bg-primary);color:var(--header-primary);box-shadow:0 1px 3px #0000002e}[data-theme=dark] .segmented>button.active{background:#4e5058}.segmented>button small{opacity:.7;font-weight:600}.segmented.small>button{height:26px;padding:0 10px;font-size:12px}.menu{z-index:60;border-radius:var(--radius);background:var(--bg-floating);min-width:200px;box-shadow:var(--shadow-float);animation:pop-in var(--t-fast) var(--ease);padding:6px;position:absolute}.menu-item{width:100%;min-height:34px;color:var(--interactive-normal);border-radius:4px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;font-weight:500;display:flex}.menu-item:hover{background:var(--brand);color:#fff}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:var(--danger);color:#fff}.menu-item.accent{color:#949cf7}.menu-sep{background:var(--divider);height:1px;margin:4px 6px}.menu-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);padding:6px 8px 4px;font-size:11px;font-weight:700}.menu-pad{padding:4px 6px 6px}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.avatar{background:var(--avatar-bg);color:#fff;letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative}.avatar-face{text-shadow:0 1px 1px #00000026;background:linear-gradient(160deg,#ffffff29,#00000014);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-clickable{cursor:pointer;transition:transform var(--t-fast), filter var(--t-fast)}.avatar-clickable:hover{filter:brightness(1.08)}.avatar-clickable:active{transform:translateY(1px)}.presence{width:calc(var(--dot) + 4px);height:calc(var(--dot) + 4px);border:3px solid var(--avatar-ring,var(--bg-secondary));background:var(--offline);transition:border-color var(--t-fast);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.presence:after{content:"";border-radius:50%;position:absolute}.presence-online{background:var(--success)}.presence-idle{background:var(--warning)}.presence-idle:after{background:var(--avatar-ring,var(--bg-secondary));width:60%;height:60%;top:-12%;left:-12%}.presence-dnd{background:var(--danger)}.presence-dnd:after{background:var(--avatar-ring,var(--bg-secondary));border-radius:2px;width:64%;height:26%;top:37%;left:18%}.presence-offline{background:var(--offline)}.presence-offline:after{background:var(--avatar-ring,var(--bg-secondary));width:44%;height:44%;top:28%;left:28%}.presence-inline{vertical-align:middle;--avatar-ring:var(--inline-ring,var(--bg-floating));border:0;flex-shrink:0;width:10px;height:10px;display:inline-block;position:relative;bottom:auto;right:auto}.company-logo{color:#fff;letter-spacing:-.02em;background-blend-mode:overlay;border-radius:28%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;background-image:linear-gradient(160deg,#fff3,#0000001f)!important}.file-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.file-icon svg{width:55%;height:55%}.file-pdf{color:#f2585b;background:#f23f4326}.file-doc{color:#1fa9f5;background:#00a8fc26}.file-sheet{color:#2dc770;background:#23a55a26}.file-zip{color:#e3a019;background:#f0b23229}.file-image{color:var(--client);background:#eb459e26}.file-other{background:var(--bg-modifier-hover);color:var(--text-muted)}.empty-state{text-align:center;max-width:440px;animation:fade-in var(--t) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:auto;padding:48px 24px;display:flex}.empty-state.compact{gap:6px;padding:24px 16px}.empty-icon{background:var(--bg-modifier-hover);width:80px;height:80px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:34px;display:flex}.empty-state.compact .empty-icon{width:56px;height:56px;margin-bottom:4px;font-size:24px}.empty-state h3{font-size:18px}.empty-state.compact h3{font-size:15px}.empty-state p{color:var(--text-muted);font-size:14px;line-height:1.5}.empty-action{margin-top:10px}.pick-list{flex-direction:column;gap:8px;display:flex}.pick-scroll{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-secondary);max-height:260px;padding:4px;overflow-y:auto}.pick-group{letter-spacing:.02em;text-transform:uppercase;color:var(--header-secondary);padding:8px 8px 4px;font-size:11px;font-weight:700}.pick-item{border-radius:var(--radius-sm,4px);text-align:left;width:100%;color:var(--text-normal);align-items:center;gap:10px;padding:8px;display:flex}.pick-item:hover{background:var(--bg-modifier-hover)}.pick-item.on{background:var(--bg-modifier-selected);color:var(--header-primary)}.pick-text{flex-direction:column;flex:1;min-width:0;display:flex}.pick-text small{color:var(--text-muted);font-size:12px}.pick-check{color:var(--brand);flex:none}.pick-empty{color:var(--text-muted);padding:12px 8px;font-size:13px}.pick-box{border:2px solid var(--border-strong);color:#fff;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;display:grid}.pick-box.on{border-color:var(--brand);background:var(--brand)}.pick-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.app-shell{background:var(--bg-tertiary);width:100%;height:100dvh;display:flex;overflow:hidden}.nav-drawer{grid-template-columns:var(--rail-w) auto;background:var(--bg-tertiary);flex-shrink:0;grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.nav-drawer>.rail{grid-area:1/1}.nav-drawer>.sidebar{grid-area:1/2}.nav-drawer>.user-panel-wrap{grid-area:2/1/auto/-1}.drawer-backdrop{display:none}.main{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.rail{width:var(--rail-w);background:var(--bg-tertiary);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;height:100%;min-height:0;padding:12px 0;display:flex;overflow-y:auto}.rail-item{justify-content:center;width:100%;display:flex;position:relative}.rail-pill{background:var(--header-primary);width:4px;height:0;transition:height var(--t) var(--ease), opacity var(--t);opacity:0;border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-item.is-unread .rail-pill{opacity:1;height:8px}.rail-item:hover .rail-pill{opacity:1;height:20px}.rail-item.is-active .rail-pill{opacity:1;height:40px}.rail-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--text-normal);transition:border-radius var(--t) var(--ease), background-color var(--t) var(--ease), color var(--t) var(--ease), transform var(--t-fast);border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-theme=light] .rail-icon{background:#fff}.rail-icon:hover,.rail-icon.active{background:var(--icon-color,var(--brand));color:#fff;border-radius:16px}.rail-icon:active{transform:translateY(1px)}.rail-abbr{letter-spacing:.02em;font-size:15px;font-weight:700}.rail-action{color:var(--success)}.rail-client{color:var(--client)}.rail-icon.rail-action:hover{background:var(--success);color:#fff}.rail-sep{background:var(--bg-modifier-active);border-radius:1px;flex-shrink:0;width:32px;height:2px}.rail-badge{background:var(--danger);color:#fff;text-align:center;min-width:16px;height:16px;box-shadow:0 0 0 4px var(--bg-tertiary);pointer-events:none;animation:pop-in var(--t) var(--ease);border-radius:8px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute;bottom:-3px;right:10px}.logo-mark{display:block}.sidebar{width:var(--sidebar-w);background:var(--bg-secondary);--avatar-ring:var(--bg-secondary);border-top-left-radius:8px;border-bottom-left-radius:8px;flex-direction:column;flex-shrink:0;height:100%;min-height:0;display:flex;overflow:hidden}.sidebar.sidebar-wide{width:320px}.sidebar-header{height:var(--header-h);box-shadow:var(--shadow-low);z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 0 16px;display:flex;position:relative}.sidebar-title{color:var(--header-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sidebar-sub{color:var(--text-muted);font-size:12px;font-weight:500}.sidebar-scroll{flex:1;min-height:0;padding:8px;overflow-y:auto}.sidebar-scroll.no-pad{padding:0}.search-header{padding:0 10px}.find-btn{background:var(--bg-tertiary);width:100%;height:28px;color:var(--text-muted);transition:color var(--t-fast);border-radius:4px;justify-content:space-between;align-items:center;padding:0 6px 0 8px;font-size:13px;font-weight:500;display:flex}.find-btn:hover{color:var(--text-normal)}.find-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.find-kbd{flex-shrink:0;gap:2px;display:inline-flex}.find-kbd .kbd{min-width:16px;height:16px;font-size:10px}.side-nav{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.side-link{height:42px;color:var(--channel-icon);transition:background-color var(--t-fast), color var(--t-fast);border-radius:4px;align-items:center;gap:12px;padding:0 8px;font-size:15px;font-weight:500;display:flex;text-decoration:none!important}.side-link:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.side-link.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.side-section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--channel-icon);justify-content:space-between;align-items:center;padding:16px 8px 4px 10px;font-size:12px;font-weight:600;display:flex}.side-section-title:hover{color:var(--interactive-hover)}.dm-link{height:44px;color:var(--channel-icon);transition:background-color var(--t-fast), color var(--t-fast);border-radius:4px;align-items:center;gap:12px;margin-bottom:2px;padding:0 8px;display:flex;text-decoration:none!important}.dm-link:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover);--avatar-ring:color-mix(in srgb, var(--bg-secondary) 85%, #888)}.dm-link.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.dm-link.unread .dm-name{color:var(--header-primary);font-weight:600}.dm-text{flex-direction:column;flex:1;min-width:0;display:flex}.dm-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.dm-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.group-avatar{color:#fff;background:linear-gradient(135deg,#5865f2,#eb459e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.space-header{padding:0}.space-name-btn{width:100%;height:100%;color:var(--header-primary);transition:background-color var(--t-fast);justify-content:space-between;align-items:center;padding:0 16px;font-size:15px;font-weight:600;display:flex}.space-name-btn:hover{background:var(--bg-modifier-hover)}.space-menu{top:calc(100% + 6px);left:10px;right:10px}.space-menu .menu-item{justify-content:space-between}.space-banner{color:#fff;opacity:.95;border-radius:8px;align-items:center;gap:8px;height:44px;margin-bottom:8px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.category{margin-top:12px}.category-head{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.category-head .icon-btn{opacity:0}.category-head:hover .icon-btn,.category-head .icon-btn:focus-visible{opacity:1}.category-toggle{text-transform:uppercase;letter-spacing:.02em;height:24px;color:var(--channel-icon);flex:1;align-items:center;gap:2px;font-size:12px;font-weight:600;display:flex}.category-toggle:hover{color:var(--interactive-hover)}.cat-chevron{transition:transform var(--t-fast) var(--ease)}.cat-chevron.collapsed{transform:rotate(-90deg)}.channel-link{width:100%;height:34px;color:var(--channel-icon);transition:background-color var(--t-fast), color var(--t-fast);border-radius:4px;align-items:center;gap:6px;margin:1px 0;padding:0 8px;display:flex;position:relative}.channel-link>svg{opacity:.9;flex-shrink:0}.channel-link:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.channel-link.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.channel-link.unread{color:var(--interactive-active)}.channel-link.unread .channel-name{font-weight:600}.channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.channel-unread-pill{background:var(--header-primary);width:4px;height:0;transition:height var(--t) var(--ease);border-radius:0 4px 4px 0;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.channel-link.unread:not(.active) .channel-unread-pill{height:8px}.mention-badge{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px}.voice-count{background:var(--bg-modifier-hover);color:var(--text-muted);border-radius:8px;padding:1px 6px;font-size:11px;font-weight:600}.voice-members{flex-direction:column;gap:2px;padding:2px 0 6px 32px;display:flex}.voice-member{height:28px;color:var(--text-muted);border-radius:4px;align-items:center;gap:8px;padding:0 6px;font-size:13px;display:flex}.voice-member:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.tree{flex-direction:column;gap:1px;display:flex}.tree-row{width:100%;min-height:32px;color:var(--channel-icon);transition:background-color var(--t-fast), color var(--t-fast);border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-size:14px;font-weight:500;display:flex}.tree-row:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.tree-row.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.tree-chevron{color:var(--text-muted);border-radius:4px;padding:2px;display:flex}.tree-chevron svg{transition:transform var(--t-fast) var(--ease)}.tree-label{flex:1;align-items:center;gap:8px;min-width:0;height:32px;display:flex}.tree-emoji{text-align:center;flex-shrink:0;width:20px}.tree-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;overflow:hidden}.folder-row .tree-name{font-weight:600}.tree-count{color:var(--text-faint);font-size:11px;font-weight:600}.tree-add{opacity:0}.folder-row:hover .tree-add,.tree-add:focus-visible{opacity:1}.tree-children{flex-direction:column;gap:1px;padding-left:18px;display:flex}.page-row{gap:8px;padding-left:8px}.shared-dot{background:var(--client);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tree-empty{color:var(--text-faint);padding:4px 10px;font-size:12px;font-style:italic}.user-panel-wrap{background:var(--bg-secondary-alt);box-shadow:0 0 0 1px var(--border), 0 4px 12px #0000001f;--avatar-ring:var(--bg-secondary-alt);border-radius:10px;flex-shrink:0;margin:8px;position:relative}[data-theme=light] .user-panel-wrap{--avatar-ring:#fff;background:#fff}.user-panel{align-items:center;gap:4px;height:56px;padding:0 8px;display:flex}.up-user{min-width:0;transition:background-color var(--t-fast);border-radius:6px;flex:1;align-items:center;gap:8px;padding:4px 4px 4px 2px;display:flex}.up-user:hover{background:var(--bg-modifier-hover)}.up-names{flex-direction:column;min-width:0;line-height:1.2;display:flex}.up-name{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.up-status{height:15px;color:var(--text-muted);font-size:12px;position:relative;overflow:hidden}.up-status-a,.up-status-b{white-space:nowrap;text-overflow:ellipsis;transition:transform var(--t) var(--ease);display:block;overflow:hidden}.up-user:hover .up-status-a,.up-user:hover .up-status-b{transform:translateY(-100%)}.up-actions{align-items:center;display:flex}.status-menu{--inline-ring:var(--bg-floating);width:280px;bottom:calc(100% + 8px);left:8px}.status-menu-head{--avatar-ring:var(--bg-floating);align-items:center;gap:12px;padding:8px;display:flex}.status-menu-head>div{flex-direction:column;display:flex}.status-menu-head strong{color:var(--header-primary);font-size:16px}.status-option{align-items:flex-start}.status-option .presence{margin-top:4px}.status-option>span:last-child{flex-direction:column;display:flex}.status-option small{opacity:.8;font-size:12px;font-weight:400}.status-option.checked{background:var(--bg-modifier-selected);color:var(--header-primary)}.status-option:hover .presence-inline{--inline-ring:var(--brand)}.voice-bar{border-bottom:1px solid var(--divider);padding:8px 8px 6px}.voice-bar-top{align-items:center;gap:4px;display:flex}.voice-bar-info{border-radius:4px;flex-direction:column;flex:1;min-width:0;padding:2px 4px;display:flex}.voice-connected{color:var(--success);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.voice-where{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.voice-bar-info:hover .voice-where{text-decoration:underline}.voice-bar-actions{gap:6px;margin-top:6px;display:flex}.vb-btn{background:var(--bg-modifier-hover);height:30px;color:var(--interactive-normal);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.vb-btn:hover{background:var(--bg-modifier-active);color:var(--interactive-hover)}.vb-btn.on{background:var(--success);color:#fff}.page{flex-direction:column;flex:1;min-height:0;display:flex}.page-scroll{flex:1;min-height:0;overflow-y:auto}.page-header{height:var(--header-h);min-height:var(--header-h);box-shadow:var(--shadow-low);z-index:3;background:var(--bg-primary);align-items:center;gap:8px;padding:0 8px 0 16px;display:flex;position:relative}.hamburger{margin-left:-6px;display:none}.ph-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ph-icon{color:var(--channel-icon);flex-shrink:0;display:flex}.ph-emoji{font-size:20px}.ph-title h1{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:60%;font-size:16px;font-weight:600;line-height:20px;overflow:hidden}.ph-divider{background:var(--divider);flex-shrink:0;width:1px;height:24px;margin:0 8px}.ph-topic{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.ph-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ph-actions .icon-btn{width:34px;height:34px}.header-search{background:var(--bg-tertiary);width:150px;height:26px;transition:width .25s var(--ease);border-radius:4px;align-items:center;margin:0 4px;display:flex;position:relative}.header-search:focus-within,.header-search.has-value{width:240px}.header-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 6px 0 8px;font-size:13px}.header-search>svg,.header-search>button{color:var(--text-muted);margin-right:6px;display:flex}.breadcrumbs{align-items:center;gap:6px;min-width:0;display:inline-flex}.crumb{color:var(--text-muted);font-weight:500}.crumb:hover{color:var(--text-normal);text-decoration:underline}.crumb-sep{color:var(--text-faint)}.dm-header-title{align-items:center;gap:8px;display:inline-flex}.chat-layout{flex-direction:column;flex:1;min-height:0;display:flex}.chat-body{flex:1;min-height:0;display:flex;position:relative}.chat-column{flex-direction:column;flex:1;min-width:0;display:flex}.right-panel{width:var(--panel-w);background:var(--bg-secondary);animation:slide-in-right var(--t) var(--ease);--avatar-ring:var(--bg-secondary);flex-direction:column;flex-shrink:0;display:flex}.right-panel.details-panel{width:320px}.right-panel.dm-profile-panel{width:300px}.panel-backdrop{display:none}.panel-header{height:var(--header-h);box-shadow:var(--shadow-low);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 8px 0 16px;display:flex}.panel-title{color:var(--header-primary);align-items:center;gap:8px;font-weight:600;display:flex}.member-panel .panel-header{display:none}.panel-body{flex:1;min-height:0;padding:8px;overflow-y:auto}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (width<=1199px){.panel-backdrop{z-index:19;animation:fade-in var(--t);background:#0000004d;display:block;position:absolute;inset:0}.right-panel{z-index:20;box-shadow:var(--shadow-high);position:absolute;top:0;bottom:0;right:0}.member-panel .panel-header{display:flex}}@media (width<=899px){.nav-drawer{z-index:80;transition:transform .26s var(--ease);box-shadow:none;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.nav-drawer.open{transform:none;box-shadow:8px 0 32px #00000059}.drawer-backdrop{z-index:70;background:var(--backdrop);opacity:0;pointer-events:none;transition:opacity .26s var(--ease);display:block;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.sidebar{width:min(280px, calc(100vw - var(--rail-w) - 24px));border-radius:0}.sidebar.sidebar-wide{width:min(320px, calc(100vw - var(--rail-w) - 24px))}.hamburger{display:inline-flex}.header-search{display:none}.show-narrow{display:inline-flex!important}.mobile-only{display:flex!important}.desktop-only{display:none!important}.right-panel,.right-panel.details-panel,.right-panel.dm-profile-panel{width:min(320px,88vw)}.ph-topic,.ph-divider{display:none}.ph-title h1{flex-shrink:1;max-width:none}}@media (width<=560px){.hide-xs{display:none!important}.page-header{padding:0 4px 0 12px}.ph-actions{gap:0}}.page-loader{flex:1;justify-content:center;align-items:center;height:100%;min-height:200px;display:flex}.page-loader-logo{color:#fff;background:linear-gradient(135deg,#5865f2,#eb459e);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;animation:1s ease-in-out infinite loader-pulse;display:flex}@keyframes loader-pulse{50%{opacity:.7;transform:scale(.9)}}.message-scroller-wrap{flex:1;min-height:0;display:flex;position:relative}.message-scroller{overflow-anchor:none;flex:1;overflow:hidden auto}.message-list{flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:12px;display:flex}.message-list-end{height:8px}.channel-intro{animation:fade-in var(--t);flex-direction:column;align-items:flex-start;gap:8px;margin:16px 16px 8px;padding-top:24px;display:flex}.channel-intro-icon{background:var(--bg-modifier-active);width:68px;height:68px;color:var(--header-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.channel-intro-icon.client{background:var(--client-soft);color:var(--client)}.channel-intro h2{margin-top:4px;font-size:30px;font-weight:800;line-height:1.2}.channel-intro p{color:var(--text-muted);max-width:640px;font-size:15px}.channel-intro .hint{align-items:center;gap:6px;margin-top:0;display:inline-flex}.intro-username{color:var(--header-secondary);font-size:16px;font-weight:500}.ticket-intro h2{font-size:24px}.day-divider{border-top:1px solid var(--divider);justify-content:center;align-items:center;height:0;margin:24px 16px 8px;display:flex;position:relative}.day-divider span{background:var(--bg-primary);color:var(--text-muted);padding:2px 6px;font-size:12px;font-weight:600;line-height:13px}.new-divider{border-top:1px solid var(--danger);height:0;margin:12px 16px 4px;position:relative}.new-divider span{background:var(--danger);color:#fff;border-radius:0 8px 8px 0;height:17px;padding:0 4px 0 6px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-9px;right:0}.new-divider span:before{content:"";border:8.5px solid #0000;border-right:5px solid var(--danger);border-left:0;position:absolute;top:0;left:-5px}.msg{padding:2px 48px 2px 16px;transition:background-color 80ms;position:relative}.msg-head{margin-top:17px}.msg:hover,.msg.msg-active{background:var(--message-hover)}.msg-row{display:flex}.msg-gutter{flex-shrink:0;align-items:flex-start;width:56px;display:flex}.msg-head .msg-gutter{padding-top:2px}.msg-content{flex:1;min-width:0}.msg-meta{flex-wrap:wrap;align-items:center;gap:6px;line-height:22px;display:flex}.msg-author{color:var(--header-primary);font-size:15px;font-weight:600}.msg-author:hover{text-decoration:underline}.admin-badge{color:#f0b232;flex-shrink:0}.msg-time{color:var(--text-muted);margin-left:2px;font-size:12px;font-weight:500}.msg-pin-flag{color:var(--text-muted)}.msg-hover-time{visibility:hidden;width:48px;color:var(--text-muted);text-align:right;white-space:nowrap;padding-right:8px;font-size:11px;line-height:22px}.msg:hover .msg-hover-time{visibility:visible}.msg-body{color:var(--text-normal);word-wrap:break-word;overflow-wrap:anywhere;font-size:15px;line-height:1.375rem}.msg-edited{color:var(--text-muted);margin-left:4px;font-size:10px}.msg-mention{background:var(--mention-bg)}.msg-mention:before,.msg-internal:before{content:"";background:var(--mention-border);width:2px;position:absolute;top:0;bottom:0;left:0}.msg-mention:hover{background:var(--mention-bg-hover)}.msg-internal{background:var(--internal-bg)}.msg-internal:hover{background:var(--internal-bg-hover)}.msg-internal+.msg-internal.msg-grouped{margin-top:0}.msg-internal-label{text-transform:uppercase;letter-spacing:.03em;color:var(--internal-text);align-items:center;gap:5px;margin-left:56px;padding-top:4px;font-size:11px;font-weight:700;display:flex}.msg-internal-label span{text-transform:none;letter-spacing:0;opacity:.85;font-weight:500}.msg-system{color:var(--text-muted);align-items:center;gap:0;margin-top:8px;padding-top:4px;padding-bottom:4px;font-size:14px;display:flex}.msg-system-icon{width:56px;color:var(--success);flex-shrink:0;justify-content:center;padding-right:16px;display:flex}.msg-system-internal .msg-system-icon{color:var(--internal-text)}.msg-system-text{min-width:0}.msg-system-text strong{color:var(--header-primary)}.msg-system-time{color:var(--text-faint);white-space:nowrap;margin-left:8px;font-size:12px}.msg-highlight{animation:highlight 2s var(--ease)}@keyframes highlight{0%,40%{box-shadow:inset 2px 0 0 var(--brand);background:#5865f238}to{background:0 0}}.msg-reply-ref{max-width:calc(100% - 56px);color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;margin-left:56px;font-size:13px;line-height:18px;display:flex;position:relative}.msg-head:has(.msg-reply-ref){margin-top:17px}.reply-spine{border-left:2px solid var(--quote-border);border-top:2px solid var(--quote-border);border-top-left-radius:6px;width:33px;height:12px;position:absolute;top:9px;left:-36px}.reply-name{color:var(--header-secondary);white-space:nowrap;font-weight:600}.reply-snippet{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.msg-reply-ref:hover .reply-snippet{color:var(--text-normal)}.msg-actions{z-index:5;background:var(--bg-primary);box-shadow:0 0 0 1px var(--border-strong), 0 4px 10px #0000001f;opacity:0;pointer-events:none;transition:opacity var(--t-fast), transform var(--t-fast);border-radius:8px;align-items:center;padding:2px;display:flex;position:absolute;top:-18px;right:16px;transform:translateY(2px)}.msg:hover .msg-actions,.msg.msg-active .msg-actions,.msg-actions:focus-within{opacity:1;pointer-events:auto;transform:none}.msg-action{width:32px;height:32px;color:var(--interactive-normal);transition:background-color var(--t-fast), color var(--t-fast), transform var(--t-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.msg-action:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.msg-action.emoji{font-size:17px}.msg-action.emoji:hover{transform:scale(1.15)}.msg-action.danger:hover{color:var(--danger)}.msg-actions-sep{background:var(--divider);width:1px;height:20px;margin:0 2px}.msg-picker{z-index:30;position:absolute;top:20px;right:16px}.msg-edit textarea{border-radius:var(--radius);background:var(--input-bg);width:100%;color:var(--text-normal);resize:none;border:0;outline:none;margin-top:4px;padding:10px 12px;font-size:15px;line-height:1.375rem}.msg-edit-hint{color:var(--text-muted);padding:4px 0;font-size:12px}.msg-edit-hint button{color:var(--text-link)}.msg-edit-hint button:hover{text-decoration:underline}.msg-reactions{flex-wrap:wrap;gap:4px;margin-top:4px;padding-bottom:2px;display:flex}.reaction{background:var(--bg-secondary);height:26px;color:var(--interactive-normal);transition:border-color var(--t-fast), background-color var(--t-fast), transform var(--t-fast);border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.reaction:hover{border-color:var(--border-strong);background:var(--bg-modifier-hover)}.reaction:active{transform:scale(.95)}.reaction.mine{border-color:var(--brand);color:#c9cdfb;background:#5865f226}[data-theme=light] .reaction.mine{color:var(--brand)}.reaction-emoji{font-size:15px;line-height:1}.reaction-add{opacity:0;color:var(--text-muted)}.msg:hover .reaction-add{opacity:1}.msg-attachments{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.att-file{border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border);align-items:center;gap:12px;width:min(420px,100%);padding:12px;display:flex}.att-file-info{flex-direction:column;flex:1;min-width:0;display:flex}.att-file-name{color:var(--text-link);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-weight:500;overflow:hidden}.att-file-name:hover{text-decoration:underline}.att-file-size{color:var(--text-muted);font-size:12px}.att-image{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);width:min(340px,100%);overflow:hidden}.att-image-art{color:#ffffffd9;background:radial-gradient(circle at 25% 30%, hsla(calc(var(--hue) + 40), 85%, 70%, .9), transparent 45%), radial-gradient(circle at 75% 70%, hsla(calc(var(--hue) + 160), 80%, 60%, .85), transparent 50%), linear-gradient(135deg, hsl(var(--hue), 70%, 55%), hsl(calc(var(--hue) + 90), 65%, 45%));justify-content:center;align-items:center;height:180px;display:flex}.att-image-caption{justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;display:flex}.att-image-caption span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-chat .md-line{white-space:pre-wrap;min-height:1.375rem}.md-gap{height:.5rem}.md-chat-h{color:var(--header-primary);margin:6px 0 2px;font-weight:700}.md-chat-h1{font-size:22px;line-height:1.3}.md-chat-h2{font-size:18px}.md-chat-h3{font-size:16px}.md-chat-li{gap:8px;padding-left:4px;display:flex}.md-bullet{color:var(--text-muted);flex-shrink:0;min-width:10px}.md-inline-code{background:var(--code-bg);border:1px solid var(--code-border);white-space:pre-wrap;border-radius:4px;padding:.1em .35em;font-size:.85em}.md-quote{border-left:4px solid var(--quote-border);border-radius:4px;margin:4px 0;padding:0 8px 0 12px}.md-link{color:var(--text-link);word-break:break-all}.md-code{border-radius:var(--radius);border:1px solid var(--code-border);background:var(--code-bg);max-width:90%;margin:6px 0;overflow:hidden}.md-doc .md-code{max-width:100%;margin:16px 0}.md-code-bar{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;padding:4px 6px 4px 12px;font-size:11px;font-weight:600;display:flex}.md-code-copy{text-transform:none;letter-spacing:0;color:var(--text-muted);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.md-code-copy:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.md-code pre{color:var(--text-normal);margin:0;padding:10px 12px;font-size:13px;line-height:1.55;overflow-x:auto}.mention{background:var(--mention-pill-bg);color:var(--mention-pill-fg);cursor:pointer;border-radius:3px;padding:0 2px;font-weight:500;transition:background-color 50ms,color 50ms}.mention:hover{background:var(--brand);color:#fff}.composer-area{flex-shrink:0;padding:0 16px;position:relative}.composer{position:relative}.composer-box{border-radius:var(--radius);background:var(--input-bg);min-height:44px;transition:box-shadow var(--t-fast), background-color var(--t-fast);align-items:flex-start;display:flex}.composer-box.has-top{border-top-left-radius:0;border-top-right-radius:0}.composer-box:focus-within{box-shadow:0 0 0 1px var(--border-strong)}.composer textarea{resize:none;min-width:0;min-height:44px;max-height:40vh;color:var(--text-normal);background:0 0;border:0;outline:none;flex:1;padding:11px 4px;font-size:15px;line-height:22px}.composer-attach,.composer-emoji{position:relative}.composer-btn{width:40px;height:44px;color:var(--interactive-normal);transition:color var(--t-fast), transform var(--t-fast);justify-content:center;align-items:center;display:flex}.composer-btn:hover,.composer-btn.active{color:var(--interactive-hover)}.composer-emoji .composer-btn:hover{transform:scale(1.12)}.composer-attach .composer-btn{width:48px}.composer-right{align-items:center;padding-right:6px;display:flex}.composer-send{width:32px;height:32px;color:var(--text-faint);transition:background-color var(--t-fast), color var(--t-fast), transform var(--t-fast);border-radius:8px;justify-content:center;align-items:center;margin:6px 0 6px 4px;display:flex}.composer-send.ready{background:var(--brand);color:#fff}.composer-send.ready:hover{background:var(--brand-hover)}.composer-send.ready:active{transform:scale(.94)}.composer-send.internal.ready{background:var(--warning);color:#3b2a00}.composer-reply{border-radius:var(--radius) var(--radius) 0 0;background:var(--bg-secondary);color:var(--text-muted);animation:fade-in var(--t-fast);justify-content:space-between;align-items:center;padding:4px 6px 4px 16px;font-size:13px;display:flex}.composer-reply strong{color:var(--header-secondary)}.composer-attachments{background:var(--input-bg);border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.composer-reply+.composer-attachments{border-radius:0}.composer-chip{border-radius:var(--radius);background:var(--bg-secondary);max-width:260px;animation:pop-in var(--t-fast) var(--ease);align-items:center;gap:10px;padding:8px 32px 8px 8px;display:flex;position:relative}.composer-chip-info{flex-direction:column;min-width:0;font-size:13px;display:flex}.composer-chip-info span{white-space:nowrap;text-overflow:ellipsis;color:var(--header-primary);font-weight:500;overflow:hidden}.composer-chip-info small{color:var(--text-muted)}.composer-chip-remove{color:var(--text-muted);border-radius:4px;padding:3px;display:flex;position:absolute;top:6px;right:6px}.composer-chip-remove:hover{background:var(--danger);color:#fff}.composer-modes{align-items:center;gap:4px;margin-bottom:6px;display:flex}.composer-modes>button{height:28px;color:var(--text-muted);transition:background-color var(--t-fast), color var(--t-fast);border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.composer-modes>button:hover{background:var(--bg-modifier-hover);color:var(--text-normal)}.composer-modes>button.active{background:var(--brand-soft);color:var(--brand)}[data-theme=dark] .composer-modes>button.active{color:#a5acf8}.composer-modes>button.mode-internal.active{color:var(--internal-text);background:#f0b2322e}.composer-mode-hint{color:var(--internal-text);margin-left:6px;font-size:12px}.composer-internal .composer-box{background:var(--internal-input);box-shadow:inset 0 0 0 1px #f0b23273}.attach-menu{width:260px;bottom:calc(100% + 8px);left:0}.composer-picker{z-index:40;position:absolute;bottom:calc(100% + 8px);right:-40px}.mention-menu{z-index:40;border-radius:var(--radius);background:var(--bg-floating);box-shadow:var(--shadow-float);animation:pop-in var(--t-fast) var(--ease);--avatar-ring:var(--bg-floating);padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.mention-option{border-radius:4px;align-items:center;gap:10px;width:100%;height:36px;padding:0 8px;display:flex}.mention-option.active{background:var(--bg-modifier-selected);--avatar-ring:color-mix(in srgb, var(--bg-floating) 70%, #888)}.mention-name{color:var(--header-primary);font-weight:500}.mention-username{color:var(--text-muted);margin-left:auto;font-size:13px}.typing-row{height:26px;color:var(--text-normal);justify-content:space-between;align-items:center;font-size:12px;display:flex}.typing{animation:fade-in var(--t-fast);align-items:center;gap:6px;display:inline-flex}.typing strong{font-weight:600}.typing-dots{gap:3px;display:inline-flex}.typing-dots i{background:var(--text-normal);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer-hint{color:var(--text-faint);font-size:11px}.composer-hint kbd{height:15px;font-size:10px}.jump-present{z-index:6;background:var(--brand);color:#fff;height:32px;box-shadow:var(--shadow-high);animation:pop-in var(--t) var(--ease);border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:8px;left:16px;right:16px}.jump-present span{align-items:center;gap:4px;font-weight:700;display:inline-flex}.readonly-notice,.resolved-banner{border-radius:var(--radius);background:var(--bg-secondary);min-height:44px;color:var(--text-muted);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.resolved-banner{min-height:0;margin-bottom:8px;padding:8px 12px;font-size:13px}.resolved-banner svg{color:var(--success)}.resolved-banner .link-btn{margin-left:auto}.delete-preview{border-radius:var(--radius);background:var(--bg-secondary);box-shadow:var(--shadow-low);gap:12px;padding:12px;display:flex}.delete-preview strong{color:var(--header-primary)}@media (width<=899px){.composer-hint{display:none}.msg{padding-right:12px}.composer-area{padding:0 8px env(safe-area-inset-bottom)}.mobile-hide{display:none}.msg-actions{right:8px}.msg-action.emoji,.msg-actions-sep{display:none}.composer-picker{right:-8px}}.channel-flag{color:var(--text-muted);flex:none;margin-left:auto}.channel-flag+.channel-flag{margin-left:4px}.channel-flag.client{color:var(--client)}.channel-placeholder{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:16px 16px 8px;display:flex;overflow-y:auto}.channel-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pill-client{background:color-mix(in srgb, var(--client) 18%, transparent);color:var(--client)}.channel-access{color:var(--text-normal);margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.6}.client-channels{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.client-channel-list{padding:8px}.client-channel-view{flex-direction:column;min-height:420px;padding:0;display:flex;overflow:hidden}.modal-footer .footer-left{margin-right:auto}@media (width<=760px){.client-channels{grid-template-columns:1fr}}.load-older{justify-content:center;padding:16px 0 8px;display:flex}.thread-chip{border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border-strong);color:var(--text-link);align-items:center;gap:8px;margin-top:6px;padding:6px 10px;font-size:13px;display:inline-flex}.thread-chip:hover{background:var(--bg-modifier-hover)}.thread-chip span{color:var(--text-muted)}.msg-action:disabled,.composer-btn:disabled{opacity:.45;cursor:not-allowed}.composer-count{color:var(--text-muted);align-self:center;font-size:12px}.composer-count.over{color:var(--danger);font-weight:700}.composer-error{color:var(--danger);margin:6px 4px 0;font-size:13px}.thread-panel .panel-body{flex-direction:column;padding:0;display:flex}.thread-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.thread-messages{flex:1;padding:8px 0;overflow-y:auto}.thread-panel-body .composer{padding:8px 12px 12px}.client-channel-view .chat-body{height:70vh;min-height:420px}.qs-abbr{width:22px;height:22px;font-size:10px}.composer-modes>button:disabled{opacity:.5;cursor:not-allowed}.dp-note{border-radius:var(--radius);background:color-mix(in srgb, var(--warning) 12%, transparent);margin:6px 0 10px;padding:8px 10px;font-size:13px}.dp-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.support-chat-link{border-radius:var(--radius);text-align:left;width:100%;color:var(--text-normal);align-items:center;gap:10px;padding:8px;display:flex}.support-chat-link:hover{background:var(--bg-modifier-hover)}.support-chat-link.active{background:var(--bg-modifier-selected)}.support-chat-text{flex-direction:column;flex:1;min-width:0;display:flex}.support-chat-text small{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);overflow:hidden}.dp-label-gap{margin-top:14px}.dp-change{margin-left:8px;font-size:12px}.dp-picker{margin:4px 0 8px}.details-panel .segmented.full>button{font-size:12px}.tt-anchor{display:inline-flex}.tooltip{z-index:2000;background:var(--tooltip-bg);max-width:260px;color:var(--tooltip-fg);box-shadow:var(--shadow-float);pointer-events:none;white-space:nowrap;animation:tooltip-in .12s var(--ease);border-radius:6px;padding:6px 10px;font-size:14px;font-weight:600;line-height:1.3;position:fixed}.tooltip:after{content:"";border:5px solid #0000;position:absolute}.tooltip-top{--tt-from:translate(-50%, calc(-100% + 4px));transform:translate(-50%,-100%)}.tooltip-top:after{border-top-color:var(--tooltip-bg);margin-left:-5px;top:100%;left:50%}.tooltip-bottom{--tt-from:translate(-50%, -4px);transform:translate(-50%)}.tooltip-bottom:after{border-bottom-color:var(--tooltip-bg);margin-left:-5px;bottom:100%;left:50%}.tooltip-right{--tt-from:translate(-4px, -50%) scale(.96);padding:8px 12px;font-size:15px;transform:translateY(-50%)}.tooltip-right:after{border-right-color:var(--tooltip-bg);margin-top:-5px;top:50%;right:100%}.tooltip-left{--tt-from:translate(calc(-100% + 4px), -50%);transform:translate(-100%,-50%)}.tooltip-left:after{border-left-color:var(--tooltip-bg);margin-top:-5px;top:50%;left:100%}@keyframes tooltip-in{0%{opacity:0;transform:var(--tt-from)}}.modal-backdrop{z-index:1000;background:var(--backdrop);animation:fade-in .16s var(--ease);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:var(--bg-primary);max-width:100%;max-height:calc(100dvh - 48px);box-shadow:0 0 0 1px var(--border), 0 16px 48px #00000059;animation:modal-in .2s var(--ease);flex-direction:column;display:flex;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 16px 8px 20px;display:flex}.modal-title{font-size:20px;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-top:6px;font-size:14px;line-height:1.45}.modal-body{padding:8px 20px 20px;overflow-y:auto}.modal-footer{background:var(--bg-secondary);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.modal-profile .modal-body,.modal-switcher .modal-body{padding:0}.modal-profile .modal-header,.modal-switcher .modal-header{display:none}.modal-profile{background:var(--bg-floating)}.emoji-picker{border-radius:var(--radius);background:var(--bg-floating);width:320px;box-shadow:var(--shadow-float);animation:pop-in var(--t-fast) var(--ease);overflow:hidden}.emoji-search{background:var(--input-bg-strong);height:32px;color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin:10px;padding:0 10px;display:flex}[data-theme=light] .emoji-search{background:var(--input-bg)}.emoji-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.emoji-section-label{text-transform:uppercase;color:var(--text-muted);padding:2px 12px 4px;font-size:11px;font-weight:700}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:2px;max-height:200px;padding:0 8px 8px;display:grid;overflow-y:auto}.emoji-cell{text-align:center;border-radius:6px;height:36px;font-size:22px;line-height:36px;transition:background-color 80ms,transform 80ms}.emoji-cell:hover,.emoji-cell:focus-visible{background:var(--bg-modifier-hover);transform:scale(1.1)}.emoji-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:16px;font-size:13px}.emoji-footer{background:var(--bg-secondary);height:44px;color:var(--header-secondary);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.emoji-footer-big{font-size:24px}.toasts{z-index:3000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-floating);max-width:min(420px,90vw);color:var(--header-primary);box-shadow:var(--shadow-float);pointer-events:auto;animation:toast-in .26s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.toast svg{color:var(--brand);flex-shrink:0}.toast-success svg{color:var(--success)}.toast-danger svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}.user-popover{z-index:900;animation:pop-in .16s var(--ease);position:fixed}.profile-card{border-radius:var(--radius-lg);background:var(--bg-floating);width:340px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-float);--avatar-ring:var(--bg-floating);position:relative;overflow:hidden}.profile-modal{width:100%;max-width:none;box-shadow:none}.profile-panel{width:100%;max-width:none;box-shadow:none;background:var(--bg-secondary);--avatar-ring:var(--bg-secondary);border-radius:var(--radius)}.profile-preview .profile-panel{background:var(--bg-floating);--avatar-ring:var(--bg-floating);box-shadow:var(--shadow-float)}.profile-banner{height:64px}.profile-modal .profile-banner{height:110px}.profile-avatar-wrap{margin-top:-40px;padding:0 16px}.profile-modal .profile-avatar-wrap{margin-top:-48px}.profile-avatar{box-shadow:0 0 0 6px var(--avatar-ring)}.profile-body{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.profile-names h3{align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.profile-username{color:var(--header-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.profile-custom-status{color:var(--text-normal);margin-top:8px;font-size:14px}.profile-section{border-top:1px solid var(--divider);flex-direction:column;gap:4px;padding-top:12px;display:flex}.profile-label{text-transform:uppercase;letter-spacing:.02em;color:var(--header-primary);font-size:12px;font-weight:700}.profile-value{flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.profile-value.muted{gap:6px}.profile-facts{color:var(--text-muted);gap:6px;font-size:13px}.profile-facts>div{align-items:center;gap:8px;display:flex}.profile-facts a{color:var(--text-muted)}.profile-facts a:hover{color:var(--text-link)}.profile-actions{gap:8px;display:flex}.profile-actions .input{height:38px;font-size:13px}.modal-switcher{background:var(--bg-secondary)}.switcher{flex-direction:column;max-height:min(640px,100dvh - 64px);display:flex}.switcher-head{text-align:center;padding:20px 20px 12px}.switcher-head h2{font-size:18px}.switcher-head p{color:var(--text-muted);margin-top:4px;font-size:13px}.switcher-input{border-radius:var(--radius);background:var(--bg-tertiary);height:56px;color:var(--text-muted);align-items:center;gap:12px;margin:0 20px 12px;padding:0 16px;display:flex}[data-theme=light] .switcher-input{background:var(--bg-primary);box-shadow:inset 0 0 0 1px var(--border)}.switcher-input input{min-width:0;color:var(--header-primary);background:0 0;border:0;outline:none;flex:1;font-size:18px}.switcher-results{--avatar-ring:var(--bg-secondary);flex:1;min-height:0;padding:0 12px 8px;overflow-y:auto}.switcher-group{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);padding:10px 8px 4px;font-size:11px;font-weight:700}.switcher-item{width:100%;height:40px;color:var(--interactive-normal);border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex}.switcher-item.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.switcher-icon{width:24px;color:var(--text-muted);justify-content:center;display:flex}.qs-emoji{font-size:17px}.switcher-label{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.switcher-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.switcher-item .count-badge{margin-left:0}.switcher-enter{color:var(--text-muted);flex-shrink:0}.switcher-empty{text-align:center;color:var(--text-muted);padding:24px}.switcher-foot{border-top:1px solid var(--divider);color:var(--text-muted);justify-content:space-between;gap:12px;padding:12px 20px;font-size:12px;display:flex}.switcher-foot strong{color:var(--success)}.switcher-foot kbd{margin:0 1px}@media (width<=640px){.switcher-foot>span:last-child{display:none}}.member-group{margin-bottom:8px}.member-group-title{text-transform:uppercase;letter-spacing:.02em;color:var(--channel-icon);padding:16px 8px 4px;font-size:12px;font-weight:600}.member-row{width:100%;height:44px;transition:background-color var(--t-fast);border-radius:4px;align-items:center;gap:12px;padding:0 8px;display:flex}.member-row:hover{background:var(--bg-modifier-hover)}.member-row.offline{opacity:.4}.member-row.offline:hover{opacity:1}.member-text{flex-direction:column;min-width:0;display:flex}.member-name{color:var(--interactive-normal);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:15px;font-weight:500;display:flex;overflow:hidden}.member-row:hover .member-name{color:var(--interactive-hover)}.member-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.result-card{border-radius:var(--radius);background:var(--bg-primary);border:1px solid var(--border);text-align:left;width:100%;margin-bottom:8px;padding:10px 12px;font-size:14px;display:block}.result-card.clickable:hover{border-color:var(--border-strong);background:var(--bg-modifier-hover)}.result-head{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.result-head strong{color:var(--header-primary)}.result-head .muted{margin-left:auto;font-size:11px}.result-body{color:var(--text-normal);line-height:1.4}.result-body .md-code{max-width:100%}.result-actions{gap:6px;margin-top:8px;display:flex}.panel-search{border-radius:var(--radius);background:var(--bg-tertiary);height:36px;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;padding:0 10px;display:flex}.panel-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.share-wrap{position:relative}.share-chip{height:26px;color:var(--text-muted);background:var(--bg-modifier-hover);white-space:nowrap;border-radius:13px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.share-chip:hover{background:var(--bg-modifier-active);color:var(--text-normal)}.share-chip.is-shared,.btn.is-shared{background:var(--client-soft);color:var(--client);box-shadow:inset 0 0 0 1px #eb459e59}.share-menu{width:300px;padding:8px;top:calc(100% + 6px);right:0}.share-head{border-bottom:1px solid var(--divider);flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 6px 10px;display:flex}.share-head strong{color:var(--header-primary)}.share-head span{color:var(--text-muted);font-size:12px}.share-row{border-radius:6px;align-items:center;gap:10px;padding:8px 6px;display:flex}.share-row:hover{background:var(--bg-modifier-hover)}.share-name{color:var(--header-primary);flex-direction:column;flex:1;font-size:14px;font-weight:500;display:flex}.share-name small{color:var(--text-muted);font-size:11px;font-weight:500}.pick-list{--avatar-ring:var(--bg-primary);flex-direction:column;gap:2px;max-height:320px;margin-top:12px;display:flex;overflow-y:auto}.pick-row{border-radius:6px;align-items:center;gap:12px;height:44px;padding:0 8px;display:flex}.pick-row:hover{background:var(--bg-modifier-hover)}.pick-name{color:var(--header-primary);flex:1;font-weight:500}.pick-name small{color:var(--text-muted);margin-left:4px;font-weight:400}.pick-check{border:2px solid var(--interactive-normal);color:#fff;width:22px;height:22px;transition:background-color var(--t-fast), border-color var(--t-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.pick-row.picked .pick-check{background:var(--brand);border-color:var(--brand)}.preset-list{flex-wrap:wrap;gap:6px;display:flex}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.theme-card{border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-secondary);transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;gap:10px;padding:10px;display:flex}.theme-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.theme-card.selected{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.theme-preview{border-radius:var(--radius);height:96px;box-shadow:inset 0 0 0 1px var(--border);display:flex;position:relative;overflow:hidden}.tp-half{flex:1;display:flex}.theme-preview-dark .tp-half,.theme-preview-system .tp-dark{--tp-rail:#1e1f22;--tp-side:#2b2d31;--tp-main:#313338;--tp-line:#4e5058}.theme-preview-light .tp-half{--tp-rail:#e3e5e8;--tp-side:#f2f3f5;--tp-main:#fff;--tp-line:#d4d7dc}.theme-preview-system .tp-light-half{clip-path:polygon(62% 0,100% 0,100% 100%,38% 100%);background:linear-gradient(90deg,#0000 0 100%),#fff;position:absolute;inset:0}.theme-preview-system .tp-light-half:before{content:"";background:#d4d7dc;border-radius:4px;height:8px;position:absolute;inset:22px 18px auto 50%;box-shadow:0 16px #d4d7dc,-10px 32px #d4d7dc}.tp-rail{background:var(--tp-rail);width:16%}.tp-side{background:var(--tp-side);width:26%}.tp-main{background:var(--tp-main);flex-direction:column;flex:1;gap:8px;padding:18px 12px;display:flex}.tp-line{background:var(--tp-line);border-radius:4px;height:8px}.tp-line.w60{width:60%}.tp-line.w80{opacity:.8;background:#5865f2;width:80%}.tp-line.w40{width:40%}.theme-card-label{color:var(--header-primary);align-items:center;gap:10px;padding:0 4px 2px;display:flex}.theme-card-label>span{flex-direction:column;display:flex}.theme-card-label small{color:var(--text-muted);font-size:12px}@media (width<=640px){.theme-picker{grid-template-columns:1fr}}.home{--avatar-ring:var(--card);flex-direction:column;gap:20px;max-width:1180px;margin:0 auto;padding:24px 32px 48px;display:flex}.home-hero{border-radius:var(--radius-xl);color:#fff;background:radial-gradient(circle at 85% -20%,#ffffff47,#0000 40%),radial-gradient(circle at 0 120%,#eb459e8c,#0000 50%),linear-gradient(120deg,#5865f2 0%,#6f5cf2 50%,#9b59b6 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #5865f240}.home-hero:after{content:"";pointer-events:none;border:30px solid #ffffff12;border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.home-hero-text{z-index:1;max-width:560px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-block}.home-hero h2{color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:800}.home-hero p{opacity:.92;margin-top:8px;font-size:15px}.home-quick{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.quick-action{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:40px;transition:background-color var(--t-fast), transform var(--t-fast);background:#ffffff29;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.quick-action:hover{background:#ffffff47;transform:translateY(-1px)}.quick-action kbd{color:#fff;box-shadow:none;background:#0003}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-align:left;transition:transform var(--t-fast), border-color var(--t-fast);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}.stat-card:not(:disabled):hover{border-color:var(--border-strong);transform:translateY(-2px)}.stat-card:disabled{cursor:default}.stat-icon{border-radius:12px;grid-row:span 2;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tone-danger .stat-icon{color:var(--danger);background:#f23f4324}.tone-client .stat-icon{background:var(--client-soft);color:var(--client)}.tone-brand .stat-icon{background:var(--brand-soft);color:var(--brand)}.tone-success .stat-icon{color:var(--success);background:#23a55a24}.stat-value{color:var(--header-primary);font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);font-size:13px;font-weight:500}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);flex-direction:column;min-width:0;display:flex;overflow:hidden}.card.span-2{grid-column:span 2}.card-head{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.03em;color:var(--header-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.card-client .card-title svg{color:var(--client)}.card-action a{font-size:13px;font-weight:600}.card-body{flex-direction:column;padding:4px 8px 10px;display:flex}.feed-item{border-radius:var(--radius);text-align:left;width:100%;transition:background-color var(--t-fast);align-items:flex-start;gap:12px;padding:10px 8px;display:flex}.feed-item:hover{background:var(--bg-modifier-hover)}.feed-item.compact{align-items:center;padding:8px}.feed-item.is-new{background:var(--mention-bg)}.feed-main{flex:1;min-width:0}.feed-top{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.feed-top strong{color:var(--header-primary);font-weight:600}.feed-top .muted{font-size:13px}.feed-time{color:var(--text-muted);margin-left:auto;font-size:12px}.feed-text{color:var(--text-normal);margin-top:2px;font-size:14px}.feed-text .md-code{max-width:100%}.feed-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.feed-tags{gap:6px;margin-top:6px;display:flex}.new-chip{background:var(--danger);color:#fff;border-radius:4px;align-self:center;padding:2px 6px;font-size:10px;font-weight:800}.doc-emoji{background:var(--bg-modifier-hover);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.online-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:4px;display:grid}.online-person{border-radius:var(--radius);text-align:center;transition:background-color var(--t-fast);flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.online-person:hover{background:var(--bg-modifier-hover)}.online-name{color:var(--header-primary);font-size:14px;font-weight:600}.online-status{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.inbox-list{flex-direction:column;height:100%;min-height:0;display:flex}.inbox-tools{border-bottom:1px solid var(--divider);flex-direction:column;gap:8px;padding:12px 12px 8px;display:flex}.inbox-tools .chip{align-self:flex-start;height:26px;font-size:12px}.inbox-tabs{border-radius:var(--radius);background:var(--bg-tertiary);gap:2px;padding:3px;display:flex}.inbox-tab{height:26px;color:var(--text-muted);transition:background-color var(--t-fast), color var(--t-fast);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.inbox-tab:hover{color:var(--text-normal)}.inbox-tab.active{background:var(--bg-primary);color:var(--header-primary);box-shadow:0 1px 2px #00000026}.inbox-tab-count{opacity:.7;font-size:11px}.inbox-items{flex:1;padding:6px;overflow-y:auto}.inbox-item{border-radius:var(--radius);text-align:left;width:100%;transition:background-color var(--t-fast);gap:10px;margin-bottom:2px;padding:10px;display:flex;position:relative}.inbox-item:hover{background:var(--bg-modifier-hover)}.inbox-item.active{background:var(--bg-modifier-selected)}.inbox-item.unread:before{content:"";background:var(--header-primary);border-radius:0 4px 4px 0;width:4px;height:8px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.inbox-item-main{flex:1;min-width:0}.inbox-item-top{align-items:baseline;gap:8px;display:flex}.inbox-subject{min-width:0;color:var(--interactive-normal);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.inbox-item.unread .inbox-subject,.inbox-item.active .inbox-subject{color:var(--header-primary)}.inbox-time{color:var(--text-muted);flex-shrink:0;font-size:11px}.inbox-item-who{color:var(--text-muted);margin-top:1px;font-size:12px}.inbox-item-who span{color:var(--client);font-weight:600}.inbox-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.inbox-item.unread .inbox-snippet{color:var(--text-normal)}.inbox-item-tags{align-items:center;gap:6px;margin-top:6px;display:flex}.inbox-assignee{color:var(--text-muted);font-size:11px;font-weight:500}.inbox-assignee em{color:var(--danger);font-style:normal;font-weight:600}.inbox-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:32px 16px;display:flex}.inbox-empty span{font-size:32px}.inbox-empty strong{color:var(--header-primary)}.inbox-mobile{flex-direction:column;flex:1;min-height:0}.inbox-overview{flex-direction:column;align-items:center;padding:48px 24px;display:flex}.overview-stats{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ov-stat{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);flex-direction:column;align-items:center;gap:8px;min-width:110px;padding:16px;display:flex}.ov-stat strong{color:var(--header-primary);font-size:26px}.inbox-topic{align-items:center;gap:8px;display:inline-flex}.details-panel .panel-body{padding:0}.dp-section{border-bottom:1px solid var(--divider);flex-direction:column;gap:10px;padding:16px;display:flex}.dp-client{flex-direction:row;align-items:flex-start;gap:12px}.dp-client h3{font-size:17px}.dp-facts{color:var(--text-muted);flex-direction:column;gap:4px;margin-top:8px;font-size:12px;display:flex}.dp-facts span{word-break:break-all;align-items:center;gap:6px;display:flex}.dp-label{text-transform:uppercase;letter-spacing:.03em;color:var(--header-secondary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.dp-company{align-items:center;gap:10px;display:flex}.dp-company strong{color:var(--header-primary)}.dp-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.dp-row .muted{align-items:center;gap:5px;display:inline-flex}.dp-person{color:var(--header-primary);align-items:center;gap:6px;font-weight:500;display:inline-flex}.dp-person:hover{text-decoration:underline}.dp-field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.segmented .seg-open.active{background:var(--success);color:#fff}.segmented .seg-pending.active{background:var(--warning);color:#2b2000}.segmented .seg-resolved.active{background:var(--offline);color:#fff}.tag-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-list .chip-sm{height:24px;padding:0 6px 0 10px}.tag-add{border:1px dashed var(--border-strong);border-radius:12px;align-items:center;height:24px;padding:0 4px 0 10px;display:inline-flex}.tag-add input{background:0 0;border:0;outline:none;width:70px;font-size:12px}.tag-add button{color:var(--text-muted);display:flex}.dp-notes{background:var(--internal-bg)}.dp-notes .dp-label{color:var(--internal-text)}.note-card{border-radius:var(--radius);background:var(--bg-primary);border-left:3px solid var(--warning);text-align:left;transition:transform var(--t-fast);flex-direction:column;gap:4px;padding:8px 10px;font-size:13px;display:flex}.note-card:hover{transform:translate(2px)}.note-head{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.note-text{color:var(--text-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dp-file{align-items:center;gap:10px;font-size:13px;display:flex}.dp-file-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-link);flex:1;overflow:hidden}.dp-other{text-align:left;border-radius:6px;align-items:center;gap:8px;margin:0 -8px;padding:6px 8px;font-size:13px;display:flex}.dp-other:hover{background:var(--bg-modifier-hover)}.dp-other-subject{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.docs-overview{--avatar-ring:var(--card);max-width:1120px;margin:0 auto;padding:24px 32px 48px}.docs-search{max-width:520px;margin-bottom:16px}.folder-chips{flex-wrap:wrap;gap:8px;display:flex}.folder-chip{background:var(--card);border:1px solid var(--card-border);height:36px;box-shadow:var(--card-shadow);transition:transform var(--t-fast), border-color var(--t-fast);border-radius:18px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.folder-chip:hover{border-color:var(--border-strong);transform:translateY(-1px)}.folder-chip small{color:var(--text-muted);font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--header-secondary);margin:28px 0 12px;font-size:13px;font-weight:700}.page-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.page-card,.portal-doc-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);text-align:left;transition:transform var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);flex-direction:column;gap:6px;padding:16px;display:flex}.page-card:hover,.portal-doc-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-high);transform:translateY(-2px)}.page-card-emoji{font-size:28px}.page-card-title{color:var(--header-primary);font-size:15px;font-weight:700}.page-card-snippet{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.page-card-meta{color:var(--text-muted);align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:12px;display:flex}.page-card-meta .tag{margin-left:auto}.files-table{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.ft-row{border-top:1px solid var(--divider);grid-template-columns:minmax(200px,2.4fr) 1.3fr 1fr .9fr .6fr .9fr;align-items:center;gap:12px;padding:8px 16px;font-size:14px;display:grid}.ft-row:not(.ft-head):hover{background:var(--bg-modifier-hover)}.ft-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-top:0;padding-top:12px;padding-bottom:10px;font-size:11px;font-weight:700}.ft-name{align-items:center;gap:12px;min-width:0;display:flex}.ft-name>span{flex-direction:column;min-width:0;display:flex}.ft-name .link-btn{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}.ft-mobile-meta{color:var(--text-muted);font-size:12px;display:none}.ft-owner{align-items:center;gap:8px;display:flex}.ft-folder,.ft-date,.ft-size{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.doc-wrap{justify-content:center;gap:48px;padding:40px 40px 80px;display:flex}.doc-main{min-width:0;max-width:780px;animation:fade-in var(--t);flex:1}.shared-banner{border-radius:var(--radius);background:var(--client-soft);color:var(--text-normal);border:1px solid #eb459e4d;align-items:center;gap:8px;margin-bottom:24px;padding:10px 14px;font-size:14px;display:flex}.doc-hero-emoji{margin-bottom:12px;font-size:56px;line-height:1}.doc-title{letter-spacing:-.025em;font-size:40px;font-weight:800;line-height:1.15}.doc-meta{border-bottom:1px solid var(--divider);color:var(--text-muted);--avatar-ring:var(--bg-primary);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 28px;padding-bottom:20px;font-size:14px;display:flex}.dot-sep{color:var(--text-faint)}.doc-toc{border-left:1px solid var(--divider);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:2px;width:210px;padding-left:16px;display:flex;position:sticky;top:24px}.doc-toc-title{text-transform:uppercase;letter-spacing:.04em;color:var(--header-secondary);margin-bottom:8px;font-size:12px;font-weight:700}.toc-link{color:var(--text-muted);padding:4px 0;font-size:13px;text-decoration:none!important}.toc-link:hover{color:var(--header-primary)}.toc-link.sub{padding-left:12px}.md-doc{color:var(--text-normal);font-size:16px;line-height:1.7}.md-doc>:first-child{margin-top:0}.md-doc h1,.md-doc h2,.md-doc h3,.md-doc h4{scroll-margin-top:24px;line-height:1.3}.md-doc h1{margin:32px 0 12px;font-size:30px;font-weight:800}.md-doc h2{margin:32px 0 10px;font-size:23px;font-weight:700}.md-doc h3{margin:24px 0 8px;font-size:18px;font-weight:700}.md-doc h4{margin:20px 0 6px;font-size:16px}.md-doc p{margin:10px 0}.md-doc ul,.md-doc ol{margin:10px 0;padding-left:26px}.md-doc li{margin:4px 0}.md-doc li::marker{color:var(--text-muted)}.md-doc hr{background:var(--divider);border:0;height:1px;margin:28px 0}.md-doc strong{color:var(--header-primary)}.md-doc .md-quote{color:var(--text-muted);margin:14px 0;padding:2px 16px}.md-doc .md-quote p{margin:6px 0}.md-tasks{list-style:none;padding-left:2px!important}.md-task{align-items:flex-start;gap:10px;display:flex}.md-checkbox{border:2px solid var(--interactive-normal);color:#fff;width:20px;height:20px;transition:background-color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:flex}.md-checkbox:not(:disabled):hover{border-color:var(--brand);transform:scale(1.06)}.md-checkbox:disabled{cursor:default}.md-checkbox.checked{background:var(--brand);border-color:var(--brand)}.md-task.done>span{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.md-callout{border-radius:var(--radius);border:1px solid;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.md-callout p{font-size:15px;margin:2px 0!important}.md-callout-icon{flex-shrink:0;margin-top:2px}.md-callout-title{text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:13px;font-weight:700}.md-callout-note,.md-callout-important{--c:#7f8af7;background:#5865f21a;border-color:#5865f259}.md-callout-info{--c:#1fa9f5;background:#00a8fc14;border-color:#00a8fc59}.md-callout-tip{--c:#2dc770;background:#23a55a17;border-color:#23a55a59}.md-callout-warning,.md-callout-caution{--c:#e3a019;background:#f0b2321a;border-color:#f0b23266}[data-theme=light] .md-callout-tip{--c:#158c47}[data-theme=light] .md-callout-warning{--c:#a86b00}[data-theme=light] .md-callout-note{--c:var(--brand)}.md-callout-icon,.md-callout-title{color:var(--c)}.md-table-wrap{border-radius:var(--radius);border:1px solid var(--divider);margin:16px 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:14px}.md-table th,.md-table td{text-align:left;border-bottom:1px solid var(--divider);padding:9px 14px}.md-table th{background:var(--bg-secondary);color:var(--header-primary);font-size:13px;font-weight:700}.md-table tr:last-child td{border-bottom:0}.md-table tbody tr:hover{background:var(--bg-modifier-hover)}.doc-editor{flex-direction:column;flex:1;min-height:0;display:flex}.doc-editor-top{align-items:center;gap:12px;padding:16px 24px 8px;display:flex}.emoji-btn-wrap{position:relative}.doc-emoji-btn{background:var(--bg-modifier-hover);width:52px;height:52px;transition:background-color var(--t-fast), transform var(--t-fast);border-radius:12px;font-size:30px}.doc-emoji-btn:hover{background:var(--bg-modifier-active);transform:scale(1.04)}.doc-emoji-picker{z-index:40;position:absolute;top:calc(100% + 8px);left:0}.doc-title-input{letter-spacing:-.02em;min-width:0;color:var(--header-primary);background:0 0;border:0;outline:none;flex:1;font-size:30px;font-weight:800}.doc-toolbar{border-radius:var(--radius);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:2px;margin:0 24px;padding:6px;display:flex}.tool-btn{width:32px;height:32px;color:var(--interactive-normal);border-radius:6px;justify-content:center;align-items:center;display:flex}.tool-btn:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.toolbar-spacer{flex:1}.doc-split{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;padding:12px 24px;display:grid}.doc-textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);width:100%;height:100%;min-height:300px;color:var(--text-normal);resize:none;font-family:var(--font-mono);outline:none;padding:16px;font-size:14px;line-height:1.65}.doc-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.doc-preview{border-radius:var(--radius);border:1px dashed var(--border-strong);padding:8px 16px 16px;overflow-y:auto}.preview-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-primary);z-index:1;padding:6px 0;font-size:11px;font-weight:700;position:sticky;top:0}.doc-editor-foot{border-top:1px solid var(--divider);background:var(--bg-secondary);justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.foot-actions{gap:8px;display:flex}.unsaved-dot{color:var(--warning);font-weight:600}.editor-tabs{display:none}.team-page{max-width:1180px;margin:0 auto;padding:24px 32px 48px}.team-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.team-search{flex:1;min-width:220px;max-width:420px}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.chip-spacer{flex:1}.people-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.person-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform var(--t-fast), box-shadow var(--t-fast);--avatar-ring:var(--card);animation:fade-in var(--t);flex-direction:column;display:flex;position:relative;overflow:hidden}.person-card:hover{box-shadow:var(--shadow-high);transform:translateY(-2px)}.person-banner{opacity:.85;height:56px}.person-avatar{box-shadow:0 0 0 5px var(--card);border-radius:50%;position:absolute;top:22px;left:16px}.person-body{flex-direction:column;align-items:flex-start;gap:3px;padding:40px 16px 8px;display:flex}.person-name{color:var(--header-primary);align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.person-name:hover{text-decoration:underline}.person-title{color:var(--text-normal);font-size:14px}.person-body .dept-chip{margin-top:4px;margin-left:0}.person-company{color:var(--client);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:inline-flex}.person-status{color:var(--text-muted);margin-top:8px;font-size:13px}.person-time{color:var(--text-faint);align-items:center;gap:5px;font-size:12px;display:flex}.person-actions{gap:6px;margin-top:auto;padding:8px 16px 16px;display:flex}.person-actions .btn-primary{flex:1}.settings-screen{background:var(--bg-primary);height:100dvh;animation:settings-in .22s var(--ease);display:flex}@keyframes settings-in{0%{opacity:0;transform:scale(1.03)}}.settings-nav{background:var(--bg-secondary);flex:1 0 220px;justify-content:flex-end;display:flex;overflow-y:auto}.settings-nav-inner{width:220px;padding:60px 8px 40px 20px}.settings-mobile-head{display:none}.settings-group{text-transform:uppercase;letter-spacing:.02em;color:var(--channel-icon);padding:16px 10px 6px;font-size:12px;font-weight:700}.settings-nav-inner>div:nth-of-type(2)>.settings-group{padding-top:0}.settings-link{width:100%;height:34px;color:var(--interactive-normal);transition:background-color var(--t-fast), color var(--t-fast);border-radius:6px;align-items:center;gap:10px;margin-bottom:2px;padding:0 10px;font-size:15px;font-weight:500;display:flex}.settings-link:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover)}.settings-link.active{background:var(--bg-modifier-selected);color:var(--interactive-active)}.settings-link.danger{color:var(--danger)}.settings-sep{background:var(--divider);height:1px;margin:8px 10px}.settings-version{color:var(--text-faint);padding:12px 10px;font-size:12px;line-height:1.5}.settings-content{flex:800px;display:flex;position:relative;overflow-y:auto}.settings-content-inner{flex:1;max-width:760px;padding:60px 40px 100px}.settings-close{width:72px;height:fit-content;color:var(--text-muted);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin-right:24px;font-size:12px;font-weight:600;display:flex;position:sticky;top:60px}.close-circle{border:2px solid var(--interactive-normal);width:36px;height:36px;color:var(--interactive-normal);transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.close-circle:hover{background:var(--bg-modifier-hover);color:var(--interactive-hover);border-color:var(--interactive-hover)}.settings-section h2{font-size:20px;font-weight:700}.settings-desc{color:var(--text-muted);margin:6px 0 24px;font-size:14px}.settings-tip{border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-muted);margin-top:20px;padding:12px 14px;font-size:14px}.profile-settings{grid-template-columns:minmax(0,1fr) 300px;gap:32px;display:grid}.profile-preview{flex-direction:column;gap:8px;display:flex}.presence-picker{--inline-ring:var(--bg-primary);flex-wrap:wrap;gap:6px;display:flex}.presence-option{border-radius:var(--radius);border:1px solid var(--border-strong);height:34px;transition:border-color var(--t-fast), background-color var(--t-fast);align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.presence-option:hover{background:var(--bg-modifier-hover)}.presence-option.active{border-color:var(--brand);background:var(--brand-soft);color:var(--header-primary)}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{width:32px;height:32px;transition:transform var(--t-fast), box-shadow var(--t-fast);border-radius:50%;position:relative}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 3px var(--bg-primary), 0 0 0 5px var(--header-primary)}.swatch-custom{cursor:pointer;background:conic-gradient(#f23f43,#f0b232,#23a55a,#00a8fc,#5865f2,#eb459e,#f23f43);overflow:hidden}.swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%}.unsaved-bar{border-radius:var(--radius);background:var(--bg-floating);box-shadow:var(--shadow-float);color:var(--header-primary);animation:toast-in .24s var(--ease);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:10px 10px 10px 16px;font-weight:500;display:flex;position:sticky;bottom:20px}.unsaved-bar>div{gap:8px;display:flex}.toggle-list{flex-direction:column;display:flex}.toggle-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.toggle-label{color:var(--header-primary);font-weight:600}.toggle-desc{color:var(--text-muted);margin-top:2px;font-size:14px}.voice-page .page-header{background:var(--bg-primary)}.voice-stage{background:var(--voice-bg);flex-direction:column;flex:1;min-height:0;display:flex}.voice-lobby{text-align:center;--avatar-ring:var(--voice-bg);flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:auto;padding:32px;display:flex}.voice-lobby h2{font-size:26px;font-weight:800}.voice-lobby p{color:var(--text-muted)}.voice-lobby-avatars{gap:12px;margin-bottom:4px;display:flex}.voice-empty-icon{background:var(--bg-modifier-active);width:96px;height:96px;color:var(--header-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.voice-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:center;gap:8px;min-height:0;padding:16px;display:grid;overflow-y:auto}.voice-tile{aspect-ratio:16/9;border-radius:var(--radius);background:color-mix(in srgb, var(--tile,#5865f2) 55%, #111);transition:box-shadow var(--t);animation:pop-in var(--t) var(--ease);--avatar-ring:transparent;justify-content:center;align-items:center;display:flex;position:relative}.voice-tile.speaking{box-shadow:inset 0 0 0 3px var(--success), 0 0 24px #23a55a59}.voice-tile.speaking .avatar{box-shadow:0 0 0 4px var(--success)}.voice-tile-name{color:#fff;background:#0000008c;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px}.voice-tile-name svg{color:var(--danger)}.cam-fake{border-radius:inherit;color:#ffffffd9;background:radial-gradient(circle at 50% 40%,#ffffff26,#0000 50%),linear-gradient(160deg,#3a3f8f,#1b1d3a);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:0}.screen-tile{color:#fff;background:linear-gradient(135deg,#1f2a44,#0d1220);flex-direction:column;gap:8px;font-weight:600}.voice-controls{justify-content:center;gap:12px;padding:16px;display:flex}.vc-btn{color:#fff;width:56px;height:56px;transition:background-color var(--t-fast), transform var(--t-fast);background:#2b2d31;border-radius:50%;justify-content:center;align-items:center;display:flex}.vc-btn:hover{background:#3a3c43;transform:translateY(-2px)}.vc-btn.on{color:#111;background:#fff}.vc-btn.off{color:var(--danger);background:#fff}.vc-btn.leave{background:var(--danger)}.vc-btn.leave:hover{background:var(--danger-hover)}@media (width<=1100px){.doc-toc{display:none}.profile-settings{grid-template-columns:1fr}}@media (width<=899px){.home,.docs-overview,.team-page{padding:16px 16px 40px}.home-hero{padding:22px}.home-hero h2{font-size:24px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.card.span-2{grid-column:auto}.ft-row{grid-template-columns:minmax(0,1fr) auto}.ft-folder,.ft-owner,.ft-date,.ft-size{display:none}.ft-mobile-meta{display:block}.doc-wrap{padding:24px 18px 60px}.doc-title{font-size:30px}.doc-split{grid-template-columns:1fr;padding:12px 16px}.doc-split.tab-write .doc-preview,.doc-split.tab-preview .doc-textarea{display:none}.editor-tabs{display:inline-flex}.doc-editor-top,.doc-editor-foot{padding-left:16px;padding-right:16px}.doc-toolbar{margin:0 16px}.doc-title-input{font-size:22px}.settings-screen{flex-direction:column}.settings-nav{flex:none;justify-content:stretch}.settings-nav-inner{flex-wrap:wrap;gap:4px;width:100%;padding:12px;display:flex}.settings-nav-inner>div:not(.settings-mobile-head){display:contents}.settings-mobile-head{width:100%;color:var(--header-primary);justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:18px;display:flex}.settings-group,.settings-sep,.settings-version{display:none}.settings-link{width:auto;margin:0}.settings-content-inner{padding:24px 16px 80px}.settings-close{display:none}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-icon{width:36px;height:36px}}.approvals-loading{place-items:center;padding:48px 0;display:grid}.approval-list{flex-direction:column;gap:10px;display:flex}.approval-card{flex-direction:row;align-items:center;gap:14px;padding:14px 16px}.approval-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:grid}.approval-avatar.sm{width:32px;height:32px;font-size:12px}.approval-main{flex:1;min-width:0}.approval-name{color:var(--header-primary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approval-tag{color:#fff;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.approval-tag.employee{background:var(--brand)}.approval-tag.customer{background:var(--client)}.approval-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:13px;display:flex}.approval-meta span{align-items:center;gap:4px;display:inline-flex}.approval-actions{flex:none;gap:8px;display:flex}.approval-note,.approval-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.approval-hint{margin:4px 0 12px;line-height:1.45}.check-list{flex-direction:column;gap:6px;display:flex}.check-item{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;color:var(--text-normal);align-items:center;gap:10px;padding:8px 10px;display:flex}.check-item.on{border-color:var(--brand);background:var(--bg-modifier-selected)}.check-abbr{color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:grid}.role-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.role-option{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.role-option.on{border-color:var(--brand);background:var(--bg-modifier-selected)}.role-option input{margin-top:3px}.role-option strong{color:var(--header-primary);display:block}.role-option small{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.roles-card{padding:8px 16px 12px}.roles-intro{margin:8px 0 6px;font-size:13px}.role-row{border-top:1px solid var(--divider);align-items:center;gap:12px;padding:10px 0;display:flex}.role-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.role-row-main strong{color:var(--header-primary);align-items:center;gap:8px;display:flex}.role-select{flex:none;width:150px}@media (width<=720px){.approval-card,.role-row{flex-wrap:wrap}.approval-actions{justify-content:flex-end;width:100%}.role-options{grid-template-columns:1fr}}.page-abbr{color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.project-card-body{gap:8px;padding:4px 16px 16px}.project-role{color:var(--header-primary);font-size:22px;font-weight:800}.panel-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-actions .btn:only-child{margin-left:auto}.team-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.team-card{border-top:4px solid var(--brand);gap:10px;padding:14px 16px}.team-card-head{align-items:center;gap:8px;display:flex}.team-card-name{color:var(--header-primary);overflow-wrap:anywhere;font-size:16px}.team-card-lead{color:var(--text-normal);align-items:center;gap:6px;font-size:13px;display:flex}.team-card-lead svg{color:var(--warning)}.team-card-members{flex-wrap:wrap;gap:6px;display:flex}.member-chip{background:var(--bg-modifier-hover);border-radius:16px;align-items:center;gap:6px;padding:2px 8px 2px 2px;font-size:12px;display:inline-flex}.member-chip .approval-avatar.sm{width:22px;height:22px;font-size:10px}.team-card-actions{border-top:1px solid var(--divider);flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.team-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.team-chips{flex-wrap:wrap;gap:6px;display:flex}.team-chips.centered{justify-content:center;margin-top:6px}.team-chip{background:var(--bg-modifier-hover);color:var(--text-normal);border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.team-chip.sm{padding:1px 8px;font-size:11px}.team-chip svg{color:var(--warning)}.person-role{color:var(--text-link);margin:2px 0 4px;font-size:12px;font-weight:600;display:inline-block}.color-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--bg-primary);border:2px solid #0000;border-radius:50%}.swatch.on{border-color:var(--header-primary)}.swatch-preview{border:1px solid var(--border-strong);border-radius:8px;width:26px;height:26px;margin-left:6px}.swatch-input{width:110px;font-family:var(--font-mono)}.confirm-body{line-height:1.5}.project-nav{flex-direction:column;gap:2px;margin:8px 0 12px;display:flex}.project-side-note{color:var(--text-muted);align-items:flex-start;gap:6px;padding:4px 10px 8px;font-size:13px;line-height:1.45;display:flex}.project-side-note svg{flex:none;margin-top:2px}.portal{background:var(--portal-bg);--avatar-ring:var(--portal-card);--card:var(--portal-card);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.portal-top{background:var(--portal-top);border-bottom:1px solid var(--border);z-index:10;--avatar-ring:var(--portal-top);flex-shrink:0;height:64px;position:relative}.portal-top-inner{align-items:center;gap:24px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.portal-burger{display:none}.portal-brand{color:var(--header-primary);flex-shrink:0;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex;text-decoration:none!important}.portal-logo{color:#fff;background:linear-gradient(135deg,#5865f2,#eb459e);border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.portal-brand-text{flex-direction:column;line-height:1.1;display:flex}.portal-brand-text small{color:var(--client);font-size:11px;font-weight:600}.portal-nav{flex:1;align-items:center;gap:4px;display:flex}.portal-link{height:40px;color:var(--text-muted);transition:background-color var(--t-fast), color var(--t-fast);border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex;position:relative;text-decoration:none!important}.portal-link:hover{background:var(--bg-modifier-hover);color:var(--header-primary)}.portal-link.active{background:var(--brand-soft);color:var(--brand)}[data-theme=dark] .portal-link.active{color:#a5acf8}.portal-link .count-badge{margin-left:2px}.portal-right{align-items:center;gap:8px;display:flex}.portal-search{background:var(--bg-modifier-hover);height:36px;color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:13px;font-weight:500;display:inline-flex}.portal-search:hover{color:var(--text-normal)}.portal-user{position:relative}.portal-user-btn{transition:transform var(--t-fast);border-radius:50%;display:flex}.portal-user-btn:hover{transform:scale(1.05)}.portal-menu{--avatar-ring:var(--bg-floating);width:260px;top:calc(100% + 8px);right:0}.portal-menu-head{align-items:center;gap:10px;padding:8px;display:flex}.portal-menu-head>div{flex-direction:column;min-width:0;display:flex}.portal-menu-head strong{color:var(--header-primary)}.portal-menu-company{background:var(--bg-modifier-hover);border-radius:8px;align-items:center;gap:8px;margin:2px 8px 6px;padding:8px;font-size:13px;font-weight:600;display:flex}.portal-drawer{display:none}.portal-main{flex:1;min-height:0;overflow-y:auto}.portal-page{max-width:1200px;animation:fade-in var(--t);margin:0 auto;padding:28px 24px 64px}.portal-page.narrow{max-width:980px}.portal-title{margin-bottom:20px}.portal-title h1{letter-spacing:-.02em;font-size:28px;font-weight:800}.portal-title p{color:var(--text-muted);margin-top:4px}.portal-title.with-action{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.portal-hero{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff40,#0000 35%),radial-gradient(circle at 10% 110%,#ffc87859,#0000 40%),linear-gradient(120deg,#5865f2 0%,#8a5cf0 50%,#eb459e 100%);border-radius:24px;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:24px;padding:32px;display:grid;overflow:hidden;box-shadow:0 16px 40px #5865f240}.portal-hero h1{color:#fff;letter-spacing:-.025em;font-size:34px;font-weight:800;line-height:1.15}.portal-hero p{opacity:.92;max-width:520px;margin-top:10px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.manager-card{background:var(--portal-card);color:var(--text-normal);--avatar-ring:var(--portal-card);border-radius:18px;padding:18px;box-shadow:0 10px 30px #0000002e}.manager-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.manager-main{align-items:center;gap:14px;display:flex}.manager-main>div{flex-direction:column;gap:2px;min-width:0;display:flex}.manager-main strong{color:var(--header-primary);font-size:17px}.manager-main span{color:var(--text-muted);font-size:13px}.manager-presence{--inline-ring:var(--portal-card);align-items:center;gap:5px;display:inline-flex}.manager-actions{gap:8px;margin-top:16px;display:flex}.manager-actions .btn{flex:1}.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.portal-card{background:var(--portal-card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;min-width:0;padding:20px}.portal-card.no-pad{padding:6px}.portal-card.span-2{grid-column:span 2}.portal-card.span-3{grid-column:span 3}.portal-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.portal-card-head h2{font-size:17px;font-weight:700}.portal-card-head a{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.request-list{flex-direction:column;gap:8px;display:flex}.request-row{border:1px solid var(--border);text-align:left;width:100%;transition:border-color var(--t-fast), background-color var(--t-fast), transform var(--t-fast);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.request-row:hover{border-color:var(--brand);background:var(--brand-soft)}.request-row:hover .request-arrow{color:var(--brand);transform:translate(3px)}.request-arrow{color:var(--text-muted);transition:transform var(--t-fast);flex-shrink:0}.request-main{flex:1;min-width:0}.request-top{align-items:center;gap:8px;display:flex}.request-top strong{color:var(--header-primary);font-size:15px}.request-top .count-badge{margin-left:0}.request-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;overflow:hidden}.request-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.request-assignee{color:var(--text-normal);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.doc-list{flex-direction:column;gap:4px;display:flex}.doc-row{text-align:left;width:100%;color:var(--text-muted);transition:background-color var(--t-fast);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.doc-row:hover{background:var(--bg-modifier-hover)}.doc-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.doc-row-main strong{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.doc-row-main small{font-size:12px}.project-mini-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.project-mini{border:1px solid var(--border);text-align:left;transition:border-color var(--t-fast), transform var(--t-fast);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.project-mini:hover{border-color:var(--brand);transform:translateY(-2px)}.project-mini-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-mini-top strong{color:var(--header-primary)}.project-mini-foot{justify-content:space-between;gap:8px;font-size:12px;font-weight:600;display:flex}.project-mini-foot .muted{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-status{text-transform:capitalize;white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:700}.ps-planning{background:var(--bg-modifier-hover);color:var(--text-muted)}.ps-in-progress{background:var(--brand-soft);color:var(--brand)}[data-theme=dark] .ps-in-progress{color:#a5acf8}.ps-review{color:#d99413;background:#f0b23229}.ps-done{color:var(--success);background:#23a55a26}.progress{background:var(--bg-modifier-hover);border-radius:4px;height:8px;overflow:hidden}.progress.big{border-radius:5px;height:10px}.progress span{border-radius:inherit;height:100%;transition:width .6s var(--ease);background:linear-gradient(90deg,#5865f2,#eb459e);display:block}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.category-card{border:2px solid var(--border);text-align:left;transition:border-color var(--t-fast), background-color var(--t-fast);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.category-card:hover{border-color:var(--border-strong)}.category-card.active{border-color:var(--brand);background:var(--brand-soft)}.category-emoji{font-size:20px}.category-card strong{color:var(--header-primary);font-size:14px}.category-card small{color:var(--text-muted);font-size:12px}.portal-messages{background:var(--portal-card);border:1px solid var(--card-border);max-width:1200px;height:calc(100dvh - 112px);box-shadow:var(--card-shadow);border-radius:20px;grid-template-columns:340px minmax(0,1fr);margin:24px auto;display:grid;overflow:hidden}.pm-list{border-right:1px solid var(--divider);background:var(--portal-card);flex-direction:column;gap:12px;min-height:0;padding:18px 12px 0;display:flex}.pm-list-head{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.pm-list-head h1{font-size:22px;font-weight:800}.pm-items{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.pm-item{text-align:left;width:100%;transition:background-color var(--t-fast);border-radius:12px;flex-direction:column;gap:4px;margin-bottom:4px;padding:12px;display:flex;position:relative}.pm-item:hover{background:var(--bg-modifier-hover)}.pm-item.active{background:var(--brand-soft)}.pm-item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pm-item-top>span{white-space:nowrap;flex-shrink:0}.pm-item-top strong{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pm-item.unread .pm-item-top strong:before{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.pm-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pm-item-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.pm-chat{background:var(--bg-primary);flex-direction:column;min-width:0;min-height:0;display:flex}.pm-conv{flex-direction:column;flex:1;min-height:0;display:flex}.pm-conv-head{border-bottom:1px solid var(--divider);--avatar-ring:var(--bg-primary);align-items:center;gap:12px;padding:14px 20px;display:flex}.pm-back{display:none}.pm-conv-title{flex:1;min-width:0}.pm-conv-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.pm-conv-sub{align-items:center;gap:8px;margin-top:4px;display:flex}.pm-assignee{background:var(--bg-secondary);border-radius:24px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.pm-assignee-text{flex-direction:column;line-height:1.2;display:flex}.pm-assignee small{color:var(--text-muted);font-size:11px}.pm-assignee strong{color:var(--header-primary);font-size:13px}.pm-conv-body{flex:1;min-height:0;display:flex}.pm-conv .composer-area{padding:0 16px 4px}.pm-chat>.empty-state{margin:auto}.portal-doc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.portal-doc-card{border-radius:18px;padding:20px}.portal-doc-card strong{color:var(--header-primary);font-size:16px}.file-list{flex-direction:column;display:flex}.file-row{border-top:1px solid var(--divider);align-items:center;gap:12px;padding:10px 4px;display:flex}.file-row:first-child{border-top:0}.file-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.file-row-main strong{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.file-row-main small{color:var(--text-muted);font-size:12px}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--header-primary)}.portal-doc{background:var(--bg-primary);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;overflow:hidden}.portal-doc .doc-wrap{padding-top:24px}.readonly-chip{color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--divider);align-items:center;gap:6px;padding:10px 20px;font-size:12px;font-weight:600;display:flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.project-card{background:var(--portal-card);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;gap:14px;padding:22px;display:flex}.project-card header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-card h3{font-size:18px}.project-card header p{color:var(--text-muted);margin-top:4px;font-size:14px}.project-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}.project-owner{color:var(--text-normal);align-items:center;gap:6px;display:inline-flex}.timeline{margin:4px 0 0;padding:0;list-style:none}.tl-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--divider);width:2px;position:absolute;top:22px;bottom:0;left:10px}.tl-item:last-child:before{display:none}.tl-item.done:before{background:var(--success)}.tl-dot{z-index:1;border:2px solid var(--border-strong);background:var(--portal-card);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.tl-item.done .tl-dot{background:var(--success);border-color:var(--success)}.tl-item.current .tl-dot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.tl-item.current .tl-dot:after{content:"";background:var(--brand);border-radius:50%;width:8px;height:8px}.tl-body{flex-direction:column;display:flex}.tl-body strong{color:var(--header-primary);font-size:14px}.tl-item:not(.done):not(.current) .tl-body strong{color:var(--text-muted);font-weight:500}.tl-body small{color:var(--text-muted);font-size:12px}.req-row{text-align:left;width:100%;transition:background-color var(--t-fast);border-radius:12px;grid-template-columns:minmax(0,1fr) 320px auto;align-items:center;gap:20px;padding:16px;display:grid}.req-row+.req-row{border-top:1px solid var(--divider);border-radius:0}.req-row:hover{background:var(--bg-modifier-hover);border-radius:12px}.req-info{flex-direction:column;gap:2px;min-width:0;display:flex}.req-info strong{color:var(--header-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.waiting-chip{color:#d99413;background:#f0b23229;border-radius:8px;align-self:flex-start;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700}.stepper{align-items:flex-start;display:flex}.step{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.step:before{content:"";background:var(--divider);width:100%;height:2px;position:absolute;top:8px;left:-50%}.step:first-child:before{display:none}.step.done:before,.step.current:before{background:var(--success)}.step-dot{z-index:1;border:2px solid var(--border-strong);background:var(--portal-card);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.step.done .step-dot{background:var(--success);border-color:var(--success)}.step.current:not(.done) .step-dot{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.step.current{color:var(--header-primary)}.portal-settings{grid-template-columns:220px minmax(0,1fr);align-items:flex-start;gap:20px;display:grid}.portal-settings-tabs{flex-direction:column;gap:4px;display:flex}.portal-settings-tab{height:42px;color:var(--text-muted);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.portal-settings-tab:hover{background:var(--bg-modifier-hover);color:var(--header-primary)}.portal-settings-tab.active{background:var(--portal-card);color:var(--header-primary);box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.portal-settings-body{padding:28px}@media (width<=1000px){.portal-search span,.portal-search .find-kbd{display:none}.portal-hero,.portal-grid{grid-template-columns:1fr}.portal-card.span-2,.portal-card.span-3{grid-column:auto}.req-row{grid-template-columns:minmax(0,1fr) auto}.stepper{grid-area:2/1/auto/-1}}@media (width<=899px){.portal-top-inner{gap:8px;padding:0 12px}.portal-burger{display:inline-flex}.portal-nav{display:none}.portal-brand{flex:1}.portal-drawer{z-index:80;background:var(--portal-card);width:min(300px,85vw);transition:transform .26s var(--ease);flex-direction:column;padding:12px;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.portal-drawer.open{transform:none;box-shadow:8px 0 32px #0000004d}.portal-drawer-head{justify-content:space-between;align-items:center;padding:4px 4px 16px;display:flex}.portal-drawer-nav{flex-direction:column;gap:4px;display:flex}.portal-page{padding:16px 14px 48px}.portal-hero{border-radius:20px;padding:22px}.portal-hero h1{font-size:26px}.portal-messages{border:0;border-radius:0;grid-template-columns:1fr;height:100%;margin:0}.portal-main:has(.portal-messages){overflow:hidden}.portal-messages.has-current .pm-list,.portal-messages:not(.has-current) .pm-chat{display:none}.pm-back{display:inline-flex}.pm-assignee-text{display:none!important}.pm-assignee{padding:4px}.pm-conv-head{padding:10px 12px}.pm-conv .composer-area{padding:0 8px 4px}.portal-settings{grid-template-columns:1fr}.portal-settings-tabs{flex-direction:row;overflow-x:auto}.portal-settings-body{padding:18px}.project-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}}.login{background:var(--bg-primary);grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);height:100dvh;display:grid;overflow:auto}.login-hero{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffff2e,#0000 35%),radial-gradient(circle at 80% 85%,#eb459e8c,#0000 45%),linear-gradient(140deg,#3c45a5 0%,#5865f2 45%,#8a5cf0 100%);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-hero:before,.login-hero:after{content:"";pointer-events:none;border:40px solid #ffffff0d;border-radius:50%;position:absolute}.login-hero:before{width:520px;height:520px;top:-180px;right:-200px}.login-hero:after{width:340px;height:340px;bottom:-120px;left:-140px}.login-hero-inner{z-index:1;max-width:540px;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:40px;font-size:22px;font-weight:800;display:flex}.login-logo{background:#ffffff29;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.login-hero h1{color:#fff;letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:1.08}.grad{background:linear-gradient(90deg,#a5f3c4,#7fe0ff);color:#0000;-webkit-background-clip:text;background-clip:text}.grad-pink{background:linear-gradient(90deg,#ffd1ec,#ff8fcf);color:#0000;-webkit-background-clip:text;background-clip:text}.login-hero p{opacity:.9;margin-top:16px;font-size:17px;line-height:1.55}.hero-mock{height:220px;margin:36px 0 28px;position:relative}.hm-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1112148c;border-radius:16px;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-size:14px;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 12px 30px #00000040,inset 0 0 0 1px #ffffff1a}.hm-bubble>div{flex-direction:column;display:flex}.hm-bubble strong{font-size:13px}.hm-bubble span:not(.hm-av){opacity:.85}.hm-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.hm-1{top:0;left:0}.hm-2{animation-delay:-2s;top:72px;left:70px}.hm-2 strong{color:#ffb8de}.hm-3{background:#f0b23238;animation-delay:-4s;top:146px;left:16px;box-shadow:0 12px 30px #0003,inset 0 0 0 1px #f0b23273}.hm-3 strong{color:#ffd98a}.hm-reactions{flex-direction:column;gap:8px;animation:7s ease-in-out -1s infinite float;display:flex;position:absolute;top:30px;right:10px}.hm-reactions span{background:#ffffff24;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px #fff3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-points{flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;font-weight:500;list-style:none;display:flex}.login-points li{align-items:center;gap:10px;display:flex}.login-points svg{color:#a5f3c4}.login-panel{background:var(--bg-primary);justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative}.login-top{position:absolute;top:16px;right:16px}.login-card{width:100%;max-width:440px;animation:modal-in .3s var(--ease)}.login-card h2{letter-spacing:-.02em;font-size:28px;font-weight:800}.login-card>.muted{margin-top:6px;font-size:15px}.demo-cards{flex-direction:column;gap:12px;margin-top:24px;display:flex}.demo-card{border:2px solid var(--border-strong);background:var(--bg-secondary);text-align:left;width:100%;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);--avatar-ring:var(--bg-secondary);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.demo-card:hover:not(:disabled){border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 24px #5865f22e}.demo-card.client:hover:not(:disabled){border-color:var(--client);box-shadow:0 10px 24px #eb459e2e}.demo-card.loading{border-color:var(--brand);opacity:.8}.demo-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.demo-icon.employee{background:linear-gradient(135deg,#5865f2,#3c45a5)}.demo-icon.client{background:linear-gradient(135deg,#eb459e,#b4337a)}.demo-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.demo-kicker{text-transform:uppercase;letter-spacing:.05em;color:var(--brand);font-size:12px;font-weight:700}[data-theme=dark] .demo-kicker{color:#a5acf8}.demo-card.client .demo-kicker{color:var(--client)}.demo-name{color:var(--header-primary);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.demo-sub{color:var(--text-muted);font-size:13px}.demo-arrow{color:var(--text-muted);transition:transform var(--t-fast), color var(--t-fast)}.demo-card:hover .demo-arrow{color:var(--header-primary);transform:translate(4px)}.or-divider{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:12px;margin:24px 0 18px;font-size:12px;font-weight:600;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--divider);flex:1;height:1px}.login-form .segmented{margin-bottom:18px}.login-foot{margin-top:14px;line-height:1.5}.login-foot code{background:var(--bg-modifier-hover);border-radius:4px;padding:1px 4px;font-size:11px}@media (width<=960px){.login{grid-template-columns:1fr}.login-hero{display:none}.login-panel{align-items:flex-start;padding:64px 20px 32px}}.mock-auth-notice{border:1px solid color-mix(in srgb, var(--warning) 55%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--text-normal);align-items:flex-start;gap:10px;margin-top:18px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.mock-auth-notice svg{color:var(--warning);flex:none;margin-top:2px}.mock-auth-notice code,.auth-info code{background:var(--bg-modifier-hover);border-radius:4px;padding:1px 4px;font-size:12px}.auth-form{margin-top:22px}.auth-error{border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);margin:-4px 0 14px;padding:10px 12px;font-size:13px;line-height:1.45}.auth-switch{text-align:center;color:var(--text-muted);margin-top:16px;font-size:14px}.code-input{font-family:var(--font-mono);letter-spacing:.45em;text-align:center;font-size:26px}.auth-status{flex-direction:column;gap:12px;display:flex}.auth-status-icon{width:56px;height:56px;color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent);border-radius:50%;place-items:center;display:grid}.auth-status-icon.success{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.auth-info{border-radius:var(--radius);background:var(--bg-secondary);padding:12px 14px;font-size:14px;line-height:1.5}.auth-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}