:root{--bg-app:#f7f8fa;--bg-panel:#fff;--bg-panel-raised:#f2f4f7;--bg-hover:#f4f5f7;--bg-input:#fafbfc;--border:#e6e8ec;--border-soft:#eef0f3;--border-strong:#cfd3da;--text-primary:#16171c;--text-secondary:#6b6d78;--text-muted:#9698a3;--accent-green:#16a34a;--accent-green-strong:#15803d;--accent-green-bg:#e7f7ec;--accent-green-ring:#16a34a29;--accent-blue:#2f6fed;--accent-blue-bg:#eaf1ff;--accent-red:#dc2626;--accent-red-bg:#fdecec;--accent-orange:#c9761b;--accent-orange-bg:#fdf1de;--accent-teal:#0d9488;--accent-teal-bg:#e6f7f5;--accent-yellow:#b8860b;--chart-blue:#2a78d6;--chart-orange:#eb6834;--chart-aqua:#1baf7a;--chart-yellow:#eda100;--chart-magenta:#e87ba4;--chart-green:#008300;--chart-violet:#4a3aa7;--chart-red:#e34948;--chart-neutral:var(--text-muted);--brand-bg:#0d1a14;--brand-bg-2:#122820;--brand-green:#34d26e;--shadow-card:0 10px 30px -14px #1011142e;--shadow-pop:0 10px 30px -10px #00000059;--font-display:"Manrope", "Segoe UI", system-ui, sans-serif;--font-ui:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:13px/1.5 var(--font-ui);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.3px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d3d5db;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.auth-shell{background:var(--bg-panel);grid-template-columns:minmax(0,46fr) minmax(0,54fr);min-height:100svh;display:grid}.auth-brand{background:radial-gradient(760px 480px at 90% 105%, #16a34a1a, transparent 65%), radial-gradient(640px 400px at -5% -5%, #2f6fed14, transparent 60%), var(--bg-app);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;gap:40px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background-image:linear-gradient(#16171c0b 1px,#0000 1px),linear-gradient(90deg,#16171c0b 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 30%,#0000 100%)}.auth-brand>*{position:relative}.auth-brand-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-logo{color:inherit;align-items:center;gap:10px;display:inline-flex}.auth-logo-mark{background:var(--accent-green);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.auth-logo-name{font-family:var(--font-display);letter-spacing:-.3px;font-size:17px;font-weight:800;line-height:1}.auth-logo-name small{font-family:var(--font-ui);letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:500;display:block}.auth-status-pill{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:12px;display:inline-flex}.auth-status-dot{background:var(--accent-green);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-green-ring);border-radius:50%}.auth-brand-main{flex-direction:column;gap:28px;max-width:520px;display:flex}.auth-brand-main h2{letter-spacing:-.6px;color:var(--text-primary);text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.15}.auth-brand-main h2 em{color:var(--accent-green);font-style:normal}.auth-brand-main p{color:var(--text-secondary);max-width:44ch;margin:12px 0 0;font-size:14.5px;line-height:1.6}.auth-flow{grid-template-columns:22px minmax(0,1fr);gap:12px;display:grid}.auth-flow-lane{flex-direction:column;align-items:center;padding-top:18px;display:flex}.auth-flow-dot{background:var(--accent-green);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-green-ring);border-radius:50%;animation:2s ease-in-out infinite auth-pulse}.auth-flow-line{background:linear-gradient(var(--border-strong), transparent);border-radius:2px;flex:1;width:2px;margin-top:8px}@keyframes auth-pulse{0%,to{box-shadow:0 0 0 4px var(--accent-green-ring)}50%{box-shadow:0 0 0 8px #16a34a0f}}.auth-flow-cards{flex-direction:column;gap:10px;display:flex}.auth-ticket{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-card);animation:10s cubic-bezier(.4,0,.2,1) infinite auth-ticket-life;animation-delay:var(--d);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.auth-ticket-row{align-items:center;gap:10px;display:flex;position:relative}.auth-ticket-id{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.auth-ticket-channel{color:var(--text-muted);font-size:11px}.auth-ticket-channel:before{content:"·";margin-right:10px}.auth-ticket-subject{color:var(--text-primary);font-size:13px;font-weight:500}.auth-ticket-foot{justify-content:space-between;min-height:26px}.auth-chip{letter-spacing:.2px;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.auth-chip-urgent{background:var(--accent-red-bg);color:var(--accent-red)}.auth-chip-high{background:var(--accent-orange-bg);color:var(--accent-orange)}.auth-chip-normal{background:var(--accent-green-bg);color:var(--accent-green-strong)}.auth-chip-info{background:var(--accent-blue-bg);color:var(--accent-blue)}.t-state{opacity:0;position:absolute;right:0}.t-new{opacity:1;animation:10s linear infinite auth-show-new;animation-delay:var(--d);margin-left:auto;position:static}.t-work{animation:10s linear infinite auth-show-work;animation-delay:var(--d)}.t-done{animation:10s linear infinite auth-show-done;animation-delay:var(--d)}.auth-sla{background:var(--bg-panel-raised);border-radius:4px;flex:1;max-width:140px;height:4px;overflow:hidden}.auth-sla-fill{background:var(--accent-green);width:0;height:100%;animation:10s linear infinite auth-sla-fill;animation-delay:var(--d);border-radius:4px;display:block}.auth-avatar{color:#fff;background:var(--accent-blue);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:grid}.auth-avatar.a2{background:var(--accent-teal)}.auth-avatar.a3{background:#7c3aed}.auth-avatar-empty{border:1.5px dashed var(--text-muted);color:var(--text-muted);background:0 0}.t-ava{position:absolute;right:0}.t-ava-empty{animation:10s linear infinite auth-ava-empty;animation-delay:var(--d)}.t-ava-set{opacity:0;animation:10s cubic-bezier(.34,1.56,.64,1) infinite auth-ava-set;animation-delay:var(--d);transform:scale(.6)}@keyframes auth-ticket-life{0%{opacity:0;transform:translateY(-14px)}8%{opacity:1;transform:translateY(0)}72%{border-color:var(--border)}78%{box-shadow:0 0 0 3px var(--accent-green-ring), var(--shadow-card);border-color:#16a34a73}90%{opacity:1;border-color:var(--border);transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes auth-show-new{0%,38%{opacity:1}42%,to{opacity:0}}@keyframes auth-show-work{0%,40%{opacity:0}44%,72%{opacity:1}76%,to{opacity:0}}@keyframes auth-show-done{0%,74%{opacity:0}78%,to{opacity:1}}@keyframes auth-sla-fill{0%,8%{width:0}76%,to{width:100%}}@keyframes auth-ava-empty{0%,38%{opacity:1}42%,to{opacity:0}}@keyframes auth-ava-set{0%,38%{opacity:0;transform:scale(.6)}46%,to{opacity:1;transform:scale(1)}}.auth-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.auth-stat{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;padding:12px 14px}.auth-stat b{font-family:var(--font-display);letter-spacing:-.4px;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:22px;font-weight:700;display:block}.auth-stat>span{color:var(--text-secondary);font-size:11px}.auth-delta{color:var(--accent-green);font-weight:600}.auth-brand-foot{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;font-size:12px;display:flex}.auth-brand-foot nav{gap:18px;display:flex}.auth-brand-foot a{color:inherit;text-decoration:none}.auth-brand-foot a:hover{color:var(--text-secondary)}.auth-pane{background:var(--bg-panel);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-form-wrap{flex-direction:column;gap:28px;width:100%;max-width:400px;display:flex}.auth-form-head h1{letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.2}.auth-form-head p{color:var(--text-secondary);margin:0;font-size:13.5px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-alert{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #dc262640;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.auth-alert svg{flex-shrink:0;margin-top:1px}.field{flex-direction:column;gap:7px;display:flex}.field-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label{color:var(--text-primary);font-size:13px;font-weight:500}.field-top a{color:var(--accent-blue);font-size:12px;font-weight:500;text-decoration:none}.field-top a:hover{text-decoration:underline}.field-input{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.field-input:hover{border-color:var(--border-strong)}.field-input:focus-within{background:var(--bg-panel);border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring)}.field.is-invalid .field-input{border-color:var(--accent-red);box-shadow:0 0 0 3px #dc26261f}.field-icon{color:var(--text-muted);flex-shrink:0}.field-input input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.field-input input::placeholder{color:var(--text-muted)}.field-eye{width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;margin-right:-6px;display:grid}.field-eye:hover{background:var(--border-soft);color:var(--text-secondary)}.field-eye:focus-visible{outline:2px solid var(--accent-green);outline-offset:1px}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-check{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex;position:relative}.auth-check input{opacity:0;width:0;height:0;position:absolute}.auth-check-box{border:1.5px solid var(--border-strong);background:var(--bg-panel);color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.auth-check-box svg{opacity:0;transition:all .15s;transform:scale(.6)}.auth-check input:checked+.auth-check-box{background:var(--accent-green);border-color:var(--accent-green)}.auth-check input:checked+.auth-check-box svg{opacity:1;transform:scale(1)}.auth-check input:focus-visible+.auth-check-box{box-shadow:0 0 0 3px var(--accent-green-ring)}.login-submit{background:var(--accent-green);color:#fff;letter-spacing:.1px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:14.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 8px 20px -10px #16a34ab3}.login-submit:hover{background:var(--accent-green-strong)}.login-submit:active{transform:translateY(1px)}.login-submit:focus-visible{outline:2px solid var(--accent-green);outline-offset:3px}.login-submit:disabled{opacity:.75;cursor:default;transform:none}.auth-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-form-foot{color:var(--text-muted);flex-direction:column;gap:14px;font-size:12px;line-height:1.5;display:flex}.auth-help{color:var(--text-secondary);margin:0}.auth-help a{color:var(--accent-blue);font-weight:500;text-decoration:none}.auth-help a:hover{text-decoration:underline}.auth-secure{align-items:flex-start;gap:7px;display:inline-flex}.auth-secure svg{color:var(--accent-green);flex-shrink:0;margin-top:2px}@media (width<=960px){.auth-shell{grid-template-columns:1fr}.auth-brand{border-right:0;border-bottom:1px solid var(--border);gap:28px;padding:28px 24px}.auth-brand-main{gap:20px}.auth-flow,.auth-brand-foot{display:none}.auth-pane{padding:36px 24px 48px}}@media (width<=520px){.auth-brand-main h2{font-size:24px}.auth-stats,.auth-brand-main p,.auth-status-pill{display:none}}@media (prefers-reduced-motion:reduce){.auth-ticket,.t-state,.auth-sla-fill,.t-ava,.auth-flow-dot{animation:none!important}.auth-ticket{opacity:1;transform:none}.t-work,.t-done,.t-ava-set{display:none}.auth-sla-fill{width:60%}}.login-screen{background:radial-gradient(760px 480px at 90% 105%, #16a34a14, transparent 65%), radial-gradient(640px 400px at -5% -5%, #2f6fed0f, transparent 60%), var(--bg-app);justify-content:center;align-items:center;width:100%;min-height:100svh;padding:24px;display:flex;position:relative}.login-card{background:var(--bg-panel);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-card);border-radius:14px;padding:36px 32px 28px;position:relative}.login-card h1{margin:0 0 4px;font-size:20px;font-weight:700}.login-sub{color:var(--text-secondary);margin:0 0 24px;font-size:13.5px}.access-gate{text-align:center}.access-gate h1{margin:0 0 6px;font-size:18px}.access-gate .login-sub{margin-bottom:0}.access-gate-icon{color:var(--text-muted);margin-bottom:12px}.access-gate-error{color:var(--accent-red)}.access-gate-spin{animation:.9s linear infinite auth-spin}.access-gate-actions{flex-direction:column;gap:8px;margin-top:20px;display:flex}.access-gate-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px}.access-gate-link:hover{color:var(--text-primary)}.work-type{position:relative}.work-type-btn{border:1px solid var(--border);background:var(--bg-panel);height:34px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.work-type-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.work-type-btn svg{transition:transform .15s}.work-type-chevron-open{transform:rotate(180deg)}.work-type-menu{z-index:20;border:1px solid var(--border);background:var(--bg-panel);min-width:220px;box-shadow:var(--shadow-card);border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.work-type-item{width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.work-type-item:hover{background:var(--bg-hover)}.work-type-item:focus-visible{outline:2px solid var(--chart-yellow);outline-offset:-2px}.work-type-switch{border:1px solid var(--border);background:var(--bg-panel-raised);border-radius:999px;flex-shrink:0;width:34px;height:18px;transition:background .15s,border-color .15s;position:relative}.work-type-switch:after{content:"";background:var(--text-muted);border-radius:50%;width:12px;height:12px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.work-type-switch.is-on{border-color:var(--chart-yellow);background:var(--chart-yellow)}.work-type-switch.is-on:after{background:#fff;transform:translate(16px)}.work-type-state{color:var(--text-secondary);padding:10px;font-size:13px}.work-type-error{color:var(--accent-red);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.work-type-error button{color:var(--accent-blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.tb-channel,.tb-status{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex}.tb-channel{background:var(--accent-blue-bg);color:var(--accent-blue);text-transform:capitalize}.tb-status{--tb-color:var(--chart-neutral);color:var(--tb-color);background:color-mix(in srgb, var(--tb-color) 14%, transparent)}.tb-status i{background:var(--tb-color);border-radius:50%;width:6px;height:6px}.tb-status.is-open{--tb-color:var(--chart-blue)}.tb-status.is-pending{--tb-color:var(--chart-orange)}.tb-status.is-resolved{--tb-color:var(--chart-aqua)}.tb-status.is-snoozed{--tb-color:var(--accent-yellow)}.dashboard-shell{background:var(--bg-app);flex-direction:column;height:100svh;display:flex;overflow:hidden}.dashboard-body{flex:1;min-height:0;display:flex}.sidebar{--sidebar-bg:var(--brand-bg);--sidebar-text:#eef5f0b8;--sidebar-text-muted:#eef5f06b;--sidebar-hover-bg:#ffffff12;--sidebar-hover:#eef5f0;--sidebar-active-bg:#22c55e2e;--sidebar-active:var(--brand-green);--sidebar-divider:#ffffff14;background:linear-gradient(180deg, var(--brand-bg-2), var(--brand-bg));border-right:1px solid var(--sidebar-divider);flex-direction:column;flex-shrink:0;width:228px;padding:10px 8px;transition:width .15s;display:flex}.sidebar-collapsed{width:52px}.sidebar-head{border-bottom:1px solid var(--sidebar-divider);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0 2px 10px 8px;display:flex}.sidebar-collapsed .sidebar-head{justify-content:center;padding:0 0 10px}.sidebar-brand{color:#f4f4f6;white-space:nowrap;font-size:14px;font-weight:700}.sidebar-collapse{width:32px;height:32px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-collapse:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:1;gap:2px;min-height:0;display:flex;overflow:hidden auto}.sidebar-item{width:100%;min-height:34px;color:var(--sidebar-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:0 9px;font-size:13px;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover)}.sidebar-item-icon{flex-shrink:0}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-item-chevron{flex-shrink:0;transition:transform .15s}.sidebar-group-open>.sidebar-item .sidebar-item-chevron{transform:rotate(180deg)}.sidebar-item-active,.sidebar-item-active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.sidebar-item-parent-active{color:var(--sidebar-active)}.sidebar-item-muted{color:var(--sidebar-text-muted)}.sidebar-collapsed .sidebar-item{justify-content:center;padding:0}.sidebar-collapsed .sidebar-item-label,.sidebar-collapsed .sidebar-item-chevron,.sidebar-collapsed .sidebar-count{display:none}.sidebar-submenu{border-left:1px solid #ffffff1a;flex-direction:column;gap:1px;margin:2px 0 4px 17px;padding-left:10px;display:flex}.sidebar-subitem{width:100%;color:var(--sidebar-text);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 9px;font-size:12.5px;overflow:hidden}.sidebar-subitem:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover)}.sidebar-subitem-active,.sidebar-subitem-active:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.sidebar-section{border-top:1px solid var(--sidebar-divider);flex-direction:column;gap:2px;margin-top:10px;padding-top:10px;display:flex}.sidebar-section-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sidebar-text-muted);padding:0 9px 4px;font-size:10.5px;font-weight:600}.sidebar-count{text-align:center;background:#1c1c22;border-radius:999px;min-width:20px;padding:1px 6px;font-size:11px}.sidebar-rights{border-left:1px solid #ffffff1a;margin:2px 0 4px 17px;padding:0 0 0 10px;list-style:none}.sidebar-rights li{color:var(--sidebar-text-muted);padding:4px 9px;font-size:12px}.sidebar-empty{color:var(--sidebar-text-muted);margin:8px 9px;font-size:12px}.sidebar-account{border-top:1px solid var(--sidebar-divider);margin-top:8px;padding-top:8px;position:relative}.sidebar-account-btn{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:4px;display:flex}.sidebar-account-btn:hover{background:var(--sidebar-hover-bg)}.sidebar-account-btn:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px}.sidebar-collapsed .sidebar-account-btn{justify-content:center}.sidebar-avatar{background:var(--accent-green);color:#06210f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12.5px;font-weight:700;display:flex;position:relative}.sidebar-avatar-dot{background:var(--accent-green);border:2px solid var(--sidebar-bg);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.sidebar-account-text{flex-direction:column;min-width:0;display:flex}.sidebar-account-name,.sidebar-account-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-name{color:#f4f4f6;font-size:13px;font-weight:600}.sidebar-account-role{color:var(--sidebar-text-muted);font-size:11.5px}.sidebar-account-menu{z-index:20;background:var(--bg-panel);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow-card);border-radius:10px;padding:6px;position:absolute;bottom:0;left:calc(100% + 10px)}.sidebar-account-email{border-bottom:1px solid var(--border-soft);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding:6px 8px 8px;font-size:12px;overflow:hidden}.sidebar-account-menu button{width:100%;color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.sidebar-account-menu button:hover{background:var(--accent-red-bg);color:var(--accent-red)}.tickets-side{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:380px;min-height:0;display:flex}.tickets-side-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;height:56px;padding:0 12px 0 16px;display:flex}.tickets-side-tab{height:56px;font-family:var(--font-display);color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 6px;font-size:15px;font-weight:700;display:inline-flex}.tickets-side-tab:first-child{padding-left:0}.tickets-side-tab:hover{color:var(--text-secondary)}.tickets-side-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-green)}.tickets-side-tab .count{font-family:var(--font-mono);color:var(--text-muted);font-size:12px;font-weight:500}.tickets-side-tab.is-active .count{color:var(--text-secondary)}.tickets-side-tab:disabled{opacity:.5;cursor:default}.tickets-side-pane{flex-direction:column;flex:1;min-height:0;display:flex}.tickets-side-pane.is-hidden{display:none}.tickets-side-note{color:var(--text-muted);padding:24px 16px;font-size:13px}.ticket-list{flex-direction:column;flex:1;min-height:0;display:flex}.ticket-list-search{background:var(--bg-panel);border:1px solid var(--border);height:36px;color:var(--text-muted);border-radius:6px;flex-shrink:0;align-items:center;gap:8px;margin:10px 16px 0;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.ticket-list-search:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring)}.ticket-list-search-icon{flex-shrink:0}.ticket-list-search input{min-width:0;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.ticket-list-search input::placeholder{color:var(--text-muted)}.ticket-list-search input::-webkit-search-cancel-button{display:none}.ticket-list-search button{width:22px;height:22px;color:var(--text-muted);background:0 0;border:none;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.ticket-list-search button:hover{background:var(--bg-hover);color:var(--text-secondary)}.ticket-list-filters{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.ticket-list-filters .segmented{flex:1;min-width:0}.list-filter-anchor{flex-shrink:0;position:relative}.list-filter-btn{border:1px solid var(--border);background:var(--bg-panel);height:32px;color:var(--text-secondary);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.list-filter-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.list-filter-btn.is-active{background:var(--accent-green-bg);color:var(--accent-green-strong);border-color:#16a34a59}.list-filter-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:1px}.list-filter-menu{z-index:20;background:var(--bg-panel);border:1px solid var(--border);min-width:160px;box-shadow:var(--shadow-pop);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.list-filter-menu-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding:6px 8px 4px;font-size:11px;font-weight:600;display:block}.list-filter-option{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.list-filter-option:hover{background:var(--bg-hover)}.list-filter-option.is-active{background:var(--accent-green-bg);color:var(--accent-green-strong);font-weight:600}.segmented{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--text-secondary);white-space:nowrap;background:0 0;border:0;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 6px;font-size:12px;font-weight:500;display:inline-flex}.segmented button:hover{color:var(--text-primary)}.segmented button.is-active{background:var(--bg-panel-raised);color:var(--text-primary);font-weight:600}.ticket-list-empty{color:var(--text-muted);padding:1.5rem;font-size:13px}.ticket-list-scroll{flex:1;min-height:0;overflow-y:auto}.ticket-row{text-align:left;border:0;border-bottom:1px solid var(--border-soft);background:var(--bg-panel);width:100%;color:var(--text-primary);cursor:pointer;flex-direction:column;gap:5px;padding:10px 16px 10px 20px;transition:background .12s;display:flex;position:relative}.ticket-row:focus-visible{outline:2px solid var(--accent-green);outline-offset:-2px}.ticket-row:hover{background:var(--bg-hover)}.ticket-row-active,.ticket-row-active:hover{background:var(--accent-green-bg)}.ticket-row-active:before{content:"";background:var(--accent-green);width:3px;position:absolute;top:0;bottom:0;left:0}.ticket-row-unread .ticket-subject{font-weight:600}.unread-dot{background:var(--accent-blue);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ticket-row-top{align-items:center;gap:8px;min-width:0;display:flex}.ticket-number{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.ticket-channel{color:var(--text-muted);white-space:nowrap;font-size:11.5px}.ticket-row-time{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.ticket-subject{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ticket-row-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:1px;display:flex}.ticket-assignee{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:inline-flex;overflow:hidden}.mini-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9.5px;font-weight:700;display:inline-flex}.mini-avatar-empty{border:1.5px dashed var(--text-muted);color:var(--text-muted);background:0 0;font-size:12px;font-weight:500;line-height:1}.conversation-pane{background:var(--bg-panel);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;min-height:56px;padding:10px 24px;display:flex}.conversation-title{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.conversation-title h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.conversation-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.meta-sep{color:var(--border-strong)}.conversation-email-count{background:var(--accent-blue-bg);color:var(--accent-blue);white-space:nowrap;cursor:pointer;border:0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.conversation-email-count:hover{text-decoration:underline}.conversation-props{flex-shrink:0;align-items:center;gap:6px;display:flex}.pill-static{border:1px solid var(--border);background:var(--bg-panel);height:32px;color:var(--text-primary);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.pill-static:hover{border-color:var(--accent-green);background:var(--accent-green-bg)}.pill-static .mini-avatar{width:20px;height:20px}.pill-static .tb-status{background:0 0;padding:0}.prio{align-items:center;gap:6px;display:inline-flex}.prio:before{content:"";background:var(--prio-color,var(--text-muted));border-radius:2px;width:8px;height:8px}.prio-high{--prio-color:var(--accent-red)}.prio-medium{--prio-color:var(--accent-orange)}.prio-low{--prio-color:var(--accent-teal)}.prio-none{--prio-color:var(--text-muted)}.icon-btn{width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.icon-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:1px}.conversation-thread{flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px 24px;display:flex;overflow-y:auto}.msg{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;width:100%;display:grid}.msg-avatar{color:#fff;background:var(--role-avatar);border-radius:50%;place-items:center;width:34px;height:34px;margin-top:4px;font-size:12px;font-weight:600;display:grid;box-shadow:0 2px 6px -2px #10111459}.msg-body{background:var(--role-bg);border-left:3px solid var(--role-edge);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:12px 16px 14px;display:flex;box-shadow:0 1px 2px #1011140d,0 6px 18px -8px #10111424}.msg-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.msg-author{color:var(--text-primary);font-weight:600}.msg-role{color:var(--role-edge);font-weight:500}.msg-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.msg-text{color:var(--text-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.msg-team{grid-template-columns:minmax(0,1fr) 34px}.msg-team .msg-avatar{order:2}.msg-team .msg-body{border-left:0;border-right:3px solid var(--role-edge);order:1}.msg-customer{--role-bg:#fff;--role-edge:#6b7a90;--role-avatar:linear-gradient(135deg, #6b7a90, #4b5668)}.msg-agent{--role-bg:#f1fbf4;--role-edge:var(--accent-green);--role-avatar:linear-gradient(135deg, #3b82f6, #2f6fed)}.msg-ai{--role-bg:#eefaf8;--role-edge:var(--accent-teal);--role-avatar:linear-gradient(135deg, #2dd4bf, #0d9488)}.msg-private{--role-bg:#fff8e9;--role-edge:var(--accent-orange);--role-avatar:linear-gradient(135deg, #3b82f6, #2f6fed)}.msg-private .msg-body{background-image:repeating-linear-gradient(135deg,#0000 0 10px,#c9761b0a 10px 11px)}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-ai{color:#0b6f67;background:#d4efec}.badge-private{color:var(--accent-orange);background:#fbe9c6}.composer-wrap{background:var(--bg-panel);flex-shrink:0;padding:12px 24px 20px}.composer{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 1px 2px #1011140d,0 10px 28px -14px #10111438}.composer:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring)}.composer.is-note:focus-within{border-color:var(--accent-orange);box-shadow:0 0 0 3px #c9761b24}.composer.is-collapsed{box-shadow:0 1px 2px #1011140d}.composer-collapsed{align-items:center;gap:6px;height:46px;padding:0 8px 0 4px;display:flex}.composer-collapsed-main{min-width:0;height:100%;color:var(--text-muted);text-align:left;cursor:text;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.composer-collapsed-main:hover{color:var(--text-secondary)}.composer-collapsed-main svg{flex-shrink:0}.btn-ghost{height:30px;color:var(--accent-blue);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-ghost:hover{background:var(--accent-blue-bg)}.btn-ghost-note{color:var(--accent-orange)}.btn-ghost-note:hover{background:var(--accent-orange-bg)}.composer-tabs{align-items:center;gap:2px;padding:8px 10px 0;display:flex}.composer-tab{color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex}.composer-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-green);font-weight:600}.is-note .composer-tab.is-active{border-bottom-color:var(--accent-orange)}.composer-spacer{flex:1}.composer-to{color:var(--text-secondary);flex-wrap:wrap;gap:6px;padding:8px 14px 0;font-size:12px;display:flex}.composer-to b{color:var(--text-primary);font-weight:500}.composer-toolbar{flex-shrink:0;align-items:center;gap:2px;display:flex}.composer-editor{width:100%;min-height:150px;max-height:45vh;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;outline:0;padding:10px 14px;font-size:13px;line-height:1.55;display:block;overflow-y:auto}.composer-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.composer-editor[contenteditable=false]{opacity:.6}.is-note .composer-editor{background:var(--accent-orange-bg)}.composer-editor b,.composer-editor strong{font-weight:700}.composer-editor ul,.composer-editor ol{margin:4px 0;padding-left:22px}.composer-editor code{font-family:var(--font-mono);background:#1011140f;border-radius:4px;padding:1px 5px;font-size:12px}.composer-editor a{color:var(--accent-blue);text-underline-offset:2px;text-decoration:underline}.composer-tool{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.composer-tool:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.composer-tool:focus-visible{outline:2px solid var(--accent-green);outline-offset:1px}.composer-tool:disabled{opacity:.4;cursor:default}.composer-toolbar-sep{background:var(--border);width:1px;height:16px;margin:0 6px}.composer-files{flex-wrap:wrap;gap:6px;margin:0;padding:0 14px 10px;list-style:none;display:flex}.composer-file{border:1px solid var(--border);background:var(--bg-panel);max-width:100%;height:28px;color:var(--text-primary);border-radius:6px;align-items:center;gap:6px;padding:0 4px 0 9px;font-size:12px;display:inline-flex}.composer-file svg:first-child{color:var(--text-muted);flex-shrink:0}.composer-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.composer-file-size{color:var(--text-muted);white-space:nowrap;font-size:11px}.composer-file-remove{width:20px;height:20px;color:var(--text-muted);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.composer-file-remove:hover:not(:disabled){background:var(--accent-red-bg);color:var(--accent-red)}.msg-text p+p,.msg-text p+ul,.msg-text p+ol,.msg-text ul+p,.msg-text ol+p{margin-top:8px}.msg-text ul,.msg-text ol{margin:0;padding-left:22px}.msg-text li+li{margin-top:2px}.msg-text code{font-family:var(--font-mono);background:#1011140f;border-radius:4px;padding:1px 5px;font-size:12px}.msg-text a{color:var(--accent-blue);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.composer-foot{border-top:1px solid var(--border-soft);align-items:center;gap:10px;padding:8px 10px;display:flex}.composer-hint{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:11px}.composer-foot .reply-error{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.composer-foot .reply-error+.composer-hint{margin-left:0}@media (width<=1100px){.composer-hint{display:none}}.reply-error{color:var(--accent-red);font-size:12px}.composer-send{background:var(--accent-green);color:#fff;white-space:nowrap;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .15s;display:inline-flex}.composer-send:hover:not(:disabled){background:var(--accent-green-strong)}.composer-send:disabled{opacity:.55;cursor:not-allowed}.is-note .composer-send{background:var(--accent-orange)}.is-note .composer-send:hover:not(:disabled){background:#a85f12}.tickets-empty{text-align:center;color:var(--text-muted);background:var(--bg-panel);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.tickets-empty h3{color:var(--text-primary);margin:6px 0 0;font-size:15px;font-weight:700}.tickets-empty p{margin:0 0 8px;font-size:13px}.toolbar-btn{border:1px solid var(--border);background:var(--bg-panel);height:34px;color:var(--text-primary);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.toolbar-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.details-panel{background:var(--bg-panel);flex-direction:column;flex:1;gap:20px;min-height:0;padding:16px 16px 40px;display:flex;overflow-y:auto}.details-ticket{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.details-ticket-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.details-ticket h3{margin:0;font-size:14.5px;font-weight:600;line-height:1.35}.update-form{border:1px solid var(--border);background:var(--bg-panel);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 1px 2px #1011140a,0 8px 24px -14px #1011142e}.update-head{justify-content:space-between;align-items:center;display:flex}.update-head h4{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.ai-score-pill{color:var(--accent-orange);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.details-field{flex-direction:column;gap:5px;display:flex}.details-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.details-label small{letter-spacing:0;text-transform:none;color:var(--text-muted);font-weight:400}.select-shell{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;height:36px;padding:0 32px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.select-shell:hover{border-color:var(--border-strong)}.select-shell:focus-within{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring)}.select-shell select{appearance:none;min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:500}.select-shell select:disabled{opacity:.6}.select-shell select option{background:var(--bg-panel);color:var(--text-primary)}.select-caret{color:var(--text-muted);pointer-events:none;position:absolute;right:10px}.status-dot{background:var(--accent-blue);border-radius:50%;flex-shrink:0;width:8px;height:8px}.details-textarea,.details-box{box-sizing:border-box;background:var(--bg-panel);border:1px solid var(--border);width:100%;font:inherit;color:var(--text-primary);overflow-wrap:anywhere;border-radius:6px;margin:0;padding:8px 12px;font-size:13px;line-height:1.5}.details-textarea{resize:vertical;outline:none;min-height:60px;transition:border-color .15s,box-shadow .15s}.details-textarea::placeholder{color:var(--text-muted)}.details-textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring)}.details-textarea:disabled{opacity:.6}.update-foot{border-top:1px solid var(--border-soft);flex-direction:column;gap:8px;padding-top:4px;display:flex}.assignee-pending{color:var(--accent-orange);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.assignee-pending:before{content:"";background:var(--accent-orange);border-radius:50%;width:6px;height:6px}.details-update-btn{background:var(--accent-green);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.details-update-btn:hover:not(:disabled){background:var(--accent-green-strong)}.details-update-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.details-update-btn:disabled{opacity:.6;cursor:default}.details-section{flex-direction:column;gap:10px;display:flex}.details-section h4{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:11px;font-weight:600}.timeline-empty{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-chip{background:var(--bg-panel-raised);color:var(--text-secondary);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500}.tag-add{border:1px dashed var(--border-strong);width:24px;height:24px;color:var(--text-muted);background:0 0;border-radius:999px;place-items:center;display:grid}.tag-add:hover{color:var(--text-secondary);border-color:var(--text-muted)}.assignee-picker{position:relative}.assignee-picker-inline{min-width:0;display:inline-flex}.assignee-dropdown-floating{width:260px;max-width:calc(100vw - 32px);right:auto}.assignee-dropdown-right{left:auto;right:0}.ticket-assignee-btn{min-width:0;max-width:100%;font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;margin-left:-2px;padding:2px 6px 2px 2px;font-size:11.5px;display:inline-flex}.ticket-assignee-btn:hover,.ticket-assignee-btn[aria-expanded=true]{border-color:var(--accent-green);background:var(--accent-green-bg);color:var(--text-primary)}.ticket-assignee-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:1px}.ticket-assignee-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.assignee-picker-value{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-size:13px;font-weight:500}.assignee-picker-value:disabled{opacity:.6;cursor:not-allowed}.assignee-picker-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.assignee-dropdown{z-index:20;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.assignee-search{border-bottom:1px solid var(--border-soft);color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px;display:flex}.assignee-search .select-caret{position:static}.assignee-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.assignee-spinner{color:var(--text-muted);flex-shrink:0;animation:.8s linear infinite assignee-spin}@keyframes assignee-spin{to{transform:rotate(360deg)}}.assignee-results{max-height:220px;margin:0;padding:4px;list-style:none;overflow-y:auto}.assignee-option{color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.assignee-option svg{color:var(--accent-green)}.assignee-option-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.assignee-option-active{background:var(--bg-hover)}.assignee-option[aria-selected=true]{background:var(--accent-green-bg)}.assignee-option-unassign{border-top:1px solid var(--border-soft);color:var(--accent-red);border-radius:0 0 6px 6px;margin-top:4px}.assignee-option-unassign svg{color:inherit}.assignee-hint{color:var(--text-muted);padding:8px;font-size:12px}.assignee-hint-error{color:var(--accent-red)}.status-error-toast,.status-success-toast{box-shadow:var(--shadow-pop);z-index:10;border-radius:10px;align-items:center;gap:12px;max-width:min(90vw,640px);padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.status-error-toast{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #dc26264d}.status-error-toast button{color:inherit;background:0 0;border:none;font-weight:600;text-decoration:underline}.status-success-toast{background:var(--text-primary);color:#fff}@media (width<=1200px){.tickets-side{width:320px}.conversation-props .pill-team{display:none}}@media (width<=900px){.conversation-props .pill-static:not(.pill-status){display:none}}.analytics-main{background:var(--bg-app);flex:1;min-width:0;padding:24px 32px 60px;overflow-y:auto}.analytics-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.analytics-header h1{letter-spacing:-.4px;margin:0 0 4px;font-size:20px;font-weight:700}.analytics-header p{color:var(--text-secondary);margin:0;font-size:13px}.filters-btn{background:var(--bg-panel);border:1px solid var(--border);height:34px;color:var(--text-primary);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.filters-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.overview-card,.breakdown-card,.channel-table-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #1011140a,0 8px 24px -16px #10111429}.overview-card{margin-bottom:20px;padding:20px 22px}.overview-card h2{align-items:center;gap:6px;margin:0 0 6px;font-size:15px;font-weight:700;display:flex}.overview-info{color:var(--text-muted)}.overview-copy{color:var(--text-secondary);max-width:900px;margin:0 0 18px;font-size:12.5px;line-height:1.6}.overview-copy a{color:var(--accent-blue);font-weight:600;text-decoration:none}.overview-copy a:hover{text-decoration:underline}.stat-tile-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-tile{--tile-color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;padding:14px 16px 14px 18px;position:relative;overflow:hidden}.stat-tile:before{content:"";background:var(--tile-color);width:3px;position:absolute;top:0;bottom:0;left:0}.stat-tile-neutral{--tile-color:var(--text-secondary)}.stat-tile-blue{--tile-color:var(--accent-blue)}.stat-tile-violet{--tile-color:var(--chart-violet)}.stat-tile-orange{--tile-color:var(--accent-orange)}.stat-tile-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-tile-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.stat-tile-label svg{color:var(--tile-color)}.stat-tile-link{color:var(--text-muted)}.stat-tile-value{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.2}.stat-tile-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:500}.stat-tile-blue .stat-tile-value,.stat-tile-violet .stat-tile-value,.stat-tile-orange .stat-tile-value{color:var(--tile-color)}.breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.breakdown-card{min-width:0;padding:18px 20px}.breakdown-card h3{margin:0 0 4px;font-size:14px;font-weight:700}.breakdown-subtitle{color:var(--text-muted);margin:0 0 16px;font-size:11.5px;line-height:1.5}.breakdown-rows{flex-direction:column;gap:12px;display:flex}.breakdown-row{grid-template-columns:108px 1fr auto;align-items:center;gap:10px;display:grid}.breakdown-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.breakdown-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.breakdown-track{background:var(--bg-panel-raised);border-radius:4px;height:14px;position:relative;overflow:hidden}.breakdown-fill{border-radius:4px;min-width:2px;height:100%;transition:width .2s}.breakdown-value{font-family:var(--font-display);color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px;font-weight:700}.channel-table-card{padding:18px 20px 8px}.channel-table-card h3{margin:0 0 14px;font-size:14px;font-weight:700}.channel-table-scroll{overflow-x:auto}.channel-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12.5px}.channel-table th{text-align:right;color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.channel-table th:first-child{text-align:left}.channel-table-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.channel-table-sortable:hover{color:var(--text-secondary)}.bucket-dot{border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.channel-table td{text-align:right;border-bottom:1px solid var(--border-soft);color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:10px}.channel-table td:first-child{text-align:left;color:var(--text-primary);font-weight:500}.channel-table-total{color:var(--text-primary)!important;font-weight:700!important}.channel-tag{background:var(--bg-panel-raised);color:var(--text-secondary);border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-block}.dash-header{align-items:center}.dash-header h1{margin:0}.dash-header-actions{align-items:center;gap:10px;display:flex}.dash-user{border:1px solid var(--border);background:var(--bg-panel);height:34px;color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 4px;font-size:13px;font-weight:600;display:inline-flex}.dash-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#2f6fed);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.dash-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dash-card-head h3{margin:0 0 4px;font-size:14px;font-weight:700}.channel-table-card .dash-card-head{align-items:center;margin-bottom:8px}.channel-table-card .dash-card-head h3{margin:0}.dash-head-stat{text-align:right;line-height:1.2}.dash-head-stat b{font-family:var(--font-display);letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;display:block}.dash-head-stat span{color:var(--text-muted);font-size:11.5px}.dash-link{height:30px;color:var(--accent-blue);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.dash-link:hover{background:var(--accent-blue-bg)}.dash-duo{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-chart-card{flex-direction:column;min-height:300px;display:flex}.dash-heat{grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin-top:8px;display:grid}.dash-heat-cell{border-radius:4px;height:44px;position:relative}.dash-heat-cell:hover{outline:2px solid var(--text-primary);outline-offset:1px}.dash-heat-tip{z-index:5;background:var(--text-primary);color:var(--bg-panel);white-space:nowrap;pointer-events:none;border-radius:7px;padding:5px 8px;font-size:11.5px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.dash-heat-cell:hover .dash-heat-tip{display:block}.dash-heat-axis{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.dash-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.dash-mini-stats span{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);border-radius:8px;flex-direction:column;gap:3px;padding:10px 12px;font-size:11px;font-weight:500;display:flex}.dash-mini-stats b{font-family:var(--font-display);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.dash-recent-table{min-width:640px}.dash-recent-table th,.dash-recent-table td{text-align:left}.dash-recent-table th:last-child,.dash-recent-table td:last-child{text-align:right}.dash-recent-table tbody tr{cursor:pointer}.dash-recent-table tbody tr:hover td{background:var(--bg-hover)}.dash-recent-table tbody tr:last-child td{border-bottom:none}.dash-recent-table .ticket-number{color:var(--text-primary);font-size:12.5px}.dash-recent-channel{color:var(--text-secondary)}.dash-mail-tag{background:var(--accent-green-bg);color:var(--accent-green-strong);border-radius:5px;align-items:center;gap:4px;margin-left:0;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.dash-muted{color:var(--text-muted)}.dash-skeleton{background:linear-gradient(90deg, var(--bg-panel) 25%, var(--bg-panel-raised) 50%, var(--bg-panel) 75%);background-size:200% 100%;min-height:170px;margin-bottom:20px;animation:1.2s ease-in-out infinite dash-shimmer}.breakdown-grid .dash-skeleton{margin-bottom:0}@keyframes dash-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.dash-error{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #dc26264d;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;font-size:12.5px;display:flex}.dash-error button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:12px}.dash-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:460px;margin:40px auto;padding:28px;display:flex}.dash-empty-icon{background:var(--accent-red-bg);width:48px;height:48px;color:var(--accent-red);border-radius:14px;justify-content:center;align-items:center;display:flex}.dash-empty h3{margin:8px 0 0;font-size:16px;font-weight:700}.dash-empty p{color:var(--text-secondary);overflow-wrap:anywhere;margin:0 0 8px;font-size:13px}.trend{flex-direction:column;flex:1;min-height:190px;margin-top:8px;display:flex;position:relative}.trend-plot{flex:1;margin:8px 0 0 28px;position:relative}.trend-grid{border-top:1px solid var(--border-soft);position:absolute;left:0;right:0}.trend-grid span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:-8px;right:calc(100% + 8px)}.trend-cols{align-items:flex-end;display:flex;position:absolute;inset:0}.trend-col{outline:none;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.trend-col:hover,.trend-col:focus-visible{background:var(--bg-hover);border-radius:6px}.trend-bar{border-radius:4px 4px 0 0;width:60%;max-width:24px;min-height:2px;position:relative}.trend-value{color:var(--text-primary);pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.trend-tip{z-index:5;background:var(--text-primary);color:var(--bg-panel);white-space:nowrap;box-shadow:var(--shadow-card);pointer-events:none;border-radius:8px;padding:6px 9px;font-size:12px;display:none;position:absolute;top:4px}.trend-tip span{opacity:.75;font-size:11px;display:block}.trend-col:hover .trend-tip,.trend-col:focus-visible .trend-tip{display:block}.trend-axis{margin:6px 0 0 28px;display:flex}.trend-axis span{text-align:center;color:var(--text-muted);flex:1;font-size:11px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dash-page .stat-tile-row.stat-tile-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1100px){.dash-duo{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.dash-page .stat-tile-row,.dash-page .stat-tile-row.stat-tile-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.dash-page{padding:16px}}.email-modal-backdrop{z-index:100;background:#10111473;justify-content:center;align-items:flex-start;padding:48px 16px;animation:.15s email-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.email-modal{background:var(--bg-panel);border-radius:14px;flex-direction:column;width:100%;max-width:600px;animation:.18s email-rise;display:flex;box-shadow:0 24px 60px -20px #10111459}@keyframes email-fade{0%{opacity:0}}@keyframes email-rise{0%{opacity:0;transform:translateY(8px)}}.email-tone-sent{background:var(--accent-green-bg);color:var(--accent-green)}.email-tone-failed{background:var(--accent-red-bg);color:var(--accent-red)}.email-tone-skipped{background:var(--bg-panel-raised);color:var(--text-secondary)}.email-modal-header{border-bottom:1px solid var(--border-soft);align-items:center;gap:12px;padding:16px 18px;display:flex}.email-modal-header h2{margin:0;font-size:15px;font-weight:600}.email-modal-header p{color:var(--text-muted);margin:1px 0 0;font-size:12px}.email-modal-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.email-status{border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.email-modal-close{width:30px;height:30px;color:var(--text-secondary);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.email-modal-close:hover{background:var(--bg-hover)}.email-modal-body{flex-direction:column;gap:16px;padding:18px;display:flex}.email-banner{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.email-banner svg{flex-shrink:0;margin-top:1px}.email-banner strong{font-weight:600;display:block}.email-banner span{overflow-wrap:anywhere;opacity:.9;margin-top:2px;display:block}.email-meta{grid-template-columns:96px 1fr;gap:10px 12px;margin:0;font-size:13px;display:grid}.email-meta dt{color:var(--text-muted)}.email-meta dd{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;margin:0}.email-chips{flex-wrap:wrap;gap:6px;display:flex}.email-chip{background:var(--accent-blue-bg);color:var(--accent-blue);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500}.email-muted{color:var(--text-muted)}.email-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden}.email-preview-head{background:var(--bg-panel-raised);border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:10px 14px;display:flex}.email-preview-head strong{font-size:13px;display:block}.email-preview-to{color:var(--text-muted);overflow-wrap:anywhere;font-size:11.5px;display:block}.email-preview-avatar{background:var(--accent-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.email-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;padding:14px;font-size:13.5px;line-height:1.6;overflow-y:auto}.email-modal-footer{border-top:1px solid var(--border-soft);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.email-btn{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.email-btn:hover{background:var(--bg-hover)}.email-btn-primary{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-panel)}.email-btn-primary:hover{background:#2b2d35}.email-pill{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.email-pill:hover{filter:brightness(.95);text-decoration:underline}@media (width<=560px){.email-meta{grid-template-columns:1fr;gap:2px}.email-meta dd{margin-bottom:8px}}.members-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.members-panel h1{letter-spacing:-.4px;margin:0 0 4px;font-size:20px;font-weight:700}.members-count{font-family:var(--font-mono);color:var(--text-muted);font-size:13px;font-weight:500}.members-btn{white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.members-btn-primary{background:var(--accent-green);color:#fff}.members-btn-primary:hover{background:var(--accent-green-strong)}.members-btn-primary:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.members-btn-primary:disabled{opacity:.6;cursor:default}.members-btn-ghost{background:var(--bg-panel);border-color:var(--border);color:var(--text-primary);font-weight:500}.members-btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-strong)}.members-search,.members-table-wrap{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #1011140a,0 8px 24px -16px #10111429}.members-search{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.members-search-label{text-transform:uppercase;letter-spacing:.04em;width:100%;color:var(--text-muted);font-size:11px;font-weight:600}.members-search .member-field{width:260px;max-width:100%}.members-search-input{align-items:center;display:flex;position:relative}.members-search-input svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.members-search .members-search-input input{padding-left:32px}.members-search-actions{gap:8px;display:flex}.members-error{background:var(--accent-red-bg);color:var(--accent-red);border:1px solid #dc262640;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.members-table-wrap{overflow-x:auto}.members-table{border-collapse:collapse;width:100%;min-width:820px;font-size:13px}.members-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);background:var(--bg-panel);border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:600}.members-table td{vertical-align:top;border-bottom:1px solid var(--border-soft);padding:12px 16px}.members-table tbody tr:last-child td{border-bottom:none}.members-table tbody tr:hover td{background:var(--bg-hover)}.members-col-action{width:70px;text-align:center!important}.members-empty{text-align:center;color:var(--text-muted);padding:32px 16px!important}.member-cell{gap:10px;display:flex}.member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.member-name{font-weight:600}.member-sub{color:var(--text-muted);font-size:12px}.member-role{background:var(--accent-blue-bg);color:var(--accent-blue);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.member-switch{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12.5px;display:inline-flex}.member-switch-track{background:#d3d5db;border-radius:999px;width:30px;height:17px;transition:background .15s;position:relative}.member-switch-thumb{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.member-switch-on{color:var(--accent-green);font-weight:500}.member-switch-on .member-switch-track{background:var(--accent-green)}.member-switch-on .member-switch-thumb{transform:translate(13px)}.member-switch-busy{cursor:progress}.member-switch-busy .member-switch-thumb:after{content:"";border:1.5px solid var(--text-muted);border-top-color:#0000;border-radius:50%;animation:.7s linear infinite member-switch-spin;position:absolute;inset:2px}@keyframes member-switch-spin{to{transform:rotate(360deg)}}.member-menu-anchor{display:inline-block;position:relative}.member-kebab{background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.member-kebab:hover{background:var(--bg-hover);color:var(--text-primary)}.member-menu{z-index:10;background:var(--bg-panel);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-card);text-align:left;border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);right:0}.member-menu button{text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;display:block}.member-menu button:hover{background:var(--bg-hover)}.member-field{flex-direction:column;gap:4px;min-width:0;display:flex}.member-field>span{color:var(--text-secondary);font-size:12px;font-weight:500}.member-field em{color:var(--accent-red);margin-left:2px;font-style:normal}.member-field input,.member-field select{border:1px solid var(--border);background:var(--bg-panel);width:100%;height:36px;font:inherit;color:var(--text-primary);border-radius:6px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.member-field input:hover,.member-field select:hover{border-color:var(--border-strong)}.member-field input::placeholder{color:var(--text-muted)}.member-field input:focus,.member-field select:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring);outline:none}.member-field-error input,.member-field-error select{border-color:var(--accent-red)}.member-field small{color:var(--accent-red);font-size:11.5px}.member-modal-backdrop{z-index:100;background:#10111473;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.member-modal{background:var(--bg-panel);border-radius:14px;flex-direction:column;width:100%;max-width:1080px;display:flex;box-shadow:0 24px 60px -20px #10111459}.member-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.member-modal-header h2{margin:0;font-size:16px;font-weight:700}.member-modal-close{width:30px;height:30px;color:var(--text-secondary);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex}.member-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.member-modal-body{padding:20px 22px}.member-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 16px;display:grid}.member-usertypes{border:none;border-top:1px solid var(--border-soft);margin:20px 0 0;padding:16px 0 0}.member-usertypes legend{color:var(--text-secondary);float:left;width:100%;margin-bottom:10px;padding:0;font-size:12px;font-weight:600}.member-usertypes-grid{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;display:grid}.member-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.member-checkbox input{width:15px;height:15px;accent-color:var(--accent-green)}.member-modal-footer{border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.member-save-error{color:var(--accent-red);margin-right:auto;font-size:12.5px}@media (width<=1000px){.member-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.member-form-grid,.member-usertypes-grid{grid-template-columns:minmax(0,1fr)}.members-header{flex-direction:column}}.members-success{background:var(--bg-panel);width:min(380px,100vw - 32px);box-shadow:var(--shadow-card);text-align:center;border-radius:14px;padding:28px 24px 24px;animation:.18s ease-out members-success-in}.members-success-icon{color:var(--accent-green)}.members-success h2{color:var(--text-primary);margin:12px 0 6px;font-size:20px;font-weight:700}.members-success p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.members-success .members-btn{justify-content:center;min-width:120px}@keyframes members-success-in{0%{opacity:0;transform:scale(.95)}}.members-pager{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.members-pager .members-btn{padding:6px 8px}.members-pager .members-btn:disabled{opacity:.5;cursor:not-allowed}.member-modal-loading{color:var(--text-muted);margin-bottom:12px;font-size:13px}.member-dept-mapping{border:1px solid var(--border);background:var(--bg-panel-raised);color:var(--text-secondary);border-radius:10px;grid-column:1/-1;padding:10px 12px;font-size:12.5px;line-height:1.6}.member-dept-mapping-title{color:var(--text-primary)}.member-dept-mapping-row span{font-weight:600}.member-dept-move{color:var(--accent-green-strong);font-weight:500}.roles-table{min-width:640px}.roles-remark{color:var(--text-secondary)}.roles-col-action{width:150px}.roles-actions{align-items:center;gap:6px;display:flex}.roles-edit{color:var(--accent-blue);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:13px;display:inline-flex}.roles-edit:hover{background:var(--accent-blue-bg)}.roles-notice{background:var(--accent-green-bg);color:var(--accent-green-strong);border:1px solid #16a34a40;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.role-modal-sm{max-width:520px}.role-modal-md{max-width:820px}.role-form{flex-direction:column;gap:16px;display:flex}.member-field textarea{border:1px solid var(--border);background:var(--bg-panel);width:100%;font:inherit;color:var(--text-primary);resize:vertical;border-radius:6px;padding:8px 12px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.member-field textarea::placeholder{color:var(--text-muted)}.member-field textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring);outline:none}.role-menu-top{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.role-menu-role{color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13.5px;display:flex}.role-menu-role strong{color:var(--text-primary)}.role-menu-count{color:var(--text-muted);margin-left:6px;font-size:12px}.role-menu-all{flex-shrink:0;font-weight:600}.role-menu-group{border-bottom:1px solid var(--border-soft);padding:14px 0}.role-menu-group:last-child{border-bottom:none;padding-bottom:0}.role-menu-group-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.role-menu-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.role-menu-group-head .member-checkbox{color:var(--text-secondary);font-size:12px;font-weight:500}.role-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;display:grid}@media (width<=640px){.role-menu-grid{grid-template-columns:minmax(0,1fr)}}.work-types-table{table-layout:fixed;min-width:560px}.work-types-col-sr{width:80px}.work-types-col-status,.work-types-col-edit{width:170px}.work-types-table td{vertical-align:middle}.work-types-sr{color:var(--text-secondary);font-variant-numeric:tabular-nums}.work-types-table .member-switch{min-width:110px}.work-types-name-input{border:1px solid var(--border);background:var(--bg-panel);width:100%;max-width:320px;height:34px;color:var(--text-primary);font:inherit;border-radius:6px;padding:0 12px;font-size:13px}.work-types-name-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-ring);outline:none}.work-types-actions{align-items:center;gap:4px;display:flex}.work-types-icon-btn{color:var(--accent-blue);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:13px;display:inline-flex}.work-types-icon-btn:hover{background:var(--accent-blue-bg)}.work-types-icon-btn.is-cancel{color:var(--text-secondary)}.work-types-icon-btn.is-cancel:hover{background:var(--bg-hover)}.work-types-icon-btn:disabled{opacity:.45;cursor:not-allowed}.settings-nav{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:232px;padding:0 12px 24px;display:flex;overflow-y:auto}.settings-nav-title{border-bottom:1px solid var(--border);align-items:center;height:56px;margin:0 4px 10px;font-size:15px;font-weight:700;display:flex}.settings-nav-section{flex-direction:column;gap:1px;margin-top:14px;display:flex}.settings-nav-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0 8px 6px;font-size:11px;font-weight:600}.settings-nav-item{width:100%;min-height:34px;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.settings-nav-item svg{color:var(--text-muted);flex-shrink:0}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item-active,.settings-nav-item-active:hover{background:var(--accent-green-bg);color:var(--accent-green-strong);font-weight:600}.settings-nav-item-active svg{color:var(--accent-green)}.settings-nav-item-active:before{content:"";background:var(--accent-green);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.settings-nav-item-pinned{border-top:1px solid var(--border-soft);border-radius:0 0 6px 6px;margin-top:auto;padding-top:12px}.settings-main{background:var(--bg-app);flex:1;min-width:0;padding:24px 32px 60px;overflow-y:auto}.teams-panel h1,.settings-placeholder h1,.members-panel h1{letter-spacing:-.4px;margin:0 0 4px;font-size:20px;font-weight:700}.teams-subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:13px}.teams-tabs{border-bottom:1px solid var(--border);gap:20px;margin-bottom:18px;display:flex}.teams-tab{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 2px 10px;font-size:13px;font-weight:500}.teams-tab:hover{color:var(--text-secondary)}.teams-tab-active{color:var(--text-primary);border-bottom-color:var(--accent-green);font-weight:600}.teams-count{color:var(--text-muted);margin-bottom:12px;font-size:12.5px}.teams-list{flex-direction:column;gap:10px;max-width:920px;display:flex}.team-row,.teams-placeholder,.settings-placeholder-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #1011140a,0 8px 24px -16px #10111429}.team-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:border-color .15s;display:flex}.team-row:hover{border-color:var(--border-strong)}.team-row-left{align-items:center;gap:12px;display:flex}.team-icon{background:var(--accent-green-bg);width:36px;height:36px;color:var(--accent-green-strong);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-name{font-size:14px;font-weight:600}.team-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.team-row-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.team-member{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.team-member-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:flex;position:relative}.team-member-dot{background:var(--accent-green);border:2px solid var(--bg-panel);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.team-more-pill{background:var(--bg-panel-raised);color:var(--text-secondary);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}.team-row-clickable{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.team-row-clickable:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.team-row-chevron{color:var(--text-muted);flex-shrink:0}.team-member-dot-off{background:var(--text-muted)}.team-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:12.5px;font-weight:500;display:inline-flex}.team-back:hover{color:var(--text-primary)}.team-status{background:var(--bg-panel-raised);color:var(--text-muted);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-block}.team-status-on{background:var(--accent-green-bg);color:var(--accent-green-strong)}.teams-placeholder{max-width:640px;color:var(--text-secondary);padding:18px;font-size:13px;line-height:1.6}.settings-placeholder-card{max-width:560px;box-shadow:none;color:var(--text-secondary);border-style:dashed;align-items:flex-start;gap:12px;margin-top:16px;padding:18px;font-size:13px;line-height:1.6;display:flex}.settings-placeholder-card svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.page-error-card{border-style:solid;border-color:#dc26264d}.page-error-card>svg{color:var(--accent-red)}.page-error-card p{margin:0}.page-error-card .page-error-detail{font-family:var(--font-mono);color:var(--text-muted);word-break:break-word;margin-top:6px;font-size:12px}.page-error-retry{border:1px solid var(--border);background:var(--bg-panel);height:32px;color:var(--text-primary);border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.page-error-retry:hover{background:var(--bg-hover);border-color:var(--border-strong)}.page-error-retry svg{color:currentColor;margin:0}