@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary-50:#e7f4ee;--color-primary-400:#3aa57c;--color-primary-500:#12785a;--color-primary-600:#0d6148;--color-gray-50:#f7f8fa;--color-gray-100:#f0f2f5;--color-gray-200:#e3e6ea;--color-gray-300:#d2d6dc;--color-gray-500:#8a909a;--color-gray-600:#5d636e;--color-gray-900:#15171c;--bg:var(--color-gray-50);--surface:#fff;--surface-sunken:var(--color-gray-100);--panel-bg:var(--surface);--panel-muted:var(--surface-sunken);--input-bg:var(--surface);--border:var(--color-gray-200);--border-strong:var(--color-gray-300);--text:var(--color-gray-900);--text-h:var(--text);--text-muted:var(--color-gray-600);--text-faint:var(--color-gray-500);--accent:var(--color-primary-500);--accent-hover:var(--color-primary-600);--accent-wash:var(--color-primary-50);--accent-contrast:#fff;--danger:#c4332b;--danger-bg:#fdecea;--success:#2b8a3e;--success-wash:#e9f6ec;--warning:#a35d00;--warning-wash:#fdf2e1;--info:#2563c9;--info-wash:#e8f0fc;--note-wash:#fff8e6;--note-border:#f1dfae;--note-text:#8a5a00;--rail-bg:#15171c;--rail-border:#ffffff12;--rail-text:#b9bdc6;--rail-text-active:#fff;--rail-text-faint:#5a5f69;--rail-hover:#22252c;--rail-accent:#5fd0a1;--rail-badge-text:#06281c;--rail-width:200px;--service-voip-wash:#eeebff;--service-voip-text:#5a42cf;--service-broadband-wash:#fdf2e1;--service-broadband-text:#a35d00;--service-mobile-wash:#e7f6ee;--service-mobile-text:#17804f;--service-whatex-wash:#e2f4f2;--service-whatex-text:#0f6f66;--service-efax-wash:#fdebf2;--service-efax-text:#b0245c;--service-project-wash:var(--accent-wash);--service-project-text:var(--accent);--scroll-track:transparent;--scroll-thumb:var(--color-gray-300);--scroll-thumb-strong:var(--color-gray-500);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--control-h:28px;--control-h-sm:24px;--row-h:34px;--badge-h:18px;--badge-px:7px;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:9px;--radius-pill:999px;--shadow-sm:0 1px 2px #15171c0d;--shadow-md:0 6px 18px #15171c14, 0 1px 3px #15171c0d;--shadow-lg:0 14px 36px #15171c24, 0 2px 6px #15171c0f;--font-size-2xs:calc(10rem / 13);--font-size-xs:calc(11rem / 13);--font-size-sm:calc(12rem / 13);--font-size-base:1rem;--font-size-md:calc(14rem / 13);--font-size-lg:calc(16rem / 13);--font-size-xl:calc(20rem / 13);--font-size-2xl:calc(24rem / 13);--sans:"Inter Variable", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--heading:var(--sans);font:400 13px/1.45 var(--sans);font-feature-settings:"cv11", "ss01";letter-spacing:-.003em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:var(--font-size-lg)}}:root[data-theme=dark]{--bg:#0f1013;--surface:#16181d;--surface-sunken:#1b1d23;--panel-bg:var(--surface);--panel-muted:var(--surface-sunken);--input-bg:var(--surface);--border:#282b32;--border-strong:#343841;--text:#ececef;--text-h:var(--text);--text-muted:#9a9ea8;--text-faint:#6b707b;--accent:#3fbf8d;--accent-hover:#62d0a5;--accent-wash:#12291f;--accent-contrast:#06140e;--danger:#f2756d;--danger-bg:#331616;--success:#6ccf7f;--success-wash:#15291a;--warning:#f0ac4d;--warning-wash:#2e2410;--info:#6ea2f5;--info-wash:#16223a;--note-wash:#2a2312;--note-border:#4a3c1a;--note-text:#f0c46a;--rail-bg:#0a0b0d;--rail-text:#8e929c;--rail-text-active:#fff;--rail-text-faint:#565a64;--rail-hover:#17191e;--service-voip-wash:#241d42;--service-voip-text:#b3a3ff;--service-broadband-wash:#2e2410;--service-broadband-text:#f0ac4d;--service-mobile-wash:#12291f;--service-mobile-text:#4fd694;--service-whatex-wash:#0f2b29;--service-whatex-text:#5cd6c9;--service-efax-wash:#331520;--service-efax-text:#f27ba6;--service-project-wash:var(--accent-wash);--service-project-text:var(--accent);--scroll-track:transparent;--scroll-thumb:#343841;--scroll-thumb-strong:#6b707b;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 28px #00000080;--shadow-lg:0 18px 44px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{box-sizing:border-box;width:100%;min-height:100svh}body{background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track);margin:0}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-strong);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);letter-spacing:-.01em;font-weight:650}h1{font-size:var(--font-size-lg);letter-spacing:-.015em;margin:0;line-height:1.2}h2{font-size:var(--font-size-md);margin:0;line-height:1.2}h3{font-size:var(--font-size-sm);line-height:1.2}p{margin:0}button,input,select{font:inherit}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),select,textarea){box-sizing:border-box;min-height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--text);font-size:var(--font-size-sm);padding:4px 8px;transition:border-color .12s,box-shadow .12s}:where(textarea){font:inherit;font-size:var(--font-size-sm);min-height:calc(var(--control-h) * 2);line-height:1.45}:where(input,select,textarea):where(:hover):not(:focus,:disabled){border-color:var(--color-gray-500)}:where(input,select,textarea):where(:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}:where(input,select,textarea)::placeholder{color:var(--text-faint)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--accent)}.app-frame{background:var(--bg);min-height:100vh;display:grid}.app-layout{grid-template-columns:var(--rail-width) minmax(0, 1fr);background:var(--bg);height:100vh;display:grid;overflow:hidden}.app-main{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;display:grid;overflow:hidden}.app-main--scrollable{grid-template-rows:auto 1fr;height:100vh;overflow-y:auto}@media (width<=1024px){.app-layout{grid-template-columns:56px minmax(0,1fr)}.rail__brand-text,.rail__label,.rail__user-text{display:none}.rail{padding:12px 8px}.rail__item{justify-content:center;padding:8px 0}.rail__brand{justify-content:center;padding:4px 0 14px}.rail__user{justify-content:center;padding:12px 0 0}}.rail{background:var(--rail-bg);color:var(--rail-text);flex-direction:column;gap:2px;min-height:0;padding:14px 10px;display:flex;overflow-y:auto}.rail__brand{border-bottom:1px solid var(--rail-border);align-items:center;gap:9px;margin-bottom:6px;padding:4px 8px 16px;display:flex}.rail__mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-400));width:26px;height:26px;font-weight:700;font-size:var(--font-size-2xs);color:#fff;letter-spacing:-.02em;flex-shrink:0;place-items:center;display:grid}.rail__brand-text{font-size:var(--font-size-base);color:#fff;letter-spacing:-.01em;white-space:nowrap;font-weight:600}.rail__items{flex-direction:column;gap:2px;display:flex}.rail__item{border-radius:var(--radius-sm);width:100%;font:inherit;font-size:var(--font-size-base);color:var(--rail-text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;font-weight:500;transition:background .12s,color .12s;display:flex}.rail__item .icon{opacity:.85;flex-shrink:0;width:15px;height:15px}.rail__item:hover,.rail__item.is-active{background:var(--rail-hover);color:var(--rail-text-active)}.rail__item.is-active .icon{opacity:1;color:var(--rail-accent)}.rail__badge{border-radius:var(--radius-pill);background:var(--rail-accent);min-width:18px;height:18px;color:var(--rail-badge-text);font-size:var(--font-size-2xs);justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-weight:700;line-height:1;display:inline-flex}.rail__spacer{flex:1}.rail__user-wrap{border-top:1px solid var(--rail-border);margin-top:8px;padding-top:6px;position:relative}.rail__user{border-radius:var(--radius-sm);width:100%;min-width:0;color:inherit;text-align:left;font:inherit;background:0 0;border:0;align-items:center;gap:9px;padding:8px;display:flex}button.rail__user{cursor:pointer}button.rail__user:hover{background:var(--rail-hover)}.rail__user-menu{min-width:160px;position:absolute;bottom:calc(100% + 6px);left:8px}.rail__avatar{color:#fff;width:26px;height:26px;font-size:var(--font-size-2xs);border-radius:999px;flex-shrink:0;place-items:center;font-weight:650;display:grid;overflow:hidden}.rail__user-text{min-width:0;display:grid}.rail__user-name{font-size:var(--font-size-sm);color:#e2e2e6;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rail__user-role{font-size:var(--font-size-xs);color:var(--rail-text-faint)}.topbar{border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box;align-items:center;gap:10px;min-height:56px;padding:12px 24px;display:flex}.topbar__title{font-size:var(--font-size-lg);letter-spacing:-.015em;margin:0;font-weight:650}.topbar__spacer{flex:1}.btn{box-sizing:border-box;min-height:var(--control-h);font:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.btn .icon{width:13px;height:13px}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--surface-sunken)}.btn--soft{color:var(--text-muted);background:0 0;border-color:#0000}.btn--soft:hover{background:var(--surface-sunken);color:var(--text)}.btn--soft.is-active{background:var(--accent-wash);color:var(--accent)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:0 0}.btn--danger:hover{background:var(--danger-bg)}.btn--sm{min-height:var(--control-h-sm);font-size:var(--font-size-xs);padding:0 8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{box-sizing:border-box;height:var(--badge-h);font-size:var(--font-size-2xs);letter-spacing:.01em;padding:0 var(--badge-px);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;font-weight:600;line-height:1;display:inline-flex}.pill--tag{background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border)}.pill--danger{background:var(--danger-bg);color:var(--danger)}.pill--warning{background:var(--warning-wash);color:var(--warning)}.pill--success{background:var(--success-wash);color:var(--success)}.pill--reply{background:var(--info-wash);color:var(--info);border:0;font-family:inherit}button.pill--reply{cursor:pointer}button.pill--reply:hover{box-shadow:inset 0 0 0 1px var(--info)}.pill--accent{background:var(--accent-wash);color:var(--accent)}.pill--auto{background:var(--warning-wash);color:var(--warning);border:1px solid #0000}.pill--dot:before{content:"";background:currentColor;border-radius:999px;flex-shrink:0;width:5px;height:5px}.avatar{color:#fff;width:20px;height:20px;font-size:var(--font-size-2xs);-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.avatar__img{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;display:block}.rail__user-menu-preview{background:var(--panel-muted,#2a2a33);border-radius:999px;width:96px;height:96px;margin:6px auto 8px;display:block;overflow:hidden}.rail__user-menu-preview .avatar__img{border-radius:0}.profile-picture-row{align-items:center;gap:14px}.profile-picture-preview{background:var(--panel-muted,#2a2a33);border-radius:999px;flex-shrink:0;width:72px;height:72px;display:block;overflow:hidden}.profile-picture-preview__initials{color:#fff;-webkit-user-select:none;user-select:none;place-items:center;width:100%;height:100%;font-size:26px;font-weight:700;display:grid}.profile-picture-actions{flex-shrink:0;gap:8px;display:flex}.settings-row__hint.is-danger{color:var(--danger,#e5484d)}.avatar-upload{cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:0;line-height:0}.avatar-upload:hover .avatar,.avatar-upload:focus-visible .avatar{box-shadow:0 0 0 2px var(--accent);outline:none}.kpi-inline{border-left:1px solid var(--border);align-items:baseline;gap:18px;margin:0 0 0 20px;padding-left:20px;display:flex}.kpi-inline__item{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.kpi-inline__value{font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;color:var(--text-h);margin:0;font-weight:700}.kpi-inline__value.is-danger{color:var(--danger)}.kpi-inline__label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:500}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (width<=900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label""value delta";align-items:baseline;column-gap:8px;padding:8px 12px;display:grid}.kpi__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);grid-area:label;align-items:center;gap:5px;font-weight:600;display:flex}.kpi__hint{border:1px solid var(--border);width:13px;height:13px;color:var(--text-muted);font-size:var(--font-size-2xs);text-transform:none;cursor:help;border-radius:999px;place-items:center;font-style:italic;font-weight:700;display:inline-grid;position:relative}.kpi__tooltip{border-radius:var(--radius-sm,8px);background:var(--surface);border:1px solid var(--border);width:max-content;max-width:240px;box-shadow:var(--shadow-md,var(--shadow-sm));color:var(--text-muted);font-size:var(--font-size-sm);text-transform:none;letter-spacing:normal;white-space:normal;opacity:0;visibility:hidden;z-index:40;padding:8px 10px;font-weight:500;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.kpi__hint:hover .kpi__tooltip,.kpi__hint:focus-visible .kpi__tooltip{opacity:1;visibility:visible}.kpi__value{font-size:var(--font-size-xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);grid-area:value;margin-top:2px;font-weight:650}.kpi__value.is-danger{color:var(--danger)}.kpi__delta{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:delta;overflow:hidden}.context-menu{z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);padding:5px;position:fixed}.context-menu--submenu{z-index:91;max-height:min(60vh,420px);position:absolute;top:-6px;left:calc(100% + 2px);overflow-y:auto}.context-menu__item-wrap{position:relative}.context-menu__item{border-radius:var(--radius-sm);width:100%;font:inherit;font-size:var(--font-size-base);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:7px 10px;font-weight:500;display:flex}.context-menu__item:hover:not(:disabled){background:var(--surface-sunken)}.context-menu__item:disabled{opacity:.5;cursor:default}.context-menu__item.is-danger{color:var(--danger)}.context-menu__icon{color:var(--text-faint);display:inline-flex}.context-menu__item.is-danger .context-menu__icon{color:var(--danger)}.context-menu__icon .icon{width:13px;height:13px}.context-menu__label{flex:1;min-width:0}.context-menu__caret{color:var(--text-faint);font-size:var(--font-size-base);line-height:1}.context-menu__separator{background:var(--border);height:1px;margin:4px 6px}.context-menu__header{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;padding:4px 10px;font-weight:600}.auth-shell{background:var(--bg);place-items:center;padding:24px;display:grid}.auth-panel{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow-md);gap:14px;padding:32px 28px;display:grid}.auth-panel h1{font-size:var(--font-size-lg);margin:0}