@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Oswald:wght@900&family=Dancing+Script:wght@400;700&family=Montserrat:wght@500;600;700&family=IBM+Plex+Mono&display=swap";:root{--color-bg:#f4fbff;--color-bg-elevated:#fff;--color-bg-surface:#eef8ff;--color-bg-overlay:#ffffffc7;--color-accent-cyan:#0891b2;--color-accent-blue:#2563eb;--color-accent-violet:#7c3aed;--color-accent-cyan-dim:#0891b21a;--color-accent-blue-dim:#2563eb1a;--color-success:#059669;--color-warning:#d97706;--color-danger:#e11d48;--color-info:#0284c7;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-accent:#0369a1;--color-border:#0e74901f;--color-border-strong:#0e749038;--color-border-accent:#0891b252;--font-sans:"Inter", "Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 12px 28px #0f172a1a;--shadow-lg:0 24px 60px #0f172a24;--shadow-glow-cyan:0 18px 48px #0891b229;--shadow-glow-blue:0 18px 48px #2563eb29;--backdrop-blur:blur(22px) saturate(170%);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:220px;--topbar-height:56px;--crm-panel-width:300px}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}@media (width<=768px){input,select,textarea{font-size:16px!important}}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-md);margin:0;line-height:1.5;overflow:hidden}#root{height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan)}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px;border-radius:var(--radius-sm)}.glass-card{background:var(--color-bg-overlay);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;font-weight:500;display:inline-flex}.badge--cyan{background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan);border:1px solid #0891b233}.badge--blue{background:var(--color-accent-blue-dim);color:var(--color-accent-blue);border:1px solid #2563eb33}.badge--success{color:var(--color-success);background:#0596691a;border:1px solid #05966933}.badge--warning{color:var(--color-warning);background:#d977061a;border:1px solid #d9770633}.badge--danger{color:var(--color-danger);background:#e11d481a;border:1px solid #e11d4833}.badge--muted{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#94a3b81a}.skeleton{background:linear-gradient(90deg, var(--color-bg-surface) 25%, #0891b20f 50%, var(--color-bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex}.stat-pill__value{color:var(--color-text-primary);font-weight:600;font-family:var(--font-mono)}.sidebar{width:var(--sidebar-width);height:calc(100vh - var(--space-4) * 2);margin:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden auto}.sidebar:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#0891b20d,#0000 30%,#2563eb0a);position:absolute;inset:0}.sidebar__brand{align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex;position:relative}.sidebar__brand-mark{border-radius:var(--radius-md);color:#fff;width:42px;height:42px;font-weight:800;font-size:var(--text-xl);background:linear-gradient(135deg,#06b6d4,#2563eb 60%,#7c3aed);place-items:center;display:grid;box-shadow:0 8px 24px #0891b252}.sidebar__brand-title{font-size:var(--text-lg);letter-spacing:-.03em;color:var(--color-text-primary);font-weight:800}.sidebar__brand-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary)}.sidebar__nav{gap:var(--space-1);margin-top:var(--space-5);flex-direction:column;display:flex;position:relative}.sidebar__always-visible{margin-top:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.sidebar__groups{margin-top:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar__group{border-radius:var(--radius-md);overflow:hidden}.sidebar__group-header{align-items:center;gap:var(--space-2);width:100%;padding:7px var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:600;display:flex}.sidebar__group-header:hover{color:var(--color-text-primary);background:#0891b20f}.sidebar__group--has-active .sidebar__group-header{color:var(--color-accent-cyan)}.sidebar__group-icon{border-radius:var(--radius-sm);color:currentColor;background:#0891b20f;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.sidebar__group-icon svg{width:13px;height:13px}.sidebar__group-label{text-align:left;flex:1}.sidebar__group-chevron{opacity:.5;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sidebar__group-header--open .sidebar__group-chevron{transform:rotate(180deg)}.sidebar__group-items{opacity:0;pointer-events:none;max-height:0;transition:max-height .22s cubic-bezier(.4,0,.2,1),opacity .16s;overflow:hidden}.sidebar__group-items--open{opacity:1;pointer-events:auto;max-height:260px}.sidebar__nav-item{align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:500;display:flex}.sidebar__nav-item--sub{padding:8px var(--space-3) 8px 36px;font-size:var(--text-sm);border-radius:var(--radius-sm);font-weight:400}.sidebar__nav-item--sub:hover{color:var(--color-text-primary);background:#0891b20f;transform:translate(2px)}.sidebar__nav-item--sub.sidebar__nav-item--active{font-weight:600}.sidebar__nav-item:hover{color:var(--color-text-primary);background:#0891b20f;transform:translate(2px)}.sidebar__nav-item--active{color:var(--color-accent-cyan);background:linear-gradient(135deg,#0891b224,#2563eb1a);border-color:#0891b252;font-weight:700;box-shadow:0 6px 18px #0891b22e}.sidebar__nav-icon{border-radius:var(--radius-sm);color:currentColor;background:#0891b214;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.sidebar__nav-item--active .sidebar__nav-icon{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff}.sidebar__nav-icon svg{width:17px;height:17px}.sidebar__connector{padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(#05966914,#0891b20d);border:1px solid #05966938;margin-top:auto;position:relative}.sidebar__connector-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sidebar__connector-dot{background:var(--color-success);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #05966999}.sidebar__connector p{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.55}.sidebar__connector-btn{border-radius:var(--radius-md);width:100%;height:32px;color:var(--color-success);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#0596691f;border:1px solid #05966947;font-weight:700}.sidebar__connector-btn:hover{background:#0596692e;border-color:#05966966}@media (width<=960px){.sidebar{width:240px;height:100vh;padding:var(--space-4);z-index:200;box-shadow:var(--shadow-xl);border-radius:0;margin:0;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar:before,.sidebar__connector{display:none}.sidebar__brand{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar__brand-mark{width:36px;height:36px}.sidebar__brand-title{font-size:var(--text-base)}.sidebar__brand-subtitle{display:none}.sidebar__always-visible,.sidebar__groups{flex-direction:column;margin-top:0;overflow:visible}.sidebar__always-visible{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);margin-bottom:var(--space-2)}.sidebar__nav-item,.sidebar__group-header{width:100%;padding:10px var(--space-3);flex-shrink:0}.sidebar__nav-item span:last-child{display:inline}.sidebar-toggle{display:flex!important}.sidebar-backdrop{display:block!important}}@media (width<=520px){.sidebar{width:min(100vw,320px)}.sidebar__brand-title{display:none}}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:199;background:#0f172a73;border:0;padding:0;display:none;position:fixed;inset:0}.sidebar-toggle{top:var(--space-3);left:var(--space-3);z-index:210;border:1px solid var(--color-border);border-radius:var(--radius-md);width:42px;height:42px;box-shadow:var(--shadow-md);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:fixed}.sidebar-toggle span{background:var(--color-text-primary);border-radius:999px;width:18px;height:2px}@media (width<=960px){.sidebar-toggle{display:flex}.sidebar-backdrop{visibility:hidden;opacity:0;transition:opacity .22s,visibility .22s;display:block}.sidebar-backdrop--visible{visibility:visible;opacity:1}}.topbar{height:auto;min-height:var(--topbar-height);margin:var(--space-4) var(--space-4) 0 0;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;flex-shrink:0;display:flex}.topbar__intro{flex-direction:column;gap:2px;min-width:220px;display:flex}.topbar__eyebrow{font-size:var(--text-xs);color:var(--color-accent-cyan);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.topbar__title{font-size:var(--text-2xl);letter-spacing:-.03em;background:linear-gradient(135deg,#0891b2,#2563eb 60%,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800}.topbar__subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.topbar__search{align-items:center;gap:var(--space-2);max-width:360px;padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);color:var(--color-text-muted);background:#f1f7ff;flex:1;display:flex}.topbar__search:focus-within{border-color:var(--color-border-accent);background:#fff;box-shadow:0 0 0 3px #0891b21f}.topbar__search svg{flex-shrink:0;width:15px;height:15px}.topbar__search input{min-width:0;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.topbar__search input::placeholder{color:var(--color-text-muted)}.topbar__health{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.topbar__health-item{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:default;transition:border-color var(--transition-fast);background:#f1f7ff;display:flex}.topbar__health-item:hover{border-color:var(--color-border-strong)}.topbar__health-item div{flex-direction:column;display:flex}.topbar__health-item strong{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;line-height:1}.topbar__health-item span{font-size:var(--text-xs);color:var(--color-text-secondary)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--online{background:var(--color-success);box-shadow:0 0 8px #0596698c}.status-dot--busy{background:var(--color-warning);box-shadow:0 0 8px #d9770680}.status-dot--offline{background:var(--color-text-muted)}@media (width<=1180px){.topbar{flex-wrap:wrap;align-items:stretch}.topbar__search{flex-basis:100%;order:3;width:100%;max-width:none}}@media (width<=960px){.topbar{margin:var(--space-3) var(--space-3) 0 calc(var(--space-3) + 52px);padding:var(--space-3) var(--space-4);gap:var(--space-3)}.topbar__search{display:none}.topbar__health{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.topbar__health-item{min-width:92px}}.topbar__user{align-items:center;gap:var(--space-3);padding-left:var(--space-4);border-left:1px solid var(--color-border);margin-left:var(--space-1);display:flex}.topbar__user-avatar{color:#fff;width:34px;height:34px;font-size:var(--text-sm);background:linear-gradient(135deg,#06b6d4,#2563eb 60%,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;box-shadow:0 6px 18px #0891b247}.topbar__user-info{flex-direction:column;display:flex}.topbar__user-info strong{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700;line-height:1.2}.topbar__user-info span{font-size:var(--text-xs);color:var(--color-text-muted)}.topbar__logout{border:none}.topbar__logout:hover{color:var(--color-danger);background:#e11d4814;border-color:#e11d484d}@media (width<=640px){.topbar{margin:var(--space-2);padding:var(--space-3)}.topbar__subtitle,.topbar__eyebrow{display:none}.topbar__title{font-size:var(--text-xl)}.topbar__health .badge{display:none}.topbar__user{padding-left:var(--space-3)}.topbar__user-info span{display:none}}.ui-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;overflow:hidden;box-shadow:0 8px 20px #2563eb38}.ui-avatar img{object-fit:cover;width:100%;height:100%}.ui-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.ui-avatar--md{width:40px;height:40px;font-size:var(--text-sm)}.ui-avatar--lg{width:46px;height:46px;font-size:var(--text-md)}.ui-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ui-dot--online{background:var(--color-success);box-shadow:0 0 8px #0596698c}.ui-dot--busy{background:var(--color-warning);box-shadow:0 0 8px #d9770680}.ui-dot--offline{background:var(--color-text-muted)}.ui-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.ui-badge--cyan{background:var(--color-accent-cyan-dim);color:var(--color-accent-cyan);border:1px solid #0891b238}.ui-badge--blue{background:var(--color-accent-blue-dim);color:var(--color-accent-blue);border:1px solid #2563eb38}.ui-badge--success{color:var(--color-success);background:#0596691a;border:1px solid #05966938}.ui-badge--warning{color:var(--color-warning);background:#d977061a;border:1px solid #d9770638}.ui-badge--amber{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}.ui-badge--danger{color:var(--color-danger);background:#e11d481a;border:1px solid #e11d4838}.ui-badge--violet{color:var(--color-accent-violet);background:#7c3aed1a;border:1px solid #7c3aed38}.ui-badge--muted{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#94a3b81a}.ui-empty{justify-content:center;align-items:center;gap:var(--space-3);min-height:360px;padding:var(--space-8);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;display:flex}.ui-empty__orb{border:1px solid var(--color-border-accent);background:radial-gradient(circle,#0891b247,#2563eb1a);border-radius:50%;width:72px;height:72px;box-shadow:0 16px 48px #0891b233}.ui-empty h3{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0}.ui-empty p{max-width:420px;color:var(--color-text-secondary);margin:0}.ui-empty--error .ui-empty__orb{background:radial-gradient(circle,#e11d4833,#e11d480f);border-color:#e11d4840}.ui-skeleton-list{gap:var(--space-3);flex-direction:column;display:flex}.ui-skeleton-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#f8fbff;display:flex}.ui-skeleton-row__body{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.ui-skeleton{background:linear-gradient(90deg,#f1f7ff,#0891b214,#f1f7ff) 0 0/200% 100%;animation:1.3s infinite ui-shimmer}.ui-skeleton--avatar{border-radius:50%;width:40px;height:40px}.ui-skeleton--line{border-radius:var(--radius-full);height:12px}.ui-skeleton--line.short{width:45%}.import-backdrop{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a47;place-items:center;display:grid;position:fixed;inset:0}.import-modal{border:1px solid var(--color-border);background:#fff;border-radius:24px;flex-direction:column;width:min(720px,100%);max-height:min(90vh,820px);display:flex;overflow:hidden;box-shadow:0 32px 90px #0f172a38}.import-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:linear-gradient(#fff,#f8fcff);display:flex}.import-modal__eyebrow{color:var(--color-accent-cyan);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.import-modal__header h2{color:var(--color-text-primary);letter-spacing:-.04em;margin:4px 0 0;font-size:1.55rem}.import-modal__close{flex-shrink:0}.import-modal__tabs{gap:var(--space-2);padding:var(--space-3) var(--space-6) 0;background:#fff;display:flex}.import-tab{height:36px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#f8fbff;font-weight:700}.import-tab--active{color:var(--color-accent-cyan);background:linear-gradient(135deg,#0891b224,#2563eb1a);border-color:#0891b247}.import-modal__body{gap:var(--space-4);padding:var(--space-5) var(--space-6);grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.import-field{gap:var(--space-2);flex-direction:column;display:flex}.import-field--full{grid-column:1/-1}.import-field label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:800}.import-required{color:var(--color-danger)}.import-field input,.import-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font:inherit;transition:all var(--transition-fast);background:#f8fbff;outline:none}.import-field input{height:42px;padding:0 var(--space-3)}.import-textarea{min-height:160px;padding:var(--space-3);resize:vertical;line-height:1.55}.import-textarea--sm{min-height:88px}.import-field input:focus,.import-textarea:focus{border-color:var(--color-border-accent);background:#fff;box-shadow:0 0 0 3px #0891b21f}.import-hint{color:var(--color-text-muted);font-size:var(--text-xs);margin:0;line-height:1.5}.import-tags{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8fbff;flex-wrap:wrap;min-height:42px;padding:6px;display:flex}.import-tag{border-radius:var(--radius-full);background:var(--color-accent-blue-dim);color:var(--color-accent-blue);font-size:var(--text-xs);align-items:center;gap:6px;padding:5px 9px;font-weight:700;display:inline-flex}.import-tag button{color:currentColor;cursor:pointer;background:#2563eb1f;border:0;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.import-tag-input{flex:1;min-width:140px;height:28px!important;box-shadow:none!important;background:0 0!important;border:0!important}.import-error,.import-success{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);grid-column:1/-1;font-weight:700}.import-error{color:var(--color-danger);background:#e11d4814;border:1px solid #e11d4838}.import-success{color:var(--color-success);background:#05966914;border:1px solid #05966938}.import-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:#fbfdff;display:flex}.import-modal__footer .primary-action:disabled{opacity:.55;cursor:not-allowed}@media (width<=680px){.import-modal__body{padding:var(--space-4);grid-template-columns:1fr}.import-modal__header,.import-modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}}.account-cards{gap:var(--space-2);padding:var(--space-3) var(--space-3) 0;flex-shrink:0;display:flex;overflow-x:auto}.account-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);color:var(--color-text-primary);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#f8fbff;flex-direction:column;gap:4px;min-width:80px;display:flex}.account-card:hover{background:#f1f8ff;border-color:#0891b266}.account-card--active{border-color:var(--color-accent-cyan);background:#0891b214}.account-card__header{align-items:center;gap:5px;display:flex}.account-card__label{text-overflow:ellipsis;max-width:70px;font-weight:700;overflow:hidden}.account-card__count{border-radius:var(--radius-full);color:var(--color-accent-cyan);background:#0891b21f;margin-left:auto;padding:1px 5px;font-size:10px;font-weight:800}.conv-item__badge{border-radius:var(--radius-full);letter-spacing:.04em;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.conv-item__badge--group{color:var(--color-accent-violet);background:#7c3aed1f;border:1px solid #7c3aed33}.conv-item__badge--person{color:var(--color-accent-cyan);background:#0891b21a;border:1px solid #0891b22e}.inbox-error-banner{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-xs);background:#e11d4814;border:1px solid #e11d4833;display:flex}.inbox-error-banner button{padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-danger);color:var(--color-danger);font:inherit;font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0}.inbox-error-banner button:hover{background:var(--color-danger);color:#fff}.secondary-action{height:30px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#f8fbff;font-weight:600}.secondary-action:hover{color:var(--color-accent-cyan);background:#0891b20f;border-color:#0891b266}.primary-action{height:38px;padding:0 var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;font:inherit;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:0;font-weight:700;box-shadow:0 8px 20px #0891b23d}.primary-action:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0891b252}.zalo-connect-btn{height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);color:#fff;font:inherit;font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#0068ff,#0052cc);border:0;font-weight:800;box-shadow:0 4px 12px #0068ff47}.zalo-connect-btn:hover{background:linear-gradient(135deg,#07f,#005ce0);transform:translateY(-1px);box-shadow:0 6px 16px #0068ff61}.zalo-connect-btn:active{transform:translateY(0)}.inbox-layout{gap:var(--space-4);height:100%;min-height:0;padding:var(--space-4) var(--space-4) var(--space-4) 0;grid-template-columns:310px minmax(420px,1fr) 320px;display:grid}.inbox-convs,.inbox-chat,.inbox-crm{border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;min-height:0;box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex;overflow:hidden}.inbox-convs__header,.inbox-chat__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:linear-gradient(#fff,#f8fcff);flex-shrink:0;display:flex}.inbox-convs__header h2,.inbox-chat__header h2{color:var(--color-text-primary);font-size:var(--text-xl);margin:0;font-weight:800}.inbox-convs__header p,.inbox-chat__header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:2px 0 0}.inbox-convs__search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);flex-shrink:0;display:flex}.inbox-convs__search svg{color:var(--color-text-muted);flex-shrink:0}.inbox-convs__search input[type=search]{border:1px solid var(--color-border);border-radius:var(--radius-md);height:32px;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);padding:0 var(--space-2);background:#fff;outline:none;flex:1}.inbox-convs__search input[type=search]:focus{border-color:var(--color-border-accent);box-shadow:0 0 0 2px #0891b21a}.inbox-convs__list{min-height:0;padding:var(--space-2);background:#fbfdff;flex:1;overflow-y:auto}.conv-item{gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;display:flex;position:relative}.conv-item:hover{background:#f1f8ff;border-color:#0891b224}.conv-item--active{background:linear-gradient(135deg,#0891b21f,#2563eb14);border-color:#0891b247;box-shadow:0 8px 22px #0891b229}.conv-item__avatar,.avatar-lg{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid;box-shadow:0 8px 20px #2563eb38}.conv-item__avatar{width:38px;height:38px;font-size:var(--text-sm)}.avatar-lg{width:46px;height:46px;font-size:var(--text-md)}.conv-item__body{flex:1;min-width:0}.conv-item__row,.conv-item__meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.conv-item__row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base);color:var(--color-text-primary);overflow:hidden}.conv-item__time,.conv-item__meta small{color:var(--color-text-muted);font-size:var(--text-xs);flex-shrink:0}.conv-item__msg{color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 8px;overflow:hidden}.conv-item__sender{color:var(--color-text-primary);font-weight:700}.conv-item__account{border-radius:var(--radius-full);color:#0068ff;text-overflow:ellipsis;white-space:nowrap;background:#0068ff14;border:1px solid #0068ff29;align-items:center;max-width:110px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-flex;overflow:hidden}.unread-dot{top:var(--space-3);right:var(--space-3);background:var(--color-accent-cyan);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid;position:absolute}.flex-center{align-items:center;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.sep{color:var(--color-text-muted)}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot--online{background:var(--color-success);box-shadow:0 0 8px #0596698c}.dot--busy{background:var(--color-warning);box-shadow:0 0 8px #d9770680}.dot--offline{background:var(--color-text-muted)}.badge--violet{color:var(--color-accent-violet);background:#7c3aed1a;border:1px solid #7c3aed38}.icon-btn,.btn-primary-sm,.tag-add{font:inherit;cursor:pointer;transition:all var(--transition-fast);border:0}.icon-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:#f1f7ff;place-items:center;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn--sm{width:30px;height:30px}.icon-btn:hover{color:var(--color-accent-cyan);border-color:var(--color-border-accent);background:var(--color-accent-cyan-dim)}.btn-primary-sm{height:30px;padding:0 var(--space-3);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;font-size:var(--text-sm);font-weight:700;box-shadow:0 8px 18px #0891b238}.btn-primary-sm:hover{transform:translateY(-1px)}.btn-primary-sm:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.55;transform:none}.inbox-chat__thread{min-height:0;padding:var(--space-5);gap:var(--space-3);background:radial-gradient(circle at 15% 5%,#0891b20f,#0000 30%),radial-gradient(circle at 90% 85%,#2563eb0d,#0000 35%),#f8fbff;flex-direction:column;flex:1;display:flex;overflow-y:auto}.thread-day-chip{padding:3px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);background:#fff;align-self:center}.msg-row{flex-direction:column;gap:2px;max-width:74%;display:flex}.msg-row--out{align-self:flex-end}.msg-row--in{align-self:flex-start}.msg-sender-label{color:var(--color-accent-violet);letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:none;padding:0 4px;font-size:10px;font-weight:700}.msg-sender-label:hover{text-decoration:underline}.member-popover-backdrop{z-index:9999;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.member-popover{border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;min-width:280px;max-width:340px;position:relative;box-shadow:0 20px 60px #0f172a33}.member-popover__close{top:var(--space-3);right:var(--space-3);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:20px;line-height:1;position:absolute}.member-popover__close:hover{color:var(--color-text-primary)}.member-popover__profile{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.member-popover__profile h3{font-size:var(--text-lg);margin:0}.member-popover__profile p{font-size:var(--text-xs);color:var(--color-text-muted);margin:2px 0 0}.member-popover__details{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.member-popover__details>div{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:4px 0;display:flex}.member-popover__details>div span{color:var(--color-text-muted)}.member-popover__details>div strong{font-size:var(--text-xs);color:var(--color-text-primary)}.member-popover__actions{gap:var(--space-2);display:flex}.member-popover__actions button,.member-popover__actions a{font-size:var(--text-xs);flex:1;height:32px}.member-popover__bio{font-size:var(--text-xs);color:var(--color-text-muted);margin:4px 0 0;font-style:italic}.member-popover__fetching{font-size:var(--text-xs);color:var(--color-accent-cyan);align-items:center;gap:6px;display:inline-flex}.member-popover__spinner{border:2px solid #0891b240;border-top-color:var(--color-accent-cyan);border-radius:50%;width:10px;height:10px;animation:.7s linear infinite spin;display:inline-block}.member-popover__phone-found{color:#10b981;font-size:var(--text-sm);font-weight:700}.member-popover__no-phone{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.member-popover__hint{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);background:#fbbf2414;border:1px solid #fbbf2438;line-height:1.5;display:flex}.member-popover__hint p{margin:0}.member-popover__hint strong{color:var(--color-accent-cyan)}.virtual-contacts-page{gap:var(--space-4);padding:var(--space-5);flex-direction:column;height:100%;display:flex;overflow-y:auto}.virtual-contacts-page h2{font-size:var(--text-2xl);background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:800}.virtual-contacts-page__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.vc-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);background:#fff}.vc-card h3{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--color-text-primary);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.vc-card__desc{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.55}.vc-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:140px;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);padding:var(--space-3);resize:vertical;transition:all var(--transition-fast);font-family:var(--font-mono);box-sizing:border-box;background:#f8fbff;outline:none}.vc-textarea:focus{border-color:var(--color-border-accent);background:#fff;box-shadow:0 0 0 3px #0891b21f}.vc-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.vc-stat-row{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.vc-stat{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#f8fbff;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:80px;display:flex}.vc-stat__count{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:800}.vc-stat__label{font-size:var(--text-xs);color:var(--color-text-muted)}.vc-stat--synced .vc-stat__count{color:#10b981}.vc-stat--pending .vc-stat__count{color:var(--color-accent-cyan)}.vc-stat--failed .vc-stat__count{color:var(--color-danger)}.vc-message{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.vc-message--success{color:#065f46;background:#10b98114;border:1px solid #10b9813d}.vc-message--error{color:#991b1b;background:#ef444414;border:1px solid #ef444433}.vc-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.vc-table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.vc-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.vc-status-badge{border-radius:var(--radius-full);align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.vc-status-badge--PENDING{color:var(--color-accent-cyan);background:#0891b21a;border:1px solid #0891b238}.vc-status-badge--SYNCED{color:#10b981;background:#10b9811a;border:1px solid #10b9813d}.vc-status-badge--FAILED{color:var(--color-danger);background:#ef444414;border:1px solid #ef444433}.msg-bubble{border-radius:var(--radius-lg);border:1px solid var(--color-border);color:var(--color-text-primary);background:#fff;padding:10px 14px;box-shadow:0 8px 20px #0f172a0f}.msg-row--out .msg-bubble{color:#fff;border-bottom-right-radius:var(--radius-sm);background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 10px 24px #2563eb3d}.msg-row--in .msg-bubble{border-bottom-left-radius:var(--radius-sm)}.msg-bubble p{font-size:var(--text-base);margin:0}.msg-bubble time{color:#ffffffb3;font-size:var(--text-xs);text-align:right;margin-top:5px;display:block}.msg-row--in .msg-bubble time{color:var(--color-text-muted)}.msg-reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.msg-reaction-pill{border-radius:var(--radius-full);min-height:20px;color:var(--color-text-primary);font-size:var(--text-xs);background:#ffffffb8;border:1px solid #94a3b847;align-items:center;gap:2px;padding:2px 7px;line-height:1;display:inline-flex;box-shadow:0 4px 12px #0f172a14}.msg-reaction-trigger{border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;opacity:0;z-index:10;background:#fff;border-radius:50%;place-items:center;transition:opacity .15s,background .15s;display:grid;position:absolute;top:50%;right:-28px;transform:translateY(-50%);box-shadow:0 2px 8px #0f172a1f}.msg-row:hover .msg-reaction-trigger,.msg-reaction-trigger:focus{opacity:1}.msg-reaction-trigger:hover{color:var(--color-accent-cyan);background:#f1f7ff;border-color:#0891b266}.msg-reaction-trigger:focus{opacity:1;outline:2px solid var(--color-accent-cyan);outline-offset:2px}.msg-row{position:relative}.reaction-popup{z-index:100;border:1px solid var(--color-border);background:#fff;border-radius:22px;align-items:center;gap:2px;padding:6px 8px;animation:.15s reaction-popup-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0f172a24,0 2px 6px #0f172a14}.reaction-popup:before{content:"";background:0 0;height:12px;position:absolute;top:100%;left:0;right:0}@keyframes reaction-popup-in{0%{opacity:0;transform:scale(.85)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.reaction-popup__emoji{cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:transform .12s,background .12s;display:grid}.reaction-popup__emoji:hover{background:#f1f7ff;transform:scale(1.28)}.reaction-popup__emoji:active{transform:scale(.9)}.msg-row--in .msg-reaction-pill{background:#f8fbff}.msg-seen{font-size:var(--text-xs);color:#ffffffc7;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;display:flex}.msg-seen__avatar,.msg-seen__more{color:#fff;background:#ffffff38;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:inline-grid;overflow:hidden}.msg-seen__avatar img{object-fit:cover;width:100%;height:100%}.msg-seen__more{border-radius:var(--radius-full);width:auto;min-width:18px;padding:0 5px}.inbox-chat__composer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:#fff;flex-direction:column;flex-shrink:0;display:flex}.composer-toolbar{align-items:center;gap:var(--space-1);display:flex}.composer-tool-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#f1f7ff;place-items:center;display:grid}.composer-tool-btn:hover{color:var(--color-accent-cyan);background:#0891b20f;border-color:#0891b266}.composer-file-preview{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-accent-cyan);background:#0891b20f;border:1px solid #0891b22e;display:flex}.composer-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.composer-file-remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.composer-file-remove:hover{color:var(--color-danger)}.composer-row{align-items:center;gap:var(--space-2);display:flex}.composer-error{margin:calc(-1 * var(--space-2)) 0 0;color:var(--color-danger);font-size:var(--text-xs)}.composer-input,.note-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font:inherit;transition:all var(--transition-fast);background:#f8fbff;outline:none}.composer-input{height:38px;padding:0 var(--space-3)}.composer-input:focus,.note-input:focus{border-color:var(--color-border-accent);background:#fff;box-shadow:0 0 0 3px #0891b21f}.inbox-crm{background:#fff;overflow-y:auto}.inbox-crm__section{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.inbox-crm__section h4{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.inbox-crm__profile{align-items:center;gap:var(--space-3);display:flex}.inbox-crm__profile h3{color:var(--color-text-primary);margin:0}.mono-text{color:var(--color-accent-cyan);font-family:var(--font-mono);font-size:var(--text-sm);margin:2px 0 0}.stage-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.stage-card,.account-health-item,.followup-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8fbff}.stage-card{align-items:center;gap:var(--space-2);padding:var(--space-3);flex-direction:column;display:flex}.stage-card strong{font-size:var(--text-2xl);color:var(--color-text-primary)}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-pill,.tag-add{border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--color-border);padding:5px 10px}.tag-pill{background:var(--color-accent-blue-dim);color:var(--color-accent-blue)}.tag-add{color:var(--color-text-secondary);background:#f1f7ff}.followup-list,.account-health-list{gap:var(--space-2);flex-direction:column;display:flex}.followup-item{gap:var(--space-3);padding:var(--space-3);display:flex}.followup-item--urgent{background:#d9770614;border-color:#d9770652}.followup-item__dot{background:var(--color-accent-cyan);border-radius:50%;width:8px;height:8px;margin-top:7px;box-shadow:0 0 8px #0891b273}.followup-item strong{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.followup-item time{color:var(--color-text-muted);font-size:var(--text-xs)}.account-health-item{padding:var(--space-3);justify-content:space-between;align-items:center;display:flex}.account-health-item__meta{text-align:right}.account-health-item__meta strong{font-size:var(--text-lg);color:var(--color-text-primary);display:block}.account-health-item__meta small{color:var(--color-text-muted);font-size:var(--text-xs)}.note-input{min-height:86px;padding:var(--space-3);resize:vertical}.inbox-crm__mini-crm{gap:var(--space-2);flex-direction:column;display:flex}.inbox-crm__mini-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.inbox-crm__mini-label{color:var(--color-text-secondary);font-size:var(--text-xs);flex-shrink:0;font-weight:600}.inbox-crm__mini-value{color:var(--color-text-primary);font-size:var(--text-xs);text-align:right}.inbox-crm__mini-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.inbox-crm__mini-notes{gap:var(--space-2);flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.inbox-crm__mini-note{flex-direction:column;gap:2px;display:flex}.inbox-crm__mini-note-meta{align-items:center;gap:4px;display:flex}.inbox-crm__note-type{font-size:var(--text-xs)}.inbox-crm__mini-note-body{font-size:var(--text-xs);color:var(--color-text-primary);word-break:break-word;margin:0;line-height:1.4}.inbox-crm__mini-add{gap:var(--space-2);margin-top:var(--space-1);flex-direction:column;display:flex}@media (width<=1200px){.inbox-layout{grid-template-columns:260px minmax(360px,1fr)}.inbox-crm{display:none}}.inbox-chat__back-btn,.inbox-crm__back-btn{display:none}.inbox-layout--panel-list .inbox-convs,.inbox-layout--panel-chat .inbox-chat,.inbox-layout--panel-crm .inbox-crm{display:flex}@media (width<=960px){.inbox-layout{gap:0;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.inbox-convs,.inbox-chat,.inbox-crm{width:100%;height:100%;min-height:0;box-shadow:none;border-left:none;border-right:none;border-radius:0}.inbox-chat{flex-direction:column;overflow:hidden}.inbox-chat__header{min-height:72px;padding:var(--space-3) var(--space-4);flex-shrink:0}.inbox-chat__thread{min-height:0;padding:var(--space-4) var(--space-4) var(--space-3);-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.inbox-chat__composer{padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:#fff;flex-shrink:0;box-shadow:0 -8px 18px #0f172a14}.inbox-layout--panel-list .inbox-convs{display:flex}.inbox-layout--panel-list .inbox-chat,.inbox-layout--panel-list .inbox-crm{display:none}.inbox-layout--panel-chat .inbox-chat{display:flex}.inbox-layout--panel-chat .inbox-convs,.inbox-layout--panel-chat .inbox-crm{display:none}.inbox-layout--panel-crm .inbox-crm{display:flex}.inbox-layout--panel-crm .inbox-convs,.inbox-layout--panel-crm .inbox-chat{display:none}.inbox-chat__back-btn,.inbox-crm__back-btn{display:inline-flex}.inbox-crm__section-head{align-items:center;gap:var(--space-2);display:flex}.composer-input,.btn-primary-sm{font-size:16px}.msg-row{min-width:0;max-width:88%}.msg-bubble{word-break:break-word;overflow-wrap:anywhere;max-width:100%}}@media (width<=640px){.inbox-chat__header h2{font-size:var(--text-lg)}.account-cards{padding-left:calc(var(--space-3) + 48px)}.inbox-chat__header p{font-size:var(--text-xs)}.conv-item{padding:var(--space-2) var(--space-3)}.conv-item__avatar{width:36px;height:36px;font-size:var(--text-xs)}.msg-bubble{font-size:var(--text-sm);padding:8px 12px}.inbox-crm__section{padding:var(--space-3)}}@media (width<=400px){.inbox-convs__header h2,.inbox-chat__header h2{font-size:var(--text-base)}.inbox-chat__thread{padding:var(--space-3)}}.msg-media-img{object-fit:cover;cursor:pointer;border-radius:8px;width:auto;max-width:280px;height:auto;max-height:200px;display:block}.msg-media-video{border-radius:8px;width:auto;max-width:280px;max-height:200px;display:block}.msg-media-link{font-size:var(--text-sm);color:var(--color-accent,#3b82f6);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.msg-media-link:hover{text-decoration:underline}.lightbox-overlay{z-index:9999;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;cursor:default;border-radius:8px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:16px;right:20px}.lightbox-close:hover{background:#ffffff4d}.zalo-preview-card{padding:0 var(--space-4) var(--space-2);animation:.18s ease-out fadeSlideDown}.zalo-preview__avatar{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.zalo-preview__avatar img{object-fit:cover;width:100%;height:100%}.stranger-badge{border-radius:var(--radius-full);color:#f59e0b;letter-spacing:.02em;background:#f59e0b1f;border:1px solid #f59e0b40;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.zalo-preview{padding:0 var(--space-4) var(--space-2);animation:.18s ease-out fadeSlideDown}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.zalo-preview__header{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;display:flex}.zalo-preview__loading{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-secondary);background:#0891b20d;border:1px solid #0891b226;display:flex}.zalo-preview__spinner{border:2px solid #0891b233;border-top-color:var(--color-accent-cyan);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.zalo-preview__card{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);border:1px solid #0891b240;display:flex;box-shadow:0 4px 16px #0891b21f,0 1px 4px #0000000f}.zalo-preview__card:hover{background:#0891b20a;border-color:#0891b266;transform:translateY(-1px);box-shadow:0 6px 20px #0891b22e,0 2px 6px #00000014}.zalo-preview__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.zalo-preview__info strong{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.zalo-preview__meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.zalo-preview__cta{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;border-radius:var(--radius-md);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:flex;box-shadow:0 4px 12px #0891b24d}.zalo-preview__empty{padding:var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);border-radius:var(--radius-md);border:1px dashed #0000001a;flex-direction:column;align-items:center;gap:2px;display:flex}.zalo-preview__empty--error{color:var(--color-danger);border-color:#ef444433}.zalo-preview__empty small{opacity:.7;font-size:10px}.workspace-page{height:100%;padding:var(--space-5);background:#f4fbff;overflow:auto}.workspace-page__hero{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;display:flex}.workspace-page__eyebrow{margin-bottom:var(--space-2);color:var(--color-accent-cyan);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;display:inline-flex}.workspace-page__hero h2{letter-spacing:-.04em;color:var(--color-text-primary);margin:0;font-size:1.65rem}.workspace-page__hero p{max-width:720px;margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.workspace-page__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.primary-action,.secondary-action{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:700}.primary-action{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;border:0;box-shadow:0 10px 28px #0891b247}.secondary-action{border:1px solid var(--color-border);color:var(--color-text-primary);background:#fff}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.secondary-action:hover{border-color:var(--color-border-accent);color:var(--color-accent-cyan)}.metric-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-card,.workspace-card,.table-card,.kanban-column,.settings-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff}.metric-card{padding:var(--space-4)}.metric-card span{color:var(--color-text-secondary);font-size:var(--text-sm)}.metric-card strong{margin-top:var(--space-2);letter-spacing:-.04em;color:var(--color-text-primary);font-size:1.7rem;line-height:1;display:block}.metric-card small{margin-top:var(--space-2);color:var(--color-accent-cyan);font-size:var(--text-xs);display:block}.workspace-grid-2{gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);display:grid}.workspace-card,.table-card,.settings-card{padding:var(--space-5)}.card-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-title-row h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.card-title-row p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:2px 0 0}.data-list{gap:var(--space-3);flex-direction:column;display:flex}.data-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#f8fbff;display:flex}.data-row:hover{background:#f1f7ff;border-color:#0891b22e;box-shadow:0 8px 20px #0891b214}.data-row__main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.data-row__avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid;box-shadow:0 8px 20px #2563eb38}.data-row strong{color:var(--color-text-primary);display:block}.data-row p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:2px 0 0}.progress-track{border-radius:var(--radius-full);background:#eef4ff;width:100%;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-cyan), var(--color-accent-blue));height:100%}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.setting-row:last-child{border-bottom:0}.setting-row p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:2px 0 0}.setting-row strong{color:var(--color-text-primary);font-size:var(--text-sm)}.toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;width:44px;height:24px;transition:all var(--transition-fast);background:#eef4ff;padding:3px;position:relative}.toggle:after{content:"";background:var(--color-text-muted);width:16px;height:16px;transition:all var(--transition-fast);border-radius:50%;margin-left:0;display:block}.toggle--on,.toggle[aria-checked=true]{background:#0891b233;border-color:#0891b24d}.toggle--on:after,.toggle[aria-checked=true]:after{background:var(--color-accent-cyan);margin-left:auto;box-shadow:0 0 10px #0891b280}.toggle:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px}@media (width<=1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid-2,.settings-grid{grid-template-columns:1fr}.kanban-board{overflow-x:auto}}@media (width<=760px){.workspace-page__hero{flex-direction:column}.workspace-page__actions{flex-wrap:wrap;width:100%}.metric-grid{grid-template-columns:1fr}}.coming-soon-container{max-width:1000px;margin:0 auto var(--space-5);padding:var(--space-6);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:#fff}.coming-soon-hero{margin-bottom:var(--space-6)}.coming-soon-icon-pulse{width:80px;height:80px;color:var(--color-accent-cyan);margin-bottom:var(--space-4);background:#0891b21a;border-radius:50%;justify-content:center;align-items:center;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;display:inline-flex}.pulse-svg{width:40px;height:40px}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 #0891b266}50%{transform:scale(1.05);box-shadow:0 0 0 16px #0891b200}}.coming-soon-hero h2{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.03em}.coming-soon-hero p{color:var(--color-text-secondary);font-size:var(--text-base)}.workflow-mockup{align-items:center;gap:var(--space-2);max-width:600px;margin:var(--space-5) auto;padding:var(--space-4);border:1px dashed var(--color-border-accent);border-radius:var(--radius-xl);background:#f8fbff;flex-direction:column;display:flex}.workflow-node{width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;background:#fff;position:relative}.node-badge{border-radius:var(--radius-full);color:#fff;letter-spacing:.05em;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:-10px;left:15px}.workflow-node.trigger .node-badge{background:#3b82f6}.workflow-node.condition .node-badge{background:#f59e0b}.workflow-node.action .node-badge{background:#10b981}.node-content strong{font-size:var(--text-sm);color:var(--color-text-primary);display:block}.node-content span{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px;display:block}.workflow-connector{justify-content:center;align-items:center;height:20px;display:flex}.arrow-down{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--color-text-muted);width:0;height:0}.feature-highlight-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.highlight-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;background:#fdfefe}.highlight-card h3{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2)}.highlight-card p{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5}.queue-table-mockup{width:100%;margin:var(--space-5) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.table-row{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-xs);grid-template-columns:150px 1fr 100px 100px;align-items:center;display:grid}.table-row:last-child{border-bottom:0}.table-header{color:var(--color-text-primary);background:#f8fbff;font-weight:700}.truncate{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-secondary);overflow:hidden}.status-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-badge.pending{color:#f59e0b;background:#f59e0b1a}.status-badge.active{color:#3b82f6;background:#3b82f61a}.status-badge.success{color:#10b981;background:#10b9811a}.queue-stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-card{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#f8fbff}.stat-card h4{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-lg);color:var(--color-accent-cyan);font-weight:800}.lookup-search-mockup{max-width:550px;margin:var(--space-4) auto var(--space-5)}.mock-input-group{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.mock-input-group input{height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:#f8fbff;flex:1}.lookup-result-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;background:#f8fbff;display:flex}.avatar-placeholder{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-blue));color:#fff;width:48px;height:48px;font-size:var(--text-lg);border-radius:50%;place-items:center;font-weight:800;display:grid;box-shadow:0 4px 12px #0891b233}.result-details{flex:1}.result-details h4{font-size:var(--text-base);color:var(--color-text-primary);margin:0 0 2px}.result-details p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.result-meta{gap:var(--space-3);margin-top:4px;display:flex}.meta-item{color:var(--color-text-muted);font-size:10px}.pipeline-kanban-wrapper{flex-direction:column;gap:0;display:flex;overflow:hidden}.kanban-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-shrink:0;display:flex}.kanban-header-row h3{font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.kanban-header-actions{align-items:center;gap:var(--space-2);display:flex}.kanban-board{gap:var(--space-3);padding-bottom:var(--space-4);grid-template-columns:repeat(6,minmax(200px,1fr));align-items:start;display:grid;overflow-x:auto}.kanban-column{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#f0f7ff;flex-direction:column;min-height:200px;max-height:calc(100vh - 220px);transition:border-color .15s,background .15s,box-shadow .15s;display:flex;overflow:hidden}.kanban-column--drag-over{background:#0891b20a;border-color:#0891b280;box-shadow:0 0 0 2px #0891b226,inset 0 0 0 1px #0891b21a}.kanban-column__head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.kanban-column__title{align-items:center;gap:var(--space-2);min-width:0;display:flex}.kanban-column__title h4{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.kanban-column__count{border-radius:var(--radius-full);background:var(--color-border);min-width:20px;height:20px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.kanban-column__value{color:var(--color-text-muted);white-space:nowrap;font-size:10px;font-weight:700}.kanban-column__cards{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;min-height:60px;display:flex;overflow-y:auto}.kanban-column__cards::-webkit-scrollbar{width:4px}.kanban-column__cards::-webkit-scrollbar-track{background:0 0}.kanban-column__cards::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.deal-card{border:1px solid var(--color-border);cursor:grab;background:#fff;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;transition:box-shadow .15s,border-color .15s,transform .1s,opacity .15s;display:flex}.deal-card:hover{border-color:#0891b240;transform:translateY(-1px);box-shadow:0 4px 16px #0f172a14}.deal-card:active,.deal-card--dragging{cursor:grabbing;opacity:.6;transform:rotate(1deg)scale(1.02);box-shadow:0 12px 28px #0f172a24}.deal-card__avatar{object-fit:cover;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;width:32px;height:32px}.deal-card__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.deal-card__avatar span{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;place-items:center;width:100%;height:100%;font-size:11px;font-weight:700;display:grid}.deal-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.deal-card__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.deal-card__phone{color:var(--color-text-muted);font-size:11px}.deal-card__project{color:var(--color-accent-cyan);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.skeleton-kanban{gap:var(--space-3);grid-template-columns:repeat(6,minmax(200px,1fr));display:grid;overflow:hidden}.skeleton-column{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);gap:var(--space-2);background:#f0f7ff;flex-direction:column;display:flex}.skeleton-card{border-radius:var(--radius-lg);background:linear-gradient(90deg,#e8f0fe 25%,#f0f4ff 50%,#e8f0fe 75%) 0 0/200% 100%;height:80px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;padding:var(--space-4);background:#0f172a8c;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card--glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-6);background:#ffffffe0;border:1px solid #fff9;animation:.2s cubic-bezier(.34,1.56,.64,1) slide-up;box-shadow:0 0 0 1px #ffffff4d,0 24px 64px #0f172a38,0 4px 16px #0f172a14}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-gold-icon{width:52px;height:52px;margin-bottom:var(--space-4);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;place-items:center;display:grid;box-shadow:0 8px 24px #f59e0b4d}.modal-title{font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:-.03em;margin:0 0 4px;font-weight:800}.modal-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);line-height:1.5}.modal-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:11px;font-weight:700}.money-input-wrap{margin-bottom:var(--space-3);position:relative}.money-input-wrap input{width:100%;height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-lg);color:var(--color-text-primary);box-sizing:border-box;letter-spacing:.02em;background:#ffffffb3;font-weight:700;transition:border-color .15s,box-shadow .15s}.money-input-wrap input:focus{border-color:#0891b266;outline:none;box-shadow:0 0 0 3px #0891b21a}.money-input-wrap__hint{color:var(--color-text-muted);letter-spacing:.01em;min-height:14px;margin-top:4px;font-size:10px}.quick-value-btns{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.quick-value-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);height:36px;font-size:var(--text-xs);color:var(--color-text-primary);cursor:pointer;padding:0 var(--space-2);white-space:nowrap;text-overflow:ellipsis;background:#fff9;font-weight:700;transition:all .12s;overflow:hidden}.quick-value-btn:hover{color:var(--color-accent-cyan);background:#0891b20f;border-color:#0891b24d}.modal-actions{gap:var(--space-3);display:flex}.btn-cancel{border:1px solid var(--color-border);border-radius:var(--radius-lg);height:44px;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:#ffffffb3;flex:1;font-weight:700;transition:all .12s}.btn-cancel:hover{color:#ef4444;background:#ef44440f;border-color:#ef44444d}.btn-confirm{border-radius:var(--radius-lg);color:#fff;height:44px;font-size:var(--text-sm);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:0;flex:1;font-weight:700;transition:all .12s;box-shadow:0 8px 20px #10b98147}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 12px 28px #10b98159}.btn-confirm:active{transform:translateY(0)}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid-2,.settings-grid{grid-template-columns:1fr}.kanban-board,.skeleton-kanban{overflow-x:auto}}@media (width<=760px){.workspace-page__hero{flex-direction:column}.workspace-page__actions{flex-wrap:wrap;width:100%}.metric-grid{grid-template-columns:1fr}}.pipeline-page-wrapper{flex-direction:column;height:100%;display:flex;overflow:hidden}.group-list-mockup{gap:var(--space-3);max-width:650px;margin:var(--space-4) auto var(--space-5);flex-direction:column;display:flex}.mock-group-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-sm);background:#fff;display:flex}.group-avatar{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f0f7ff;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.group-info{flex:1}.group-info h4{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 2px}.group-info p{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.zaloqr-backdrop{z-index:1000;padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a47;place-items:center;display:grid;position:fixed;inset:0}.zaloqr-modal{border:1px solid var(--color-border);background:#fff;border-radius:28px;flex-direction:column;width:min(480px,100%);display:flex;overflow:hidden;box-shadow:0 40px 100px #0f172a3d,inset 0 0 0 1px #fff9}.zaloqr-modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#f0f6ff 0%,#fafbff 60%,#f0f8ff 100%);justify-content:space-between;align-items:center;display:flex}.zaloqr-modal__brand{align-items:center;gap:var(--space-3);display:flex}.zaloqr-logo{filter:drop-shadow(0 4px 12px #0068ff4d);flex-shrink:0;width:40px;height:40px}.zaloqr-modal__eyebrow{color:var(--color-accent-blue);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:block}.zaloqr-modal__header h2{color:var(--color-text-primary);letter-spacing:-.03em;margin:3px 0 0;font-size:1.35rem;font-weight:800}.zaloqr-modal__close{flex-shrink:0}.zaloqr-modal__body{align-items:center;gap:var(--space-5);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.zaloqr-step-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:700;display:flex}.zaloqr-step-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.zaloqr-step-dot--init{background:var(--color-text-muted)}.zaloqr-step-dot--qr{background:var(--color-accent-cyan);box-shadow:0 0 8px #0891b280}.zaloqr-step-dot--scanning{background:var(--color-warning);animation:1.4s ease-in-out infinite pulse-dot}.zaloqr-step-dot--authenticated{background:var(--color-success);box-shadow:0 0 8px #05966980}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.zaloqr-qr-area{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.zaloqr-qr-frame{padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff;position:relative;box-shadow:0 8px 32px #0f172a1a}.zaloqr-qr-img{object-fit:contain;border-radius:var(--radius-lg);width:200px;height:200px;display:block}.zaloqr-qr-expires{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-warning);text-align:center;font-weight:700;animation:1s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.zaloqr-qr-placeholder{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.zaloqr-reload-btn{align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#f8fbff;font-weight:700;display:inline-flex}.zaloqr-reload-btn:hover{border-color:var(--color-border-accent);color:var(--color-text-primary);background:#f0f7ff}.zaloqr-reload-btn svg{width:16px;height:16px}.zaloqr-scanning-hint{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-warning);font-size:var(--text-sm);background:#d977060f;border:1px solid #d977062e;font-weight:700;animation:1.5s ease-in-out infinite pulse-text;display:flex}.zaloqr-scanning-hint svg{flex-shrink:0}.zaloqr-spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-accent-cyan);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.zaloqr-spinner--lg{border-width:3px;width:32px;height:32px}.zaloqr-auth-area{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.zaloqr-auth-icon,.zaloqr-auth-icon svg{width:64px;height:64px}.zaloqr-auth-msg{color:var(--color-success);font-size:var(--text-base);font-weight:800}.zaloqr-syncing-area{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;font-weight:700;display:flex}.zaloqr-sync-sub{color:var(--color-text-muted);font-size:var(--text-xs)}.zaloqr-sync-animation{place-items:center;width:80px;height:80px;display:grid;position:relative}.zaloqr-sync-ring{border:3px solid #0000;border-top-color:var(--color-accent-cyan);border-radius:50%;animation:1.4s linear infinite spin;position:absolute;inset:0}.zaloqr-sync-ring:nth-child(2){border-top-color:#0891b280;animation-duration:1s;animation-direction:reverse;inset:10px}.zaloqr-sync-ring:nth-child(3){border-top-color:#0891b233;animation-duration:.7s;inset:20px}.zaloqr-done-area{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.zaloqr-done-icon,.zaloqr-done-icon svg{width:64px;height:64px}.zaloqr-result-grid{gap:var(--space-3);display:flex}.zaloqr-result-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#f8fbff;flex-direction:column;align-items:center;gap:4px;min-width:72px;display:flex}.zaloqr-result-item strong{color:var(--color-text-primary);font-size:1.5rem;font-weight:800}.zaloqr-result-item span{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.zaloqr-warnings{gap:var(--space-1);flex-direction:column;display:flex}.zaloqr-warning{color:var(--color-warning);font-size:var(--text-xs);text-align:left;max-width:320px;margin:0;font-weight:600}.zaloqr-error-area{align-items:center;gap:var(--space-3);color:var(--color-danger);font-size:var(--text-sm);flex-direction:column;font-weight:700;display:flex}.zaloqr-error-area svg{width:56px;height:56px}.zaloqr-error-actions{gap:var(--space-3);display:flex}.zaloqr-primary-btn{height:44px;padding:0 var(--space-6);border-radius:var(--radius-full);color:#fff;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#0068ff,#0052cc);border:0;font-weight:800;box-shadow:0 6px 20px #0068ff4d}.zaloqr-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#07f,#005ce0);transform:translateY(-1px);box-shadow:0 8px 24px #0068ff66}.zaloqr-primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 14px #0068ff4d}.zaloqr-primary-btn:disabled{opacity:.55;cursor:not-allowed}.zaloqr-secondary-btn{height:36px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#f8fbff;font-weight:700}.zaloqr-secondary-btn:hover{border-color:var(--color-border-accent);background:#f0f7ff}.zaloqr-modal__footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border);background:#f8fbff}.zaloqr-hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.zaloqr-hint strong{color:var(--color-text-secondary)}.login-shell{min-height:100vh;padding:var(--space-6);background:radial-gradient(circle at 20% 10%,#0891b224,#0000 35%),radial-gradient(circle at 80% 80%,#2563eb1a,#0000 35%),linear-gradient(160deg,#f4fbff 0%,#eef8ff 100%);place-items:center;display:grid}.login-card{width:min(460px,100%);padding:var(--space-8);border:1px solid var(--color-border);background:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 32px 80px #0f172a24}.login-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0891b21f,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.login-card__brand,.login-form,.login-card__hint{z-index:1;position:relative}.login-card__brand{margin-bottom:var(--space-6)}.login-card__eyebrow{color:var(--color-accent-cyan);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.login-card h1{margin:var(--space-2) 0;letter-spacing:-.06em;background:linear-gradient(135deg,#0891b2,#2563eb 55%,#7c3aed);-webkit-text-fill-color:transparent;color:var(--color-text-primary);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,5vw,2.5rem)}.login-card p{color:var(--color-text-secondary);margin:0;line-height:1.6}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form label{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);flex-direction:column;font-weight:700;display:flex}.login-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);height:44px;color:var(--color-text-primary);font:inherit;padding:0 var(--space-3);transition:all var(--transition-fast);background:#f8fbff;outline:none}.login-form input:focus{border-color:var(--color-border-accent);background:#fff;box-shadow:0 0 0 3px #0891b21f}.login-form__remember{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--space-2)!important;flex-direction:row!important;font-weight:400!important}.login-form__remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent-cyan);cursor:pointer;flex-shrink:0}.login-form__remember span{font-size:var(--text-sm);color:var(--color-text-secondary)}.login-form__error{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);background:#e11d4814;border:1px solid #e11d4847}.login-form__submit:disabled{cursor:not-allowed;filter:grayscale(.45);opacity:.65}.login-card__hint{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs)}.login-card__hint strong{color:var(--color-text-secondary)}.landing-shell.air-theme{--color-cloud-canvas:#fff;--color-midnight-ink:#1b1b1b;--color-vapor-gray:#f5f5f5;--color-charcoal-void:#000;--color-sky-blue:#426188;--color-vivid-azure:#2b7fff;--surface-page-base:#faf8f5;--font-control:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-control-compressed:"Oswald", sans-serif;--font-control-cursive:"Dancing Script", cursive;--font-control-tnt:"Montserrat", sans-serif;--font-dotdigital:"IBM Plex Mono", monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-black:900;--radius-cards:14px;--radius-images:11px;--radius-inputs:4px;--radius-buttons:8px;background-color:var(--surface-page-base);width:100vw;min-height:100vh;color:var(--color-midnight-ink);font-family:var(--font-control);letter-spacing:-.01em;position:relative;overflow:hidden auto}.landing-shell.air-theme::-webkit-scrollbar{width:6px}.landing-shell.air-theme::-webkit-scrollbar-track{background:var(--surface-page-base)}.landing-shell.air-theme::-webkit-scrollbar-thumb{background:#1b1b1b1f;border-radius:99px}.landing-shell.air-theme::-webkit-scrollbar-thumb:hover{background:#1b1b1b40}.air-sky-gradient{opacity:.65;z-index:1;pointer-events:none;background:linear-gradient(135deg,#b9c6f0 0%,#e8daf7 35%,#fceae1 100%);height:100vh;position:absolute;top:0;left:0;right:0}.air-monumental-bg-text{font-family:var(--font-control-compressed);color:#1b1b1b09;pointer-events:none;z-index:1;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;text-align:center;width:100%;font-size:200px;font-weight:900;line-height:.85;position:absolute;top:12%;left:50%;transform:translate(-50%)}.landing-btn{cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-control);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;transition:all .24s cubic-bezier(.16,1,.3,1);display:inline-flex;border-radius:var(--radius-buttons)!important}.air-btn--outlined-azure{box-shadow:0 4px 12px #2b7fff0d;color:var(--color-vivid-azure)!important;border:1px solid var(--color-vivid-azure)!important;background:0 0!important}.air-btn--outlined-azure:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2b7fff1f;color:#1b70ff!important;background:#2b7fff0a!important;border-color:#1b70ff!important}.air-btn-primary-azure{font-family:var(--font-control);cursor:pointer;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #2b7fff26;background:var(--color-vivid-azure)!important;color:var(--color-cloud-canvas)!important;border:1px solid var(--color-vivid-azure)!important;border-radius:var(--radius-buttons)!important}.air-btn-primary-azure:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2b7fff40;background:#1b70ff!important;border-color:#1b70ff!important}.landing-btn--secondary{box-shadow:none;color:var(--color-midnight-ink)!important;border:1px solid var(--color-midnight-ink)!important;background:0 0!important}.landing-btn--secondary:hover{transform:translateY(-1px);background:#1b1b1b0a!important}.landing-btn--text{color:var(--color-sky-blue)!important;background:0 0!important}.landing-btn--text:hover{color:var(--color-midnight-ink)!important}.landing-btn--lg{padding:12px 28px;font-size:15px}.landing-header{z-index:1000;border-bottom:1px solid #0000;padding:24px 0;transition:all .28s;position:fixed;top:0;left:0;right:0}.landing-header--scrolled{-webkit-backdrop-filter:blur(16px);background:#faf8f5cc;border-bottom:1px solid #1b1b1b0f;padding:14px 0}.landing-header__container{max-width:1200px;padding:0 var(--spacing-24);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.landing-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.authkit-logo-mark{background:var(--color-vivid-azure);border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 8px #2b7fff4d}.authkit-logo-inner{font-family:var(--font-control-tnt);color:var(--color-cloud-canvas);font-size:14px;font-weight:700;line-height:1}.landing-logo__text{font-family:var(--font-control-tnt);letter-spacing:-.02em;color:var(--color-midnight-ink);font-size:18px;font-weight:600}.logo-highlight{color:var(--color-vivid-azure)}.landing-nav{align-items:center;gap:24px;display:flex}.landing-nav__link{color:var(--color-sky-blue);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-control);background:0 0;border:none;transition:color .2s}.landing-nav__link:hover{color:var(--color-midnight-ink)}.landing-hero{text-align:center;z-index:2;padding:200px 0 100px;position:relative;overflow:hidden}.landing-hero__container{max-width:1200px;padding:0 var(--spacing-24);z-index:2;margin:0 auto;position:relative}.hero-centered-layout{flex-direction:column;align-items:center;display:flex}.hero-exclusive-badge{color:var(--color-sky-blue);font-size:11px;font-family:var(--font-dotdigital);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:24px;padding:4px 14px;font-weight:500;display:inline-flex;background:#1b1b1b0a!important;border:1px solid #1b1b1b0f!important;border-radius:6px!important}.hero-exclusive-badge .badge-icon{color:var(--color-vivid-azure)}.hero-title{font-family:var(--font-control-tnt);letter-spacing:-.02em;color:var(--color-midnight-ink);margin-bottom:20px;font-size:52px;font-weight:600;line-height:1.15}.air-cursive{font-family:var(--font-control-cursive);color:var(--color-sky-blue);text-shadow:0 2px 10px #42618814;letter-spacing:normal;margin-bottom:8px;font-size:68px;font-weight:700;line-height:1;display:inline-block;transform:rotate(-3deg)}.hero-subtitle{font-family:var(--font-control);color:var(--color-sky-blue);max-width:650px;margin:0 auto 40px;font-size:16px;font-weight:400;line-height:1.55}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-bottom:80px;display:flex}.authkit-hero-centered-card-wrapper{justify-content:center;align-items:center;width:100%;max-width:370px;margin:0 auto;display:flex;position:relative}.air-cloud-canvas-card{z-index:2;text-align:left;flex-direction:column;width:100%;padding:36px 32px;display:flex;position:relative;background:var(--color-cloud-canvas)!important;border-radius:var(--radius-cards)!important;border:1px solid #1b1b1b14!important;box-shadow:0 32px 64px -24px #1b1b1b1f,0 1px 3px #1b1b1b05!important}.authkit-card-logo{justify-content:center;margin-bottom:24px;display:flex}.authkit-logo-mark-large{background:var(--color-vivid-azure);width:44px;height:44px;font-family:var(--font-control-tnt);color:var(--color-cloud-canvas);border-radius:8px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 16px #2b7fff4d}.authkit-card-title{font-family:var(--font-control-tnt);color:var(--color-midnight-ink);text-align:center;letter-spacing:-.02em;margin-top:0;margin-bottom:6px;font-size:20px;font-weight:600}.authkit-card-subtitle{color:var(--color-sky-blue);text-align:center;margin-top:0;margin-bottom:28px;font-size:13px;font-weight:400}.authkit-form{flex-direction:column;gap:16px;display:flex}.authkit-form-group{flex-direction:column;gap:6px;display:flex}.authkit-label-row{justify-content:space-between;align-items:center;display:flex}.authkit-label{font-family:var(--font-dotdigital);color:var(--color-sky-blue);letter-spacing:.1em;font-size:10px;font-weight:600}.authkit-label-link{font-family:var(--font-control);color:var(--color-vivid-azure);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:none}.authkit-label-link:hover{text-decoration:underline}.authkit-input{font-family:var(--font-control);box-sizing:border-box;width:100%;font-size:14px;transition:all .2s cubic-bezier(.16,1,.3,1);background:var(--color-vapor-gray)!important;border-radius:var(--radius-inputs)!important;color:var(--color-midnight-ink)!important;border:1px solid #1b1b1b14!important;padding:11px 14px!important}.authkit-input::placeholder{color:var(--color-whisper-blue)}.authkit-input:focus{outline:none;border-color:var(--color-vivid-azure)!important;background:var(--color-cloud-canvas)!important;box-shadow:0 0 0 1px var(--color-vivid-azure), 0 0 10px #2b7fff1f!important}.authkit-divider{justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.authkit-divider-line{background:#1b1b1b0f;flex:1;height:1px}.authkit-divider-text{font-family:var(--font-dotdigital);color:var(--color-sky-blue);letter-spacing:.08em;font-size:9px}.authkit-alternative-btn{font-family:var(--font-control);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;color:var(--color-midnight-ink)!important;background:0 0!important;border:1px solid #1b1b1b1a!important;border-radius:6px!important}.authkit-alternative-btn:hover{background:#1b1b1b08!important;border-color:#1b1b1b33!important}.landing-features{padding:100px 0;position:relative}.air-section-white{background-color:var(--color-cloud-canvas)}.air-section-vapor{background-color:var(--color-vapor-gray)}.features-container{max-width:1200px;padding:0 var(--spacing-24);margin:0 auto}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-tag{font-family:var(--font-dotdigital);letter-spacing:.15em;color:var(--color-vivid-azure);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:500;display:block}.section-title{font-family:var(--font-control-tnt);letter-spacing:-.02em;color:var(--color-midnight-ink);margin-bottom:16px;font-size:32px;font-weight:600;line-height:1.2}.section-subtitle{color:var(--color-sky-blue);font-size:16px;line-height:1.55}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.air-elevated-card{transition:all .3s cubic-bezier(.16,1,.3,1);background:var(--color-vapor-gray)!important;box-shadow:none!important;border:1px solid #1b1b1b0a!important;border-radius:12px!important;padding:32px!important}.air-elevated-card:hover{transform:translateY(-4px);background:var(--color-cloud-canvas)!important;border-color:#2b7fff2e!important;box-shadow:0 16px 32px -16px #1b1b1b1a!important}.feature-icon{background:var(--color-cloud-canvas);width:44px;height:44px;color:var(--color-midnight-ink);border:1px solid #1b1b1b14;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-icon svg{width:18px;height:18px}.air-elevated-card h3{font-family:var(--font-control-tnt);color:var(--color-midnight-ink);letter-spacing:-.015em;margin-top:0;margin-bottom:6px;font-size:18px;font-weight:600}.air-elevated-card .badge{margin-bottom:16px;display:inline-block}.air-elevated-card p{color:var(--color-sky-blue);margin:0;font-size:14px;font-weight:400;line-height:1.55}.landing-exclusive{padding:100px 0}.exclusive-container{max-width:1200px;padding:0 var(--spacing-24);margin:0 auto}.exclusive-content{grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;display:grid;border-radius:16px!important;padding:48px!important}.exclusive-tag{font-family:var(--font-dotdigital);letter-spacing:.15em;color:var(--color-vivid-azure);text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:500;display:block}.exclusive-text h2{font-family:var(--font-control-tnt);color:var(--color-midnight-ink);margin-top:0;margin-bottom:16px;font-size:32px;font-weight:600;line-height:1.2}.exclusive-text p{color:var(--color-sky-blue);margin-bottom:24px;font-size:16px;line-height:1.55}.exclusive-list{margin:0 0 32px;padding:0;list-style:none}.exclusive-list li{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.exclusive-list__icon{color:var(--color-vivid-azure);font-weight:700}.exclusive-list span{color:var(--color-midnight-ink);font-size:14px;font-weight:400;line-height:1.45}.exclusive-visual{justify-content:center;align-items:center;display:flex}.ml-badge-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.ml-badge-ring{border:1px dashed #1b1b1b1a;border-radius:50%;animation:45s linear infinite rotate-badge;position:absolute;inset:0}@keyframes rotate-badge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ml-badge-core{background:var(--color-vapor-gray);border:1px solid #1b1b1b14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;box-shadow:0 10px 30px #1b1b1b08}.ml-logo-letter{font-family:var(--font-control-tnt);color:var(--color-midnight-ink);font-size:52px;font-weight:600;line-height:1}.ml-logo-sub{font-family:var(--font-dotdigital);letter-spacing:.15em;color:var(--color-vivid-azure);margin-top:4px;font-size:9px;font-weight:500}.landing-security{padding:100px 0}.security-container{max-width:1200px;padding:0 var(--spacing-24);margin:0 auto}.security-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.security-card{padding:32px}.security-card h3{font-family:var(--font-control-tnt);color:var(--color-midnight-ink);letter-spacing:-.015em;margin-top:0;margin-bottom:12px;font-size:18px;font-weight:600}.security-card p{color:var(--color-sky-blue);margin:0;font-size:14px;font-weight:400;line-height:1.55}.landing-footer{background:var(--color-midnight-ink);color:#fffc;border-top:1px solid #ffffff0d;padding:80px 0 40px}.footer-container{max-width:1200px;padding:0 var(--spacing-24);margin:0 auto}.footer-top{margin-bottom:var(--spacing-48);justify-content:space-between;gap:var(--spacing-32);flex-wrap:wrap;display:flex}.footer-brand{max-width:320px}.footer-logo{font-family:var(--font-control-tnt);color:var(--color-cloud-canvas);margin-bottom:12px;font-size:20px;display:block}.footer-brand p{color:#fff9;margin:0;font-size:13px;line-height:1.5}.footer-meta-links h4{font-family:var(--font-dotdigital);text-transform:uppercase;color:#fff6;letter-spacing:.05em;margin-top:0;margin-bottom:16px;font-size:11px;font-weight:400}.footer-meta-links ul{margin:0;padding:0;list-style:none}.footer-meta-links li{margin-bottom:8px}.footer-meta-links a{color:#fff9;font-size:13px;text-decoration:none;transition:color .2s}.footer-meta-links a:hover{color:var(--color-cloud-canvas)}.footer-bottom{color:#fff6;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:12px;display:flex}.footer-bottom p{margin:0}.footer-badges{gap:8px;display:flex}.badge{font-family:var(--font-dotdigital);letter-spacing:.02em;color:var(--color-sky-blue);background:#1b1b1b08;border:1px solid #1b1b1b14;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.badge--success{color:#10b981;border-color:#10b98133}.badge--cyan{color:var(--color-vivid-azure);border-color:#2b7fff33}.badge--muted{color:var(--color-sky-blue);border-color:#1b1b1b14}.roadmap-header{text-align:center;max-width:700px;margin:80px auto 48px}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card--coming-soon{opacity:.8;position:relative;background:var(--color-cloud-canvas)!important;box-shadow:none!important;border:1px dashed #1b1b1b1f!important}.feature-card--coming-soon:hover{opacity:1;transform:translateY(-4px);border-style:solid!important;border-color:#2b7fff2e!important;box-shadow:0 16px 32px -16px #1b1b1b1a!important}.coming-soon-badge{color:#d97706;font-family:var(--font-dotdigital);text-transform:uppercase;letter-spacing:.05em;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:4px;padding:2px 8px;font-size:10px;position:absolute;top:16px;right:16px}.feature-icon--coming-soon{background:var(--color-vapor-gray)!important;color:var(--color-sky-blue)!important;border-color:#1b1b1b14!important}@media (width<=960px){.hero-title{font-size:36px}.air-cursive{font-size:48px}.authkit-hero-centered-card-wrapper{max-width:100%}.features-grid{grid-template-columns:1fr}.exclusive-content{grid-template-columns:1fr;gap:24px;padding:24px!important}.exclusive-visual{margin-top:16px}.security-grid{grid-template-columns:1fr}.air-monumental-bg-text{font-size:120px}}@media (width<=1024px){.roadmap-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.landing-nav{display:none}.hero-title{font-size:28px}.air-cursive{font-size:38px}.hero-subtitle{font-size:14px}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-actions .landing-btn{width:100%}.features-grid{grid-template-columns:1fr}}.mini-crm{max-width:1200px;margin:0 auto;padding:24px;position:relative}.mini-crm__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mini-crm__title-block{align-items:center;gap:12px;display:flex}.mini-crm__icon{background:linear-gradient(135deg, var(--color-accent-cyan), #6366f1);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mini-crm__title{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.mini-crm__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:2px 0 0}.mini-crm__actions{align-items:center;gap:8px;display:flex}.mini-crm__stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.mini-crm__stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.mini-crm__stat-value{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.mini-crm__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.mini-crm__table-wrap{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.mini-crm__table{border-collapse:collapse;width:100%}.mini-crm__table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:12px 16px;font-weight:600}.mini-crm__table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 16px}.mini-crm__table tr:last-child td{border-bottom:none}.mini-crm__table tr:hover td{background:#ffffff05}.mini-crm__table tr{cursor:pointer;transition:background .15s}.mini-crm__table tr.selected td{background:#6366f114}.mini-crm__lead-info{align-items:center;gap:10px;display:flex}.mini-crm__lead-name{color:var(--color-text-primary);font-weight:600}.mini-crm__lead-phone{font-size:var(--text-xs);color:var(--color-text-muted);font-family:monospace}.zalo-badge{font-size:var(--text-xs);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.zalo-badge--yes{color:#22c55e;background:#22c55e26}.zalo-badge--no{color:#9ca3af;background:#6b728026}.mini-crm__account-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-primary);cursor:pointer;border-radius:6px;min-width:120px;max-width:160px;padding:4px 8px}.mini-crm__stage-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-primary);cursor:pointer;border-radius:6px;min-width:110px;padding:3px 8px;font-weight:600;transition:border-color .15s}.mini-crm__stage-select:focus{border-color:var(--color-accent-cyan);outline:none}.mini-crm__panel-form{flex-direction:column;gap:12px;display:flex}.mini-crm__panel-field{flex-direction:column;gap:4px;display:flex}.mini-crm__panel-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.mini-crm__panel-input,.mini-crm__panel-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-primary);box-sizing:border-box;border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;transition:border-color .15s}.mini-crm__panel-input:focus,.mini-crm__panel-select:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 2px var(--color-accent-cyan-dim);outline:none}.stage-badge{font-size:var(--text-xs);color:var(--color-accent-cyan);background:#6366f11f;border:1px solid #6366f133;border-radius:6px;padding:2px 8px;font-weight:600;display:inline-block}.mini-crm__row-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.mini-crm__table tr:hover .mini-crm__row-actions{opacity:1}.mini-crm__icon-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mini-crm__icon-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.mini-crm__icon-btn--danger:hover{color:#ef4444;background:#ef44441f}.mini-crm__panel-overlay{z-index:200;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.mini-crm__panel{background:var(--color-bg-elevated);border-left:1px solid var(--color-border);z-index:201;flex-direction:column;width:420px;max-width:100vw;animation:.25s slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mini-crm__panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.mini-crm__panel-title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:700}.mini-crm__panel-close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.mini-crm__panel-close:hover{background:var(--color-border);color:var(--color-text-primary)}.mini-crm__panel-body{flex:1;padding:20px;overflow-y:auto}.mini-crm__panel-section{margin-bottom:24px}.mini-crm__panel-section-title{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.mini-crm__detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mini-crm__detail-item{flex-direction:column;gap:2px;display:flex}.mini-crm__detail-label{font-size:var(--text-xs);color:var(--color-text-muted)}.mini-crm__detail-value{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.mini-crm__timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:12px;padding-bottom:16px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--color-border);width:1px;position:absolute;top:24px;bottom:0;left:11px}.timeline-item:last-child:before{display:none}.timeline-item__icon{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:11px;display:flex;position:relative}.timeline-item__icon--manual{color:#22c55e;background:#22c55e26}.timeline-item__icon--system_log{color:#3b82f6;background:#3b82f626}.timeline-item__icon--automation_log{color:#a855f7;background:#a855f726}.timeline-item__content{flex:1;min-width:0}.timeline-item__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:2px}.timeline-item__body{font-size:var(--text-sm);color:var(--color-text-primary);word-break:break-word;line-height:1.5}.mini-crm__panel-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.mini-crm__note-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);width:100%;font-size:var(--text-sm);color:var(--color-text-primary);resize:none;box-sizing:border-box;border-radius:8px;min-height:60px;padding:10px 12px;font-family:inherit;transition:border-color .15s}.mini-crm__note-input:focus{border-color:var(--color-accent-cyan);outline:none}.mini-crm__note-input::placeholder{color:var(--color-text-muted)}.mini-crm__note-footer{justify-content:space-between;align-items:center;display:flex}.mini-crm__chat-btn{color:#fff;font-size:var(--text-sm);cursor:pointer;background:linear-gradient(135deg,#08f,#0057b3);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:opacity .15s;display:flex}.mini-crm__chat-btn:hover{opacity:.9}.mini-crm__chat-btn:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:480px;max-height:90vh;animation:.2s modalIn;overflow-y:auto;box-shadow:0 20px 60px #0f172a2e}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal__title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:700}.modal__close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.modal__close:hover{background:var(--color-border)}.modal__body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.modal__footer{justify-content:flex-end;gap:8px;padding:0 24px 20px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.form-label--required:after{content:" *";color:#ef4444}.form-input,.form-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-md);color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;line-height:1.4;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-accent-cyan-dim);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--text-md);color:var(--color-text-primary);box-sizing:border-box;resize:vertical;border-radius:8px;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;line-height:1.4;transition:border-color .15s}.form-textarea:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-accent-cyan-dim);outline:none}.form-textarea::placeholder{color:var(--color-text-muted)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:#ef4444}.form-hint--success{color:#22c55e}.mini-crm__loading{color:var(--color-text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;padding:48px;display:flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent-cyan);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.chip-input{background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:8px 10px;transition:border-color .15s;display:flex}.chip-input:focus-within{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-accent-cyan-dim)}.chip{font-size:var(--text-xs);color:var(--color-accent-cyan);white-space:nowrap;background:#0891b21a;border:1px solid #0891b240;border-radius:20px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-weight:600;animation:.15s chipIn;display:inline-flex}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chip__remove{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;transition:background .12s;display:flex}.chip__remove:hover{opacity:1;background:#0891b233}.chip--ghost{color:var(--color-accent-cyan);cursor:pointer;opacity:.8;background:0 0;border-color:#0891b233;font-weight:500;transition:opacity .12s,background .12s}.chip--ghost:hover{opacity:1;background:#0891b21a}.chip-input__field{min-width:120px;font:inherit;font-size:var(--text-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;line-height:1.4}.chip-input__field::placeholder{color:var(--color-text-muted)}.chip-suggestions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.chip-suggestions__label{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;font-weight:600}.app-shell{background:radial-gradient(circle at 15% 0,#0891b21a 0%,#0000 40%),radial-gradient(circle at 85% 100%,#2563eb14 0%,#0000 40%),#f4fbff;width:100%;height:100vh;display:flex}.app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__content{flex:1;min-height:0;overflow:hidden}.app-loading{height:100vh;font-size:var(--text-sm);color:var(--color-text-secondary);place-items:center;display:grid}@media (width<=960px){.app-shell{flex-direction:column}.app-shell__main{height:100vh}}@media (width<=760px){.app-shell__content:not(.app-shell__content--inbox){overflow:auto}.app-shell__content--inbox{overflow:hidden}}