@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--white:#fff;--bg:#f8f9fb;--bg-card:#fff;--bg-hover:#f1f3f7;--bg-active:#ede9fe;--bg-input:#fff;--bg-sunken:#f3f4f6;--border:#e5e7eb;--border-2:#d1d5db;--border-focus:rgba(99,102,241,.5);--primary:#6366f1;--primary-soft:rgba(99,102,241,.08);--primary-hover:#4f46e5;--primary-ring:rgba(99,102,241,.2);--green:#16a34a;--green-soft:rgba(22,163,74,.08);--amber:#d97706;--amber-soft:rgba(217,119,6,.08);--red:#dc2626;--red-soft:rgba(220,38,38,.08);--blue:#2563eb;--blue-soft:rgba(37,99,235,.08);--purple:#7c3aed;--purple-soft:rgba(124,58,237,.08);--t-1:#111827;--t-2:#374151;--t-3:#6b7280;--t-4:#9ca3af;--t-5:#d1d5db;--r-xs:4px;--r-sm:4px;--r:4px;--r-md:4px;--r-lg:6px;--r-xl:8px;--r-2xl:10px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 2px 6px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 8px 24px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);--overlay-bg:rgba(0,0,0,.4);--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af;--topbar-h:48px;--sidebar-w:220px;--sidebar-collapsed:52px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--mono:"JetBrains Mono","Fira Code",monospace}[data-theme=dark]{--bg:#0a0a0a;--bg-card:#111;--bg-hover:#1a1a1a;--bg-active:#1e1e2e;--bg-input:#111;--bg-sunken:#0a0a0a;--border:#222;--border-2:#2a2a2a;--primary-hover:#818cf8;--green:#22c55e;--green-soft:rgba(34,197,94,.1);--amber:#f59e0b;--amber-soft:rgba(245,158,11,.1);--red:#ef4444;--red-soft:rgba(239,68,68,.1);--blue:#3b82f6;--blue-soft:rgba(59,130,246,.1);--purple:#a78bfa;--purple-soft:rgba(167,139,250,.1);--t-1:#fff;--t-2:#d4d4d8;--t-3:#71717a;--t-4:#52525b;--t-5:#3f3f46;--shadow-xs:none;--shadow-sm:none;--shadow:none;--shadow-md:none;--shadow-lg:none;--overlay-bg:rgba(0,0,0,.7);--scrollbar-thumb:#2a2a2a;--scrollbar-thumb-hover:#3f3f46}*,: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:#f8f9fb;background:var(--bg);color:#111827;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13px;line-height:1.5}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--scrollbar-thumb);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--scrollbar-thumb-hover)}.topbar{background:#fff;background:var(--bg-card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);gap:10px;height:48px;height:var(--topbar-h);padding:0 16px;position:sticky;top:0;z-index:20}.topbar,.topbar-logo{align-items:center;display:flex;flex-shrink:0}.topbar-logo{gap:8px;padding-left:0;text-decoration:none;width:220px;width:var(--sidebar-w)}.topbar-logo-mark{align-items:center;background:#6366f1;background:var(--primary);border-radius:5px;color:#fff;display:flex;flex-shrink:0;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--mono);font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.topbar-logo-name{color:#111827;color:var(--t-1);font-size:14px;font-weight:700;letter-spacing:-.2px}.topbar-search{flex:1 1;max-width:340px;position:relative}.topbar-search input{background:#f3f4f6;background:var(--bg-sunken);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#111827;color:var(--t-1);font-size:13px;outline:none;padding:6px 10px 6px 30px;transition:border-color .15s,background .15s;width:100%}.topbar-search input:focus{background:#fff;background:var(--bg-input);border-color:#6366f1;border-color:var(--primary)}.topbar-search input:-ms-input-placeholder{color:#9ca3af;color:var(--t-4)}.topbar-search input::placeholder{color:#9ca3af;color:var(--t-4)}.topbar-search-icon{color:#9ca3af;color:var(--t-4);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-right{gap:4px;margin-left:auto}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--t-3);cursor:pointer;height:32px;justify-content:center;position:relative;transition:background .1s,color .1s;width:32px}.topbar-icon-btn:hover{background:#f1f3f7;background:var(--bg-hover);color:#111827;color:var(--t-1)}.topbar-notif-dot{background:#dc2626;background:var(--red);border-radius:50%;height:5px;position:absolute;right:5px;top:5px;width:5px}.topbar-user{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:7px;margin-left:2px;padding:4px 8px;transition:background .1s}.topbar-user:hover{background:#f1f3f7;background:var(--bg-hover)}.topbar-user-name{color:#111827;color:var(--t-1);font-size:13px;font-weight:500}.topbar-user-role{color:#9ca3af;color:var(--t-4);font-size:11px}.topbar-divider{background:#e5e7eb;background:var(--border);height:18px;margin:0 2px;width:1px}.quick-action-btn{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:5px 12px;transition:background .1s;white-space:nowrap}.quick-action-btn:hover{background:#4f46e5;background:var(--primary-hover)}.quick-action-btn svg{opacity:.9}.app-root{background:#f8f9fb;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{background:#f8f9fb;background:var(--bg);flex-direction:column;min-width:0;overflow-y:auto}.sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:220px;min-width:var(--sidebar-w);overflow:hidden;transition:width .15s ease,min-width .15s ease;width:220px;width:var(--sidebar-w)}.sidebar.collapsed{min-width:52px;min-width:var(--sidebar-collapsed);width:52px;width:var(--sidebar-collapsed)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:8px 6px}.sidebar.collapsed .sidebar-nav{padding:8px 4px}.nav-section{margin-bottom:4px}.nav-section-label{color:#9ca3af;color:var(--t-4);font-size:11px;font-weight:600;letter-spacing:.07em;padding:8px 8px 4px;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;color:#6b7280;color:var(--t-3);cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:9px;padding:7px 8px;position:relative;text-align:left;text-decoration:none;transition:background .1s,color .1s;white-space:nowrap;width:100%}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#f1f3f7;background:var(--bg-hover);color:#374151;color:var(--t-2)}.nav-item.active{background:rgba(99,102,241,.08);background:var(--primary-soft);font-weight:500}.nav-item.active,.nav-item.active svg{color:#6366f1;color:var(--primary)}.nav-label{flex:1 1}.sidebar.collapsed .nav-badge-count,.sidebar.collapsed .nav-label{display:none}.nav-badge-count{align-items:center;background:#6366f1;background:var(--primary);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.sidebar.collapsed .nav-item{justify-content:center;padding:8px}.sidebar.collapsed .nav-item:hover:after{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);box-shadow:var(--shadow-md);color:#111827;color:var(--t-1);content:attr(data-tooltip);font-size:12px;font-weight:500;left:calc(100% + 8px);padding:5px 9px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:100}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 6px}.sidebar-theme-btn{align-items:center;background:linear-gradient(180deg,#fff,#f1f3f7);background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-hover) 100%);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);color:#6b7280;color:var(--t-3);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;justify-content:flex-start;padding:8px 10px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s;white-space:nowrap;width:100%}.sidebar-theme-btn:hover{background:linear-gradient(180deg,#f1f3f7,#f3f4f6);background:linear-gradient(180deg,var(--bg-hover) 0,var(--bg-sunken) 100%);border-color:#d1d5db;border-color:var(--border-2);color:#374151;color:var(--t-2);transform:translateY(-1px)}.sidebar-theme-btn:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary);outline-offset:2px}.sidebar-theme-btn svg{background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:999px;box-sizing:content-box;color:#6366f1;color:var(--primary);flex-shrink:0;height:16px;padding:3px;width:16px}.sidebar-theme-btn .theme-label{color:#374151;color:var(--t-2)}[data-theme=dark] .sidebar-theme-btn{background:linear-gradient(180deg,rgba(99,102,241,.16),rgba(99,102,241,.08));border-color:rgba(129,140,248,.32);box-shadow:inset 0 0 0 1px rgba(129,140,248,.08)}[data-theme=dark] .sidebar-theme-btn svg{background:rgba(129,140,248,.18);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;color:#9ca3af;color:var(--t-4);cursor:pointer;display:flex;font-size:12px;gap:6px;justify-content:center;padding:7px 8px;transition:background .1s,color .1s;width:100%}.sidebar-collapse-btn:hover{background:#f1f3f7;background:var(--bg-hover);color:#374151;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 #e5e7eb;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 20px 14px}.page-header-row{align-items:center;display:flex;gap:10px}.page-title{color:#111827;color:var(--t-1);font-size:17px;font-weight:600;letter-spacing:-.3px}.page-sub{color:#6b7280;color:var(--t-3);font-size:13px;margin-top:2px}.page-actions{display:flex;gap:6px;margin-left:auto}.page-body{display:flex;flex:1 1;flex-direction:column;gap:14px;height:100%;min-height:0;overflow-y:auto;padding:16px 20px}.card{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);padding:18px}.card-sm{border-radius:6px;padding:12px}.card-title{align-items:center;color:#374151;color:var(--t-2);display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:14px}.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 #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);padding:16px;transition:border-color .15s,box-shadow .15s}.stat-card:hover{border-color:#d1d5db;border-color:var(--border-2);box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-sm)}.stat-label{align-items:center;color:#6b7280;color:var(--t-3);display:flex;font-size:12px;font-weight:500;gap:5px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.stat-label svg{color:#9ca3af;color:var(--t-4)}.stat-value{color:#111827;color:var(--t-1);font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1}.stat-change{align-items:center;display:flex;font-size:12px;gap:3px;margin-top:6px}.stat-change.up{color:#16a34a;color:var(--green)}.stat-change.down{color:#dc2626;color:var(--red)}.stat-change.neutral{color:#9ca3af;color:var(--t-4)}.btn{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:5px;line-height:1.4;outline:none;padding:7px 14px;transition:background .1s,color .1s,border-color .1s,box-shadow .1s;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-primary{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--primary-hover);border-color:#4f46e5;border-color:var(--primary-hover)}.btn-secondary{background:#f1f3f7;background:var(--bg-hover);border-color:#e5e7eb;border-color:var(--border);color:#374151;color:var(--t-2)}.btn-secondary:hover{background:#f3f4f6;background:var(--bg-sunken);border-color:#d1d5db;border-color:var(--border-2)}.btn-ghost{background:transparent;border-color:transparent;color:#6b7280;color:var(--t-3)}.btn-ghost:hover{background:#f1f3f7;background:var(--bg-hover);color:#111827;color:var(--t-1)}.btn-danger{background:rgba(220,38,38,.08);background:var(--red-soft);border-color:rgba(220,38,38,.2);color:#dc2626;color:var(--red)}.btn-danger:hover{background:rgba(220,38,38,.14)}.btn-success{background:rgba(22,163,74,.08);background:var(--green-soft);border-color:rgba(22,163,74,.2);color:#16a34a;color:var(--green)}.btn-success:hover{background:rgba(22,163,74,.14)}[data-theme=dark] .btn-danger{border-color:rgba(239,68,68,.2)}[data-theme=dark] .btn-success{border-color:rgba(34,197,94,.2)}.btn-sm{font-size:12px;padding:4px 10px}.btn-lg{font-size:14px;padding:9px 20px}.btn-xl{font-size:15px;font-weight:600;padding:11px 24px}.btn-icon{border-radius:6px;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 #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#111827;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.input:-ms-input-placeholder,.textarea:-ms-input-placeholder{color:#9ca3af;color:var(--t-4)}.input::placeholder,.textarea::placeholder{color:#9ca3af;color:var(--t-4)}.input:focus,.select:focus,.textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2);box-shadow:0 0 0 3px var(--primary-ring)}.input:hover:not(:focus),.select:hover:not(:focus){border-color:#d1d5db;border-color:var(--border-2)}.textarea{line-height:1.5;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='%239ca3af' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;cursor:pointer;padding-right:28px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#374151;color:var(--t-2);font-size:12px;font-weight:600}.form-hint{color:#9ca3af;color:var(--t-4);font-size:12px}.form-error{color:#dc2626;color:var(--red);font-size:12px}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11.5px;font-weight:500;gap:4px;padding:2px 7px;white-space:nowrap}.badge-primary{background:rgba(99,102,241,.08);background:var(--primary-soft);border:1px solid rgba(99,102,241,.2);border:1px solid var(--primary-ring);color:#6366f1;color:var(--primary)}.badge-green{background:rgba(22,163,74,.08);background:var(--green-soft);border:1px solid rgba(22,163,74,.2);color:#16a34a;color:var(--green)}.badge-amber{background:rgba(217,119,6,.08);background:var(--amber-soft);border:1px solid rgba(217,119,6,.2);color:#d97706;color:var(--amber)}.badge-red{background:rgba(220,38,38,.08);background:var(--red-soft);border:1px solid rgba(220,38,38,.2);color:#dc2626;color:var(--red)}.badge-blue{background:rgba(37,99,235,.08);background:var(--blue-soft);border:1px solid rgba(37,99,235,.2);color:#2563eb;color:var(--blue)}.badge-purple{background:rgba(124,58,237,.08);background:var(--purple-soft);border:1px solid rgba(124,58,237,.2);color:#7c3aed;color:var(--purple)}.badge-gray{background:#f1f3f7;background:var(--bg-hover);border:1px solid #e5e7eb;border:1px solid var(--border);color:#6b7280;color:var(--t-3)}[data-theme=dark] .badge-green{border-color:rgba(34,197,94,.2)}[data-theme=dark] .badge-amber{border-color:rgba(245,158,11,.2)}[data-theme=dark] .badge-red{border-color:rgba(239,68,68,.2)}[data-theme=dark] .badge-blue{border-color:rgba(59,130,246,.2)}[data-theme=dark] .badge-purple{border-color:rgba(167,139,250,.2)}.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:#9ca3af;background:var(--t-4)}.dot-pulse{animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.3}}.table-container{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead{background:#f3f4f6;background:var(--bg-sunken)}th{color:#6b7280;color:var(--t-3);font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}td{color:#374151;color:var(--t-2);font-size:13px;padding:11px 14px;vertical-align:middle}tr:hover td{background:#f1f3f7;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:#f8f9fb;background:var(--bg);display:flex;flex:1 1;overflow:hidden}.inbox-list{background:#fff;background:var(--bg-card);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:280px;width:280px}.inbox-list-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 10px 8px}.inbox-list-title{color:#111827;color:var(--t-1);font-size:15px;font-weight:600;margin-bottom:8px}.search-input-wrap{position:relative}.search-input-wrap .input{background:#f3f4f6;background:var(--bg-sunken);border-radius:6px;font-size:13px;padding-left:30px}.search-icon{color:#9ca3af;color:var(--t-4);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inbox-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:0;margin-top:8px}.inbox-tab{border-bottom:2px solid transparent;color:#9ca3af;color:var(--t-4);cursor:pointer;font-size:12.5px;font-weight:500;margin-bottom:-1px;padding:6px 10px;transition:color .1s;white-space:nowrap}.inbox-tab:hover{color:#374151;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 #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:9px;padding:10px 12px;position:relative;transition:background .08s}.inbox-item:hover{background:#f1f3f7;background:var(--bg-hover)}.inbox-item.selected{background:#ede9fe;background:var(--bg-active);border-left:2px solid #6366f1;border-left:2px solid var(--primary)}.inbox-item.pinned:before{background:#d97706;background:var(--amber);border-radius:50%;content:"";height:5px;position:absolute;right:9px;top:9px;width:5px}.inbox-item-name{align-items:center;color:#111827;color:var(--t-1);display:flex;font-size:13px;font-weight:600;gap:4px;margin-bottom:2px}.inbox-item-preview{font-size:12.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.inbox-item-preview,.inbox-item-time{color:#9ca3af;color:var(--t-4);white-space:nowrap}.inbox-item-time{font-size:11px}.inbox-unread-badge{align-items:center;background:#6366f1;background:var(--primary);border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.inbox-main{background:#f8f9fb;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 #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:9px;padding:10px 14px}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:#111827;color:var(--t-1);font-size:14px;font-weight:600}.chat-header-sub{align-items:center;color:#9ca3af;color:var(--t-4);display:flex;font-size:12px;gap:5px;margin-top:1px}.chat-header-actions{display:flex;flex-shrink:0;gap:3px}.context-bar{background:#f3f4f6;background:var(--bg-sunken);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#9ca3af;color:var(--t-4);display:flex;flex-shrink:0;font-size:12px;gap:14px;padding:4px 14px}.context-bar-item{align-items:center;display:flex;gap:4px}.chat-messages{background:#f3f4f6;background:var(--bg-sunken);display:flex;flex:1 1;flex-direction:column;gap:5px;overflow-y:auto;padding:14px}.msg-date-divider{align-items:center;color:#9ca3af;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:#e5e7eb;background:var(--border);content:"";flex:1 1;height:1px}.msg{animation:msgIn .15s ease;display:flex;max-width:68%}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.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:10px;font-size:13px;line-height:1.55;padding:9px 13px;word-break:break-word}.msg.out .msg-bubble{background:#6366f1;background:var(--primary);border-radius:10px 10px 3px 10px;color:#fff}.msg.in .msg-bubble{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px 10px 10px 3px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);color:#111827;color:var(--t-1)}.msg.note .msg-bubble{background:rgba(217,119,6,.08);background:var(--amber-soft);border:1px dashed rgba(217,119,6,.3);border-radius:6px;color:#d97706;color:var(--amber);font-size:12.5px;font-style:italic}.msg-meta{align-items:center;color:#9ca3af;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,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary)}.ai-chip,.note-chip{border-radius:3px;font-size:10px;font-weight:600;padding:1px 5px}.note-chip{background:rgba(217,119,6,.08);background:var(--amber-soft);color:#d97706;color:var(--amber)}.ai-suggestion-bar{align-items:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-top:1px solid rgba(99,102,241,.2);border-top:1px solid var(--primary-ring);display:flex;flex-shrink:0;gap:10px;margin:0;padding:9px 14px}.ai-suggestion-text{color:#374151;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:.06em;text-transform:uppercase}.typing-indicator{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.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:#9ca3af;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}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.takeover-bar{align-items:center;background:rgba(217,119,6,.08);background:var(--amber-soft);border-bottom:1px solid rgba(217,119,6,.2);color:#d97706;color:var(--amber);display:flex;flex-shrink:0;font-size:12.5px;gap:8px;padding:6px 14px}.composer{background:#fff;background:var(--bg-card);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);flex-shrink:0;padding:10px 14px}.composer-inner{background:#fff;background:var(--bg-input);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.composer-inner:focus-within{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2);box-shadow:0 0 0 3px var(--primary-ring)}.composer-textarea{background:transparent;border:none;color:#111827;color:var(--t-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:13.5px;line-height:1.5;max-height:120px;outline:none;padding:9px 12px;resize:none;width:100%}.composer-textarea:-ms-input-placeholder{color:#9ca3af;color:var(--t-4)}.composer-textarea::placeholder{color:#9ca3af;color:var(--t-4)}.composer-toolbar{align-items:center;background:#f3f4f6;background:var(--bg-sunken);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:3px;padding:5px 8px}.contact-panel{background:#fff;background:var(--bg-card);border-left:1px solid #e5e7eb;border-left:1px solid var(--border);display:flex;flex-direction:column;min-width:256px;overflow-y:auto;width:256px}.contact-panel-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:12px 14px}.contact-panel-label{color:#9ca3af;color:var(--t-4);font-size:11px;font-weight:600;letter-spacing:.07em;margin-bottom:8px;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:#9ca3af;color:var(--t-4)}.contact-detail-value{color:#111827;color:var(--t-1);font-weight:500}.score-bar{background:#f1f3f7;background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.score-fill{background:#6366f1;background:var(--primary);border-radius:2px;height:100%;transition:width .5s ease}.timeline-item{align-items:flex-start;color:#9ca3af;color:var(--t-4);display:flex;font-size:12px;gap:8px;padding:3px 0}.timeline-dot{background:#d1d5db;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 .12s ease;background:rgba(0,0,0,.4);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalIn .15s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.06);box-shadow:var(--shadow-lg);max-width:92vw;padding:24px;width:480px}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{width:360px}.modal-lg{width:580px}.modal-xl{width:740px}.modal-title{color:#111827;color:var(--t-1);font-size:16px;font-weight:600;margin-bottom:4px}.modal-sub{color:#6b7280;color:var(--t-3);font-size:13px;margin-bottom:18px}.modal-body{display:flex;flex-direction:column;gap:14px}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.empty-state{flex-direction:column;gap:8px;padding:48px 24px;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:#f1f3f7;background:var(--bg-hover);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#9ca3af;color:var(--t-4);height:44px;margin-bottom:4px;width:44px}.empty-state h3{color:#111827;color:var(--t-1);font-size:15px;font-weight:600}.empty-state p{color:#6b7280;color:var(--t-3);font-size:13px;line-height:1.5;max-width:260px}.auth-shell{background:#f8f9fb;background:var(--bg);display:flex;min-height:100vh}.auth-left{align-items:center;background:#6366f1;background:var(--primary);display:flex;flex:1 1;justify-content:center;padding:60px}.auth-left-inner{max-width:400px}.auth-headline{color:#fff;font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:10px}.auth-headline em{color:hsla(0,0%,100%,.8);font-style:normal}.auth-tagline{color:hsla(0,0%,100%,.8);font-size:15px;line-height:1.6;margin-bottom:28px}.auth-feature{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.15);display:flex;gap:10px;padding:8px 0}.auth-feature:last-child{border-bottom:none}.auth-feature-icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.auth-feature-text{color:hsla(0,0%,100%,.9);font-size:14px}.auth-right{background:#fff;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;padding:60px 48px;width:480px}.auth-logo{gap:9px;margin-bottom:28px}.auth-logo,.auth-logo-mark{align-items:center;display:flex}.auth-logo-mark{background:#6366f1;background:var(--primary);border-radius:8px;color:#fff;font-size:16px;font-weight:700;height:34px;justify-content:center;width:34px}.auth-logo-name{font-size:17px}.auth-form-title,.auth-logo-name{color:#111827;color:var(--t-1);font-weight:700;letter-spacing:-.3px}.auth-form-title{font-size:22px;margin-bottom:4px}.auth-form-sub{color:#6b7280;color:var(--t-3);font-size:14px;margin-bottom:24px}.auth-link{color:#6366f1;color:var(--primary);font-weight:500}.auth-link:hover{color:#4f46e5;color:var(--primary-hover)}.auth-error{background:rgba(220,38,38,.08);background:var(--red-soft);border:1px solid rgba(220,38,38,.2);border-radius:6px;color:#dc2626;color:var(--red);font-size:13px;padding:10px 13px}.auth-2col{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:900px){.auth-left{display:none}.auth-right{padding:40px 24px;width:100%}}.splash{background:#f8f9fb;background:var(--bg);flex-direction:column;gap:18px;height:100vh;justify-content:center}.splash,.splash-logo{align-items:center;display:flex}.splash-logo{gap:10px}.splash-mark{align-items:center;background:#6366f1;background:var(--primary);border-radius:10px;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.splash-name{color:#111827;color:var(--t-1);font-size:20px;font-weight:700}.splash-spinner{animation:spin .65s linear infinite;border:2px solid #e5e7eb;border-top-color:#6366f1;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.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:#6b7280;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}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.spinner{animation:spin .65s linear infinite;border:2px solid #e5e7eb;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}.qr-wrap{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;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)}.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:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-sm);cursor:pointer;min-width:180px;padding:10px;position:absolute;transition:border-color .1s,box-shadow .1s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wf-node:hover{border-color:#d1d5db;border-color:var(--border-2);box-shadow:0 2px 6px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);box-shadow:var(--shadow)}.wf-node.selected{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.2);box-shadow:0 0 0 3px var(--primary-ring)}.wf-node.trigger{border-color:#16a34a;border-color:var(--green)}.wf-node.delay{border-color:#d97706;border-color:var(--amber)}.wf-node.condition{border-color:#7c3aed;border-color:var(--purple)}.wf-node.end{border-color:#dc2626;border-color:var(--red)}.wf-node-handle{background:#fff;background:var(--bg-card);border:2px solid #d1d5db;border:2px solid var(--border-2);border-radius:50%;cursor:crosshair;height:10px;left:50%;position:absolute;transform:translateX(-50%);transition:border-color .1s,background .1s;width:10px;z-index:10}.wf-node-handle:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);transform:translateX(-50%) scale(1.2)}.wf-node-handle.top{top:-6px}.wf-node-handle.bottom{bottom:-6px}.wf-node-handle.yes{bottom:-6px;left:30%}.wf-node-handle.no{bottom:-6px;left:70%}.node-palette-item{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-shadow:var(--shadow-xs);color:#374151;color:var(--t-2);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;transition:border-color .1s,background .1s}.node-palette-item:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.brain-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.brain-stat{background:#f3f4f6;background:var(--bg-sunken);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;padding:10px;text-align:center}.brain-stat-value{color:#6366f1;color:var(--primary);font-size:20px;font-weight:700}.brain-stat-label{color:#9ca3af;color:var(--t-4);font-size:11px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.trial-pill{align-items:center;background:rgba(217,119,6,.08);background:var(--amber-soft);border:1px solid rgba(217,119,6,.25);border-radius:5px;color:#d97706;color:var(--amber);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:4px 10px}.trial-pill:hover{background:rgba(217,119,6,.12)}[data-theme=dark] .trial-pill{border-color:rgba(245,158,11,.2)}.go2072408551{background:#fff!important;background:var(--bg-card)!important;border:1px solid #e5e7eb!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)!important;box-shadow:var(--shadow-md)!important;color:#111827!important;color:var(--t-1)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-family:var(--font)!important;font-size:13px!important}.stats-row{display:flex;flex-wrap:wrap;gap:12px}.stats-row .stat-card{flex:1 1;min-width:130px}
/*# sourceMappingURL=main.70091c27.css.map*/