@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&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}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}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}.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__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: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__nav{flex-direction:column;margin-top:0;overflow:visible}.sidebar__nav-item{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;box-shadow:0 8px 20px #2563eb38}.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--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)}}.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-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__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}.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{max-width:74%;display:flex}.msg-row--out{align-self:flex-end}.msg-row--in{align-self:flex-start}.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)}.inbox-chat__composer{align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border);background:#fff;flex-shrink:0;display:flex}.composer-error{margin:calc(-1 * var(--space-2)) var(--space-4) var(--space-3);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}@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{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;padding:0}.inbox-convs,.inbox-chat,.inbox-crm{box-shadow:none;border-left:none;border-right:none;border-radius:0}.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}.inbox-chat__composer{z-index:2;background:#fff;position:sticky;bottom:0}.msg-bubble{max-width:88vw}}@media (width<=640px){.inbox-layout{height:calc(100vh - var(--topbar-height) - 56px)}.inbox-convs__header,.inbox-chat__header{padding:var(--space-3) var(--space-4)}.inbox-chat__header h2{font-size:var(--text-lg)}.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)}}.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%}.kanban-board{gap:var(--space-4);grid-template-columns:repeat(4,minmax(240px,1fr));display:grid}.kanban-column{min-height:480px;padding:var(--space-4);background:#fafcff}.kanban-column__head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.kanban-column__head h3{font-size:var(--text-lg);color:var(--color-text-primary);margin:0}.deal-card{padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff}.deal-card:hover{border-color:#0891b238;box-shadow:0 12px 28px #0f172a1a}.deal-card strong{color:var(--color-text-primary);margin-bottom:4px;display:block}.deal-card p{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.deal-card__footer{color:var(--color-text-muted);font-size:var(--text-xs);justify-content:space-between;align-items:center;display:flex}.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}}.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}@keyframes spin{to{transform:rotate(360deg)}}.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__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)}.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{overflow:auto}}