@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg:#f6f7fb;--bg-card:#fff;--bg-hover:#f0f2f8;--bg-active:rgba(99,102,241,.06);--bg-input:#fff;--bg-sunken:#f2f4f9;--bg-elevated:#fff;--white:#fff;--border:#e4e7f0;--border-2:#cdd1e0;--border-focus:rgba(99,102,241,.45);--border-card:rgba(0,0,0,.05);--primary:#6366f1;--primary-end:#8b5cf6;--primary-soft:rgba(99,102,241,.07);--primary-hover:#4f46e5;--primary-ring:rgba(99,102,241,.18);--primary-glow:rgba(99,102,241,.14);--primary-border:rgba(99,102,241,.22);--green:#16a34a;--green-soft:rgba(22,163,74,.07);--green-border:rgba(22,163,74,.2);--amber:#d97706;--amber-soft:rgba(217,119,6,.07);--amber-border:rgba(217,119,6,.2);--red:#dc2626;--red-soft:rgba(220,38,38,.07);--red-border:rgba(220,38,38,.2);--blue:#2563eb;--blue-soft:rgba(37,99,235,.07);--blue-border:rgba(37,99,235,.2);--purple:#7c3aed;--purple-soft:rgba(124,58,237,.07);--purple-border:rgba(124,58,237,.2);--teal:#0d9488;--teal-soft:rgba(13,148,136,.07);--pink:#db2777;--pink-soft:rgba(219,39,119,.07);--t-1:#0f1117;--t-2:#2a3045;--t-3:#64748b;--t-4:#94a3b8;--t-5:#c8d0e0;--r-xs:3px;--r-sm:5px;--r:6px;--r-md:8px;--r-lg:10px;--r-xl:14px;--r-2xl:18px;--r-full:9999px;--shadow-xs:0 1px 2px rgba(15,17,23,.04);--shadow-sm:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);--shadow:0 2px 8px rgba(15,17,23,.08),0 1px 3px rgba(15,17,23,.04);--shadow-md:0 4px 16px rgba(15,17,23,.1),0 2px 4px rgba(15,17,23,.05);--shadow-lg:0 8px 28px rgba(15,17,23,.12),0 4px 8px rgba(15,17,23,.06);--shadow-xl:0 16px 48px rgba(15,17,23,.15),0 8px 16px rgba(15,17,23,.08);--shadow-primary:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);--overlay-bg:rgba(7,8,16,.52);--scrollbar-thumb:#dde1ed;--scrollbar-thumb-hover:#b4bbd0;--topbar-h:52px;--sidebar-w:224px;--sidebar-collapsed:54px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono","Fira Code",monospace;--ease:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0,0,0.2,1);--t-fast:100ms;--t-base:160ms;--t-slow:260ms}[data-theme=dark]{--bg:#0a0b12;--bg-card:#10111c;--bg-hover:#171824;--bg-active:rgba(129,140,248,.1);--bg-input:#12131e;--bg-sunken:#080910;--bg-elevated:#141520;--border:hsla(0,0%,100%,.07);--border-2:hsla(0,0%,100%,.13);--border-focus:rgba(129,140,248,.5);--border-card:hsla(0,0%,100%,.06);--primary:#818cf8;--primary-end:#a78bfa;--primary-soft:rgba(129,140,248,.1);--primary-hover:#6366f1;--primary-ring:rgba(129,140,248,.22);--primary-glow:rgba(99,102,241,.2);--primary-border:rgba(129,140,248,.25);--green:#22c55e;--green-soft:rgba(34,197,94,.1);--green-border:rgba(34,197,94,.22);--amber:#f59e0b;--amber-soft:rgba(245,158,11,.1);--amber-border:rgba(245,158,11,.22);--red:#f87171;--red-soft:hsla(0,91%,71%,.1);--red-border:hsla(0,91%,71%,.22);--blue:#60a5fa;--blue-soft:rgba(96,165,250,.1);--blue-border:rgba(96,165,250,.22);--purple:#c084fc;--purple-soft:rgba(192,132,252,.1);--purple-border:rgba(192,132,252,.22);--teal:#2dd4bf;--teal-soft:rgba(45,212,191,.1);--pink:#f472b6;--pink-soft:rgba(244,114,182,.1);--t-1:#eef0f8;--t-2:#bcc2d8;--t-3:#757c9c;--t-4:#454b68;--t-5:#272d45;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 1px 4px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3);--shadow:0 2px 8px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.35);--shadow-md:0 4px 16px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.65),0 4px 8px rgba(0,0,0,.45);--shadow-xl:0 16px 48px rgba(0,0,0,.75),0 8px 16px rgba(0,0,0,.5);--shadow-primary:0 4px 20px rgba(99,102,241,.38),0 1px 4px rgba(99,102,241,.22);--overlay-bg:rgba(0,0,0,.78);--scrollbar-thumb:hsla(0,0%,100%,.09);--scrollbar-thumb-hover:hsla(0,0%,100%,.17)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fb;background:var(--bg);color:#0f1117;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;letter-spacing:-.005em;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dde1ed;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b4bbd0;background:var(--scrollbar-thumb-hover)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes msgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(99,102,241,.18);box-shadow:0 0 0 0 var(--primary-ring)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.topbar{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#fff;background:var(--bg-card);border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);display:flex;flex-shrink:0;gap:10px;height:52px;height:var(--topbar-h);padding:0 16px;position:sticky;top:0;z-index:50}[data-theme=dark] .topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(10,11,18,.9);border-bottom-color:hsla(0,0%,100%,.07)}.topbar-logo{gap:9px;padding-left:2px;text-decoration:none;width:224px;width:var(--sidebar-w)}.topbar-logo,.topbar-logo-mark{align-items:center;display:flex;flex-shrink:0}.topbar-logo-mark{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:7px;box-shadow:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);box-shadow:var(--shadow-primary);color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:11px;font-weight:800;height:26px;justify-content:center;letter-spacing:-.5px;width:26px}.topbar-logo-name{color:#0f1117;color:var(--t-1);font-size:14px;font-weight:700;letter-spacing:-.4px}.topbar-search{flex:1 1;max-width:360px;position:relative}.topbar-search input{background:#f2f4f9;background:var(--bg-sunken);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);color:#0f1117;color:var(--t-1);font-size:13px;height:34px;outline:none;padding:6px 10px 6px 32px;transition:border-color .16s cubic-bezier(.16,1,.3,1),background .16s,box-shadow .16s;transition:border-color var(--t-base) var(--ease),background var(--t-base),box-shadow var(--t-base);width:100%}.topbar-search input:focus{background:#fff;background:var(--bg-input);border-color:rgba(99,102,241,.45);border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.18);box-shadow:0 0 0 3px var(--primary-ring)}.topbar-search input:-ms-input-placeholder{color:#94a3b8;color:var(--t-4)}.topbar-search input::placeholder{color:#94a3b8;color:var(--t-4)}.topbar-search-icon{color:#94a3b8;color:var(--t-4);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-right{gap:3px;margin-left:auto}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:transparent;border:none;border-radius:6px;border-radius:var(--r);color:#64748b;color:var(--t-3);cursor:pointer;height:32px;justify-content:center;position:relative;transition:background .1s,color .1s;transition:background var(--t-fast),color var(--t-fast);width:32px}.topbar-icon-btn:hover{background:#f0f2f8;background:var(--bg-hover);color:#0f1117;color:var(--t-1)}.topbar-notif-dot{background:#dc2626;background:var(--red);border:1.5px solid #fff;border:1.5px solid var(--bg-card);border-radius:50%;height:5px;position:absolute;right:6px;top:6px;width:5px}.topbar-user{align-items:center;border:1px solid transparent;border-radius:8px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:7px;margin-left:2px;padding:3px 6px 3px 3px;transition:background .1s;transition:background var(--t-fast)}.topbar-user:hover{background:#f0f2f8;background:var(--bg-hover);border-color:#e4e7f0;border-color:var(--border)}.topbar-user-name{color:#0f1117;color:var(--t-1);font-size:13px;font-weight:600;letter-spacing:-.1px}.topbar-user-role{color:#94a3b8;color:var(--t-4);font-size:11px;margin-top:1px}.topbar-divider{background:#e4e7f0;background:var(--border);flex-shrink:0;height:18px;margin:0 4px;width:1px}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border:none;border-radius:6px;border-radius:var(--r);box-shadow:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;height:32px;letter-spacing:-.1px;padding:5px 12px;transition:opacity .1s,transform .1s,box-shadow .1s;transition:opacity var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);white-space:nowrap}.quick-action-btn:hover{box-shadow:0 6px 22px rgba(99,102,241,.35);opacity:.92;transform:translateY(-1px)}.quick-action-btn:active{transform:translateY(0)}.app-root{background:#f6f7fb;background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{overflow:hidden}.app-body,.main-content{display:flex;flex:1 1;min-height:0}.main-content{animation:fadeIn .2s cubic-bezier(.16,1,.3,1);animation:fadeIn .2s var(--ease);background:#f6f7fb;background:var(--bg);flex-direction:column;min-width:0;overflow-y:auto}.sidebar{border-right:1px solid #e4e7f0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:224px;min-width:var(--sidebar-w);overflow:visible;transition:width .26s cubic-bezier(.16,1,.3,1),min-width .26s cubic-bezier(.16,1,.3,1);transition:width var(--t-slow) var(--ease),min-width var(--t-slow) var(--ease);width:224px;width:var(--sidebar-w)}.sidebar,[data-theme=dark] .sidebar{background:#fff;background:var(--bg-card)}[data-theme=dark] .sidebar{border-right-color:hsla(0,0%,100%,.06)}.sidebar.collapsed{min-width:54px;min-width:var(--sidebar-collapsed);width:54px;width:var(--sidebar-collapsed)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 8px}.sidebar.collapsed .sidebar-nav{overflow:visible;padding:10px 6px}.sidebar.collapsed{overflow:visible}.nav-section{margin-bottom:2px}.nav-section-label{color:#94a3b8;color:var(--t-4);font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:10px 10px 5px;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .nav-section-label{display:none}.nav-item{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r);color:#64748b;color:var(--t-3);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;letter-spacing:-.1px;padding:7px 10px;position:relative;text-align:left;text-decoration:none;transition:background .1s,color .1s,transform .1s;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);white-space:nowrap;width:100%}.nav-item svg{flex-shrink:0;transition:color .1s;transition:color var(--t-fast)}.nav-item:hover{background:#f0f2f8;background:var(--bg-hover);color:#2a3045;color:var(--t-2)}.nav-item.active{background:rgba(99,102,241,.07);background:var(--primary-soft);font-weight:600}.nav-item.active,.nav-item.active svg{color:#6366f1;color:var(--primary)}.nav-item.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);background:linear-gradient(180deg,var(--primary) 0,var(--primary-end) 100%);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-label{flex:1 1}.sidebar.collapsed .nav-badge-count,.sidebar.collapsed .nav-label{display:none}.nav-badge-count{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:9999px;border-radius:var(--r-full);box-shadow:0 1px 4px rgba(99,102,241,.35);color:#fff;display:flex;font-size:10.5px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.sidebar.collapsed .nav-item{justify-content:center;padding:8px;position:relative}.sidebar.collapsed .nav-item:hover:after{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--r);box-shadow:0 4px 16px rgba(15,17,23,.1),0 2px 4px rgba(15,17,23,.05);box-shadow:var(--shadow-md);color:#0f1117;color:var(--t-1);content:attr(data-tooltip);font-size:12px;font-weight:500;left:calc(100% + 10px);padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:200}.sidebar-footer{border-top:1px solid #e4e7f0;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 8px 10px}.sidebar-theme-btn{align-items:center;background:#f0f2f8;background:var(--bg-hover);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:9999px;border-radius:var(--r-full);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);color:#64748b;color:var(--t-3);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:8px;justify-content:flex-start;padding:7px 10px;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;transition:background var(--t-base),color var(--t-base),border-color var(--t-base),box-shadow var(--t-base);white-space:nowrap;width:100%}.sidebar-theme-btn:hover{background:#f2f4f9;background:var(--bg-sunken);border-color:#cdd1e0;border-color:var(--border-2);box-shadow:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-sm);color:#2a3045;color:var(--t-2)}.sidebar-theme-btn svg{background:rgba(99,102,241,.07);background:var(--primary-soft);border-radius:9999px;border-radius:var(--r-full);box-sizing:content-box;color:#6366f1;color:var(--primary);flex-shrink:0;height:14px;padding:2px;width:14px}.sidebar-theme-btn .theme-label{color:#2a3045;color:var(--t-2)}[data-theme=dark] .sidebar-theme-btn{background:rgba(129,140,248,.08);border-color:rgba(129,140,248,.2)}[data-theme=dark] .sidebar-theme-btn:hover{background:rgba(129,140,248,.14)}[data-theme=dark] .sidebar-theme-btn svg{background:rgba(129,140,248,.16);color:#c7d2fe}.sidebar.collapsed .sidebar-theme-btn{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-theme-btn .theme-label{display:none}.sidebar-collapse-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--r);color:#94a3b8;color:var(--t-4);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;justify-content:center;padding:6px 8px;transition:background .1s,color .1s;transition:background var(--t-fast),color var(--t-fast);width:100%}.sidebar-collapse-btn:hover{background:#f0f2f8;background:var(--bg-hover);color:#2a3045;color:var(--t-2)}.sidebar.collapsed .sidebar-collapse-btn .collapse-label{display:none}.page-header{background:#fff;background:var(--bg-card);border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);flex-shrink:0;padding:18px 24px 16px}.page-header-row{align-items:center;display:flex;gap:12px}.page-title{color:#0f1117;color:var(--t-1);font-size:17px;font-weight:700;letter-spacing:-.4px}.page-sub{color:#64748b;color:var(--t-3);font-size:13px;margin-top:3px}.page-actions{align-items:center;display:flex;gap:6px;margin-left:auto}.page-body{display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%;min-height:0;overflow-y:auto;padding:20px 24px}.card{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-lg);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);padding:20px;transition:border-color .16s,box-shadow .16s;transition:border-color var(--t-base),box-shadow var(--t-base)}.card-sm{border-radius:8px;border-radius:var(--r-md);padding:14px}.card:hover{border-color:#cdd1e0;border-color:var(--border-2)}.card-title{align-items:center;color:#2a3045;color:var(--t-2);display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:-.1px;margin-bottom:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-lg);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.stat-card:hover{border-color:#cdd1e0;border-color:var(--border-2);box-shadow:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-label{align-items:center;color:#64748b;color:var(--t-3);display:flex;font-size:11.5px;font-weight:600;gap:5px;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.stat-label svg{color:#94a3b8;color:var(--t-4)}.stat-value{font-feature-settings:"tnum";color:#0f1117;color:var(--t-1);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-1.5px;line-height:1}.stat-change{align-items:center;display:flex;font-size:11.5px;font-weight:500;gap:3px;margin-top:8px}.stat-change.up{color:#16a34a;color:var(--green)}.stat-change.down{color:#dc2626;color:var(--red)}.stat-change.neutral{color:#94a3b8;color:var(--t-4)}.btn{align-items:center;border:1px solid transparent;border-radius:6px;border-radius:var(--r);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:5px;letter-spacing:-.1px;line-height:1.4;outline:none;padding:7px 14px;transition:background .1s,color .1s,border-color .1s,box-shadow .1s,transform .1s,opacity .1s;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),opacity var(--t-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-color:transparent;box-shadow:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{box-shadow:0 6px 22px rgba(99,102,241,.35);opacity:.92;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:#f0f2f8;background:var(--bg-hover);border-color:#e4e7f0;border-color:var(--border);color:#2a3045;color:var(--t-2)}.btn-secondary:hover{background:#f2f4f9;background:var(--bg-sunken);border-color:#cdd1e0;border-color:var(--border-2);color:#0f1117;color:var(--t-1)}.btn-ghost{background:transparent;border-color:transparent;color:#64748b;color:var(--t-3)}.btn-ghost:hover{background:#f0f2f8;background:var(--bg-hover);color:#0f1117;color:var(--t-1)}.btn-danger{background:rgba(220,38,38,.07);background:var(--red-soft);border-color:rgba(220,38,38,.2);border-color:var(--red-border);color:#dc2626;color:var(--red)}.btn-danger:hover{background:rgba(220,38,38,.12)}.btn-success{background:rgba(22,163,74,.07);background:var(--green-soft);border-color:rgba(22,163,74,.2);border-color:var(--green-border);color:#16a34a;color:var(--green)}.btn-success:hover{background:rgba(22,163,74,.12)}.btn-sm{border-radius:5px;border-radius:var(--r-sm);font-size:12px;padding:4px 10px}.btn-lg{font-size:14px;padding:9px 20px}.btn-xl{font-size:15px;font-weight:700;padding:11px 24px}.btn-icon{border-radius:6px;border-radius:var(--r);padding:7px}.btn-icon-sm{border-radius:4px;padding:4px}.w-full{justify-content:center;width:100%}.input,.select,.textarea{background:#fff;background:var(--bg-input);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--r);color:#0f1117;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13px;letter-spacing:-.01em;outline:none;padding:8px 11px;transition:border-color .16s,box-shadow .16s,background .16s;transition:border-color var(--t-base),box-shadow var(--t-base),background var(--t-base);width:100%}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#94a3b8;color:var(--t-4)}.input::placeholder,.textarea::placeholder{color:#94a3b8;color:var(--t-4)}.input:focus,.select:focus,.textarea:focus{background:#fff;background:var(--bg-card);border-color:rgba(99,102,241,.45);border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.18);box-shadow:0 0 0 3px var(--primary-ring)}.input:hover:not(:focus),.select:hover:not(:focus),.textarea:hover:not(:focus){border-color:#cdd1e0;border-color:var(--border-2)}.textarea{line-height:1.55;min-height:80px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#2a3045;color:var(--t-2);font-size:12px;font-weight:600;letter-spacing:-.05px}.form-hint{color:#94a3b8;color:var(--t-4);font-size:12px}.form-error{color:#dc2626;color:var(--red);font-size:12px;font-weight:500}.badge{align-items:center;border-radius:5px;border-radius:var(--r-sm);display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;letter-spacing:.01em;padding:2px 8px;white-space:nowrap}.badge-primary{background:rgba(99,102,241,.07);background:var(--primary-soft);border:1px solid rgba(99,102,241,.22);border:1px solid var(--primary-border);color:#6366f1;color:var(--primary)}.badge-green{background:rgba(22,163,74,.07);background:var(--green-soft);border:1px solid rgba(22,163,74,.2);border:1px solid var(--green-border);color:#16a34a;color:var(--green)}.badge-amber{background:rgba(217,119,6,.07);background:var(--amber-soft);border:1px solid rgba(217,119,6,.2);border:1px solid var(--amber-border);color:#d97706;color:var(--amber)}.badge-red{background:rgba(220,38,38,.07);background:var(--red-soft);border:1px solid rgba(220,38,38,.2);border:1px solid var(--red-border);color:#dc2626;color:var(--red)}.badge-blue{background:rgba(37,99,235,.07);background:var(--blue-soft);border:1px solid rgba(37,99,235,.2);border:1px solid var(--blue-border);color:#2563eb;color:var(--blue)}.badge-purple{background:rgba(124,58,237,.07);background:var(--purple-soft);border:1px solid rgba(124,58,237,.2);border:1px solid var(--purple-border);color:#7c3aed;color:var(--purple)}.badge-gray{background:#f0f2f8;background:var(--bg-hover);border:1px solid #e4e7f0;border:1px solid var(--border);color:#64748b;color:var(--t-3)}.dot{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.dot-green{background:#16a34a;background:var(--green)}.dot-amber{background:#d97706;background:var(--amber)}.dot-red{background:#dc2626;background:var(--red)}.dot-blue{background:#2563eb;background:var(--blue)}.dot-gray{background:#94a3b8;background:var(--t-4)}.dot-pulse{animation:dotPulse 2s infinite}.table-container{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-lg);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead{background:#f2f4f9;background:var(--bg-sunken)}th{color:#64748b;color:var(--t-3);font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border)}td{color:#2a3045;color:var(--t-2);font-size:13px;padding:12px 14px;transition:background .1s;transition:background var(--t-fast);vertical-align:middle}tr:hover td{background:#f0f2f8;background:var(--bg-hover)}tr:last-child td{border-bottom:none}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:12px}.inbox-shell{background:#f6f7fb;background:var(--bg);display:flex;flex:1 1;overflow:hidden}.inbox-list{background:#fff;background:var(--bg-card);border-right:1px solid #e4e7f0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:288px;width:288px}.inbox-list-header{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 12px 10px}.inbox-list-title{color:#0f1117;color:var(--t-1);font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px}.search-input-wrap{position:relative}.search-input-wrap .input{background:#f2f4f9;background:var(--bg-sunken);border-radius:8px;border-radius:var(--r-md);font-size:13px;padding-left:32px}.search-icon{color:#94a3b8;color:var(--t-4);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inbox-tabs{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);display:flex;gap:0;margin-top:10px}.inbox-tab{border-bottom:2px solid transparent;color:#94a3b8;color:var(--t-4);cursor:pointer;font-size:12.5px;font-weight:500;margin-bottom:-1px;padding:6px 10px;transition:color .1s,border-color .1s;transition:color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.inbox-tab:hover{color:#2a3045;color:var(--t-2)}.inbox-tab.active{border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary);font-weight:600}.inbox-items{flex:1 1;overflow-y:auto}.inbox-item{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:11px 13px;position:relative;transition:background .1s;transition:background var(--t-fast)}.inbox-item:hover{background:#f0f2f8;background:var(--bg-hover)}.inbox-item.selected{background:rgba(99,102,241,.06);background:var(--bg-active);border-left:3px solid #6366f1;border-left:3px solid var(--primary)}.inbox-item.pinned:before{background:#d97706;background:var(--amber);border-radius:50%;content:"";height:5px;position:absolute;right:10px;top:10px;width:5px}.inbox-item-name{align-items:center;color:#0f1117;color:var(--t-1);display:flex;font-size:13px;font-weight:600;gap:4px;letter-spacing:-.1px;margin-bottom:2px}.inbox-item-preview{font-size:12.5px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.inbox-item-preview,.inbox-item-time{color:#94a3b8;color:var(--t-4);white-space:nowrap}.inbox-item-time{font-size:11px}.inbox-unread-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:9999px;border-radius:var(--r-full);color:#fff;display:flex;font-size:10.5px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.inbox-main{background:#f6f7fb;background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.chat-header{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:#0f1117;color:var(--t-1);font-size:14px;font-weight:700;letter-spacing:-.2px}.chat-header-sub{align-items:center;color:#94a3b8;color:var(--t-4);display:flex;font-size:12px;gap:5px;margin-top:2px}.chat-header-actions{display:flex;flex-shrink:0;gap:2px}.context-bar{background:#f2f4f9;background:var(--bg-sunken);border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--t-4);display:flex;flex-shrink:0;font-size:12px;gap:16px;padding:5px 16px}.context-bar-item{align-items:center;display:flex;gap:4px}.chat-messages{background:#f2f4f9;background:var(--bg-sunken);display:flex;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto;padding:16px}.msg-date-divider{align-items:center;color:#94a3b8;color:var(--t-4);display:flex;font-size:11.5px;gap:8px;padding:6px 0;text-align:center}.msg-date-divider:after,.msg-date-divider:before{background:#e4e7f0;background:var(--border);content:"";flex:1 1;height:1px}.msg{animation:msgIn .15s cubic-bezier(.16,1,.3,1);animation:msgIn .15s var(--ease);display:flex;max-width:68%}.msg.out{align-self:flex-end;flex-direction:row-reverse}.msg.in{align-self:flex-start}.msg.note{align-self:center;max-width:80%}.msg-bubble{border-radius:12px;font-size:13px;line-height:1.55;padding:9px 13px;word-break:break-word}.msg.out .msg-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:12px 12px 3px 12px;box-shadow:0 2px 8px rgba(99,102,241,.25);color:#fff}.msg.in .msg-bubble{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:12px 12px 12px 3px;box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);color:#0f1117;color:var(--t-1)}.msg.note .msg-bubble{background:rgba(217,119,6,.07);background:var(--amber-soft);border:1px dashed rgba(217,119,6,.2);border:1px dashed var(--amber-border);border-radius:8px;color:#d97706;color:var(--amber);font-size:12.5px;font-style:italic}.msg-meta{align-items:center;color:#94a3b8;color:var(--t-4);display:flex;font-size:10.5px;gap:4px;margin-top:3px;padding:0 3px}.msg.out .msg-meta{justify-content:flex-end}.ai-chip{background:rgba(99,102,241,.07);background:var(--primary-soft);color:#6366f1;color:var(--primary)}.ai-chip,.note-chip{border-radius:3px;font-size:10px;font-weight:700;padding:1px 5px}.note-chip{background:rgba(217,119,6,.07);background:var(--amber-soft);color:#d97706;color:var(--amber)}.ai-suggestion-bar{align-items:center;background:rgba(99,102,241,.07);background:var(--primary-soft);border-top:1px solid rgba(99,102,241,.22);border-top:1px solid var(--primary-border);display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.ai-suggestion-text{color:#2a3045;color:var(--t-2);flex:1 1;font-size:13px;line-height:1.4}.ai-suggestion-label{color:#6366f1;color:var(--primary);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.typing-indicator{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);display:flex;gap:4px;padding:8px 11px;width:fit-content}.typing-indicator span{animation:typing 1.2s infinite;background:#94a3b8;background:var(--t-4);border-radius:50%;height:4px;width:4px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.takeover-bar{align-items:center;background:rgba(217,119,6,.07);background:var(--amber-soft);border-bottom:1px solid rgba(217,119,6,.2);border-bottom:1px solid var(--amber-border);color:#d97706;color:var(--amber);display:flex;flex-shrink:0;font-size:12.5px;gap:8px;padding:6px 16px}.composer{background:#fff;background:var(--bg-card);border-top:1px solid #e4e7f0;border-top:1px solid var(--border);flex-shrink:0;padding:10px 14px}.composer-inner{background:#fff;background:var(--bg-input);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-lg);overflow:hidden;transition:border-color .16s,box-shadow .16s;transition:border-color var(--t-base),box-shadow var(--t-base)}.composer-inner:focus-within{border-color:rgba(99,102,241,.45);border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(99,102,241,.18);box-shadow:0 0 0 3px var(--primary-ring)}.composer-textarea{background:transparent;border:none;color:#0f1117;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);font-size:13.5px;line-height:1.5;max-height:120px;outline:none;padding:10px 13px;resize:none;width:100%}.composer-textarea:-ms-input-placeholder{color:#94a3b8;color:var(--t-4)}.composer-textarea::placeholder{color:#94a3b8;color:var(--t-4)}.composer-toolbar{align-items:center;background:#f2f4f9;background:var(--bg-sunken);border-top:1px solid #e4e7f0;border-top:1px solid var(--border);display:flex;gap:2px;padding:5px 8px}.contact-panel{background:#fff;background:var(--bg-card);border-left:1px solid #e4e7f0;border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:260px;overflow-y:auto;width:260px}.contact-panel-section{border-bottom:1px solid #e4e7f0;border-bottom:1px solid var(--border);padding:14px 16px}.contact-panel-label{color:#94a3b8;color:var(--t-4);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.contact-detail-row,.contact-panel-label{align-items:center;display:flex;justify-content:space-between}.contact-detail-row{font-size:13px;padding:3px 0}.contact-detail-label{color:#94a3b8;color:var(--t-4)}.contact-detail-value{color:#0f1117;color:var(--t-1);font-weight:500}.score-bar{background:#f0f2f8;background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--primary) 0,var(--primary-end) 100%);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);transition:width .6s var(--ease)}.timeline-item{align-items:flex-start;color:#94a3b8;color:var(--t-4);display:flex;font-size:12px;gap:8px;padding:3px 0}.timeline-dot{background:#cdd1e0;background:var(--border-2);border-radius:50%;flex-shrink:0;height:5px;margin-top:5px;width:5px}.timeline-dot.green{background:#16a34a;background:var(--green)}.timeline-dot.blue{background:#2563eb;background:var(--blue)}.timeline-dot.amber{background:#d97706;background:var(--amber)}.modal-overlay{align-items:center;animation:overlayIn .1s cubic-bezier(.16,1,.3,1);animation:overlayIn var(--t-fast) var(--ease);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(7,8,16,.52);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{animation:modalIn .26s cubic-bezier(.16,1,.3,1);animation:modalIn var(--t-slow) var(--ease);background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-xl);box-shadow:0 16px 48px rgba(15,17,23,.15),0 8px 16px rgba(15,17,23,.08);box-shadow:var(--shadow-xl);max-width:92vw;padding:26px;width:480px}.modal-sm{width:360px}.modal-lg{width:600px}.modal-xl{width:760px}.modal-title{color:#0f1117;color:var(--t-1);font-size:16px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.modal-sub{color:#64748b;color:var(--t-3);font-size:13px;line-height:1.5;margin-bottom:20px}.modal-body{display:flex;flex-direction:column;gap:14px}.modal-footer{border-top:1px solid #e4e7f0;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:22px;padding-top:18px}.empty-state{animation:fadeSlideUp .26s cubic-bezier(.16,1,.3,1);animation:fadeSlideUp var(--t-slow) var(--ease);flex-direction:column;gap:10px;padding:56px 24px;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#f0f2f8;background:var(--bg-hover);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-xl);color:#94a3b8;color:var(--t-4);height:48px;margin-bottom:6px;width:48px}.empty-state h3{color:#0f1117;color:var(--t-1);font-size:15px;font-weight:700;letter-spacing:-.2px}.empty-state p{color:#64748b;color:var(--t-3);font-size:13px;line-height:1.55;max-width:280px}.auth-shell{background:#f6f7fb;background:var(--bg);display:flex;min-height:100vh}.auth-left{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#6366f1);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:64px 56px;position:relative}.auth-left:before{background-image:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.1) 0,transparent 50%);inset:0}.auth-left:after,.auth-left:before{content:"";pointer-events:none;position:absolute}.auth-left:after{background:hsla(0,0%,100%,.04);border-radius:50%;height:500px;right:-150px;top:-150px;width:500px}.auth-left-inner{max-width:420px;position:relative;z-index:1}.auth-headline{color:#fff;font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1.18;margin-bottom:12px}.auth-headline em{color:hsla(0,0%,100%,.75);font-style:normal}.auth-tagline{color:hsla(0,0%,100%,.78);font-size:15px;line-height:1.65;margin-bottom:32px}.auth-feature{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.12);display:flex;gap:12px;padding:9px 0}.auth-feature:last-child{border-bottom:none}.auth-feature-icon{align-items:center;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;border-radius:var(--r-md);color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.auth-feature-text{color:hsla(0,0%,100%,.88);font-size:14px}.auth-right{background:#fff;background:var(--bg-card);border-left:1px solid #e4e7f0;border-left:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;padding:64px 52px;width:500px}.auth-logo{gap:10px;margin-bottom:32px}.auth-logo,.auth-logo-mark{align-items:center;display:flex}.auth-logo-mark{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:8px;border-radius:var(--r-md);box-shadow:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);box-shadow:var(--shadow-primary);color:#fff;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:15px;font-weight:800;height:36px;justify-content:center;width:36px}.auth-logo-name{font-size:18px}.auth-form-title,.auth-logo-name{color:#0f1117;color:var(--t-1);font-weight:800;letter-spacing:-.5px}.auth-form-title{font-size:24px;margin-bottom:5px}.auth-form-sub{color:#64748b;color:var(--t-3);font-size:14px;line-height:1.55;margin-bottom:28px}.auth-link{color:#6366f1;color:var(--primary);font-weight:600}.auth-link:hover{color:#4f46e5;color:var(--primary-hover);text-decoration:underline}.auth-error{background:rgba(220,38,38,.07);background:var(--red-soft);border:1px solid rgba(220,38,38,.2);border:1px solid var(--red-border);border-radius:8px;border-radius:var(--r-md);color:#dc2626;color:var(--red);font-size:13px;font-weight:500;padding:11px 14px}.auth-2col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.auth-left{display:none}.auth-right{padding:40px 28px;width:100%}}.splash{background:#f6f7fb;background:var(--bg);flex-direction:column;gap:20px;height:100vh;justify-content:center}.splash,.splash-logo{align-items:center;display:flex}.splash-logo{gap:11px}.splash-mark{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);border-radius:12px;box-shadow:0 4px 18px rgba(99,102,241,.28),0 1px 4px rgba(99,102,241,.14);box-shadow:var(--shadow-primary);color:#fff;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:18px;font-weight:800;height:42px;justify-content:center;width:42px}.splash-name{color:#0f1117;color:var(--t-1);font-size:22px;font-weight:800;letter-spacing:-.5px}.splash-spinner{animation:spin .7s linear infinite;border:2.5px solid #e4e7f0;border-top-color:#6366f1;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}.grid-2{grid-gap:12px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-sm{font-size:12.5px}.text-muted{color:#64748b;color:var(--t-3)}.text-primary{color:#6366f1;color:var(--primary)}.text-success{color:#16a34a;color:var(--green)}.text-danger{color:#dc2626;color:var(--red)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:12px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.spinner{animation:spin .7s linear infinite;border:2px solid #e4e7f0;border-top-color:#6366f1;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:16px;width:16px}.spinner-sm{height:12px;width:12px}.spinner-lg{height:24px;width:24px}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);-webkit-background-clip:text;background-clip:text}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f2f8 25%,#f2f4f9 50%,#f0f2f8 75%);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-sunken) 50%,var(--bg-hover) 75%);background-size:200% 100%;border-radius:5px;border-radius:var(--r-sm)}.qr-wrap{background:#fff;border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-sm);display:inline-flex;padding:12px}.qr-wrap img{display:block;height:180px;width:180px}.wa-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-connected{background:#16a34a;background:var(--green);box-shadow:0 0 0 2px rgba(22,163,74,.07);box-shadow:0 0 0 2px var(--green-soft)}.status-qr_ready{background:#d97706;background:var(--amber)}.status-authenticated,.status-initializing{background:#2563eb;background:var(--blue)}.status-auth_failed,.status-disconnected{background:#dc2626;background:var(--red)}.wf-node{background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--r-xl);box-shadow:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:0;position:absolute;transition:box-shadow .16s,transform .16s cubic-bezier(.16,1,.3,1),border-color .16s;transition:box-shadow var(--t-base),transform var(--t-base) var(--ease),border-color var(--t-base);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:216px}.wf-node:hover{border-color:#cdd1e0;border-color:var(--border-2);box-shadow:0 4px 16px rgba(15,17,23,.1),0 2px 4px rgba(15,17,23,.05);box-shadow:var(--shadow-md);transform:translateY(-2px)}.wf-node.selected{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.18),0 4px 16px rgba(15,17,23,.1),0 2px 4px rgba(15,17,23,.05);box-shadow:0 0 0 3px var(--primary-ring),var(--shadow-md);transform:translateY(-2px)}.wf-node-top-bar{display:block;flex-shrink:0;height:4px;width:100%}.wf-node.trigger .wf-node-top-bar{background:linear-gradient(90deg,#16a34a,#22c55e)}.wf-node.delay .wf-node-top-bar{background:linear-gradient(90deg,#d97706,#f59e0b)}.wf-node.message .wf-node-top-bar{background:linear-gradient(90deg,#2563eb,#3b82f6)}.wf-node.condition .wf-node-top-bar{background:linear-gradient(90deg,#7c3aed,#8b5cf6)}.wf-node.add_tag .wf-node-top-bar{background:linear-gradient(90deg,#0369a1,#0ea5e9)}.wf-node.remove_tag .wf-node-top-bar{background:linear-gradient(90deg,#b91c1c,#ef4444)}.wf-node.assign_agent .wf-node-top-bar{background:linear-gradient(90deg,#0d9488,#14b8a6)}.wf-node.update_contact .wf-node-top-bar{background:linear-gradient(90deg,#d97706,#f59e0b)}.wf-node.webhook .wf-node-top-bar{background:linear-gradient(90deg,#6366f1,#818cf8)}.wf-node.ai_reply .wf-node-top-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.wf-node.end .wf-node-top-bar{background:linear-gradient(90deg,#dc2626,#f87171)}.wf-node-inner{padding:12px 14px 13px}.wf-node-header{gap:9px;margin-bottom:8px}.wf-node-header,.wf-node-icon{align-items:center;display:flex}.wf-node-icon{border:1px solid rgba(0,0,0,.06);border-radius:8px;border-radius:var(--r-md);flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.wf-node-meta{flex:1 1;min-width:0}.wf-node-title{color:#0f1117;color:var(--t-1);font-size:13px;font-weight:700;letter-spacing:-.15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-node-type-label{color:#94a3b8;color:var(--t-4);font-size:10px;font-weight:600;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.wf-node-body{background:#f2f4f9;background:var(--bg-sunken);border-radius:0 0 13px 13px;border-radius:0 0 calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px);border-top:1px solid #e4e7f0;border-top:1px solid var(--border);color:#64748b;color:var(--t-3);font-size:11.5px;line-height:1.45;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.wf-node-delete-btn{align-items:center;background:none;border:none;border-radius:5px;border-radius:var(--r-sm);color:#94a3b8;color:var(--t-4);cursor:pointer;display:flex;flex-shrink:0;opacity:0;padding:3px;transition:opacity .1s,background .1s,color .1s;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast)}.wf-node.selected .wf-node-delete-btn{opacity:1}.wf-node-delete-btn:hover{background:rgba(220,38,38,.07);background:var(--red-soft);color:#dc2626;color:var(--red)}.wf-node-handle{background:#fff;background:var(--bg-card);border:2px solid #cdd1e0;border:2px solid var(--border-2);border-radius:50%;cursor:crosshair;height:12px;left:50%;position:absolute;transform:translateX(-50%);transition:border-color .1s,background .1s,transform .1s;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast);width:12px;z-index:10}.wf-node-handle:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);transform:translateX(-50%) scale(1.35)}.wf-node-handle.top{top:-6px}.wf-node-handle.bottom{bottom:-6px}.wf-node-handle.yes{bottom:-6px;left:28%}.wf-node-handle.no{bottom:-6px;left:72%}.node-palette-item{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);box-shadow:0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-xs);color:#2a3045;color:var(--t-2);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:9px;letter-spacing:-.05px;padding:9px 11px;transition:border-color .16s,background .16s,box-shadow .16s,transform .1s;transition:border-color var(--t-base),background var(--t-base),box-shadow var(--t-base),transform var(--t-fast)}.node-palette-item:hover{background:rgba(99,102,241,.07);background:var(--primary-soft);border-color:rgba(99,102,241,.22);border-color:var(--primary-border);box-shadow:0 1px 4px rgba(15,17,23,.07),0 1px 2px rgba(15,17,23,.04);box-shadow:var(--shadow-sm);color:#6366f1;color:var(--primary);transform:translateX(2px)}.brain-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.brain-stat{background:#f2f4f9;background:var(--bg-sunken);border:1px solid #e4e7f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-md);padding:12px;text-align:center}.brain-stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,var(--primary-end) 100%);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-1px}.brain-stat-label{color:#94a3b8;color:var(--t-4);font-size:11px;font-weight:600;letter-spacing:.06em;margin-top:3px;text-transform:uppercase}.trial-pill{align-items:center;background:rgba(217,119,6,.07);background:var(--amber-soft);border:1px solid rgba(217,119,6,.2);border:1px solid var(--amber-border);border-radius:5px;border-radius:var(--r-sm);color:#d97706;color:var(--amber);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;transition:background .1s;transition:background var(--t-fast)}.trial-pill:hover{background:rgba(217,119,6,.12)}.stats-row{display:flex;flex-wrap:wrap;gap:12px}.stats-row .stat-card{flex:1 1;min-width:130px}.go2072408551{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e4e7f0!important;border:1px solid var(--border)!important;border-radius:10px!important;border-radius:var(--r-lg)!important;box-shadow:0 8px 28px rgba(15,17,23,.12),0 4px 8px rgba(15,17,23,.06)!important;box-shadow:var(--shadow-lg)!important;color:#0f1117!important;color:var(--t-1)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font)!important;font-size:13px!important;letter-spacing:-.05px!important}.crm-shell{background:#f6f7fb;background:var(--bg);display:flex;height:calc(100vh - 52px);height:calc(100vh - var(--topbar-h));overflow:hidden}.crm-sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #e4e7f0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:14px 0;width:220px}.crm-main{flex:1 1;min-width:0;overflow:auto}.crm-nav-section{margin-bottom:14px;padding:0 8px}.crm-nav-label{color:#94a3b8;color:var(--t-4);font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:4px 10px 8px;text-transform:uppercase}.crm-nav-divider{background:#e4e7f0;background:var(--border);height:1px;margin:6px 10px 10px}.crm-nav{align-items:center;border-radius:6px;border-radius:var(--r);color:#64748b;color:var(--t-3);display:flex;font-size:13px;font-weight:500;gap:9px;letter-spacing:-.1px;margin-bottom:1px;padding:7px 10px;position:relative;text-decoration:none;transition:background .1s,color .1s;transition:background var(--t-fast),color var(--t-fast)}.crm-nav:hover{background:#f0f2f8;background:var(--bg-hover);color:#2a3045;color:var(--t-2)}.crm-nav.active{background:rgba(99,102,241,.07);background:var(--primary-soft);color:#6366f1;color:var(--primary);font-weight:600}.crm-nav.active:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);background:linear-gradient(180deg,var(--primary) 0,var(--primary-end) 100%);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}@media (max-width:768px){.topbar{padding:0 14px}.topbar-search{display:none}.main-content{padding:0}.page-body,.page-header{padding:14px 16px}.page-title{font-size:18px}.stat-cards{gap:8px;grid-template-columns:1fr 1fr;padding:8px}.card{padding:14px}.btn{font-size:13px;padding:7px 13px}.table-wrap{overflow-x:auto}table{min-width:500px}.modal{max-width:95vw;width:95vw}.workflow-builder{height:calc(100vh - 52px)}.contact-panel,.node-sidebar{display:none}}@media (max-width:480px){.stat-cards{grid-template-columns:1fr}.page-title{font-size:16px}.auth-right{padding:32px 20px}}
/*# sourceMappingURL=main.eb76dc15.css.map*/