:root{color-scheme:light;--primary: #362ad7;--primary-dark: #06c;--primary-light: #EDE9FE;--on-primary: #FFFFFF;--secondary: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--bg: #F3F4F6;--surface: #FFFFFF;--surface-2: #F9FAFB;--border: #E5E7EB;--text: #1F2937;--text-muted: #6B7280;--text-light: #9CA3AF;--sidebar-bg: #362ad7;--sidebar-text: #C7D2FE;--sidebar-hover: #312E81;--sidebar-active: #06c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-tile: 0 2px 8px rgba(0, 0, 0, .08);--shadow-tile-hover: 0 8px 20px rgba(54, 42, 215, .2);--theme-color: #362ad7;--accent-violet-bg: #EDE9FE;--accent-violet-fg: #7C3AED;--accent-blue-bg: #DBEAFE;--accent-blue-fg: #3B82F6;--accent-green-bg: #D1FAE5;--accent-green-fg: #10B981;--accent-orange-bg: #FEF3C7;--accent-orange-fg: #F59E0B;--accent-red-bg: #FEE2E2;--accent-red-fg: #EF4444;--accent-pink-bg: #FCE7F3;--accent-pink-fg: #EC4899;--accent-teal-bg: #CCFBF1;--accent-teal-fg: #14B8A6;--accent-indigo-bg: #E0E7FF;--accent-indigo-fg: #6366F1;--success-bg: #D1FAE5;--success-fg: #065F46;--success-border: #A7F3D0;--danger-bg: #FEE2E2;--danger-fg: #991B1B;--danger-border: #FECACA;--warning-bg: #FEF3C7;--warning-fg: #92400E;--warning-border: #FDE68A;--info-bg: #DBEAFE;--info-fg: #1E40AF;--info-border: #BFDBFE;--overlay: rgba(0, 0, 0, .5);--select-arrow: 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='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark]{--primary: #7C3AED;--primary-dark: #6D28D9;--primary-light: #2A2145;--on-primary: #FFFFFF;--secondary: #34D399;--danger: #F87171;--warning: #FBBF24;--info: #60A5FA;--bg: #0F172A;--surface: #1E293B;--surface-2: #263348;--border: #334155;--text: #F1F5F9;--text-muted: #94A3B8;--text-light: #64748B;--sidebar-bg: #0F172A;--sidebar-text: #C7D2FE;--sidebar-hover: #1E293B;--sidebar-active: #7C3AED;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .55);--shadow-tile: 0 2px 8px rgba(0, 0, 0, .4);--shadow-tile-hover: 0 8px 20px rgba(124, 58, 237, .35);--theme-color: #0F172A}[data-theme=ocean]{--primary: #0369A1;--primary-dark: #075985;--primary-light: #E0F2FE;--on-primary: #FFFFFF;--secondary: #0D9488;--danger: #DC2626;--warning: #D97706;--info: #0284C7;--bg: #EDF4FA;--surface: #FFFFFF;--surface-2: #F5F9FD;--border: #D3E2F0;--text: #0C2740;--text-muted: #4A6B87;--text-light: #86A2BA;--sidebar-bg: #0C4A6E;--sidebar-text: #BAE6FD;--sidebar-hover: #075985;--sidebar-active: #0EA5E9;--shadow-sm: 0 1px 3px rgba(12, 39, 64, .1);--shadow-md: 0 4px 12px rgba(12, 39, 64, .12);--shadow-lg: 0 8px 24px rgba(12, 39, 64, .15);--shadow-tile: 0 2px 8px rgba(12, 39, 64, .1);--shadow-tile-hover: 0 8px 20px rgba(3, 105, 161, .25);--theme-color: #0C4A6E}[data-theme=nord]{--primary: #88C0D0;--primary-dark: #5E81AC;--primary-light: #3B4A57;--on-primary: #2E3440;--secondary: #A3BE8C;--danger: #BF616A;--warning: #EBCB8B;--info: #81A1C1;--bg: #2E3440;--surface: #3B4252;--surface-2: #434C5E;--border: #4C566A;--text: #ECEFF4;--text-muted: #C3CBD8;--text-light: #9AA5B5;--sidebar-bg: #272C36;--sidebar-text: #D8DEE9;--sidebar-hover: #3B4252;--sidebar-active: #88C0D0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-tile: 0 2px 8px rgba(0, 0, 0, .35);--shadow-tile-hover: 0 8px 20px rgba(136, 192, 208, .28);--theme-color: #2E3440}[data-theme=forest]{--primary: #34D399;--primary-dark: #059669;--primary-light: #163328;--on-primary: #05261A;--secondary: #A3E635;--danger: #F87171;--warning: #FBBF24;--info: #5EEAD4;--bg: #0D1A14;--surface: #15271E;--surface-2: #1D3529;--border: #2A4A37;--text: #E6F5EC;--text-muted: #9BC0AB;--text-light: #6E9481;--sidebar-bg: #091310;--sidebar-text: #A7F3D0;--sidebar-hover: #15271E;--sidebar-active: #34D399;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-tile: 0 2px 8px rgba(0, 0, 0, .45);--shadow-tile-hover: 0 8px 20px rgba(52, 211, 153, .3);--theme-color: #0D1A14}[data-theme=sunset]{--primary: #FB7185;--primary-dark: #E11D48;--primary-light: #3A2229;--on-primary: #2A0A12;--secondary: #FBBF24;--danger: #EF4444;--warning: #F59E0B;--info: #F0ABFC;--bg: #191316;--surface: #241A1F;--surface-2: #31242A;--border: #44323A;--text: #FCF1F3;--text-muted: #C8A3AE;--text-light: #9C7B87;--sidebar-bg: #140F11;--sidebar-text: #FECDD3;--sidebar-hover: #241A1F;--sidebar-active: #FB7185;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-tile: 0 2px 8px rgba(0, 0, 0, .45);--shadow-tile-hover: 0 8px 20px rgba(251, 113, 133, .3);--theme-color: #191316}[data-theme=midnight]{--primary: #A78BFA;--primary-dark: #8B5CF6;--primary-light: #1C1726;--on-primary: #0A0A0A;--secondary: #4ADE80;--danger: #F87171;--warning: #FBBF24;--info: #60A5FA;--bg: #000000;--surface: #0A0A0A;--surface-2: #171717;--border: #292929;--text: #FAFAFA;--text-muted: #A3A3A3;--text-light: #737373;--sidebar-bg: #000000;--sidebar-text: #D4D4D4;--sidebar-hover: #171717;--sidebar-active: #A78BFA;--shadow-sm: 0 0 0 1px #1F1F1F;--shadow-md: 0 0 0 1px #292929;--shadow-lg: 0 0 0 1px #333333;--shadow-tile: 0 0 0 1px #1F1F1F;--shadow-tile-hover: 0 0 0 1px #A78BFA;--theme-color: #000000}[data-theme=contrast]{--primary: #FFD400;--primary-dark: #FFE566;--primary-light: #2B2B00;--on-primary: #000000;--secondary: #4ADE80;--danger: #FF6B6B;--warning: #FFD400;--info: #67E8F9;--bg: #000000;--surface: #000000;--surface-2: #1A1A1A;--border: #FFFFFF;--text: #FFFFFF;--text-muted: #E8E8E8;--text-light: #CFCFCF;--sidebar-bg: #000000;--sidebar-text: #FFFFFF;--sidebar-hover: #1A1A1A;--sidebar-active: #FFD400;--shadow-sm: 0 0 0 1px #FFFFFF;--shadow-md: 0 0 0 2px #FFFFFF;--shadow-lg: 0 0 0 2px #FFFFFF;--shadow-tile: 0 0 0 1px #FFFFFF;--shadow-tile-hover: 0 0 0 2px #FFD400;--theme-color: #000000}[data-theme=dark]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=nord]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=forest]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=sunset]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=midnight]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=contrast]{color-scheme:dark;--accent-violet-bg: rgba(124, 58, 237, .22);--accent-violet-fg: #A78BFA;--accent-blue-bg: rgba(59, 130, 246, .22);--accent-blue-fg: #93C5FD;--accent-green-bg: rgba(16, 185, 129, .22);--accent-green-fg: #6EE7B7;--accent-orange-bg: rgba(245, 158, 11, .22);--accent-orange-fg: #FCD34D;--accent-red-bg: rgba(239, 68, 68, .22);--accent-red-fg: #FCA5A5;--accent-pink-bg: rgba(236, 72, 153, .22);--accent-pink-fg: #F9A8D4;--accent-teal-bg: rgba(20, 184, 166, .22);--accent-teal-fg: #5EEAD4;--accent-indigo-bg: rgba(99, 102, 241, .22);--accent-indigo-fg: #A5B4FC;--success-bg: rgba(16, 185, 129, .18);--success-fg: #6EE7B7;--success-border: rgba(16, 185, 129, .4);--danger-bg: rgba(239, 68, 68, .18);--danger-fg: #FCA5A5;--danger-border: rgba(239, 68, 68, .4);--warning-bg: rgba(245, 158, 11, .18);--warning-fg: #FCD34D;--warning-border: rgba(245, 158, 11, .4);--info-bg: rgba(59, 130, 246, .18);--info-fg: #93C5FD;--info-border: rgba(59, 130, 246, .4);--overlay: rgba(0, 0, 0, .7);--select-arrow: 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='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=contrast]{--accent-violet-fg: #D8B4FE;--accent-blue-fg: #93C5FD;--accent-green-fg: #86EFAC;--accent-orange-fg: #FCD34D;--accent-red-fg: #FCA5A5;--accent-pink-fg: #F9A8D4;--accent-teal-fg: #5EEAD4;--accent-indigo-fg: #A5B4FC;--success-fg: #86EFAC;--success-border: #86EFAC;--danger-fg: #FCA5A5;--danger-border: #FCA5A5;--warning-fg: #FCD34D;--warning-border: #FCD34D;--info-fg: #93C5FD;--info-border: #93C5FD;--overlay: rgba(0, 0, 0, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--text);background-color:var(--bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:var(--text)}.hidden{display:none!important}.app-wrapper{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .25s ease}.page-content{flex:1;padding:32px;margin-top:60px}@media(max-width:768px){.page-content{padding:16px}}@media(max-width:640px){.page-content{padding:8px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.page-header__title{font-size:24px;font-weight:700;color:var(--text)}.page-header__subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.card{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card__header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.card__title{font-size:18px;font-weight:600}.card__body{padding:24px}.card__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.alert{padding:16px 24px;border-radius:12px;font-size:14px;display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.alert--success{background:var(--success-bg);color:var(--success-fg);border:1px solid var(--success-border)}.alert--error{background:var(--danger-bg);color:var(--danger-fg);border:1px solid var(--danger-border)}.alert--warning{background:var(--warning-bg);color:var(--warning-fg);border:1px solid var(--warning-border)}.alert--info{background:var(--info-bg);color:var(--info-fg);border:1px solid var(--info-border)}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--overlay);z-index:40;opacity:0;transition:opacity .25s ease}.sidebar-overlay.is-visible{opacity:1}@media(max-width:1024px){.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.is-visible{pointer-events:all}}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 4rem 0 1rem;z-index:50;gap:16px;box-shadow:var(--shadow-sm)}.navbar__left,.navbar__right{display:flex;align-items:center;gap:16px}.navbar__brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--primary);white-space:nowrap}.navbar__brand .brand-lottie--dark{display:none}.navbar__page-title{font-size:14px;color:var(--text-muted);font-weight:500}@media(max-width:640px){.navbar__page-title{display:none}}.navbar__user{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:9999px;transition:background .15s ease}.navbar__user:hover{background:var(--bg)}.navbar__user .user-avatar{width:34px;height:34px;border-radius:9999px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.navbar__user .user-name{font-size:14px;font-weight:500;color:var(--text)}@media(max-width:640px){.navbar__user .user-name{display:none}}.navbar__user .user-role{font-size:12px;color:var(--text-muted)}@media(max-width:640px){.navbar__user .user-role{display:none}}.navbar__dropdown{position:relative}.navbar__dropdown .dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;z-index:100;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.navbar__dropdown .dropdown-menu.is-open{opacity:1;transform:translateY(0);pointer-events:all}.navbar__dropdown .dropdown-menu a,.navbar__dropdown .dropdown-menu button{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text);width:100%;text-align:left;transition:background .15s ease}.navbar__dropdown .dropdown-menu a:hover,.navbar__dropdown .dropdown-menu button:hover{background:var(--bg);color:var(--primary)}.navbar__dropdown .dropdown-menu a svg,.navbar__dropdown .dropdown-menu button svg{width:16px;height:16px;opacity:.6}.navbar__dropdown .dropdown-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.theme-toggle:hover{background:var(--bg);color:var(--primary)}.theme-toggle svg{display:block;transition:transform .25s ease}.theme-toggle:hover svg{transform:rotate(12deg)}.btn-install-pwa{display:none;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:var(--on-primary);border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease;white-space:nowrap}.btn-install-pwa:hover{background:color-mix(in srgb,var(--primary) 92%,#000);transform:translateY(-1px)}@media(max-width:640px){.btn-install-pwa span{display:none}.btn-install-pwa{padding:6px}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:45;transition:transform .25s ease;overflow-y:auto;overflow-x:hidden}.sidebar__nav{flex:1;padding:16px 0}.sidebar__section-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;padding:8px 16px;margin-top:8px}.sidebar__section-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 16px;margin-top:8px;background:none;border:0;cursor:pointer;text-align:left;color:#ffffff59;transition:color .15s ease}.sidebar__section-toggle .sidebar__section-title{padding:0;margin:0;color:inherit}.sidebar__section-toggle:hover{color:#ffffffb3}.sidebar__section-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.sidebar__section-chevron{width:14px;height:14px;flex-shrink:0;opacity:.8}.sidebar__section-body{overflow:hidden;max-height:30rem}.sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--sidebar-text);font-size:14px;font-weight:500;border-radius:0;transition:background .15s ease,color .15s ease;position:relative;white-space:nowrap}.sidebar__link svg{width:18px;height:18px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.sidebar__link:hover{background:var(--sidebar-hover);color:#fff}.sidebar__link:hover svg{opacity:1}.sidebar__link.is-active{background:color-mix(in srgb,var(--primary) 25%,transparent);color:#fff;border-left:3px solid var(--primary)}.sidebar__link.is-active svg{opacity:1}.sidebar__link.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sidebar-active);border-radius:0 2px 2px 0}.sidebar__badge.is-pulsing{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 70%,transparent)}70%{box-shadow:0 0 0 6px transparent}}.sidebar__badge{margin-left:auto;min-width:18px;padding:0 5px;border-radius:9999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;flex-shrink:0}.sidebar__divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:8px 16px}.sidebar__footer{padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:4px}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}}html.is-sidebar-collapsed-tools .sidebar__section[data-sidebar-section=tools] .sidebar__section-body{max-height:0}html.is-sidebar-collapsed-tools .sidebar__section[data-sidebar-section=tools] .sidebar__section-chevron{transform:rotate(-90deg)}html.is-sidebar-collapsed-admin .sidebar__section[data-sidebar-section=admin] .sidebar__section-body{max-height:0}html.is-sidebar-collapsed-admin .sidebar__section[data-sidebar-section=admin] .sidebar__section-chevron{transform:rotate(-90deg)}html.is-sidebar-collapsed-presence .sidebar__section[data-sidebar-section=presence] .sidebar__section-body{max-height:0}html.is-sidebar-collapsed-presence .sidebar__section[data-sidebar-section=presence] .sidebar__section-chevron{transform:rotate(-90deg)}html.is-sidebar-ready .sidebar__section-body{transition:max-height .25s ease}html.is-sidebar-ready .sidebar__section-chevron{transition:transform .25s ease}@media(prefers-reduced-motion:reduce){html.is-sidebar-ready .sidebar__section-body,html.is-sidebar-ready .sidebar__section-chevron{transition:none}}.sidebar-footer__brand{display:flex;align-items:center;gap:6px;color:#fff6}.sidebar-footer__brand svg{width:13px;height:13px;flex-shrink:0}.sidebar-footer__name{font-size:12px;font-weight:700;letter-spacing:.04em}.sidebar-footer__version{font-size:10px;background:#ffffff1a;border-radius:9999px;padding:1px 6px;color:#ffffff59}.sidebar-footer__author{font-size:10px;color:#fff3}.sidebar-footer__collab{display:flex;align-items:center;gap:5px;font-size:10px;color:#ffffff59;font-style:italic;text-decoration:none;margin-top:2px;transition:color .15s ease}.sidebar-footer__collab svg{width:11px;height:11px;flex-shrink:0;opacity:.6}.sidebar-footer__collab:hover{color:#ffffffa6}.sidebar-footer__collab:hover svg{opacity:1}@media(min-width:1025px){.main-content{margin-left:240px}}.presence{list-style:none;margin:0;padding:0}.presence__item{display:flex;align-items:center;gap:8px;padding:6px 16px;opacity:.45;transition:opacity .15s ease}.presence__item.is-online{opacity:1}.presence__avatar{position:relative;width:28px;height:28px;flex-shrink:0;border-radius:9999px;background:#ffffff1f;color:#ffffffd9;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.02em;overflow:visible}.presence__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.presence__dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:9999px;background:#ffffff4d;box-shadow:0 0 0 2px var(--sidebar-bg);transition:background .15s ease}.presence__item.is-online .presence__dot{background:#22c55e}.presence__body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.presence__name{font-size:14px;font-weight:500;color:var(--sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence__name em{font-style:normal;font-size:10px;font-weight:600;color:#ffffff59}.presence__meta{font-size:10px;color:#ffffff59}.presence__empty{padding:6px 16px 8px;font-size:12px;color:#ffffff4d;font-style:italic}.page-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.push-toggle{font-size:12px}.push-toggle.is-active{color:var(--primary);border-color:var(--primary)}.messenger{display:grid;grid-template-columns:280px 1fr;gap:16px;height:calc(100vh - 210px);min-height:420px}@media(max-width:768px){.messenger{grid-template-columns:1fr;height:auto}}.messenger__list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-y:auto;padding:4px}@media(max-width:768px){.messenger__list{max-height:260px}}.messenger__thread{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:0}.messenger__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border)}.messenger__header h2{font-size:16px;font-weight:600;color:var(--text)}.messenger__header p{font-size:12px;color:var(--text-muted);margin:0}.messenger__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:0}.messenger__composer{padding:8px 16px;border-top:1px solid var(--border)}.messenger__composer textarea{flex:1;resize:none;min-height:38px;max-height:140px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.messenger__composer textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.messenger__placeholder,.messenger__empty{margin:auto;padding:32px;text-align:center;color:var(--text-muted);font-size:14px}.messenger__placeholder svg,.messenger__empty svg{display:block;margin:0 auto 8px;opacity:.35}.thread{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;color:var(--text);text-decoration:none;transition:background .15s ease}.thread:hover{background:var(--bg)}.thread.is-current{background:color-mix(in srgb,var(--primary) 12%,transparent)}.thread__avatar{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:9999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.thread__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.thread__dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:9999px;background:#22c55e;box-shadow:0 0 0 2px var(--surface)}.thread__body{display:flex;flex-direction:column;min-width:0;flex:1}.thread__title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread__preview{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread.has-unread .thread__title{font-weight:700}.thread__badge{flex-shrink:0;min-width:20px;padding:0 6px;border-radius:9999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}.composer-row{display:flex;align-items:flex-end;gap:8px}.composer-attach{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.composer-attach:hover{color:var(--primary);border-color:var(--primary)}.composer-attach input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.composer-attach:focus-within{outline:2px solid var(--primary);outline-offset:1px}.composer-files{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:4px}.composer-files[hidden]{display:none}.composer-files__item{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg);border:1px solid var(--border);border-radius:9999px;font-size:12px;color:var(--text);max-width:260px}.composer-files__item>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-files__size{color:var(--text-muted);flex-shrink:0}.composer-files__remove{border:0;background:none;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}.composer-files__remove:hover{color:var(--danger)}.attachments{display:flex;flex-direction:column;gap:4px;margin-top:4px}.attachments__image{display:block;max-width:260px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.attachments__image img{display:block;width:100%;height:auto;max-height:260px;object-fit:cover}.attachments__file{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);text-decoration:none;font-size:12px;transition:border-color .15s ease}.attachments__file:hover{border-color:var(--primary);color:var(--primary)}.attachments__file svg{flex-shrink:0}.attachments__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.attachments__size{color:var(--text-muted);flex-shrink:0}.bubble{display:flex;gap:8px;max-width:78%}.bubble.is-mine{margin-left:auto;flex-direction:row-reverse}.bubble__avatar{width:30px;height:30px;flex-shrink:0;border-radius:9999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;align-self:flex-end}.bubble__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.bubble__content{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:8px 16px;min-width:0}.bubble.is-mine .bubble__content{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.bubble__author{display:block;font-size:11px;font-weight:700;color:var(--primary);margin-bottom:2px}.bubble__body{margin:0;font-size:14px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.bubble__time{display:block;margin-top:3px;font-size:10px;color:var(--text-muted)}.new-discussion{position:fixed;inset:0;z-index:60;background:var(--overlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;padding:16px}.new-discussion[hidden]{display:none}.new-discussion__panel{position:relative;width:min(460px,100%);max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);padding:24px}.new-discussion__panel h2{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text)}.new-discussion__close{position:absolute;top:8px;right:16px;background:none;border:0;font-size:24px;line-height:1;cursor:pointer;color:var(--text-muted)}.new-discussion__close:hover{color:var(--text)}.new-discussion__tabs{display:flex;gap:4px;margin-bottom:16px}.new-discussion__tabs button{flex:1;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:none;color:var(--text-muted);font:inherit;font-size:14px;cursor:pointer}.new-discussion__tabs button.is-active{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:var(--primary);color:var(--primary);font-weight:600}.new-discussion__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.contact-list{list-style:none;margin:0 0 8px;padding:0;max-height:320px;overflow-y:auto}.contact-list__empty{padding:16px;color:var(--text-muted);font-size:14px;font-style:italic}.contact-list form{margin:0}.contact{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.contact:hover{background:var(--bg)}.contact__avatar{position:relative;width:30px;height:30px;flex-shrink:0;border-radius:9999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.contact__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.contact__dot{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:9999px;background:#22c55e;box-shadow:0 0 0 2px var(--surface)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.messenger__search{padding:4px 4px 8px}.messenger__search input{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.messenger__search input:focus{outline:2px solid var(--primary);outline-offset:-1px}.search-results{display:flex;flex-direction:column;gap:2px}.search-results[hidden]{display:none}.search-results__empty{padding:16px 8px;margin:0;font-size:12px;color:var(--text-muted);font-style:italic}.search-result{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:6px;text-decoration:none;color:var(--text)}.search-result:hover{background:var(--bg)}.search-result__head{font-size:12px;font-weight:700;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result__excerpt{font-size:12px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result__date{font-size:10px;color:var(--text-muted)}.load-older{align-self:center;margin-bottom:8px;padding:4px 16px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}.load-older[hidden]{display:none}.load-older:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.load-older:disabled{cursor:wait;opacity:.6}.bubble.is-focused .bubble__content{outline:2px solid var(--primary);outline-offset:2px;transition:outline-color 1s ease 3s}.composer-pill{display:flex;align-items:center;gap:2px;flex:1;min-width:0;padding:3px 6px;border:1px solid var(--border);border-radius:20px;background:var(--bg);position:relative}.composer-pill:focus-within{border-color:var(--primary)}.messenger__composer .composer-pill textarea,.composer-pill textarea{flex:1;min-width:0;border:0;background:none;padding:6px 4px}.messenger__composer .composer-pill textarea:focus,.composer-pill textarea:focus{outline:none}.composer-pill [data-emoji-toggle]{order:1}.composer-pill textarea{order:2}.composer-pill [data-gif-toggle]{order:3}.composer-pill .composer-attach{order:4}.composer-pill .composer-btn,.composer-pill .composer-attach{width:34px;height:34px;border:0;border-radius:9999px;background:none;flex-shrink:0}.composer-pill .composer-btn:hover,.composer-pill .composer-attach:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.composer-send{flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.composer-send svg{display:none}@media(max-width:768px){.messenger__composer{padding:8px}.composer-row .composer-send{width:44px;height:44px;padding:0;border-radius:9999px;justify-content:center}.composer-row .composer-send svg{display:block}.composer-row .composer-send span{display:none}.composer-pill{gap:0}}@media(max-width:768px){body:has(.messenger) .chatbot-bubble{display:none}}.messenger__back{display:none;flex-shrink:0;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9999px;color:var(--text);text-decoration:none;font-size:20px;line-height:1}.messenger__back:hover{background:var(--bg)}@media(max-width:768px){body:has(.messenger.has-thread){overflow:hidden}body:has(.messenger.has-thread) .app-wrapper{height:100dvh;min-height:0}body:has(.messenger.has-thread) .page-content{flex:none;height:calc(100dvh - 60px);display:flex;flex-direction:column;overflow:hidden}.messenger.has-thread{flex:1;height:auto;min-height:0}.messenger.has-thread .messenger__list{display:none}.messenger.has-thread .messenger__back{display:flex}body:has(.messenger.has-thread) .page-header{display:none}.messenger:not(.has-thread) .messenger__list{max-height:none;height:calc(100dvh - 210px)}}.composer-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid var(--border);border-radius:6px;background:none;color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;transition:color .15s ease,border-color .15s ease}.composer-btn:hover{color:var(--primary);border-color:var(--primary)}.emoji-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30}.emoji-popover[hidden]{display:none}.emoji-picker{width:300px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.emoji-picker__tabs{display:flex;border-bottom:1px solid var(--border)}.emoji-picker__tab{flex:1;padding:6px 0;border:0;background:none;font-size:15px;cursor:pointer;opacity:.55;transition:opacity .15s ease,background .15s ease}.emoji-picker__tab:hover{opacity:1}.emoji-picker__tab.is-active{opacity:1;background:color-mix(in srgb,var(--primary) 12%,transparent)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:220px;overflow-y:auto}.emoji-picker__emoji{border:0;background:none;font-size:19px;line-height:1;padding:4px 0;border-radius:6px;cursor:pointer}.emoji-picker__emoji:hover{background:var(--bg)}.emoji-picker__empty{grid-column:1/-1;margin:0;padding:16px 0;text-align:center;font-size:12px;color:var(--text-muted)}.reactions{display:flex;flex-wrap:wrap;gap:4px}.reactions:not(:empty){margin-top:5px}.reaction{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);cursor:pointer;font-size:12px;line-height:1.6;transition:border-color .15s ease,background .15s ease}.reaction:hover{border-color:var(--primary)}.reaction.is-mine{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,transparent)}.reaction__count{color:var(--text-muted);font-weight:600}.reaction.is-mine .reaction__count{color:var(--primary)}.bubble{position:relative}.bubble__actions{position:absolute;top:-6px;right:22px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.bubble__actions button{width:24px;height:24px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);font-size:11px;line-height:1;cursor:pointer}.bubble__actions button:hover{border-color:var(--primary)}.bubble__actions button:disabled{opacity:.5;cursor:wait}.bubble.is-mine .bubble__actions{right:auto;left:22px}.bubble:hover .bubble__actions,.bubble__actions:focus-within{opacity:1}.bubble__edit{display:flex;flex-direction:column;gap:4px}.bubble__edit textarea{width:100%;min-width:220px;resize:vertical;padding:4px 8px;border:1px solid var(--primary);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.bubble__edit-actions{display:flex;justify-content:flex-end;gap:4px}.bubble__edit-actions button{padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px;cursor:pointer}.bubble__edit-actions button[type=submit]{background:var(--primary);border-color:var(--primary);color:var(--on-primary, #fff)}.bubble__edited{font-style:normal;opacity:.75}.bubble__react{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border:1px solid var(--border);border-radius:9999px;background:var(--surface);color:var(--text-muted);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease}.bubble.is-mine .bubble__react{right:auto;left:-6px}.bubble:hover .bubble__react,.bubble__react:focus-visible{opacity:1}.quick-reactions{position:absolute;top:22px;right:0;z-index:20;display:flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:9999px;box-shadow:var(--shadow-md)}.quick-reactions button{border:0;background:none;font-size:17px;line-height:1;padding:3px;border-radius:9999px;cursor:pointer}.quick-reactions button:hover{background:var(--bg)}.gif-panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px}.gif-panel[hidden]{display:none}.gif-panel__search{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.gif-panel__search:focus{outline:2px solid var(--primary);outline-offset:-1px}.gif-panel__results{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-height:260px;overflow-y:auto;margin-top:8px}.gif-panel__item{border:0;padding:0;background:none;cursor:pointer;border-radius:6px;overflow:hidden;aspect-ratio:1}.gif-panel__item img{width:100%;height:100%;object-fit:cover;display:block}.gif-panel__item:hover{outline:2px solid var(--primary)}.gif-panel__status,.gif-panel__credit{grid-column:1/-1;margin:8px 0 0;text-align:center;font-size:12px;color:var(--text-muted)}.gif-panel__credit{margin-top:8px;font-size:10px;opacity:.7}.messenger__composer,.composer-row{position:relative}.message-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay, rgba(0, 0, 0, .45));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:message-modal-fade .18s ease-out}.message-modal[hidden]{display:none}.message-modal__panel{width:min(420px,100%);background:var(--surface);border:2px solid var(--primary);border-radius:16px;box-shadow:0 24px 60px -12px #00000073;padding:24px;animation:message-modal-pop .28s cubic-bezier(.34,1.56,.64,1)}.message-modal__header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.message-modal__avatar{width:46px;height:46px;flex-shrink:0;border-radius:9999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.message-modal__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.message-modal__subtitle{margin:0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.message-modal__title{margin:2px 0 0;font-size:16px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis}.message-modal__excerpt{margin:0;padding:8px 16px;background:var(--bg);border-radius:6px;font-size:14px;color:var(--text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.message-modal__more{margin:8px 0 0;font-size:12px;font-weight:600;color:var(--primary)}.message-modal__more[hidden]{display:none}.message-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}@keyframes message-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes message-modal-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.message-modal,.message-modal__panel{animation:none}}.push-banner{display:flex;align-items:center;gap:16px;padding:8px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:12px}.push-banner[hidden]{display:none}.push-banner__icon{font-size:22px;line-height:1;flex-shrink:0}.push-banner__text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}.push-banner__text strong{font-size:14px;color:var(--text)}.push-banner__text span{font-size:12px;color:var(--text-muted)}.push-banner__actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:640px){.push-banner{flex-wrap:wrap}.push-banner__actions{width:100%;justify-content:flex-end}}.typing-indicator{display:flex;align-items:center;gap:6px;margin:0;padding:4px 16px;font-size:12px;font-style:italic;color:var(--text-muted);min-height:22px}.typing-indicator[hidden]{display:none}.typing-indicator__dots{display:inline-flex;gap:3px}.typing-indicator__dots i{width:5px;height:5px;border-radius:9999px;background:var(--primary);opacity:.35;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator__dots i:nth-child(2){animation-delay:.18s}.typing-indicator__dots i:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-3px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-indicator__dots i{animation:none;opacity:.7}}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:6px;cursor:pointer;background:transparent;border:none;gap:5px;padding:8px;flex-shrink:0;transition:background .15s ease}.burger:hover{background:var(--bg)}.burger__line{display:block;width:22px;height:2px;background-color:var(--text);border-radius:2px;transition:transform .25s ease,opacity .25s ease,width .25s ease;transform-origin:center}.burger.is-active .burger__line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.is-active .burger__line:nth-child(2){opacity:0;width:0}.burger.is-active .burger__line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;border-radius:12px;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;text-decoration:none;line-height:1}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--secondary:hover{background:var(--bg);border-color:var(--text-light)}.btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover{background:color-mix(in srgb,var(--danger) 88%,#000);border-color:color-mix(in srgb,var(--danger) 88%,#000);color:#fff}.btn--success{background:var(--secondary);color:#fff;border-color:var(--secondary)}.btn--success:hover{background:color-mix(in srgb,var(--secondary) 88%,#000);color:#fff}.btn--ghost{background:transparent;color:var(--primary);border-color:transparent}.btn--ghost:hover{background:var(--primary-light)}.btn--outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}.btn--sm{padding:6px 16px;font-size:12px;border-radius:6px}.btn--sm svg{width:14px;height:14px}.btn--lg{padding:13px 32px;font-size:16px;border-radius:16px}.btn--icon{padding:8px;border-radius:6px}.btn--icon svg{width:18px;height:18px}.btn--full{width:100%}.btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{font-size:14px;font-weight:500;color:var(--text)}.form-label .required{color:var(--danger);margin-left:2px}.form-control{width:100%;padding:10px 16px;font-size:14px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;line-height:1.5}.form-control::placeholder{color:var(--text-light)}.form-control:hover{border-color:var(--text-light)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.form-control--error{border-color:var(--danger)}.form-control--error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)}.form-control[disabled],.form-control[readonly]{background:var(--bg);color:var(--text-muted);cursor:not-allowed}textarea.form-control{resize:vertical;min-height:100px}select.form-control{appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 16px center;padding-right:32px}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--danger);display:flex;align-items:center;gap:4px}.input-password{position:relative}.input-password .form-control{padding-right:44px}.input-password__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.input-password__toggle:hover{color:var(--text)}.input-password__toggle svg{width:18px;height:18px;display:block;pointer-events:none}.form-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.form-toggle input[type=checkbox]{display:none}.form-toggle input[type=checkbox]:checked+.toggle-track{background:var(--primary)}.form-toggle input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translate(20px)}.form-toggle .toggle-track{position:relative;width:44px;height:24px;background:var(--border);border-radius:9999px;transition:background .15s ease;flex-shrink:0}.form-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:9999px;box-shadow:var(--shadow-sm);transition:transform .25s ease}.form-toggle .toggle-label{font-size:14px;color:var(--text);font-weight:500}.form-upload{border:2px dashed var(--border);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.form-upload:hover{border-color:var(--primary);background:var(--primary-light)}.form-upload__icon{width:40px;height:40px;color:var(--text-muted);margin:0 auto 8px}.form-upload__text{font-size:14px;color:var(--text-muted)}.form-upload__input{display:none}.form-upload__preview{width:80px;height:80px;border-radius:12px;object-fit:cover;margin:0 auto 8px;border:2px solid var(--border)}.form-row{display:grid;gap:16px}.form-row--2{grid-template-columns:1fr 1fr}@media(max-width:640px){.form-row--2{grid-template-columns:1fr}}.form-row--3{grid-template-columns:1fr 1fr 1fr}@media(max-width:768px){.form-row--3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.form-row--3{grid-template-columns:1fr}}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px;padding:8px 0}@media(max-width:640px){.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}}.tile{position:relative;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-tile);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-decoration:none}.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-tile-hover);border-color:var(--primary-light);color:var(--text)}.tile:hover .tile__tooltip{opacity:1;transform:translateY(0);pointer-events:all}.tile:hover .tile__image,.tile:hover .tile__icon{transform:scale(1.06)}.tile:active{transform:translateY(-1px)}.tile__image-wrap{width:64px;height:64px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);transition:transform .25s ease}.tile__image{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.tile__icon{width:36px;height:36px;transition:transform .25s ease;color:var(--primary)}.tile__title{font-size:14px;font-weight:600;text-align:center;color:var(--text);line-height:1.3;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile__badge{position:absolute;top:4px;right:4px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.tile__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);background:#0f0f1eeb;color:#fff;font-size:12px;line-height:1.5;padding:8px 16px;border-radius:12px;white-space:normal;width:max-content;max-width:220px;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:20;box-shadow:var(--shadow-md)}.tile__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f0f1eeb}.tile--violet .tile__image-wrap{background:var(--accent-violet-bg)}.tile--violet .tile__icon{color:var(--accent-violet-fg)}.tile--blue .tile__image-wrap{background:var(--accent-blue-bg)}.tile--blue .tile__icon{color:var(--accent-blue-fg)}.tile--green .tile__image-wrap{background:var(--accent-green-bg)}.tile--green .tile__icon{color:var(--accent-green-fg)}.tile--orange .tile__image-wrap{background:var(--accent-orange-bg)}.tile--orange .tile__icon{color:var(--accent-orange-fg)}.tile--red .tile__image-wrap{background:var(--accent-red-bg)}.tile--red .tile__icon{color:var(--accent-red-fg)}.tile--pink .tile__image-wrap{background:var(--accent-pink-bg)}.tile--pink .tile__icon{color:var(--accent-pink-fg)}.tile--teal .tile__image-wrap{background:var(--accent-teal-bg)}.tile--teal .tile__icon{color:var(--accent-teal-fg)}.tile--indigo .tile__image-wrap{background:var(--accent-indigo-bg)}.tile--indigo .tile__icon{color:var(--accent-indigo-fg)}.dashboard-search{margin-bottom:24px}.dashboard-search__wrap{position:relative;max-width:400px}.dashboard-search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-muted);pointer-events:none}.dashboard-search__input{width:100%;padding:10px 16px 10px 41px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.dashboard-search__input::placeholder{color:var(--text-muted)}.dashboard-search__input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.dashboard-search__input::-webkit-search-cancel-button{display:none}.tool-group{margin-bottom:48px}.tool-group__title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border)}.tile--add{border:2px dashed var(--border);background:transparent;box-shadow:none;color:var(--text-muted)}.tile--add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:none}.tile--add:hover .tile__icon{color:var(--primary)}.tile--add .tile__title{color:inherit}.tile--path{border:none;font:inherit;text-align:inherit;cursor:copy}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--border);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead{background:var(--bg);border-bottom:1px solid var(--border)}.table thead th{padding:8px 16px;text-align:left;font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--border);transition:background .15s ease}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--bg)}.table tbody td{padding:16px;vertical-align:middle;color:var(--text)}.table-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.table-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.table-thumb img{width:100%;height:100%;object-fit:cover}.table-thumb svg{width:20px;height:20px;color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:9999px;background:currentColor}.badge--active{background:var(--success-bg);color:var(--success-fg)}.badge--inactive{background:var(--surface-2);color:var(--text-muted)}.badge--admin{background:var(--primary-light);color:var(--primary-dark)}.badge--user{background:var(--info-bg);color:var(--info-fg)}.badge--danger{background:var(--danger-bg);color:var(--danger-fg)}.drag-handle{cursor:grab;color:var(--text-muted);opacity:.4;display:flex;align-items:center;padding:4px;border-radius:6px;transition:opacity .15s ease,background .15s ease}.drag-handle:hover{opacity:1;background:var(--border)}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px}tr.sortable-ghost{opacity:.4;background:var(--primary-light)}tr.sortable-chosen{background:var(--primary-light);box-shadow:var(--shadow-md);outline:2px solid var(--primary);outline-offset:-1px}.admin-panel{background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden}.assign-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.assign-layout{grid-template-columns:1fr}}.assign-list{max-height:420px;overflow-y:auto}.assign-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none;position:relative}.assign-item:last-child{border-bottom:none}.assign-item:hover{background:var(--bg)}.assign-item.is-checked{background:var(--primary-light)}.assign-item__checkbox{position:absolute;opacity:0;width:0;height:0}.assign-item__thumb{width:34px;height:34px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-light)}.assign-item__thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.assign-item__thumb svg{color:var(--primary)}.assign-item__thumb.tile--violet{background:var(--accent-violet-bg)}.assign-item__thumb.tile--violet svg{color:var(--accent-violet-fg)}.assign-item__thumb.tile--blue{background:var(--accent-blue-bg)}.assign-item__thumb.tile--blue svg{color:var(--accent-blue-fg)}.assign-item__thumb.tile--green{background:var(--accent-green-bg)}.assign-item__thumb.tile--green svg{color:var(--accent-green-fg)}.assign-item__thumb.tile--orange{background:var(--accent-orange-bg)}.assign-item__thumb.tile--orange svg{color:var(--accent-orange-fg)}.assign-item__thumb.tile--red{background:var(--accent-red-bg)}.assign-item__thumb.tile--red svg{color:var(--accent-red-fg)}.assign-item__thumb.tile--pink{background:var(--accent-pink-bg)}.assign-item__thumb.tile--pink svg{color:var(--accent-pink-fg)}.assign-item__thumb.tile--teal{background:var(--accent-teal-bg)}.assign-item__thumb.tile--teal svg{color:var(--accent-teal-fg)}.assign-item__thumb.tile--indigo{background:var(--accent-indigo-bg)}.assign-item__thumb.tile--indigo svg{color:var(--accent-indigo-fg)}.assign-item__avatar{width:34px;height:34px;border-radius:9999px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.assign-item__avatar img{width:100%;height:100%;object-fit:cover}.assign-item__info{flex:1;min-width:0}.assign-item__name{display:block;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-item__meta{display:block;font-size:12px;color:var(--text-muted)}.assign-item__check{width:20px;height:20px;border-radius:9999px;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.assign-item__check svg{stroke:#fff;opacity:0;transition:opacity .15s ease}.assign-item.is-checked .assign-item__check{background:var(--primary)}.assign-item.is-checked .assign-item__check svg{opacity:1}.stat-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:var(--shadow-sm)}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:24px;height:24px}.stat-card__icon--purple{background:var(--primary-light);color:var(--primary)}.stat-card__icon--green{background:var(--accent-green-bg);color:var(--accent-green-fg)}.stat-card__icon--blue{background:var(--accent-blue-bg);color:var(--accent-blue-fg)}.stat-card__icon--orange{background:var(--accent-orange-bg);color:var(--accent-orange-fg)}.stat-card__value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-card__label{font-size:14px;color:var(--text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sidebar-bg) 0%,#312E81 50%,var(--primary) 100%);padding:16px}.auth-card{background:var(--bg);border-radius:20px;box-shadow:var(--shadow-lg);padding:48px;width:100%;max-width:420px}@media(max-width:640px){.auth-card{padding:32px 24px}}.auth-card__logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.auth-card__logo .brand-lottie--dark{display:none}.auth-card__logo .logo-name{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.02em}.auth-card__title{font-size:20px;font-weight:700;text-align:center;margin-bottom:4px}.auth-card__subtitle{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:32px}.auth-link{font-size:14px;color:var(--primary);font-weight:500}.auth-link:hover{text-decoration:underline}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.profile-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}}.profile-avatar-col,.profile-info-col{min-width:0}.avatar-display{width:120px;height:120px;border-radius:9999px;margin:0 auto 8px;overflow:hidden;position:relative;flex-shrink:0}.avatar-display__img{width:100%;height:100%;object-fit:cover;border-radius:9999px;border:3px solid var(--border)}.avatar-display__initials{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;border-radius:9999px;border:3px solid var(--primary-light);letter-spacing:-1px}.sidebar__profile{display:flex;align-items:center;gap:8px;padding:16px;margin-top:48px}.sidebar-avatar{width:40px;height:40px;border-radius:9999px;overflow:hidden;flex-shrink:0}.sidebar-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.sidebar-avatar__initials{width:100%;height:100%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:9999px}.sidebar-avatar__info{min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-avatar__name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-avatar__link{font-size:12px;color:var(--sidebar-text);opacity:.7;transition:opacity .15s ease}.sidebar-avatar__link:hover{opacity:1;color:#fff}.user-avatar--photo{width:34px;height:34px;border-radius:9999px;object-fit:cover;border:2px solid var(--border);flex-shrink:0;background:var(--primary-light)}.pref-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px}.pref-toolbar__controls{display:flex;gap:8px}.pref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}@media(max-width:640px){.pref-grid{grid-template-columns:1fr}}.pref-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease;position:relative;-webkit-user-select:none;user-select:none}.pref-item:hover{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:var(--primary-light)}.pref-item.is-checked{border-color:var(--primary);background:var(--primary-light)}.pref-item__checkbox{position:absolute;opacity:0;width:0;height:0}.pref-item__thumb{width:44px;height:44px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--primary-light)}.pref-item__thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.pref-item__thumb svg{width:22px;height:22px;color:var(--primary)}.pref-item__thumb.tile--violet{background:var(--accent-violet-bg)}.pref-item__thumb.tile--violet svg{color:var(--accent-violet-fg)}.pref-item__thumb.tile--blue{background:var(--accent-blue-bg)}.pref-item__thumb.tile--blue svg{color:var(--accent-blue-fg)}.pref-item__thumb.tile--green{background:var(--accent-green-bg)}.pref-item__thumb.tile--green svg{color:var(--accent-green-fg)}.pref-item__thumb.tile--orange{background:var(--accent-orange-bg)}.pref-item__thumb.tile--orange svg{color:var(--accent-orange-fg)}.pref-item__thumb.tile--red{background:var(--accent-red-bg)}.pref-item__thumb.tile--red svg{color:var(--accent-red-fg)}.pref-item__thumb.tile--pink{background:var(--accent-pink-bg)}.pref-item__thumb.tile--pink svg{color:var(--accent-pink-fg)}.pref-item__thumb.tile--teal{background:var(--accent-teal-bg)}.pref-item__thumb.tile--teal svg{color:var(--accent-teal-fg)}.pref-item__thumb.tile--indigo{background:var(--accent-indigo-bg)}.pref-item__thumb.tile--indigo svg{color:var(--accent-indigo-fg)}.pref-item__info{flex:1;min-width:0}.pref-item__title{display:block;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-item__desc{display:block;font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pref-item__check{width:22px;height:22px;border-radius:9999px;background:var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease}.pref-item__check svg{width:13px;height:13px;stroke:#fff;opacity:0;transition:opacity .15s ease}.pref-item.is-checked .pref-item__check{background:var(--primary)}.pref-item.is-checked .pref-item__check svg{opacity:1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.theme-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;text-align:left;cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.theme-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-card.is-active{border-color:var(--primary);box-shadow:var(--shadow-md)}.theme-card__preview{display:block;height:96px;padding:6px;border-radius:12px;overflow:hidden;border:1px solid rgba(128,128,128,.25)}.theme-card__preview-bar{display:block;height:10px;border-radius:3px;margin-bottom:6px}.theme-card__preview-body{display:flex;gap:6px;height:calc(100% - 16px)}.theme-card__preview-card{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;border-radius:6px}.theme-card__preview-card span{display:block;height:5px;border-radius:2px}.theme-card__preview-card span:first-child{width:70%}.theme-card__preview-card span:last-child{width:45%}.theme-card__info{display:flex;flex-direction:column;gap:2px;padding:0 32px 4px 4px}.theme-card__name{font-weight:600;font-size:14px;color:var(--text)}.theme-card__desc{font-size:12px;color:var(--text-muted);line-height:1.4}.theme-card__check{position:absolute;right:8px;bottom:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--border);color:transparent;transition:background .15s ease,color .15s ease}.theme-card__check svg{width:13px;height:13px}.theme-card.is-active .theme-card__check{background:var(--primary);color:var(--on-primary)}.navbar__dropdown .dropdown-menu--themes{min-width:230px;max-height:70vh;overflow-y:auto}.navbar__dropdown .dropdown-menu .theme-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;color:var(--text);transition:background .15s ease}.navbar__dropdown .dropdown-menu .theme-option:hover{background:var(--primary-light);color:var(--text)}.navbar__dropdown .dropdown-menu .theme-option.is-active{font-weight:600}.navbar__dropdown .dropdown-menu .theme-option .theme-option__check{width:14px;height:14px;flex-shrink:0;color:var(--primary);opacity:0;transition:opacity .15s ease}.navbar__dropdown .dropdown-menu .theme-option.is-active .theme-option__check{opacity:1}.navbar__dropdown .dropdown-menu .theme-option .theme-option__swatch{display:flex;flex-shrink:0;width:34px;height:18px;border-radius:6px;overflow:hidden;border:1px solid rgba(128,128,128,.3)}.navbar__dropdown .dropdown-menu .theme-option .theme-option__swatch span,.navbar__dropdown .dropdown-menu .theme-option .theme-option__label{flex:1}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}@media(max-width:640px){.toast-container{left:16px;right:16px;bottom:16px}}.toast{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);min-width:280px;max-width:420px;pointer-events:all;transform:translate(calc(100% + 24px));opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease}.toast.is-visible{transform:translate(0);opacity:1}.toast__icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.toast__message{flex:1;font-size:14px;font-weight:500;color:var(--text);line-height:1.45}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.toast__close:hover{background:var(--border);color:var(--text)}.toast--message{align-items:center;border:2px solid var(--primary);border-left-width:6px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));box-shadow:0 8px 28px -6px color-mix(in srgb,var(--primary) 55%,transparent);text-decoration:none;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease,background .15s ease}.toast--message.is-visible{animation:toast-attention .55s ease-in-out 2}.toast--message:hover{background:color-mix(in srgb,var(--primary) 16%,var(--surface))}@keyframes toast-attention{0%,to{transform:translate(0) scale(1)}50%{transform:translate(0) scale(1.03)}}@media(prefers-reduced-motion:reduce){.toast--message.is-visible{animation:none}}.toast__avatar{flex-shrink:0;width:34px;height:34px;border-radius:9999px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.toast__avatar img{width:100%;height:100%;border-radius:9999px;object-fit:cover}.toast__body{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.35}.toast__title{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast__excerpt{font-size:12px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast--success{border-left:4px solid var(--secondary)}.toast--success .toast__icon{color:var(--secondary)}.toast--error{border-left:4px solid var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-left:4px solid var(--info)}.toast--info .toast__icon{color:var(--info)}.toast--warning{border-left:4px solid var(--warning)}.toast--warning .toast__icon{color:var(--warning)}.confirm-overlay{position:fixed;inset:0;background:var(--overlay);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-overlay.is-open{opacity:1;pointer-events:all}.confirm-overlay.is-open .confirm-modal{transform:scale(1)}.confirm-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);padding:32px;max-width:400px;width:100%;text-align:center;transform:scale(.92);transition:transform .25s ease}.confirm-modal__icon{width:56px;height:56px;border-radius:9999px;background:var(--warning-bg);color:var(--warning);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-modal__title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.confirm-modal__message{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.confirm-modal__actions{display:flex;gap:8px;justify-content:center}.hub-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:24px;padding:16px 0}.hub-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:12px;font-size:14px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.hub-pagination__btn:hover:not(.hub-pagination__btn--disabled):not(.hub-pagination__btn--active){background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.hub-pagination__btn--active{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}.hub-pagination__btn--disabled{color:var(--text-muted);cursor:default;opacity:.5}.hub-pagination__btn--dots{border-color:transparent;background:transparent;cursor:default;color:var(--text-muted)}.tile-wrap{position:relative}.tile-wrap .tile__key{position:absolute;bottom:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000073;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease;z-index:2}.tile-wrap .tile__key:hover{background:#000000b3;color:#fff}.tile-wrap .tile__key--saved{opacity:1;background:color-mix(in srgb,var(--warning) 85%,transparent);color:#fff}.tile-wrap .tile__key--saved:hover{background:var(--warning)}.tile-wrap:hover .tile__key{opacity:1}.cred-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.cred-overlay.is-open{opacity:1;pointer-events:all}.cred-overlay.is-open .cred-modal{transform:scale(1);opacity:1}.cred-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;margin:16px;transform:scale(.95);opacity:0;transition:transform .25s ease,opacity .25s ease}.cred-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.cred-modal__tool-name{font-size:16px;font-weight:700;color:var(--text)}.cred-modal__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.cred-modal__close:hover{background:var(--bg);color:var(--text)}.cred-modal__body{display:flex;flex-direction:column;gap:16px;padding:24px}.cred-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border);gap:8px}.cred-modal__footer-right{display:flex;gap:8px}.cred-bookmarklet{display:flex;flex-direction:column;gap:4px;padding:8px 16px;background:var(--bg);border:1px dashed var(--border);border-radius:6px}.cred-bookmarklet__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cred-bookmarklet__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cred-bookmarklet__link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--warning);color:#fff;font-size:12px;font-weight:600;border-radius:6px;text-decoration:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:background .15s ease;white-space:nowrap}.cred-bookmarklet__link:hover{background:color-mix(in srgb,var(--warning) 92%,#000)}.cred-bookmarklet__link:active{cursor:grabbing}.cred-bookmarklet__hint{font-size:12px;color:var(--text-muted);font-style:italic}.cred-field{display:flex;flex-direction:column;gap:4px}.cred-field__label{font-size:14px;font-weight:500;color:var(--text)}.cred-field__wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:border-color .15s ease}.cred-field__wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.cred-field__input{flex:1;padding:8px 16px;border:none;background:none;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);outline:none;min-width:0}.cred-field__input::placeholder{color:var(--text-muted)}.cred-field__eye,.cred-field__copy{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;border-left:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.cred-field__eye:hover,.cred-field__copy:hover{background:var(--bg);color:var(--text)}[data-theme=dark] .brand-lottie--light{display:none}[data-theme=dark] .brand-lottie--dark{display:block}[data-theme=dark] .tile__image-wrap img,[data-theme=dark] .table-thumb img{filter:brightness(.92)}[data-theme=nord] .brand-lottie--light{display:none}[data-theme=nord] .brand-lottie--dark{display:block}[data-theme=nord] .tile__image-wrap img,[data-theme=nord] .table-thumb img{filter:brightness(.92)}[data-theme=forest] .brand-lottie--light{display:none}[data-theme=forest] .brand-lottie--dark{display:block}[data-theme=forest] .tile__image-wrap img,[data-theme=forest] .table-thumb img{filter:brightness(.92)}[data-theme=sunset] .brand-lottie--light{display:none}[data-theme=sunset] .brand-lottie--dark{display:block}[data-theme=sunset] .tile__image-wrap img,[data-theme=sunset] .table-thumb img{filter:brightness(.92)}[data-theme=midnight] .brand-lottie--light{display:none}[data-theme=midnight] .brand-lottie--dark{display:block}[data-theme=midnight] .tile__image-wrap img,[data-theme=midnight] .table-thumb img{filter:brightness(.92)}[data-theme=contrast] .brand-lottie--light{display:none}[data-theme=contrast] .brand-lottie--dark{display:block}[data-theme=contrast] .tile__image-wrap img,[data-theme=contrast] .table-thumb img{filter:brightness(.92)}[data-theme=contrast] .card,[data-theme=contrast] .tile,[data-theme=contrast] .table-wrap,[data-theme=contrast] .stat-card,[data-theme=contrast] .pref-item,[data-theme=contrast] .form-control,[data-theme=contrast] .toast,[data-theme=contrast] .auth-card{border-width:2px;border-style:solid}[data-theme=contrast] a:focus-visible,[data-theme=contrast] button:focus-visible,[data-theme=contrast] .form-control:focus-visible{outline:3px solid var(--primary);outline-offset:2px}[data-theme=contrast] .tile__image-wrap img,[data-theme=contrast] .table-thumb img{filter:none}.bg-remover{display:flex;flex-direction:column;gap:32px}.bg-remover__upload{display:flex;flex-direction:column;gap:16px}.bg-remover__result{display:flex;flex-direction:column;gap:24px}.bg-remover__result h2{font-size:18px;font-weight:600;color:var(--text)}.upload-zone{display:flex;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;padding:32px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:220px;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone--drag{border-color:var(--primary);background:var(--bg)}.upload-zone__content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);text-align:center}.upload-zone__content svg{color:var(--primary)}.upload-zone__content span{color:var(--primary);font-weight:500;text-decoration:underline}.upload-zone__content small{font-size:12px;opacity:.7}.upload-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:12px}.bg-remover__actions{display:flex;gap:8px;margin-top:8px}.bg-remover__actions .btn--primary{flex:1;justify-content:center}.result-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-preview__item{display:flex;flex-direction:column;gap:4px}.result-preview__item span{font-size:14px;font-weight:500;color:var(--text-muted)}.result-preview__item img{width:100%;border-radius:12px;border:1px solid var(--border);object-fit:contain;background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0 0/16px 16px}@media(max-width:640px){.result-preview{grid-template-columns:1fr}}.img-converter{display:flex;flex-direction:column;gap:24px}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:12px;padding:32px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:180px;text-align:center}.drop-zone.dragover{border-color:var(--primary);background:var(--bg)}.drop-zone .drop-icon{font-size:2.5rem}.drop-zone .drop-text{font-size:18px;font-weight:600;color:var(--text);margin-top:8px}.drop-zone .drop-subtext{font-size:14px;color:var(--text-muted);margin-top:4px}.formats-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.formats-info .formats-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.formats-info .formats-list{font-size:14px;color:var(--text-muted)}.files-container{border:1px solid var(--border);border-radius:12px;overflow:hidden}.files-container .files-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-size:14px;font-weight:600;color:var(--text)}.file-item{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border)}.file-item:last-child{border-bottom:none}.file-item .file-preview{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0;border:1px solid var(--border)}.file-item .file-info{flex:1;min-width:0}.file-item .file-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item .file-details{display:flex;align-items:center;gap:8px;margin-top:4px}.file-item .file-format{font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 4px;border-radius:9999px}.file-item .file-size{font-size:12px;color:var(--text-muted)}.file-item .file-actions{flex-shrink:0}.btn-small{padding:4px 8px;font-size:12px;font-weight:500;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.btn-small:hover{border-color:var(--text-muted);color:var(--text)}.btn-remove{border-color:color-mix(in srgb,var(--danger) 80%,#fff);color:var(--danger)}.btn-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.conversion-options{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--bg);border:1px solid var(--border);border-radius:12px}.options-title{font-size:16px;font-weight:600;color:var(--text)}.option-group{display:flex;flex-direction:column;gap:4px}.option-label{font-size:14px;font-weight:500;color:var(--text)}.format-selector{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:border-color .15s ease}.format-selector:focus{outline:none;border-color:var(--primary)}.format-info{font-size:12px;color:var(--text-muted);padding:4px 8px;background:var(--primary-light);border-radius:6px;border-left:3px solid var(--primary)}.quality-container{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.quality-container .option-label{white-space:nowrap}.quality-slider{flex:1;accent-color:var(--primary);cursor:pointer;min-width:120px}.quality-display{font-size:14px;font-weight:600;color:var(--primary);min-width:40px;text-align:right}.convert-btn{padding:8px 24px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;align-self:flex-start}.convert-btn:hover{background:color-mix(in srgb,var(--primary) 92%,#000)}.convert-btn:disabled{opacity:.6;cursor:not-allowed}.progress-container{display:none;flex-direction:column;gap:4px}.progress-bar{height:8px;background:var(--border);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:9999px;width:0%;transition:width .25s ease}.progress-text{font-size:12px;color:var(--text-muted)}.results-container{display:none;flex-direction:column;gap:16px}.results-title{font-size:16px;font-weight:600;color:var(--secondary)}.download-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:16px}.download-info{display:flex;align-items:center;gap:8px;min-width:0}.download-icon{font-size:1.5rem;flex-shrink:0}.download-details{min-width:0}.download-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-size{font-size:12px;color:var(--text-muted);margin-top:4px}.download-btn{padding:4px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;white-space:nowrap;flex-shrink:0}.download-btn:hover{background:color-mix(in srgb,var(--primary) 92%,#000)}.download-all-btn{padding:8px 24px;background:var(--secondary);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;transition:background .15s ease;align-self:flex-start}.download-all-btn:hover{background:color-mix(in srgb,var(--secondary) 92%,#000)}.qr-tool{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:768px){.qr-tool{grid-template-columns:1fr}}.qr-tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:24px;grid-column:1/-1}.qr-tab{flex:1;padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);transition:color .15s ease,border-color .15s ease}.qr-tab:hover{color:var(--text)}.qr-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}.qr-panel{display:none}.qr-panel.is-active{display:block}.qr-subtabs{display:flex;gap:4px;margin-bottom:16px}.qr-subtab{flex:1;padding:4px 8px;background:var(--bg);border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-muted);transition:background .15s ease,color .15s ease}.qr-subtab.is-active{background:var(--primary-light);color:var(--primary)}.qr-subpanel{display:none}.qr-subpanel.is-active{display:block}.qr-field{margin-bottom:16px}.qr-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.qr-input,.qr-select,.qr-textarea{width:100%;padding:.65rem 16px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--surface);color:var(--text);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qr-input:focus,.qr-select:focus,.qr-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #362ad726}.qr-textarea{resize:vertical;min-height:100px}.qr-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.qr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-pw-wrap{position:relative}.qr-pw-wrap .qr-input{padding-right:2.75rem}.qr-pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;padding:4px 8px;color:var(--text-muted)}.qr-contact-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px}.qr-contact-row .qr-input{padding:4px .7rem}.qr-blf-wrap{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text);white-space:nowrap;justify-content:center;cursor:pointer}.qr-blf-wrap input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--primary);cursor:pointer}.qr-btn-remove{background:#fef2f2;color:var(--danger);border:none;border-radius:6px;width:2rem;height:2rem;cursor:pointer;font-size:1rem;line-height:1;transition:background .15s ease}.qr-btn-remove:hover{background:#fee2e2}.qr-btn-add{width:100%;padding:.65rem;background:var(--primary-light);color:var(--primary);border:1px dashed #C4B5FD;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;transition:background .15s ease}.qr-btn-add:hover{background:#ddd6fe}.qr-btn-clear{width:100%;padding:.65rem;background:var(--bg);border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);margin-top:16px;transition:background .15s ease}.qr-btn-clear:hover{background:var(--border)}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:24px}.qr-canvas-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px;width:100%;display:flex;justify-content:center;align-items:center;min-height:220px}.qr-placeholder{text-align:center;color:var(--text-muted);font-size:14px}.qr-placeholder svg{display:block;margin:0 auto 16px;opacity:.3}canvas.qr-canvas{border-radius:6px;display:none}.qr-warning{display:none;width:100%;background:#fffbeb;border:1px solid #FDE68A;color:#92400e;font-size:12px;padding:8px 16px;border-radius:6px;margin:0}.qr-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.qr-btn-download,.qr-btn-qr{flex:1;min-width:45%;padding:.65rem;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:linear-gradient(135deg,var(--primary),var(--info));color:#fff;transition:opacity .15s ease}.qr-btn-download:hover,.qr-btn-qr:hover{opacity:.88}.qr-btn-download:disabled,.qr-btn-qr:disabled{opacity:.5;cursor:not-allowed}.qr-btn-copy{flex-basis:100%;padding:.65rem;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:var(--bg);color:var(--text);transition:background .15s ease}.qr-btn-copy:hover{background:var(--border)}.qr-btn-copy:disabled{opacity:.5;cursor:not-allowed}.qr-data-box{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 16px;font-size:12px;color:var(--text-muted);max-height:160px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0}.qr-presets{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.qr-presets__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.qr-presets__title{font-size:14px;font-weight:700;color:var(--text)}.qr-presets__save{padding:5px 16px;border:1px solid var(--primary);border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.qr-presets__save:hover{background:color-mix(in srgb,var(--primary) 22%,transparent)}.qr-presets__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.qr-presets__empty{font-size:12px;color:var(--text-muted);font-style:italic}.qr-preset{display:flex;align-items:center;border:1px solid var(--border);border-radius:9999px;overflow:hidden;background:var(--bg)}.qr-preset:hover{border-color:var(--primary)}.qr-preset__load{border:0;background:none;padding:4px 8px 4px 16px;color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-preset__delete{border:0;background:none;padding:4px 8px 4px 2px;color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer}.qr-preset__delete:hover{color:var(--danger)}.pbx-search{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.pbx-search__field{position:relative;flex:1;min-width:220px}.pbx-search__field svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.pbx-search__field .form-control{padding-left:40px}.pbx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}@media(max-width:640px){.pbx-grid{grid-template-columns:1fr}}.pbx-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.pbx-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pbx-card--off{border-left-color:var(--text-light);opacity:.7}.pbx-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pbx-card__identity{min-width:0}.pbx-card__name{font-size:16px;font-weight:700;color:var(--text);margin:0;overflow-wrap:anywhere}.pbx-card__client{display:block;font-size:12px;color:var(--text-muted);margin-top:2px;overflow-wrap:anywhere}.pbx-card__state{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:9999px}.pbx-card__state.is-on{background:var(--success-bg);color:var(--success-fg)}.pbx-card__state.is-off{background:var(--bg);color:var(--text-muted)}.pbx-card__host{display:flex;align-items:center;gap:4px;color:var(--text-muted)}.pbx-card__host code{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 8px;overflow-wrap:anywhere}.pbx-card__copy{border:0;background:none;padding:2px;color:var(--text-light);cursor:pointer;display:flex;border-radius:6px;transition:color .15s ease}.pbx-card__copy:hover{color:var(--primary)}.pbx-card__notes{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0;white-space:pre-line}.pbx-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.pbx-card__actions form{margin:0 0 0 auto}.pbx-overlay{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;overflow-y:auto;transition:opacity .15s ease}.pbx-overlay.is-open{opacity:1;pointer-events:all}.pbx-overlay.is-open .pbx-modal{transform:scale(1)}.pbx-modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.94);transition:transform .25s ease}.pbx-modal--narrow{max-width:420px}.pbx-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border)}.pbx-modal__title{font-size:18px;font-weight:700;color:var(--text);margin:0}.pbx-modal__close{border:0;background:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;border-radius:6px;transition:color .15s ease,background .15s ease}.pbx-modal__close:hover{color:var(--text);background:var(--surface-2)}.pbx-modal__body{padding:24px;overflow-y:auto}.pbx-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.pbx-modal form{display:contents}.pbx-clear{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);cursor:pointer}.pbx-clear[hidden]{display:none}.pbx-secret__host{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-muted);margin:0 0 16px;overflow-wrap:anywhere}.pbx-secret__field{display:flex;align-items:center;gap:4px}.pbx-secret__field .form-control{flex:1;min-width:0}.pbx-secret__btn{flex-shrink:0;width:36px;height:36px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease}.pbx-secret__btn:hover{color:var(--primary);border-color:var(--primary)}.chatbot-bubble{position:fixed;bottom:76px;right:28px;z-index:1002;width:64px;height:64px;border-radius:9999px;background:var(--primary);box-shadow:0 4px 20px #362ad773;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;transition:transform .15s ease,box-shadow .15s ease}.chatbot-bubble.is-active{transform:scale(.92);box-shadow:0 2px 10px #362ad759}.chatbot-bubble:hover:not(.is-active){transform:scale(1.07);box-shadow:0 6px 28px #362ad78c}.chatbot-bubble:not(.is-active){animation:chatbot-pulse 3s ease-in-out infinite}@keyframes chatbot-pulse{0%,to{box-shadow:0 4px 20px #362ad773}50%{box-shadow:0 4px 28px #362ad7b3}}.chatbot-overlay{position:fixed;inset:0;z-index:1001;background:#00000026;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 28px 108px 0;opacity:0;pointer-events:none;transition:opacity .25s ease}.chatbot-overlay.is-open{opacity:1;pointer-events:auto}.chatbot-window{width:420px;height:620px;max-height:calc(100vh - 140px);min-width:320px;min-height:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a;display:flex;flex-direction:column;overflow:hidden;resize:both;transform:translateY(24px) scale(.97);transition:transform .25s ease,width .25s ease,height .25s ease}.chatbot-overlay.is-open .chatbot-window{transform:translateY(0) scale(1)}.chatbot-window.is-expanded{width:min(860px,100vw - 56px);height:calc(100vh - 120px)}.chatbot-window__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--primary);color:#fff;flex-shrink:0;border-radius:16px 16px 0 0}.chatbot-window__title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.02em}.chatbot-window__actions{display:flex;gap:4px}.chatbot-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#ffffffbf;cursor:pointer;transition:background .15s ease,color .15s ease}.chatbot-action-btn:hover{background:#ffffff26;color:#fff}.chatbot-window__body{position:relative;flex:1;overflow:hidden}.chatbot-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--bg);font-size:14px;background:var(--surface)}.chatbot-loading svg{animation:chatbot-spin 1.2s linear infinite;color:var(--primary)}.chatbot-loading--error{color:var(--danger)}.chatbot-loading--error svg{animation:none;color:var(--danger)}@keyframes chatbot-spin{to{transform:rotate(360deg)}}.chatbot-frame{position:absolute;inset:0;width:100%;height:100%;border:none;opacity:0;transition:opacity .25s ease}.chatbot-frame--visible{opacity:1}@media(max-width:640px){.chatbot-bubble{bottom:20px;right:20px;width:56px;height:56px}.chatbot-overlay{padding:0 0 96px;align-items:flex-end;justify-content:center}.chatbot-window{width:100vw;height:85vh;max-height:85vh;border-radius:16px 16px 0 0}}[data-theme=dark] .chatbot-bubble{background:#4f46e5;box-shadow:0 4px 20px #4f46e580}[data-theme=dark] .chatbot-bubble:not(.is-active){animation:chatbot-pulse-dark 3s ease-in-out infinite}[data-theme=dark] .chatbot-bubble:hover:not(.is-active){box-shadow:0 6px 28px #4f46e5b3}@keyframes chatbot-pulse-dark{0%,to{box-shadow:0 4px 20px #4f46e580}50%{box-shadow:0 4px 28px #4f46e5bf}}[data-theme=dark] .chatbot-overlay{background:#0006}[data-theme=dark] .chatbot-window{background:var(--surface);border-color:var(--border);box-shadow:0 20px 60px #00000080,0 4px 16px #0000004d}[data-theme=dark] .chatbot-window__header{background:#3730a3}[data-theme=dark] .chatbot-loading{background:var(--surface);color:var(--text-muted)}