:root{--background:#f6f7f9;--surface:#fff;--surface-alt:#fafbfd;--ink:#0f172a;--muted:#64748b;--faint:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff6ff;--success:#16a34a;--success-soft:#ecfdf3;--warning:#f59e0b;--warning-soft:#fffbeb;--orange:#ea580c;--danger:#dc2626;--danger-soft:#fef2f2;--border:#e5e7eb;--border-strong:#cbd5e1;--shadow:0 16px 42px rgba(15,23,42,.09);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--radius-sm:6px;--radius:8px;--radius-card:12px;--radius-modal:16px;--sidebar-width:240px;--ease:180ms ease;--z-header:10;--z-overlay:50;--z-toast:60;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{display:block;flex:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,2.2vw,28px);line-height:1.2;letter-spacing:-.035em;font-weight:700}h2{font-size:18px;letter-spacing:-.02em}h3{font-size:15px}small{font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon.sm{width:16px;height:16px}.icon.lg{width:22px;height:22px}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#162445;color:white;font-size:22px;font-weight:800;letter-spacing:-.1em;padding-right:3px}.brand-word{font-size:17px;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand-word span{font-weight:500;color:#8190a9}.brand-row{height:76px;display:flex;align-items:center;gap:11px;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.1)}
.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#14213e;color:#b8c3d8;z-index:var(--z-header);display:flex;flex-direction:column;transition:width 240ms ease}.sidebar .brand-mark{background:#2b65d9}.sidebar .brand-word{color:#fff}.sidebar .brand-word span{color:#8ca6d8}.sidebar-nav{padding:24px 12px;flex:1}.nav-label{padding:0 12px;margin-bottom:11px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#7d8ba5}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:42px;padding:0 12px;margin:3px 0;border:0;border-radius:8px;background:none;color:inherit;text-align:left;font-weight:600;transition:background var(--ease),color var(--ease)}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:#2a426a;color:#fff}.nav-item.active::before{content:"";width:3px;height:20px;background:#69a3ff;position:absolute;left:0;border-radius:0 4px 4px 0}.nav-item .nav-count{margin-left:auto;font-size:11px;background:#284069;padding:2px 7px;border-radius:20px}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;min-width:0}.user-card strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{display:block;color:#9baac2}.sidebar-foot .foot-actions{display:flex;gap:4px}.sidebar-foot .foot-actions button{border:0;background:none;color:#aebcd2;padding:8px;border-radius:7px;display:flex;align-items:center;gap:8px}.sidebar-foot .foot-actions button:hover{background:rgba(255,255,255,.08);color:#fff}.collapse-btn{margin-left:auto}.sidebar.collapsed{width:72px}.sidebar.collapsed .brand-word,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-count,.sidebar.collapsed .user-card div,.sidebar.collapsed .foot-actions .text{display:none}.sidebar.collapsed .brand-row{padding:0 18px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .sidebar-nav{padding-inline:10px}.sidebar.collapsed .user-card{justify-content:center}.sidebar.collapsed .foot-actions{justify-content:center}.sidebar.collapsed .foot-actions .collapse-btn{margin:0}.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0;transition:margin-left 240ms ease,width 240ms ease}.shell.is-collapsed .main{margin-left:72px;width:calc(100% - 72px)}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,40px);gap:16px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:12px}.top-actions .date{color:var(--muted);font-size:12px}.page{padding:28px clamp(20px,3vw,40px) 48px;max-width:1900px;margin:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header p{color:var(--muted);margin-top:6px}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.avatar{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#e8eefb;color:#2a4c82;font-size:12px;font-weight:800;letter-spacing:.02em}.avatar.tone-1{background:#e9f2ee;color:#29715c}.avatar.tone-2{background:#f3eaf5;color:#815091}.avatar.tone-3{background:#fdf0e5;color:#a65c2b}.avatar.tone-4{background:#e7f1f7;color:#386a8e}.avatar.lg{width:44px;height:44px;border-radius:12px;font-size:14px}.avatar.xl{width:58px;height:58px;border-radius:16px;font-size:20px}
.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);height:36px;padding:0 13px;font-weight:600;font-size:13px;white-space:nowrap;transition:background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease)}.button:hover,.icon-button:hover{background:#f8fafc;border-color:var(--border-strong)}.button:active,.icon-button:active{transform:scale(.97)}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-hover)}.button.ghost,.icon-button.ghost{border-color:transparent;background:transparent;color:var(--muted)}.button.ghost:hover,.icon-button.ghost:hover{background:#eef2f7;color:var(--ink)}.button.danger{color:var(--danger);border-color:#fecaca;background:#fff}.button.danger:hover{background:var(--danger-soft)}.button.small{height:30px;font-size:12px;padding:0 10px}.icon-button{padding:0;width:36px}.icon-button.tiny{height:28px;width:28px}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#fff;border-radius:var(--radius);color:var(--ink);height:38px;padding:0 12px;outline:none;transition:border-color var(--ease),box-shadow var(--ease)}.input:focus,.select:focus,.textarea:focus{border-color:#7aa8ff;box-shadow:0 0 0 3px #e8f0ff}.input::placeholder,.textarea::placeholder{color:#a1aab7}.textarea{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.search-field{position:relative;display:flex;align-items:center}.search-field .icon{position:absolute;left:12px;color:var(--muted)}.search-field .input{padding-left:37px;min-width:230px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:650;color:#334155}.field-hint{font-size:11px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-sm);padding:4px 7px;font-size:10px;font-weight:800;letter-spacing:.025em;white-space:nowrap;text-transform:uppercase}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.blue{background:var(--primary-soft);color:#2c63c7}.badge.green{background:var(--success-soft);color:#198547}.badge.amber{background:var(--warning-soft);color:#a56810}.badge.orange{background:#fff3e9;color:var(--orange)}.badge.red{background:var(--danger-soft);color:var(--danger)}.badge.gray{background:#f1f5f9;color:#64748b}.muted{color:var(--muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.metric .label{font-size:12px;color:var(--muted);font-weight:600}.metric strong{display:block;font-size:24px;letter-spacing:-.05em;line-height:1.2;margin-top:8px}.metric-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.metric:nth-child(2) .metric-icon{background:#f0f7ff;color:#3981bd}.metric:nth-child(3) .metric-icon{background:var(--warning-soft);color:#bd8115}.metric:nth-child(4) .metric-icon{background:var(--success-soft);color:var(--success)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-toolbar h2{font-size:16px}.section-toolbar .result-count{font-size:12px;color:var(--muted)}.chips{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:0 0 12px;margin-bottom:4px;scrollbar-width:thin}.chip{border:1px solid var(--border);background:#fff;border-radius:7px;color:var(--muted);font-size:12px;font-weight:600;padding:7px 11px;white-space:nowrap;transition:all var(--ease)}.chip:hover{border-color:#b3c7ef;color:var(--primary)}.chip.active{background:var(--primary-soft);border-color:#c9ddff;color:var(--primary)}.advanced-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);margin:0 0 16px}.lead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px}.lead-card{position:relative;text-align:left;width:100%;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);display:flex;flex-direction:column;gap:14px}.lead-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(15,23,42,.08);border-color:#b9cef7}.lead-card:focus-visible{outline-offset:2px}.lead-head{display:flex;gap:11px;align-items:flex-start;min-width:0}.lead-head-main{min-width:0;flex:1}.lead-head-main strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead-head-main .phone{display:block;color:var(--muted);font-size:12px;margin-top:3px}.lead-card .badge{align-self:flex-start}.lead-service{font-size:13px;font-weight:600;min-height:36px}.lead-meta{display:grid;grid-template-columns:1fr 1fr;gap:11px 8px;border-top:1px solid #edf0f3;padding-top:13px}.lead-meta .meta-label{display:block;color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.lead-meta .meta-value{display:block;font-size:11px;font-weight:650;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.lead-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f3;padding-top:12px;color:var(--muted);font-size:11px}.lead-footer span{display:inline-flex;align-items:center;gap:5px}.lead-footer .unread{background:var(--primary);color:#fff;border-radius:20px;padding:1px 6px;font-size:10px}.empty{min-height:240px;border:1px dashed var(--border-strong);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--muted);background:rgba(255,255,255,.55)}.empty .empty-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eef3fb;color:var(--primary);margin-bottom:12px}.empty strong{color:var(--ink);font-size:14px}.empty p{margin-top:4px;font-size:12px;max-width:300px}.empty .button{margin-top:16px}.skeleton{background:linear-gradient(90deg,#e9edf2 20%,#f7f9fb 50%,#e9edf2 80%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:7px}.skeleton-card{height:230px;border:1px solid var(--border);border-radius:12px;background:white;padding:18px}.skeleton-card .skeleton{height:13px;margin:11px 0}.skeleton-card .skeleton:first-child{width:65%;height:34px}.skeleton-card .skeleton:nth-child(2){width:82%}.skeleton-card .skeleton:nth-child(3){width:50%}@keyframes shimmer{to{background-position-x:-200%}}
.overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(10,20,38,.53);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn 200ms ease}.modal{background:#fff;border-radius:var(--radius-modal);box-shadow:var(--shadow);width:min(100%,560px);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:popIn 200ms ease}.modal.wide{width:min(100%,1000px)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none}.modal-head h2{font-size:19px}.modal-head p{color:var(--muted);font-size:12px;margin-top:4px}.modal-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-body{padding:22px 24px;overflow:auto;min-height:0}.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex:none}.lead-modal-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.lead-modal-summary .title{min-width:160px;flex:1}.lead-modal-summary .title h2{font-size:20px}.lead-modal-summary .title p{color:var(--muted);font-size:12px;margin-top:4px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);padding:0 24px;flex:none;overflow-x:auto}.tab{border:0;background:none;color:var(--muted);font-weight:600;padding:13px 2px;font-size:12px;white-space:nowrap;border-bottom:2px solid transparent}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-color:var(--primary)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.detail-section{border:1px solid var(--border);border-radius:10px;padding:16px}.detail-section h3{font-size:13px;margin-bottom:12px}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:700}.detail-value{font-size:12px;font-weight:600;margin-top:3px;word-break:break-word}.document-list{display:flex;flex-direction:column;gap:8px}.document-row{border:1px solid var(--border);border-radius:9px;padding:11px 12px;display:flex;align-items:center;gap:12px;min-width:0}.document-row .file-icon{background:#eef4ff;color:var(--primary);border-radius:8px;display:grid;place-items:center;width:34px;height:34px}.document-row .grow{flex:1;min-width:0}.document-row strong{display:block;font-size:12px}.document-row small{display:block}.document-row .select{width:auto;min-width:118px;height:30px;font-size:11px;padding:0 6px}.note{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px}.note header{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-bottom:9px}.note header strong{color:var(--ink)}.note p{font-size:13px;white-space:pre-wrap}.note-compose{margin-bottom:16px}.note-compose .button{margin-top:8px}
.chat-layout{height:calc(100vh - 76px);min-height:520px;display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);background:#fff}.conversation-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.conversation-head{padding:23px 20px 14px}.conversation-head h1{font-size:22px}.conversation-head p{font-size:12px;color:var(--muted);margin-top:3px}.conversation-head .search-field{margin-top:19px}.conversation-head .search-field .input{min-width:0}.conversation-filters{display:flex;gap:6px;overflow:auto;padding:0 20px 12px;scrollbar-width:none}.conversation-filters .chip{font-size:11px}.conversation-list{overflow-y:auto;flex:1}.conversation-item{width:100%;border:0;border-bottom:1px solid #eff1f4;padding:15px 20px;background:white;text-align:left;display:flex;align-items:flex-start;gap:11px;transition:background var(--ease)}.conversation-item:hover{background:#f8fafc}.conversation-item.active{background:#eef5ff;box-shadow:inset 3px 0 var(--primary)}.conversation-item .body{flex:1;min-width:0}.conversation-item .top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item time{font-size:10px;color:var(--faint);white-space:nowrap}.conversation-item p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 7px}.conversation-item .badges{display:flex;gap:5px;align-items:center}.conversation-item .badge{font-size:9px;padding:2px 6px}.conversation-item .unread-dot{background:var(--primary);color:#fff;font-size:10px;border-radius:20px;min-width:17px;text-align:center}.chat-main{display:flex;flex-direction:column;min-width:0;background:#f7f9fc}.chat-header{height:73px;background:#fff;border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:12px;flex:none}.chat-header .person{flex:1;min-width:0;text-align:left;border:0;background:none;padding:0}.chat-header .person strong{display:block;font-size:13px}.chat-header .person span{font-size:11px;color:var(--muted)}.chat-messages{flex:1;overflow-y:auto;padding:24px max(24px,8%) 30px;display:flex;flex-direction:column;gap:13px}.day-separator{align-self:center;background:#e9eef5;border-radius:7px;color:#66758b;padding:5px 10px;font-size:10px;font-weight:700;margin:8px 0}.message{max-width:min(75%,520px);align-self:flex-start;display:flex;flex-direction:column;gap:4px}.message.outgoing{align-self:flex-end}.bubble{background:#fff;padding:10px 13px;border:1px solid var(--border);border-radius:12px 12px 12px 3px;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing .bubble{border-color:#d8e6ff;background:#e8f1ff;border-radius:12px 12px 3px 12px}.message-meta{color:var(--faint);font-size:10px;padding:0 3px}.message.outgoing .message-meta{text-align:right}.message .ai-label{font-size:10px;color:var(--primary);font-weight:700}.composer{border-top:1px solid var(--border);background:#fff;padding:14px 24px;display:flex;align-items:flex-end;gap:9px;flex:none}.composer .textarea{flex:1;min-height:38px;max-height:130px;resize:none;padding:9px 11px}.composer .button{height:38px}.composer-menu{position:relative}.attach-menu{position:absolute;bottom:44px;left:0;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:5px;min-width:145px;z-index:5}.attach-menu button{width:100%;background:none;border:0;text-align:left;padding:8px;border-radius:6px;font-size:12px}.attach-menu button:hover{background:#f1f5f9}.drawer-wrap{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(10,20,38,.3);animation:fadeIn 200ms ease}.drawer{margin-left:auto;height:100%;width:min(410px,100%);background:#fff;box-shadow:var(--shadow);overflow:auto;animation:slideIn 230ms ease}.drawer-head{display:flex;justify-content:flex-end;padding:16px;border-bottom:1px solid var(--border)}.drawer-profile{text-align:center;padding:24px;border-bottom:1px solid var(--border)}.drawer-profile .avatar{margin:auto}.drawer-profile h2{margin-top:12px}.drawer-profile p{color:var(--muted);font-size:12px;margin:4px 0 12px}.drawer-body{padding:20px}.drawer-body .detail-list{margin:15px 0 25px}.progress{height:7px;border-radius:8px;background:#e8edf4;overflow:hidden;margin:11px 0 6px}.progress span{height:100%;background:var(--primary);display:block;border-radius:8px}
.mobile-back{display:none}
.attach-menu label{display:block;padding:8px;border-radius:6px;font-size:12px;cursor:pointer}.attach-menu label:hover{background:#f1f5f9}.message-image,.message-video{display:block;max-width:100%;max-height:300px;border-radius:8px}.message-video{width:280px}.message-audio{display:block;max-width:100%;width:260px}.message-file{display:flex;align-items:center;gap:9px;color:var(--primary);font-weight:600;max-width:280px}.message-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording{color:var(--danger)!important;background:var(--danger-soft)!important;animation:recordPulse 1s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 5px rgba(220,38,38,.12)}}
.profile-button{width:100%;border:0;background:transparent;color:inherit;text-align:left}.profile-button:hover{background:rgba(255,255,255,.08)}
.advanced-filters.log-filters{margin:0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.composer .textarea{min-width:0;width:auto}
.settings-page{display:grid;grid-template-columns:222px minmax(0,1fr);gap:24px}.settings-nav{background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px;height:max-content}.settings-nav button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;border-radius:7px;padding:10px;color:var(--muted);font-weight:600;font-size:12px}.settings-nav button:hover{background:#f8fafc;color:var(--ink)}.settings-nav button.active{background:var(--primary-soft);color:var(--primary)}.settings-content{min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;margin-bottom:16px}.panel-header{padding:19px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{font-size:15px}.panel-header p{font-size:12px;color:var(--muted);margin-top:3px}.panel-body{padding:20px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}.table th{background:#fafbfc;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:13px 16px;border-bottom:1px solid #f0f2f5;font-size:12px;white-space:nowrap}.table tr:last-child td{border:0}.table tbody tr:hover{background:#fafcff}.table-person{display:flex;align-items:center;gap:9px}.table-person .avatar{width:30px;height:30px;font-size:10px}.table-person strong{font-size:12px}.table .actions-cell{display:flex;gap:5px}.roles-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px}.roles-list{display:flex;flex-direction:column;gap:5px}.roles-list button{border:1px solid transparent;background:#fff;border-radius:8px;text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--muted)}.roles-list button.active{background:var(--primary-soft);color:var(--primary);border-color:#d5e5ff}.permission-group{border-top:1px solid var(--border);padding:15px 0}.permission-group:first-child{border:0;padding-top:0}.permission-group h3{font-size:12px;margin-bottom:11px}.permission-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}.check input{accent-color:var(--primary);width:16px;height:16px}.team-grid,.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.team-card,.integration-card{border:1px solid var(--border);border-radius:10px;padding:17px;background:white}.team-card .team-icon,.integration-card .team-icon{width:36px;height:36px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:14px}.team-card h3,.integration-card h3{font-size:13px}.team-card p,.integration-card p{font-size:11px;color:var(--muted);margin-top:5px;min-height:32px}.team-card .footer,.integration-card .footer{border-top:1px solid var(--border);margin-top:14px;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.security-row{display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid var(--border);padding:16px 0}.security-row:last-child{border:0}.security-row .team-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);border-radius:8px}.security-row .grow{flex:1}.security-row strong{font-size:12px}.security-row p{font-size:11px;color:var(--muted);margin-top:3px}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100% - 40px))}.toast{background:#17233d;color:#fff;box-shadow:var(--shadow);padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;animation:slideIn 200ms ease}.toast.error{background:#9b2525}.toast .icon{width:16px;height:16px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1fr) minmax(430px,1fr);background:#fff}.login-side{background:#14213e;color:#fff;padding:clamp(40px,6vw,86px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-side::after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-330px;top:19%;box-shadow:0 0 0 110px rgba(255,255,255,.025),0 0 0 230px rgba(255,255,255,.018);pointer-events:none}.login-side .brand-row{padding:0;border:0;height:auto}.login-side h1{font-size:clamp(32px,4vw,48px);line-height:1.12;max-width:550px;margin-bottom:19px;letter-spacing:-.055em}.login-side p{font-size:15px;color:#aebed5;max-width:440px;line-height:1.7}.login-side small{color:#8ea0bc}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:min(100%,380px)}.login-form .eyebrow{color:var(--primary)}.login-form h2{font-size:27px;letter-spacing:-.04em;margin:8px 0}.login-form>p{color:var(--muted);margin-bottom:32px}.login-form .field{margin-bottom:17px}.login-form .button.primary{width:100%;height:42px;margin-top:8px}.login-form .forgot{color:var(--primary);border:0;background:none;padding:0;font-size:12px;font-weight:650}.login-form .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.login-alert{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:10px 12px;margin-bottom:16px;font-size:12px}.login-alert.success{background:var(--success-soft);color:#198547;border-color:#bbf0cf}.auth-switch{text-align:center;margin-top:18px;font-size:12px;color:var(--muted)}.link-button{color:var(--primary);border:0;background:none;padding:0;font-size:12px;font-weight:650;cursor:pointer}.code-input{text-align:center;letter-spacing:.5em;font-size:20px;font-weight:700}.mobile-bar{display:none}.mobile-top{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes slideIn{from{transform:translateX(15px);opacity:.6}to{transform:none;opacity:1}}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-page{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:1200px){.advanced-filters.log-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:72px}.sidebar .brand-word,.sidebar .nav-label,.sidebar .nav-text,.sidebar .nav-count,.sidebar .user-card div,.sidebar .foot-actions .text{display:none}.sidebar .brand-row{padding:0 18px}.sidebar .nav-item{justify-content:center;padding:0}.sidebar .sidebar-nav{padding-inline:10px}.sidebar .user-card{justify-content:center}.sidebar .foot-actions{justify-content:center}.sidebar .foot-actions .collapse-btn{display:none}.main,.shell.is-collapsed .main{margin-left:72px;width:calc(100% - 72px)}.chat-layout{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.settings-page{display:block}.settings-nav{display:flex;overflow:auto;margin-bottom:14px}.settings-nav button{width:auto;white-space:nowrap}.login-page{grid-template-columns:1fr}.login-side{display:none}}
@media(max-width:680px){.sidebar{display:none}.main,.shell.is-collapsed .main{margin:0;width:100%}.topbar{display:none}.mobile-top{height:62px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mobile-top .brand-row{height:auto;border:0;padding:0}.mobile-top .brand-word{color:var(--ink)}.mobile-top .brand-word span{color:var(--muted)}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-header);height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#fff;display:flex;justify-content:space-around;box-shadow:0 -4px 18px rgba(15,23,42,.03)}.mobile-bar button{border:0;background:none;color:var(--muted);min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:700}.mobile-bar button.active{color:var(--primary)}.mobile-bar .icon{width:21px;height:21px}.page{padding:22px 16px 88px}.page-header{display:block;margin-bottom:20px}.page-header p{font-size:12px}.page-actions{justify-content:flex-start;margin-top:18px}.page-actions .search-field{flex:1;min-width:170px}.page-actions .search-field .input{min-width:0}.metrics{gap:8px;margin-bottom:23px}.metric{padding:12px}.metric strong{font-size:22px}.metric .label{font-size:10px}.metric-icon{width:25px;height:25px}.metric-icon .icon{width:15px;height:15px}.lead-grid{grid-template-columns:1fr;gap:10px}.lead-card{padding:16px}.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.chat-layout{height:calc(100dvh - 122px);min-height:0;display:block}.conversation-panel{height:100%;border:0}.chat-main{height:calc(100dvh - 62px);position:fixed;inset:62px 0 0;z-index:20}.chat-main.hidden-mobile{display:none}.chat-layout.conversation-open .conversation-panel{display:none}.chat-layout.conversation-open .chat-main{display:flex}.mobile-back{display:inline-flex}.chat-header{padding:0 14px}.chat-messages{padding:16px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.message{max-width:87%}.settings-nav{margin:0 0 14px}.settings-nav button{padding:8px}.settings-page .panel-header{padding:16px}.panel-body{padding:16px}.roles-layout{display:block}.roles-list{flex-direction:row;overflow:auto;margin-bottom:15px}.roles-list button{white-space:nowrap}.permission-items{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay{padding:0}.modal,.modal.wide{height:100dvh;max-height:100dvh;width:100%;border-radius:0;animation:slideIn 230ms ease}.modal-head{padding:16px}.modal-body{padding:16px}.modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.tabs{padding:0 16px;gap:16px}.detail-grid{grid-template-columns:1fr;gap:10px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.document-row{flex-wrap:wrap}.document-row .select{width:100%}.login-form-wrap{min-height:100vh;padding:24px}.login-form{width:min(100%,380px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}