@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.confirm-backdrop{z-index:9999;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.confirm-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);max-width:420px;width:calc(100% - var(--space-8));gap:var(--space-4);flex-direction:column;display:flex}.confirm-icon-wrap{border-radius:var(--radius-full);background:var(--info-subtle);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.confirm-panel.confirm-danger .confirm-icon-wrap{background:var(--danger-subtle)}.confirm-icon.info{color:var(--info)}.confirm-icon.danger{color:var(--danger)}.confirm-body{gap:var(--space-2);flex-direction:column;display:flex}.confirm-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2);display:flex}.btn-ghost,.confirm-cancel{border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;padding:8px 16px}.btn-ghost:hover,.confirm-cancel:hover{background:var(--bg-elevated);color:var(--text-primary)}.confirm-ok{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:8px 18px}.confirm-ok:hover{opacity:.88}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-scale-up{animation:.16s cubic-bezier(.16,1,.3,1) scaleUp}.toast-stack{top:calc(var(--header-height,48px) + var(--space-4));right:var(--space-5);z-index:9999;gap:var(--space-3);flex-direction:column;min-width:320px;max-width:420px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastSlideIn .2s var(--ease-default) both;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-icon{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:flex}.toast-icon--success{background:var(--success-500,#22c55e)}.toast-icon--error{background:var(--danger-500,#ef4444)}.toast-icon--warning{background:var(--warning-500,#f59e0b)}.toast-icon--info{background:var(--info-500,#3b82f6)}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.toast-close{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:2px;display:flex}.toast-close:hover{color:var(--text-primary)}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-px:1px;--space-0_5:.125rem;--space-1:.25rem;--space-1_5:.375rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--rail-width:56px;--sidebar-width:260px;--panel-width:320px;--header-height:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--border-width:1px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--shadow-2xl:0 25px 50px -12px #0003;--shadow-ring:0 0 0 2px var(--accent-200);--shadow-ring-inset:inset 0 0 0 2px var(--accent-200);--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--transition-colors:color var(--duration-normal) var(--ease-default), background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--gray-950:#16191d;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-300:#6ee7b7;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--success-800:#065f46;--success-900:#064e3b;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-800:#991b1b;--danger-900:#7f1d1d;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-800:#1e40af;--info-900:#1e3a8a}[data-accent=ocean],:root{--accent-50:#ebf5ff;--accent-100:#d0e8ff;--accent-200:#a6d4fe;--accent-300:#6db8fc;--accent-400:#3a9cf8;--accent-500:#1482e0;--accent-600:#0b69bf;--accent-700:#0d559a;--accent-800:#10477e;--accent-900:#0f3460;--accent-950:#0a1f3d}[data-accent=indigo]{--accent-50:#eef2ff;--accent-100:#e0e7ff;--accent-200:#c7d2fe;--accent-300:#a5b4fc;--accent-400:#818cf8;--accent-500:#6366f1;--accent-600:#4f46e5;--accent-700:#4338ca;--accent-800:#3730a3;--accent-900:#312e81;--accent-950:#1e1b4b}[data-accent=emerald]{--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-200:#a7f3d0;--accent-300:#6ee7b7;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--accent-700:#047857;--accent-800:#065f46;--accent-900:#064e3b;--accent-950:#022c22}[data-accent=rose]{--accent-50:#fff1f2;--accent-100:#ffe4e6;--accent-200:#fecdd3;--accent-300:#fda4af;--accent-400:#fb7185;--accent-500:#f43f5e;--accent-600:#e11d48;--accent-700:#be123c;--accent-800:#9f1239;--accent-900:#881337;--accent-950:#4c0519}[data-accent=amber]{--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-200:#fde68a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--accent-700:#b45309;--accent-800:#92400e;--accent-900:#78350f;--accent-950:#451a03}[data-accent=slate]{--accent-50:#f8fafc;--accent-100:#f1f5f9;--accent-200:#e2e8f0;--accent-300:#cbd5e1;--accent-400:#94a3b8;--accent-500:#64748b;--accent-600:#475569;--accent-700:#334155;--accent-800:#1e293b;--accent-900:#0f172a;--accent-950:#020617}[data-theme=light],:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-inverse:#1a1d21;--bg-overlay:#00000080;--text-primary:#1a1d21;--text-secondary:#495057;--text-tertiary:#868e96;--text-inverse:#fff;--text-link:var(--accent-600);--border-default:#f0f0f0;--border-strong:#dee2e6;--border-subtle:#f5f5f5;--border:var(--border-default);--accent:var(--accent-500);--success:var(--success-500);--warning:var(--warning-500);--danger:var(--danger-500);--info:var(--info-500);--topbar-height:var(--header-height);--bg-surface:var(--bg-primary);--bg-elevated:var(--bg-tertiary);--text-muted:var(--text-tertiary);--font-sans:var(--font-family);--accent-hover:var(--accent-600);--accent-subtle:var(--accent-50);--danger-subtle:var(--danger-50);--info-subtle:var(--info-50);--transition-base:var(--duration-normal) var(--ease-default);--transition-fast:var(--duration-fast) var(--ease-default);--surface-hover:#0000000a;--surface-active:#0000000f;--surface-selected:var(--accent-50);--accent-surface:var(--accent-50);--accent-surface-hover:var(--accent-100);--accent-text:var(--accent-700);--accent-border:var(--accent-200);--shadow-color:#00000014;--rail-bg:var(--accent-900);--rail-text:#ffffffb3;--rail-active:#fff;--rail-hover:#ffffff1f;--sidebar-bg:#fff;--sidebar-border:var(--border-default);--sidebar-hover:var(--bg-tertiary);--sidebar-active:var(--accent-50);--sidebar-text:var(--text-secondary);--sidebar-text-active:var(--accent-700);--input-bg:#fff;--input-border:var(--border-default);--input-focus:var(--accent-500);--input-error:var(--danger-500);--input-placeholder:var(--text-tertiary);--status-open:#3b82f6;--status-inprogress:#8b5cf6;--status-waiting:#f59e0b;--status-resolved:#10b981;--status-closed:#6b7280;--priority-low:#6b7280;--priority-medium:#3b82f6;--priority-high:#f59e0b;--priority-critical:#ef4444;--msg-user-bg:var(--bg-primary);--msg-internal-bg:#fef3c7;--msg-system-bg:transparent;--msg-system-text:var(--text-tertiary);--scrollbar-track:transparent;--scrollbar-thumb:var(--gray-300);--scrollbar-thumb-hover:var(--gray-400)}[data-theme=dark]{--bg-primary:#1a1d21;--bg-secondary:#222529;--bg-tertiary:#2c2f33;--bg-inverse:#fff;--bg-overlay:#000000b3;--text-primary:#dcddde;--text-secondary:#96989d;--text-tertiary:#72767d;--text-inverse:#1a1d21;--text-link:var(--accent-400);--border-default:#232323;--border-strong:#2a2a2a;--border-subtle:#272727;--border:var(--border-default);--surface-hover:#ffffff0a;--surface-active:#ffffff14;--surface-selected:#ffffff0f;--accent-surface:rgba(var(--accent-500), .1);--accent-surface-hover:rgba(var(--accent-500), .15);--accent-text:var(--accent-400);--accent-border:var(--accent-800);--shadow-color:#0000004d;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d;--shadow-2xl:0 25px 50px -12px #0009;--rail-bg:var(--accent-950);--rail-text:#fff9;--rail-active:#fff;--rail-hover:#ffffff14;--sidebar-bg:#222529;--sidebar-border:var(--border-default);--sidebar-hover:var(--bg-tertiary);--sidebar-active:#ffffff0f;--sidebar-text:var(--text-secondary);--sidebar-text-active:var(--text-primary);--input-bg:#2c2f33;--input-border:var(--border-default);--input-focus:var(--accent-500);--input-error:var(--danger-400);--input-placeholder:var(--text-tertiary);--status-open:#60a5fa;--status-inprogress:#a78bfa;--status-waiting:#fbbf24;--status-resolved:#34d399;--status-closed:#9ca3af;--priority-low:#9ca3af;--priority-medium:#60a5fa;--priority-high:#fbbf24;--priority-critical:#f87171;--msg-user-bg:var(--bg-primary);--msg-internal-bg:#f59e0b1a;--msg-system-bg:transparent;--msg-system-text:var(--text-tertiary);--scrollbar-track:transparent;--scrollbar-thumb:var(--gray-700);--scrollbar-thumb-hover:var(--gray-600)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-3)}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}strong,b{font-weight:var(--weight-semibold)}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-tertiary);padding:var(--space-0_5) var(--space-1);border-radius:var(--radius-sm)}pre{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:0 0;padding:0}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}::selection{background-color:var(--accent-200);color:var(--accent-900)}[data-theme=dark] ::selection{background-color:var(--accent-800);color:var(--accent-100)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in{animation:fadeIn var(--transition-base) ease both}.animate-fade-up{animation:fadeUp var(--transition-base) ease both}.animate-scale-in{animation:scaleIn var(--transition-base) ease both}.animate-slide-right{animation:slideInRight var(--transition-base) ease both}.animate-spin{animation:.75s linear infinite spin}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.avatar{border-radius:var(--radius-lg);flex-shrink:0;position:relative;overflow:visible}.avatar__img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar__initials{border-radius:inherit;color:#fff;width:100%;height:100%;font-weight:var(--weight-semibold);letter-spacing:-.02em;justify-content:center;align-items:center;line-height:1;display:flex}.avatar__status{border-radius:var(--radius-full);border:2px solid var(--bg-primary);position:absolute;bottom:-1px;right:-1px}.avatar--xs .avatar__status{width:7px;height:7px}.avatar--sm .avatar__status{width:8px;height:8px}.avatar--md .avatar__status{width:10px;height:10px}.avatar--lg .avatar__status{width:12px;height:12px}.avatar--xl .avatar__status{width:14px;height:14px}.avatar__status--online{background:#10b981}.avatar__status--offline{background:var(--gray-400)}[data-theme=dark] .avatar__status{border-color:var(--bg-primary)}.notif-bell,.notif-bell__btn{position:relative}.notif-bell__badge{min-width:16px;height:16px;font-size:10px;font-weight:var(--weight-bold);text-align:center;color:#fff;background:var(--danger-500);border-radius:var(--radius-full);pointer-events:none;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px}.notif-panel{left:calc(var(--rail-width) + 4px);bottom:var(--space-4);background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);width:360px;max-height:480px;box-shadow:var(--shadow-xl);z-index:var(--z-popover);flex-direction:column;display:flex;position:fixed;overflow:hidden}.notif-panel__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.notif-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.notif-panel__mark-all{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--accent-600);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;display:flex}.notif-panel__mark-all:hover{background:var(--surface-hover)}.notif-panel__list{flex:1;overflow-y:auto}.notif-panel__loading,.notif-panel__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.notif-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:var(--border-width) solid var(--border-subtle,var(--border-default));transition:background var(--duration-fast) var(--ease-default);display:flex}.notif-item:hover{background:var(--surface-hover)}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:color-mix(in srgb, var(--accent-500) 4%, transparent)}.notif-item__dot{flex-shrink:0;width:8px;height:8px;margin-top:5px}.notif-item__dot span{border-radius:var(--radius-full);background:var(--accent-500);width:8px;height:8px;display:block}.notif-item__content{flex:1;min-width:0}.notif-item__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-tight)}.notif-item__body{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.notif-item__time{color:var(--text-tertiary);margin-top:2px;font-size:11px}.notif-item__read{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.notif-item__read:hover{color:var(--accent-600);background:var(--surface-hover)}.icon-rail{width:var(--rail-width);height:100%;color:var(--rail-text);padding:var(--space-2) 0;align-items:center;gap:var(--space-1);background:0 0;flex-direction:column;flex-shrink:0;display:flex;overflow:visible}.icon-rail__logo{width:56px;height:40px;margin-top:var(--space-3);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.icon-rail__logo-mark{border-radius:var(--radius-lg);width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-lg);color:#fff;letter-spacing:-.03em;background:#ffffff26;justify-content:center;align-items:center;display:flex}.icon-rail__nav{align-items:center;gap:var(--space-0_5);flex-direction:column;width:100%;display:flex}.icon-rail__nav--staff{margin-top:auto}.icon-rail__nav--admin{margin-top:var(--space-2)}.icon-rail__divider{width:24px;height:1px;margin:var(--space-1) 0;background:#ffffff26}.icon-rail__btn{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--rail-text);transition:var(--transition-colors), background var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;display:flex;position:relative}.icon-rail__btn:hover{background:var(--rail-hover);color:var(--rail-active)}.icon-rail__btn--active{color:var(--rail-active);background:#ffffff1a}.icon-rail__indicator{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff;width:4px;height:20px;position:absolute;left:-8px}.icon-rail__footer{padding:var(--space-2) 0;align-items:center;gap:var(--space-1);flex-direction:column;margin-top:auto;display:flex}.icon-rail__user{width:36px;height:36px}.icon-rail__btn--logout{opacity:.5;width:32px;height:32px}.icon-rail__btn--logout:hover{opacity:1;color:var(--danger-400);background:#ef444426}.icon-rail__btn[data-tooltip]{position:relative}.icon-rail__btn[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:var(--gray-900);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);pointer-events:none;opacity:0;z-index:var(--z-tooltip,700);box-shadow:var(--shadow-md);transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.icon-rail__btn[data-tooltip]:hover:after{opacity:1}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:var(--border-width) solid var(--sidebar-border);flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow-y:auto}.sidebar__header{padding:var(--space-3);flex-shrink:0;position:relative}.sidebar__switcher{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-primary);cursor:pointer;border:var(--border-width) solid var(--border-default);background:var(--bg-primary);transition:background var(--duration-fast) var(--ease-default);justify-content:space-between;align-items:center;display:flex}.sidebar__switcher:hover{background:var(--sidebar-hover)}.sidebar__switcher-arrow{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0}.sidebar__switcher-arrow.open{transform:rotate(180deg)}.sidebar__channel-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__channel-name-static{padding:var(--space-2) var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-primary)}.sidebar__switcher-dropdown{top:100%;left:var(--space-3);right:var(--space-3);background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--space-1);margin-top:var(--space-1);max-height:300px;position:absolute;overflow-y:auto}.sidebar__switcher-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);text-align:left;transition:background var(--duration-fast) var(--ease-default);background:0 0;border:none;display:flex}.sidebar__switcher-item:hover{background:var(--surface-hover)}.sidebar__switcher-item.active{background:var(--surface-selected,var(--accent-50));font-weight:var(--weight-medium)}.sidebar__switcher-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.sidebar__nav{padding:0 var(--space-2);flex:1;overflow-y:auto}.sidebar__section{margin-bottom:var(--space-3)}.sidebar__section-title{font-size:11px;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-3) var(--space-2) var(--space-1)}.sidebar__item,a.sidebar__item,a.sidebar__item:visited{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1_5) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--sidebar-text);cursor:pointer;font-family:var(--font-family);text-align:left;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;text-decoration:none;display:flex}.sidebar__item:hover,a.sidebar__item:hover{background:var(--sidebar-hover);color:var(--text-primary);text-decoration:none}.sidebar__item--active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:var(--weight-medium)}.sidebar__item-icon{opacity:.7;flex-shrink:0}.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar__section-header{padding-right:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar__section-action{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.sidebar__section-action:hover{color:var(--text-primary);background:var(--surface-hover)}.sidebar__item--dm,.sidebar__item--dm:hover,.sidebar__item--dm:visited{color:var(--sidebar-text);text-decoration:none}.sidebar__item--dm.sidebar__item--active{color:var(--sidebar-text-active)}.sidebar__item--team{gap:var(--space-2)}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content__header{height:var(--header-height);padding:0 var(--space-4);border-bottom:var(--border-width) solid var(--border-default);align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.main-content__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.main-content__body{flex:1;overflow-y:auto}.badge{align-items:center;gap:var(--space-1);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge--sm{font-size:var(--text-xs);padding:2px var(--space-1_5)}.badge--md{font-size:var(--text-xs);padding:var(--space-0_5) var(--space-2)}.badge--lg{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.badge__dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.badge--default{background:var(--bg-tertiary);color:var(--text-secondary)}.badge--default .badge__dot{background:var(--text-tertiary)}.badge--status-open{color:#1d4ed8;background:#eff6ff}.badge--status-open .badge__dot{background:#3b82f6}[data-theme=dark] .badge--status-open{color:#93c5fd;background:#3b82f626}.badge--status-inprogress{color:#6d28d9;background:#f5f3ff}.badge--status-inprogress .badge__dot{background:#8b5cf6}[data-theme=dark] .badge--status-inprogress{color:#c4b5fd;background:#8b5cf626}.badge--status-waiting{color:#b45309;background:#fffbeb}.badge--status-waiting .badge__dot{background:#f59e0b}[data-theme=dark] .badge--status-waiting{color:#fcd34d;background:#f59e0b26}.badge--status-resolved{color:#047857;background:#ecfdf5}.badge--status-resolved .badge__dot{background:#10b981}[data-theme=dark] .badge--status-resolved{color:#6ee7b7;background:#10b98126}.badge--status-closed{color:#4b5563;background:#f3f4f6}.badge--status-closed .badge__dot{background:#6b7280}[data-theme=dark] .badge--status-closed{color:#d1d5db;background:#6b728026}.badge--priority-low{color:#4b5563;background:#f3f4f6}[data-theme=dark] .badge--priority-low{color:#d1d5db;background:#6b728026}.badge--priority-medium{color:#1d4ed8;background:#eff6ff}[data-theme=dark] .badge--priority-medium{color:#93c5fd;background:#3b82f626}.badge--priority-high{color:#b45309;background:#fffbeb}[data-theme=dark] .badge--priority-high{color:#fcd34d;background:#f59e0b26}.badge--priority-critical{color:#b91c1c;background:#fef2f2}[data-theme=dark] .badge--priority-critical{color:#fca5a5;background:#ef444426}.badge--sla-green{color:#047857;background:#ecfdf5}.badge--sla-green .badge__dot{background:#10b981}[data-theme=dark] .badge--sla-green{color:#6ee7b7;background:#10b98126}.badge--sla-amber{color:#b45309;background:#fffbeb}.badge--sla-amber .badge__dot{background:#f59e0b}[data-theme=dark] .badge--sla-amber{color:#fcd34d;background:#f59e0b26}.badge--sla-red{color:#b91c1c;background:#fef2f2}.badge--sla-red .badge__dot{background:#ef4444}[data-theme=dark] .badge--sla-red{color:#fca5a5;background:#ef444426}.btn{justify-content:center;align-items:center;gap:var(--space-1_5);font-family:var(--font-family);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;border:var(--border-width) solid transparent;transition:var(--transition-colors), box-shadow var(--duration-normal) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.btn--sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--md{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--primary{background:var(--accent-600);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-700)}.btn--primary:active:not(:disabled){background:var(--accent-800)}.btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-strong)}.btn--secondary:active:not(:disabled){background:var(--surface-active)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:var(--surface-active)}.btn--danger{background:var(--danger-600);color:#fff}.btn--danger:hover:not(:disabled){background:var(--danger-700)}.btn--danger:active:not(:disabled){background:var(--danger-800)}.btn__spinner{animation:.8s linear infinite spin}.btn--loading .btn__label{opacity:.6}.profile-panel-overlay{z-index:var(--z-overlay);background:var(--bg-overlay);border-radius:var(--radius-xl);justify-content:flex-end;display:flex;position:absolute;inset:0}.profile-panel{background:var(--bg-primary);border-left:var(--border-width) solid var(--border-default);width:320px;height:100%;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow-y:auto}.profile-panel__header{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.profile-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.profile-panel__close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.profile-panel__close:hover{color:var(--text-primary);background:var(--surface-hover)}.profile-panel__body{padding:var(--space-6) var(--space-4);flex:1}.profile-panel__avatar-section{text-align:center;margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.profile-panel__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-3) 0 var(--space-1)}.profile-panel__role{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.profile-panel__details{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.profile-panel__detail{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.profile-panel__actions{gap:var(--space-2);display:flex}.app-shell{background:var(--rail-bg);height:100vh;display:flex;overflow:hidden}.app-shell__frame{min-width:0;margin:var(--space-2) var(--space-2) var(--space-2) 0;border-radius:var(--radius-xl);background:var(--bg-primary);flex:1;display:flex;position:relative;overflow:hidden}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.input-group__error{font-size:var(--text-xs);color:var(--danger-500)}.input-group__hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap__icon{left:var(--space-2_5,10px);color:var(--text-tertiary);pointer-events:none;position:absolute}.input{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-colors), box-shadow var(--duration-normal) var(--ease-default)}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:var(--input-focus);outline:none;box-shadow:0 0 0 3px #1482e026}.input-group--error .input{border-color:var(--input-error)}.input-group--error .input:focus{box-shadow:0 0 0 3px #ef444426}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input--sm{height:28px;padding:0 var(--space-2);font-size:var(--text-xs)}.input--md{height:34px;padding:0 var(--space-3);font-size:var(--text-sm)}.input--lg{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.input--with-icon{padding-left:calc(var(--space-2) + 16px + var(--space-2))}.input--textarea{min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical;line-height:var(--leading-normal)}select.input,select.input-field{appearance:none;cursor:pointer;padding-right:calc(var(--space-3) + 16px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23868E96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.input-field{background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-family);height:34px;padding:0 var(--space-3);font-size:var(--text-sm);transition:border-color var(--duration-normal) var(--ease-default), box-shadow var(--duration-normal) var(--ease-default)}.input-field::placeholder{color:var(--input-placeholder)}.input-field:focus{border-color:var(--input-focus);outline:none;box-shadow:0 0 0 3px #1482e026}.input-field:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-1);display:block}.login-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-8);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{margin-bottom:var(--space-3)}.login-logo-img{margin-bottom:var(--space-3);margin-left:auto;margin-right:auto}.login-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.login-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-50);color:var(--danger-600);font-size:var(--text-sm);border:1px solid var(--danger-200)}.login-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.login-footer-text{font-size:var(--text-xs);color:var(--text-tertiary)}.login-forgot-link{align-items:center;gap:var(--space-1);cursor:pointer;font-family:var(--font-family);font-size:var(--text-xs);color:var(--accent-600);margin-bottom:var(--space-2);background:0 0;border:none;display:inline-flex}.login-forgot-link:hover{color:var(--accent-700);text-decoration:underline}.auth-page{background:var(--bg-secondary);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--space-8);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-logo{border-radius:var(--radius-xl);background:var(--accent-50);border:1px solid var(--accent-200);width:52px;height:52px;color:var(--accent-500);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.auth-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);letter-spacing:-.02em;margin:0}.auth-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.auth-back-link{justify-content:center;align-items:center;gap:var(--space-1);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);transition:color var(--duration-fast) var(--ease-default);background:0 0;border:none;padding:0;text-decoration:none;display:flex}.auth-back-link:hover{color:var(--text-primary)}.totp-grid{gap:var(--space-2);margin:var(--space-2) 0;justify-content:center;display:flex}.totp-input{text-align:center;width:48px;height:56px;font-size:var(--text-xl);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-primary);background:var(--input-bg,var(--bg-primary));border:1px solid var(--border-strong,var(--border-default));border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);outline:none}.totp-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-500) 15%, transparent)}.totp-input.totp-filled{border-color:var(--accent-300);color:var(--accent-600)}.totp-input:disabled{opacity:.5}.dashboard-page{padding:var(--space-6);max-width:1100px}.dashboard-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.dashboard-welcome h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.dashboard-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.dashboard-cards{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.stat-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-3);transition:border-color .15s;display:flex}.stat-card:hover{border-color:var(--accent)}.stat-card__icon{border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.1}.stat-card__suffix{font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--text-tertiary)}.stat-card__label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.dashboard-section{margin-top:var(--space-8)}.dashboard-section__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.dashboard-channel-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-channel-row{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.dashboard-channel-row:hover{background:var(--bg-secondary)}.dashboard-channel-info{align-items:center;gap:var(--space-2);display:flex}.dashboard-channel-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.dashboard-channel-stats{gap:var(--space-6);display:flex}.dashboard-channel-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.dashboard-channel-stat__val{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.dashboard-channel-stat__label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px}.dashboard-recent-list{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-recent-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;display:flex}.dashboard-recent-row:hover{background:var(--bg-secondary)}.dashboard-recent-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0;width:90px}.dashboard-recent-title{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dashboard-recent-time{font-size:var(--text-xs);color:var(--text-tertiary);flex-shrink:0}.dp-wrap{display:inline-flex;position:relative}.dp-trigger{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:30px;transition:border-color var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-width:0;padding:0 8px;display:flex}.dp-trigger:hover{border-color:var(--border-strong)}.dp-sm .dp-trigger{height:30px;font-size:var(--text-xs)}.dp-icon{color:var(--text-muted);flex-shrink:0}.dp-display{color:var(--text-primary);font-family:var(--font-sans);font-size:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dp-placeholder{color:var(--text-muted)}.dp-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;margin-left:auto;padding:2px;display:flex}.dp-clear:hover{color:var(--danger)}.dp-dropdown{z-index:9999;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:252px;box-shadow:var(--shadow-lg);padding:var(--space-2);animation:.12s dp-fade-in}@keyframes dp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-header{padding:var(--space-1) 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.dp-nav{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.dp-nav:hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.dp-month-year{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);-webkit-user-select:none;user-select:none}.dp-days-header{border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:2px;padding-bottom:2px;display:grid}.dp-day-label{text-align:center;font-size:10px;font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;padding:4px 0}.dp-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.dp-day{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0 auto;display:flex}.dp-day:not(.dp-empty):hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.dp-day.dp-today{color:var(--accent);font-weight:var(--weight-semibold);border-color:var(--accent-border)}.dp-day.dp-selected{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:var(--weight-semibold)}.dp-day.dp-selected:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.dp-day.dp-empty{cursor:default}.dp-footer{padding-top:var(--space-2);border-top:1px solid var(--border);justify-content:center;margin-top:2px;display:flex}.dp-today-btn{color:var(--accent);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 12px}.dp-today-btn:hover{background:var(--accent-subtle)}.datatable-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.dt-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.dt-toolbar-left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dt-toolbar-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.dt-search-wrap{align-items:center;display:flex;position:relative}.dt-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.dt-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:240px;height:30px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 28px 0 30px}.dt-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.dt-search::placeholder{color:var(--text-muted)}.dt-search-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px;display:flex;position:absolute;right:8px}.dt-search-clear:hover{color:var(--text-primary)}.dt-clear-filters{background:var(--danger-subtle);border:1px solid var(--danger);border-radius:var(--radius-full);height:28px;color:var(--danger);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:0 10px;display:flex}.dt-clear-filters:hover{background:var(--danger);color:#fff}.dt-filter-count{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:flex}.dt-sb-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);height:30px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;display:flex}.dt-sb-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}.dt-sb-toggle.active,.dt-sb-toggle.has-conditions{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.dt-sb-badge{background:var(--accent);color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;font-size:10px;font-weight:var(--weight-bold);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.dt-sb-panel{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.dt-sb-rows{flex-direction:column;gap:6px;display:flex}.dt-sb-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dt-sb-cell{flex-shrink:0}.dt-sb-logic{width:72px}.dt-sb-logic-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 8px;line-height:30px;display:inline-block}.dt-sb-col{flex:1;min-width:160px;max-width:220px}.dt-sb-op{flex:1;min-width:150px;max-width:200px}.dt-sb-val{flex:2;min-width:140px;max-width:320px}.dt-sb-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:30px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:0 28px 0 10px}.dt-sb-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.dt-sb-select:disabled{opacity:.5;cursor:not-allowed}.dt-sb-logic-select{font-weight:var(--weight-semibold);text-align:center}.dt-sb-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:30px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-xs);transition:border-color var(--transition-fast);outline:none;padding:0 10px}.dt-sb-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.dt-sb-input::placeholder{color:var(--text-muted)}.dt-sb-value-group{align-items:center;gap:6px;width:100%;display:flex}.dt-sb-value-group .dt-sb-input{flex:1;min-width:0}.dt-sb-between-sep{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.dt-sb-delete{border:1px solid var(--border);border-radius:var(--radius-md);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dt-sb-delete:hover{background:var(--danger-subtle);border-color:var(--danger);color:var(--danger)}.dt-sb-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);display:flex}.dt-sb-add{color:var(--accent);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;display:flex}.dt-sb-add:hover{background:var(--accent-subtle)}.dt-sb-clear{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;margin-left:auto;padding:4px 8px}.dt-sb-clear:hover{color:var(--danger);background:var(--danger-subtle)}.dt-scroll{flex:1;overflow-x:auto}.dt-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.dt-th{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.dt-th-inner{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex}.dt-th.sortable{cursor:pointer}.dt-th.sortable:hover .dt-th-inner{color:var(--text-primary)}.sort-icon{flex-shrink:0}.sort-inactive{color:var(--text-muted);opacity:.4}.sort-active{color:var(--accent)}.dt-check-col{text-align:center;width:40px}.dt-td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.dt-row:last-child .dt-td{border-bottom:none}.dt-row:hover .dt-td{background:var(--bg-elevated)}.dt-row-selected .dt-td{background:var(--accent-subtle)}.dt-row-selected:hover .dt-td{background:var(--accent-subtle);filter:brightness(.95)}.dt-row-clickable{cursor:pointer}.align-center{text-align:center}.align-right{text-align:right}.dt-td.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.dt-null{color:var(--text-muted)}.dt-state-cell{text-align:center}.dt-loading,.dt-empty{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-8);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.dt-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;display:block}.dt-checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;appearance:none;background:var(--input-bg);border:1.5px solid var(--border-strong);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);vertical-align:middle;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.dt-checkbox:hover{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.dt-checkbox:checked{background:var(--accent);border-color:var(--accent)}.dt-checkbox:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:7px;margin-top:-1px;display:block;transform:rotate(45deg)}.dt-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.dt-count{font-size:var(--text-xs);color:var(--text-muted)}.dt-pagination{align-items:center;gap:var(--space-3);display:flex}.dt-page-size{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);height:28px;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;outline:none;padding:0 8px}.dt-page-info{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.dt-page-btns{gap:2px;display:flex}.dt-page-btn{border:1px solid var(--border);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.dt-page-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.dt-page-btn:disabled{opacity:.35;cursor:not-allowed}.tabs{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-default);gap:2px;width:fit-content;padding:4px;display:flex}.tabs--sm{border-radius:var(--radius-md);padding:3px}.tab{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:7px 20px;display:flex}.tabs--sm .tab{font-size:var(--text-xs);border-radius:var(--radius-sm);gap:5px;padding:5px 14px}.tab:hover{color:var(--text-primary)}.tab--active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab__count{min-width:18px;height:18px;font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);background:var(--surface-hover);color:var(--text-tertiary);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex}.tabs--sm .tab__count{min-width:16px;height:16px;padding:0 4px;font-size:10px}.tab__count--active{background:var(--accent-100);color:var(--accent-700)}[data-theme=dark] .tab__count--active{color:var(--accent-400);background:#ffffff1a}.modal-overlay{z-index:1000;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:740px}.modal-xl{max-width:960px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.modal-close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;display:flex}.modal-close:hover{color:var(--text-primary);background:var(--bg-elevated)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex}.rte-wrap{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-primary);flex-direction:column;display:flex;overflow:hidden}.rte-wrap:focus-within{border-color:var(--accent-500);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-500) 15%, transparent)}.rte-error{border-color:var(--danger-500)}.rte-error:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--danger-500) 15%, transparent)}.rte-fullscreen{z-index:var(--z-modal);border:none;border-radius:0;position:fixed;inset:0}.rte-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-1);display:block}.rte-toolbar{padding:var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--border-default);background:var(--bg-secondary);flex-wrap:wrap;align-items:center;gap:1px;min-height:36px;display:flex}.rte-toolbar-spacer{flex:1}.rte-divider{background:var(--border-default);width:1px;height:18px;margin:0 var(--space-1);flex-shrink:0}.rte-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rte-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.rte-btn--active{background:var(--accent-50,color-mix(in srgb, var(--accent-500) 10%, transparent));color:var(--accent-600)}.rte-btn:disabled{opacity:.3;cursor:default}.rte-link-popover{margin-top:var(--space-1);align-items:center;gap:var(--space-1);background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-lg);z-index:var(--z-popover);min-width:320px;display:flex;position:absolute;top:100%;left:0}.rte-link-input{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-family:var(--font-family);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;flex:1}.rte-link-input:focus{border-color:var(--accent-500)}.rte-link-apply{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--accent-500);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none}.rte-link-apply:hover{background:var(--accent-600)}.rte-link-cancel{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.rte-link-cancel:hover{color:var(--text-primary);background:var(--surface-hover)}.rte-content{min-height:120px;max-height:500px;padding:var(--space-3) var(--space-4);flex:1;overflow-y:auto}.rte-fullscreen .rte-content{max-height:none}.rte-content .tiptap{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);outline:none;min-height:100px}.rte-content .tiptap>:first-child{margin-top:0}.rte-content .tiptap>:last-child{margin-bottom:0}.rte-content .tiptap p{margin:0 0 var(--space-2)}.rte-content .tiptap h1,.rte-content .tiptap h2,.rte-content .tiptap h3{font-weight:var(--weight-semibold);margin:var(--space-4) 0 var(--space-2);line-height:var(--leading-tight)}.rte-content .tiptap h1{font-size:var(--text-xl)}.rte-content .tiptap h2{font-size:var(--text-lg)}.rte-content .tiptap h3{font-size:var(--text-md)}.rte-content .tiptap ul,.rte-content .tiptap ol{padding-left:var(--space-6);margin:0 0 var(--space-2)}.rte-content .tiptap li{margin-bottom:var(--space-1)}.rte-content .tiptap blockquote{border-left:3px solid var(--accent-300);padding-left:var(--space-4);margin:var(--space-2) 0;color:var(--text-secondary);font-style:italic}.rte-content .tiptap code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--danger-600);padding:1px 4px;font-size:.9em}.rte-content .tiptap pre{background:var(--gray-900);color:var(--gray-100);padding:var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.rte-content .tiptap pre code{color:inherit;background:0 0;padding:0}.rte-content .tiptap hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-4) 0}.rte-content .tiptap .rte-image{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-2) 0}.rte-content .tiptap .rte-link{color:var(--accent-600);text-decoration:underline}.rte-content .tiptap .rte-link:hover{color:var(--accent-700)}.rte-content .tiptap mark{background:var(--warning-200);border-radius:2px;padding:1px 2px}.rte-content .tiptap table{border-collapse:collapse;width:100%;margin:var(--space-2) 0}.rte-content .tiptap th,.rte-content .tiptap td{border:1px solid var(--border-default);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-align:left}.rte-content .tiptap th{background:var(--bg-secondary);font-weight:var(--weight-semibold)}.rte-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0}.rte-error-text{padding:var(--space-1) var(--space-3) var(--space-2);font-size:var(--text-xs);color:var(--danger-500);display:block}.ticket-create-form{gap:var(--space-4);flex-direction:column;display:flex}.ticket-create-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.ticket-create-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;width:100%;padding-right:30px}.ticket-create-kb{background:var(--bg-secondary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.ticket-create-kb__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.ticket-create-kb__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ticket-create-kb__item a{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.ticket-create-kb__item a:hover{text-decoration:underline}.ticket-list-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.ticket-list-page__header{margin-bottom:var(--space-4)}.ticket-list-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.msg-list{flex-direction:column;display:flex}.msg-list__date-sep{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;margin:var(--space-2) 0;display:flex}.msg-list__date-sep:before,.msg-list__date-sep:after{content:"";background:var(--border-default);flex:1;height:1px}.msg-list__date-sep span{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);white-space:nowrap;padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-primary)}.msg-list__system{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.msg-list__system-time{color:var(--text-tertiary);opacity:.7;font-size:11px}.msg-list__item{gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);transition:background .1s;display:flex}.msg-list__item:hover{background:var(--surface-hover)}.msg-list__item--internal{border-left:3px solid var(--warning-400,#fbbf24);padding-left:var(--space-3);background:color-mix(in srgb, var(--warning-400) 5%, transparent)}.msg-list__item--internal:hover{background:color-mix(in srgb, var(--warning-400) 10%, transparent)}.msg-list__item--collapsed{padding-top:0}.msg-list__avatar{cursor:pointer;flex-shrink:0;margin-top:2px}.msg-list__avatar-spacer{flex-shrink:0;width:24px}.msg-list__content{flex:1;min-width:0}.msg-list__header{align-items:baseline;gap:var(--space-2);margin-bottom:2px;display:flex}.msg-list__author{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.msg-list__time{color:var(--text-tertiary);font-size:11px}.msg-list__internal-tag{font-size:10px;font-weight:var(--weight-semibold);color:var(--warning-600,#d97706);background:var(--warning-100,#fef3c7);padding:0 var(--space-1);border-radius:var(--radius-sm);line-height:1.6}.msg-list__body{font-size:var(--text-sm);color:var(--text-primary);word-break:break-word;line-height:1.5}.msg-list__body p{margin:0 0 var(--space-1)}.msg-list__body p:last-child{margin-bottom:0}.msg-list__body h1,.msg-list__body h2,.msg-list__body h3{margin:var(--space-2) 0 var(--space-1);font-weight:var(--weight-semibold);color:inherit;background:0 0;border:none;padding:0}.msg-list__body h1{font-size:var(--text-lg)}.msg-list__body h2{font-size:var(--text-md)}.msg-list__body h3{font-size:var(--text-base)}.msg-list__body ul,.msg-list__body ol{padding-left:var(--space-5);margin:var(--space-1) 0;list-style:revert}.msg-list__body li{margin-bottom:2px}.msg-list__body blockquote{border-left:3px solid var(--accent-300);padding-left:var(--space-3);margin:var(--space-2) 0;color:var(--text-secondary);font-style:italic}.msg-list__body code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--danger-600,#dc2626);padding:1px 5px;font-size:.85em}.msg-list__body pre{background:var(--gray-900);color:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--text-xs);overflow-x:auto}.msg-list__body pre code{color:inherit;background:0 0;padding:0}.msg-list__body a{color:var(--text-link);text-decoration:none}.msg-list__body a:hover{text-decoration:underline}.msg-list__body img{border-radius:var(--radius-md);max-width:400px;height:auto;margin:var(--space-2) 0}.ticket-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.ticket-detail-loading{justify-content:center;align-items:center;gap:var(--space-3);height:100%;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.ticket-detail__header{padding:var(--space-3) var(--space-5);border-bottom:var(--border-width) solid var(--border-default);background:var(--bg-primary);flex-shrink:0}.ticket-detail__back{align-items:center;gap:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;margin-bottom:var(--space-2);background:0 0;border:none;padding:0;display:inline-flex}.ticket-detail__back:hover{color:var(--accent)}.ticket-detail__title-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.ticket-detail__number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px}.ticket-detail__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.ticket-detail__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ticket-detail__channel{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px}.ticket-detail__panel-toggle{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;background:0 0;align-items:center;margin-left:auto;padding:4px;display:flex}.ticket-detail__panel-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.ticket-detail__body{flex:1;display:flex;overflow:hidden}.ticket-detail__conversation{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ticket-detail__messages{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ticket-detail__msg-loading,.ticket-detail__empty{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-8) 0;display:flex}.msg{max-width:75%}.msg--own{align-self:flex-end}.msg--other{align-self:flex-start}.msg--system{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:2px;display:flex}.msg__system-text{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px 12px}.msg__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.msg__sender{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.msg__internal-badge{color:var(--color-amber-600);background:var(--color-amber-50,#fffbeb);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-semibold);align-items:center;gap:2px;padding:1px 6px;display:inline-flex}.msg__time{color:var(--text-tertiary);margin-left:auto;font-size:10px}.msg__body{font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-md);word-break:break-word;line-height:1.5}.msg__body p{margin:0 0 var(--space-2)}.msg__body p:last-child{margin-bottom:0}.msg--own .msg__body{background:var(--accent);color:#fff}.msg--internal .msg__body{background:var(--color-amber-50,#fffbeb);border:1px solid var(--color-amber-200,#fde68a);color:var(--text-primary)}.msg--own.msg--internal .msg__body{background:var(--color-amber-50,#fffbeb);color:var(--text-primary)}.msg__body h1,.msg__body h2,.msg__body h3,.msg__body h4,.msg__body h5,.msg__body h6{margin:var(--space-2) 0 var(--space-1);line-height:var(--leading-tight);font-weight:var(--weight-semibold);color:inherit;background:0 0;border:none;padding:0}.msg__body h1{font-size:var(--text-lg)}.msg__body h2{font-size:var(--text-md)}.msg__body h3{font-size:var(--text-base)}.msg__body ul,.msg__body ol{padding-left:var(--space-5);margin:var(--space-1) 0 var(--space-2);list-style:revert}.msg__body li{margin-bottom:var(--space-1)}.msg__body blockquote{border-left:3px solid var(--accent-300);padding-left:var(--space-3);margin:var(--space-2) 0;color:var(--text-secondary);font-style:italic}.msg__body code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:1px 4px;font-size:.9em}.msg__body pre{background:var(--gray-900);color:var(--gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;font-family:var(--font-mono);font-size:var(--text-xs);overflow-x:auto}.msg__body pre code{color:inherit;background:0 0;padding:0}.msg__body a{color:var(--text-link);text-decoration:underline}.msg__body img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-2) 0}.msg--own .msg__body h1,.msg--own .msg__body h2,.msg--own .msg__body h3{color:#fff}.msg--own .msg__body code{color:#fff;background:#ffffff26}.msg--own .msg__body blockquote{color:#ffffffd9;border-left-color:#fff6}.msg--own .msg__body a{color:#fff}.ticket-detail__composer{border-top:var(--border-width) solid var(--border-default);background:var(--bg-primary);flex-shrink:0}.ticket-detail__composer-tabs{border-bottom:var(--border-width) solid var(--border-default);gap:0;display:flex}.composer-tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:flex}.composer-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.composer-tab--internal.composer-tab--active{color:var(--color-amber-600,#d97706);border-bottom-color:var(--color-amber-600,#d97706)}.ticket-detail__composer-body{padding:var(--space-3) var(--space-4)}.ticket-detail__composer-body--internal{background:var(--color-amber-50,#fffbeb)}.ticket-detail__composer-actions{margin-top:var(--space-2);justify-content:flex-end;display:flex}.ticket-detail__context{border-left:var(--border-width) solid var(--border-default);background:var(--bg-primary);width:300px;padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.context-section{gap:var(--space-2);flex-direction:column;display:flex}.context-section__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-1);border-bottom:var(--border-width) solid var(--border-subtle);margin:0}.context-field{padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.context-field__label{font-size:var(--text-xs);color:var(--text-tertiary)}.context-field__value{font-size:var(--text-sm);color:var(--text-primary)}.context-field__value.mono{font-family:var(--font-mono)}.context-actions{gap:var(--space-2);flex-direction:column;display:flex}.context-status-dropdown{position:relative}.context-status-menu{z-index:10;background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-1);margin-top:var(--space-1);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0;right:0}.context-status-option{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.context-status-option:hover{background:var(--bg-secondary)}.context-status-option--active{background:var(--bg-tertiary)}.context-sla{gap:var(--space-2);flex-direction:column;display:flex}.context-sla__item{justify-content:space-between;align-items:center;display:flex}.context-sla__label{font-size:var(--text-xs);color:var(--text-tertiary)}.context-sla__value{font-size:var(--text-sm);color:var(--text-primary)}.context-participants{gap:var(--space-2);flex-direction:column;display:flex}.context-participant{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.channel-list-page{padding:var(--space-4) var(--space-6)}.channel-list-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.channel-list-page__header{margin-bottom:var(--space-5)}.channel-list-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.channel-list-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.channel-list-empty{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-8) 0;display:flex}.channel-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.channel-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:border-color .15s,box-shadow .15s}.channel-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.channel-card__header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.channel-card__icon{border-radius:var(--radius-md);background:var(--bg-secondary);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-card__title-wrap{gap:var(--space-1);flex-direction:column;display:flex}.channel-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.channel-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.channel-card__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);display:flex}.channel-card__stat{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.channel-card__arrow{color:var(--text-tertiary);margin-left:auto}.channel-chat{flex-direction:column;height:100%;display:flex}.channel-chat__header{padding:var(--space-4) var(--space-6);border-bottom:var(--border-width) solid var(--border-default);flex-shrink:0}.channel-chat__header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.channel-chat__desc{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-1) 0 0}.channel-chat__messages{padding:0 var(--space-6);flex:1;overflow-y:auto}.channel-chat__loading,.channel-chat__empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-8) 0}.channel-chat__composer{gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:var(--border-width) solid var(--border-default);background:var(--bg-primary);flex-direction:column;flex-shrink:0;display:flex}.channel-chat__editor{width:100%}.channel-chat__editor .rte-content{min-height:42px;max-height:160px}.channel-chat__editor .rte-content .tiptap{min-height:30px;font-size:var(--text-sm)}.channel-chat__send-row{justify-content:flex-end;display:flex}.settings-page{padding:var(--space-4) var(--space-6);max-width:900px}.settings-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.settings-page__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.settings-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.settings-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.settings-sections{gap:var(--space-6);flex-direction:column;display:flex}.settings-section__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-default)}.settings-section__list{gap:var(--space-1);flex-direction:column;display:flex}.settings-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);justify-content:space-between;align-items:center;transition:background-color .15s;display:flex}.settings-row:hover,.settings-row--changed{background:var(--bg-secondary)}.settings-row__info{min-width:0;margin-right:var(--space-4);flex:1}.settings-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);align-items:center;gap:var(--space-2);display:flex}.settings-row__changed-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.settings-row__desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.settings-row__input{flex-shrink:0}.settings-input{height:32px;padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);width:220px}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.settings-select{height:32px;padding:0 var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;width:220px}.settings-textarea{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);resize:vertical;width:220px;font-family:inherit}.settings-color{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:40px;height:32px;padding:2px}.settings-toggle{cursor:pointer;border:none;border-radius:11px;width:40px;height:22px;padding:0;transition:background-color .2s;position:relative}.settings-toggle.off{background:var(--bg-tertiary)}.settings-toggle.on{background:var(--accent)}.settings-toggle__thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:2px}.settings-toggle.off .settings-toggle__thumb{left:2px}.settings-toggle.on .settings-toggle__thumb{left:20px}.users-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.users-page__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.users-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.users-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.text-muted{color:var(--text-secondary);font-size:var(--text-sm)}.fc-hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.fc-disabled{opacity:.48;cursor:not-allowed}.fc-label-text{-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;display:flex}.fc-label-main{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);line-height:1.3}.fc-label-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.fc-checkbox-wrap{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:inline-flex;position:relative}.fc-checkbox{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--input-bg);width:18px;height:18px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex;position:relative}.fc-checkbox-wrap:hover .fc-checkbox:not(.disabled){border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.fc-checkbox.checked{background:var(--accent);border-color:var(--accent)}.fc-check-icon{color:#fff;pointer-events:none;width:12px;height:12px}.fc-radio{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);background:var(--input-bg);width:18px;height:18px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex;position:relative}.fc-checkbox-wrap:hover .fc-radio:not(.disabled){border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.fc-radio.checked{border-color:var(--accent)}.fc-radio-dot{border-radius:var(--radius-full);background:var(--accent);pointer-events:none;width:8px;height:8px}.fc-toggle-wrap{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.fc-toggle{border-radius:var(--radius-full);background:var(--border-strong);width:36px;height:20px;transition:background var(--transition-base);flex-shrink:0;position:relative}.fc-toggle.on{background:var(--accent)}.fc-toggle-thumb{border-radius:var(--radius-full);width:14px;height:14px;transition:transform var(--transition-base);background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.fc-toggle.on .fc-toggle-thumb{transform:translate(16px)}.fc-toggle-wrap:hover .fc-toggle:not(.disabled){box-shadow:0 0 0 3px var(--accent-subtle)}.profile-page{padding:var(--space-4) var(--space-6);max-width:700px}.profile-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.profile-avatar-section{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-default);display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar-upload{border-radius:var(--radius-full);background:var(--accent-500);color:#fff;cursor:pointer;border:2px solid var(--bg-primary);justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-avatar-upload:hover{background:var(--accent-600)}.profile-avatar-info{flex-direction:column;gap:2px;display:flex}.profile-avatar-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.profile-avatar-email{font-size:var(--text-xs);color:var(--text-tertiary)}.profile-avatar-remove{font-size:var(--text-xs);color:var(--danger-500);cursor:pointer;margin-top:var(--space-1);text-align:left;background:0 0;border:none;padding:0}.profile-avatar-remove:hover{text-decoration:underline}.profile-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-4)}.profile-content{margin-top:var(--space-5)}.profile-section__title{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4);display:flex}.profile-form{gap:var(--space-4);flex-direction:column;display:flex}.profile-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.profile-form__actions{padding-top:var(--space-2);justify-content:flex-end;display:flex}.profile-theme-toggle{gap:var(--space-4);display:flex}.profile-theme-option{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.profile-theme-preview{border-radius:var(--radius-lg);border:2px solid var(--border-default);justify-content:center;align-items:center;width:80px;height:56px;transition:border-color .15s;display:flex}.profile-theme-preview--light{color:#666;background:#fff}.profile-theme-preview--dark{color:#ccc;background:#1a1a2e}.profile-theme-preview.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.profile-accent-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.profile-accent-swatch{align-items:center;gap:var(--space-1);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;min-width:70px;transition:border-color .15s;display:flex}.profile-accent-swatch:before{content:"";background:var(--swatch-color);border-radius:50%;width:32px;height:32px}.profile-accent-swatch.active{border-color:var(--accent);background:var(--bg-secondary)}.profile-accent-swatch svg{color:#fff;position:absolute}.profile-accent-label{font-size:var(--text-xs);color:var(--text-secondary)}.profile-notif-list{gap:var(--space-4);flex-direction:column;display:flex}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.passkey-list{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.passkey-item{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.passkey-item:last-child{border-bottom:none}.passkey-item__info{flex:1;min-width:0}.passkey-item__name{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:flex}.passkey-item__meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.passkey-item__actions{gap:var(--space-1);flex-shrink:0;display:flex}.passkey-action-btn{border-radius:var(--radius-md);border:var(--border-width) solid var(--border-default);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);background:0 0;justify-content:center;align-items:center;display:flex}.passkey-action-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.passkey-action-btn--delete:hover{color:var(--danger-500);border-color:var(--danger-300);background:color-mix(in srgb, var(--danger-500) 8%, transparent)}.profile-tfa-status{margin-bottom:var(--space-4)}.audit-page{padding:var(--space-6)}.audit-page__header{margin-bottom:var(--space-4)}.audit-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.audit-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.cm-page{padding:var(--space-6);max-width:900px}.cm-page__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.cm-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.cm-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.cm-loading{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.cm-list{gap:var(--space-3);flex-direction:column;display:flex}.cm-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.cm-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.cm-card__name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.cm-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2)}.cm-card__meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);display:flex}.cm-card__meta span{align-items:center;gap:var(--space-1);display:flex}.cm-card__actions{gap:var(--space-2);display:flex}.cm-members{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.cm-member{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);display:flex}.cm-member__info{flex:1;min-width:0;overflow:hidden}.cm-member__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cm-member__email{font-size:var(--text-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cm-member>select.input-field,.cm-member>.input-field{width:auto;min-width:130px;max-width:160px;height:28px;font-size:var(--text-xs);flex-shrink:0}.cm-member__remove{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cm-member__remove:hover{color:var(--danger-500);background:color-mix(in srgb, var(--danger-500) 8%, transparent)}.cm-add-member{gap:var(--space-2);align-items:flex-end;display:flex}.cm-add-member>select.input-field,.cm-add-member>.input-field{flex:1;width:auto;height:28px}.sla-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.sla-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.sla-page__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.sla-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.sla-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.sla-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) 0;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.sla-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.sla-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;transition:border-color .15s;display:flex}.sla-card:hover{border-color:var(--border-strong)}.sla-card__header{justify-content:space-between;align-items:center;display:flex}.sla-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.sla-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.sla-card__times{gap:var(--space-4);flex-wrap:wrap;display:flex}.sla-card__time{flex-direction:column;gap:2px;display:flex}.sla-card__time-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.sla-card__time-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);font-family:var(--font-mono)}.sla-card__overrides{border-top:var(--border-width) solid var(--border-default);padding-top:var(--space-3)}.sla-card__overrides-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.sla-card__table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.sla-card__table th{text-align:left;font-weight:var(--weight-medium);color:var(--text-tertiary);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--border-default)}.sla-card__table td{padding:var(--space-1) var(--space-2);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.cat-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.cat-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.cat-page__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.cat-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.cat-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.cat-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) 0;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.cat-tree{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.cat-node__row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border-subtle);transition:background .15s;display:flex}.cat-node__row:hover{background:var(--bg-secondary)}.cat-node__toggle{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cat-node__toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cat-node__toggle-spacer{flex-shrink:0;width:20px}.cat-node__icon{color:var(--text-tertiary);flex-shrink:0}.cat-node__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.cat-node__service{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px var(--space-2);border-radius:var(--radius-full);margin-left:auto}.rules-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.rules-page__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.rules-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.rules-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.rules-json-input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);resize:vertical;line-height:1.5}.rules-json-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.rules-json-input::placeholder{color:var(--text-tertiary)}.pb-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.pb-loading{justify-content:center;align-items:center;gap:var(--space-3);height:200px;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.pb-page__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;display:flex}.pb-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.pb-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.pb-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-10) 0;color:var(--text-tertiary);font-size:var(--text-sm);flex-direction:column;display:flex}.pb-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.pb-card{background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;transition:border-color .15s;display:flex}.pb-card:hover{border-color:var(--border-strong)}.pb-card__header{justify-content:space-between;align-items:center;display:flex}.pb-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.pb-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.pb-card__meta{gap:var(--space-4);border-top:var(--border-width) solid var(--border-default);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.pb-card__meta-item{flex-direction:column;gap:2px;display:flex}.pb-card__meta-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.pb-card__meta-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.email-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.email-page__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.email-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.email-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.email-json-input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-mono);resize:vertical;line-height:1.5}.email-json-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.email-json-input::placeholder{color:var(--text-tertiary)}.ch-members-page{padding:var(--space-4) var(--space-6);flex-direction:column;height:100%;display:flex}.ch-members-page__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.ch-members-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.ch-members-page__subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.ch-members-page__loading,.ch-members-page__empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-8) 0}.ch-members-list{gap:var(--space-2);flex-direction:column;display:flex}.ch-member-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background .15s,border-color .15s;display:flex}.ch-member-card:hover{background:var(--bg-secondary);border-color:var(--border-strong)}.ch-member-card__info{flex:1;min-width:0}.ch-member-card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:2px}.ch-member-card__meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.ch-member-card__meta span{align-items:center;gap:var(--space-1);display:flex}.ch-member-card__badges{flex-shrink:0}.ch-member-card__remove{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.ch-member-card__remove:hover{color:var(--danger-500);background:color-mix(in srgb, var(--danger-500) 8%, transparent)}.dm-page{height:100%;display:flex}.dm-sidebar{border-right:var(--border-width) solid var(--border-default);flex-direction:column;flex-shrink:0;width:280px;display:flex}.dm-sidebar__header{padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-default)}.dm-sidebar__header h2{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.dm-sidebar__list{flex:1;overflow-y:auto}.dm-sidebar__loading,.dm-sidebar__empty{padding:var(--space-6);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.dm-thread{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:var(--border-width) solid var(--border-subtle,var(--border-default));transition:background var(--duration-fast) var(--ease-default);display:flex}.dm-thread:hover{background:var(--surface-hover)}.dm-thread--active{background:var(--surface-selected,var(--accent-50))}.dm-thread__info{flex:1;min-width:0}.dm-thread__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:block}.dm-thread__preview{font-size:var(--text-xs);color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dm-thread__time{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.dm-content{flex-direction:column;flex:1;display:flex}.dm-content__empty{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-tertiary);flex-direction:column;flex:1;display:flex}.dm-messages{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dm-msg{align-items:flex-end;gap:var(--space-1);max-width:70%;display:flex}.dm-msg--own{flex-direction:row-reverse;align-self:flex-end}.dm-msg__bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--bg-tertiary);font-size:var(--text-sm);color:var(--text-primary)}.dm-msg__bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.dm-msg--own .dm-msg__bubble{background:var(--accent-500);color:#fff}.dm-msg__time{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.dm-composer{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border-default);display:flex}.dm-composer__input{padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-lg);outline:none;flex:1}.dm-composer__input:focus{border-color:var(--accent-500)}.dm-composer__input::placeholder{color:var(--text-tertiary)}