@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f2f4f7;--border:#e6e8ec;--border-strong:#d0d5dd;--text:#101828;--text-2:#344054;--text-3:#667085;--text-4:#98a2b3;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-text:#4338ca;--ring:0 0 0 3px #4f46e529;--nav-bg:#0f1525;--nav-border:#ffffff0f;--nav-text:#98a2b8;--nav-text-strong:#f2f4f8;--nav-hover:#ffffff0d;--nav-active:#ffffff17;--green:#079455;--green-soft:#ecfdf3;--red:#d92d20;--red-soft:#fef3f2;--amber:#b54708;--amber-soft:#fffaeb;--amber-border:#fedf89;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #10182814,0 1px 2px #1018280a;--shadow-md:0 6px 16px -4px #1018281a,0 2px 4px -2px #1018280d;--shadow-lg:0 20px 40px -12px #1018282e,0 4px 8px -4px #1018280f;--radius-sm:6px;--radius:8px;--radius-lg:12px;--sidebar-w:252px;--bg2:var(--surface);--bg3:var(--surface-2);--bg4:var(--surface-3);--border2:var(--border-strong);--text2:var(--text-2);--text3:var(--text-3);--text4:var(--text-4)}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01";background:#f5f6f8;background:var(--bg);color:#101828;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:#4338ca;color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}*{scrollbar-color:#cfd4dc #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cfd4dc;background-clip:padding-box;border:2px solid #0000;border-radius:10px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minw0{min-width:0}.muted{color:#667085;color:var(--text-3)}.faint{color:#98a2b3;color:var(--text-4)}.strong{color:#101828;color:var(--text);font-weight:600}.row{align-items:center;display:flex;gap:8px}.grow{flex:1 1}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.spinner{animation:spin .7s linear infinite;border:2px solid #d0d5dd;border-top-color:#4f46e5;border:2px solid var(--border-strong);border-radius:50%;border-top-color:var(--accent);display:inline-block}.screen-center{align-items:center;background:#f5f6f8;background:var(--bg);color:#667085;color:var(--text-3);flex-direction:column;gap:14px;justify-content:center}.app,.screen-center{display:flex;height:100vh}.app{overflow:hidden}.main{flex:1 1;min-width:0;overflow-y:auto}.page{animation:fadeUp .18s ease-out;margin:0 auto;max-width:1320px;padding:28px 36px 48px}.sidebar{background:#0f1525;background:var(--nav-bg);border-right:1px solid #0b1020;color:#98a2b8;color:var(--nav-text);display:flex;flex-direction:column;flex-shrink:0;width:252px;width:var(--sidebar-w)}.sb-brand{align-items:center;display:flex;gap:11px;padding:20px 18px 16px}.sb-logo{background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:10px;box-shadow:0 4px 12px #4f46e573,inset 0 1px 0 #fff3;color:#fff;display:grid;height:34px;place-items:center;width:34px}.sb-name{color:#f2f4f8;color:var(--nav-text-strong);font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.2}.sb-tag{color:#6b768c;font-size:11px}.sb-new{align-items:center;background:#4f46e5;background:var(--accent);border:0;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #0000004d,inset 0 1px 0 #ffffff26;color:#fff;display:flex;font-size:13px;font-weight:600;gap:8px;height:36px;justify-content:center;margin:4px 14px 14px;transition:background .15s}.sb-new.active,.sb-new:hover{background:#5b54ea}.sb-nav{flex:1 1;overflow-y:auto;padding:0 10px 12px}.sb-section{color:#5d6880;font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:14px 10px 6px;text-transform:uppercase}.sb-item{align-items:center;background:#0000;border:0;border-radius:6px;border-radius:var(--radius-sm);color:#98a2b8;color:var(--nav-text);display:flex;font-size:13.5px;font-weight:500;gap:10px;height:34px;padding:0 10px;text-align:left;transition:background .12s,color .12s;width:100%}.sb-item:hover{background:#ffffff0d;background:var(--nav-hover);color:#d5dbe6}.sb-item.active{background:#ffffff17;background:var(--nav-active);color:#f2f4f8;color:var(--nav-text-strong)}.sb-item.active .sb-ico{color:#a5b4fc}.sb-ico{color:#6b768c;display:flex}.sb-label{flex:1 1}.sb-count{font-feature-settings:"tnum";color:#8a95ab;font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:600}.sb-count.hot{background:#6366f159;border-radius:10px;color:#fff;padding:1px 7px}.sb-user{align-items:center;border-top:1px solid #ffffff0f;border-top:1px solid var(--nav-border);display:flex;gap:10px;padding:14px 16px}.sb-user-name{color:#f2f4f8;color:var(--nav-text-strong);font-size:13px;font-weight:600}.sb-user-mail{color:#6b768c;font-size:11.5px}.sb-logout{background:#0000;border:0;border-radius:6px;color:#6b768c;display:flex;padding:6px}.sb-logout:hover{background:#ffffff0d;background:var(--nav-hover);color:#fda29b}.page-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px}.page-title{color:#101828;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.25}.page-sub{color:#667085;color:var(--text-3);font-size:13.5px;margin-top:3px}.crumbs{display:flex;font-size:13px}.crumbs,.crumbs button{align-items:center;color:#667085;color:var(--text-3);gap:6px}.crumbs button{background:none;border:0;border-radius:6px;display:inline-flex;font-weight:500;margin-left:-6px;padding:4px 6px}.crumbs button:hover{background:#f2f4f7;background:var(--surface-3);color:#101828;color:var(--text)}.crumbs .sep{color:#98a2b3;color:var(--text-4)}.card{background:#fff;background:var(--surface);border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs)}.card-header{align-items:center;border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:14px 18px}.card-title{color:#101828;color:var(--text);font-size:14px;font-weight:600}.card-sub{color:#667085;color:var(--text-3);font-size:12.5px}.card-body{padding:18px}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius);display:inline-flex;font-size:13.5px;font-weight:600;gap:7px;height:36px;justify-content:center;padding:0 14px;transition:background .12s,border-color .12s,box-shadow .12s,color .12s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{box-shadow:0 0 0 3px #4f46e529;box-shadow:var(--ring);outline:none}.btn-primary{background:#4f46e5;background:var(--accent);box-shadow:0 1px 2px #1018280d,inset 0 1px 0 #ffffff1f;box-shadow:var(--shadow-xs),inset 0 1px 0 #ffffff1f;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca;background:var(--accent-hover)}.btn-secondary{background:#fff;background:var(--surface);border-color:#d0d5dd;border-color:var(--border-strong);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#344054;color:var(--text-2)}.btn-secondary:hover:not(:disabled){background:#fafbfc;background:var(--surface-2);color:#101828;color:var(--text)}.btn-ghost{background:#0000;color:#667085;color:var(--text-3)}.btn-ghost:hover:not(:disabled){background:#f2f4f7;background:var(--surface-3);color:#101828;color:var(--text)}.btn-soft{background:#eef2ff;background:var(--accent-soft);color:#4338ca;color:var(--accent-text)}.btn-soft:hover:not(:disabled){background:#e0e7ff}.btn-note{background:#dc6803;box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#fff}.btn-note:hover:not(:disabled){background:#b54708}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12.5px;gap:6px;height:30px;padding:0 10px}.btn-block{width:100%}.btn-icon{padding:0;width:32px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.label{color:#344054;color:var(--text-2);font-size:12.5px;font-weight:600}.label .req{color:#d92d20;color:var(--red);margin-left:2px}.hint{color:#667085;color:var(--text-3);font-size:12px}.input,.select,.textarea{background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#101828;color:var(--text);font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .12s,box-shadow .12s;width:100%}.textarea{height:auto;line-height:1.6;padding:10px 12px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#98a2b3;color:var(--text-4)}.input:focus,.select:focus,.textarea:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #4f46e529;box-shadow:var(--ring)}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.input-sm,.select-sm{font-size:13px;height:34px}.search{align-items:center;display:flex;position:relative}.search .search-ico{color:#98a2b3;color:var(--text-4);left:11px;pointer-events:none;position:absolute}.search .input{padding-left:34px}.check{align-items:center;color:#344054;color:var(--text-2);cursor:pointer;display:inline-flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.check input{accent-color:#4f46e5;accent-color:var(--accent);cursor:pointer;height:15px;width:15px}.pill{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:24px;padding:0 9px 0 8px;white-space:nowrap}.pill-sm{font-size:11.5px;height:21px;padding:0 8px 0 7px}.pill-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.tag{align-items:center;border-radius:5px;display:inline-flex;font-size:11px;font-weight:600;height:20px;padding:0 7px}.tag-customer{background:#ecfdf3;color:#067647}.tag-agent{background:#eef2ff;background:var(--accent-soft);color:#4338ca;color:var(--accent-text)}.tag-note{background:#fef0c7;color:#93370d}.badge{font-feature-settings:"tnum";background:#f2f4f7;background:var(--surface-3);border-radius:10px;color:#667085;color:var(--text-3);font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:600;height:20px;min-width:20px;padding:0 6px}.avatar,.badge{align-items:center;display:inline-flex;justify-content:center}.avatar{border-radius:50%;box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px var(--surface);color:#fff;flex-shrink:0;font-weight:600;letter-spacing:.02em}.alert{align-items:flex-start;border:1px solid;border-radius:8px;border-radius:var(--radius);display:flex;font-size:13px;gap:10px;padding:11px 14px}.alert-error{background:#fef3f2;background:var(--red-soft);border-color:#fecdca;color:#b42318}.alert-success{background:#ecfdf3;background:var(--green-soft);border-color:#abefc6;color:#067647}.alert-info{background:#eef2ff;background:var(--accent-soft);border-color:#c7d2fe;color:#4338ca;color:var(--accent-text)}.alert-warning{background:#fffaeb;background:var(--amber-soft);border-color:#fedf89;border-color:var(--amber-border);color:#b54708;color:var(--amber)}.alert-close{background:none;border:0;border-radius:4px;color:inherit;display:flex;opacity:.6;padding:2px}.alert-close:hover{background:#0000000d;opacity:1}.composer-box.drag{background:#eef2ff;background:var(--accent-soft);border-color:#a5b4fc;box-shadow:0 0 0 3px #4f46e529;box-shadow:var(--ring)}.tabs{border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);display:flex;gap:4px;padding:0 6px}.tab{align-items:center;background:none;border:0;border-bottom:2px solid #0000;color:#667085;color:var(--text-3);display:inline-flex;font-size:13.5px;font-weight:500;gap:7px;height:40px;margin-bottom:-1px;padding:0 10px;transition:color .12s,border-color .12s}.tab.active,.tab:hover{color:#101828;color:var(--text)}.tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--accent);font-weight:600}.tab.active .badge{background:#eef2ff;background:var(--accent-soft);color:#4338ca;color:var(--accent-text)}.seg{background:#f2f4f7;background:var(--surface-3);border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);gap:2px;padding:3px}.seg,.seg-btn{display:inline-flex}.seg-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#667085;color:var(--text-3);font-size:13px;font-weight:600;gap:7px;height:30px;padding:0 12px;transition:background .12s,color .12s,box-shadow .12s}.seg-btn.active,.seg-btn:hover{color:#101828;color:var(--text)}.seg-btn.active{background:#fff;background:var(--surface);box-shadow:0 1px 3px #10182814,0 1px 2px #1018280a;box-shadow:var(--shadow-sm)}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px}.toolbar .search{flex:1 1;max-width:420px;min-width:240px}.toolbar-count{color:#667085;color:var(--text-3);font-size:12.5px;margin-left:auto}.tbl{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.tbl th{background:#fafbfc;background:var(--surface-2);border-top:1px solid #e6e8ec;border-top:1px solid var(--border);color:#667085;color:var(--text-3);font-size:11.5px;font-weight:600;height:38px;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.tbl td,.tbl th{border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);padding:0 14px}.tbl td{font-size:13.5px;height:60px;vertical-align:middle}.tbl tbody tr.trow{cursor:pointer;transition:background .08s}.tbl tbody tr.trow:hover{background:#f9fafb}.tbl tbody tr.trow:hover .subj-title{color:#4338ca;color:var(--accent-text)}.tbl tbody tr:last-child td{border-bottom:0}.tbl td.c-status{position:relative}.tbl .sbar{border-radius:0 3px 3px 0;bottom:10px;left:0;position:absolute;top:10px;width:3px}.subj{align-items:baseline;display:flex;gap:8px;min-width:0}.subj-num{font-feature-settings:"tnum";color:#98a2b3;color:var(--text-4);flex-shrink:0;font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600}.subj-title{color:#101828;color:var(--text);font-weight:600;transition:color .1s}.subj-snip{color:#667085;color:var(--text-3);font-size:12.5px;margin-top:2px}.who{align-items:center;display:flex;gap:9px;min-width:0}.who-sub{font-size:11.5px}.unassigned,.who-sub{color:#98a2b3;color:var(--text-4)}.unassigned{font-size:12.5px;font-style:italic}.c-time{color:#667085;color:var(--text-3);font-size:12.5px;white-space:nowrap}.group-row td{background:#fafbfc;background:var(--surface-2);color:#344054;color:var(--text-2);font-size:12px;font-weight:600;height:36px;letter-spacing:.05em;text-transform:uppercase}.group-row .row{gap:8px}@media (max-width:1180px){.tbl .c-req{display:none}}@media (max-width:920px){.tbl .c-asg{display:none}}.empty{color:#667085;color:var(--text-3);padding:56px 24px;text-align:center}.empty-icon{background:#f2f4f7;background:var(--surface-3);border-radius:12px;color:#667085;color:var(--text-3);display:grid;height:48px;margin:0 auto 14px;place-items:center;width:48px}.empty-title{color:#101828;color:var(--text);font-size:15px;font-weight:600;margin-bottom:4px}.empty-text{font-size:13.5px;margin-bottom:16px}.kpis{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.kpi{background:#fff;background:var(--surface);border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);padding:16px 18px;text-align:left;transition:box-shadow .15s,border-color .15s,transform .15s}button.kpi:hover{border-color:#d0d5dd;border-color:var(--border-strong);box-shadow:0 6px 16px -4px #1018281a,0 2px 4px -2px #1018280d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.kpi-label{color:#667085;color:var(--text-3);font-size:13px;font-weight:500}.kpi-icon{border-radius:8px;display:grid;height:30px;place-items:center;width:30px}.kpi-value{font-feature-settings:"tnum";color:#101828;color:var(--text);font-size:28px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.8px;line-height:1}.kpi-foot{color:#667085;color:var(--text-3);font-size:12px;margin-top:8px}.dash-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);margin-bottom:18px}.chart{align-items:flex-end;height:160px;padding-top:8px}.chart,.chart-col{display:flex;gap:6px}.chart-col{align-items:center;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.chart-bar{background:linear-gradient(180deg,#818cf8,#4f46e5);border-radius:5px 5px 2px 2px;max-width:28px;min-height:3px;position:relative;transition:opacity .15s;width:100%}.chart-bar.zero{background:#f2f4f7;background:var(--surface-3)}.chart-col:hover .chart-bar{opacity:.85}.chart-val{font-feature-settings:"tnum";color:#344054;color:var(--text-2);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.chart-lbl{color:#98a2b3;color:var(--text-4);font-size:10.5px;white-space:nowrap}.load-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:26px minmax(0,1fr) 36px;padding:8px 0}.load-bar{background:#f2f4f7;background:var(--surface-3);border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.load-fill{background:#4f46e5;background:var(--accent);border-radius:3px;height:100%}.list-row{align-items:center;border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 18px;transition:background .08s}.list-row:last-child{border-bottom:0}.list-row:hover{background:#f9fafb}@media (max-width:1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}}.detail-head{align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:16px;padding:18px 22px}.detail-head,.dh-meta{display:flex;flex-wrap:wrap}.dh-meta{align-items:center;gap:10px;margin-bottom:8px}.dh-num{font-feature-settings:"tnum";color:#667085;color:var(--text-3);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.dh-title{color:#101828;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.35px;line-height:1.3}.dh-sub{display:flex;flex-wrap:wrap;font-size:13px;margin-top:6px}.dh-sub,.saving{align-items:center;color:#667085;color:var(--text-3);gap:6px}.saving{display:inline-flex;font-size:12px}.detail-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.detail-side{display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:16px}@media (max-width:1100px){.detail-grid{grid-template-columns:1fr}.detail-side{position:static}}.panel{padding:16px 18px}.panel-title{align-items:center;color:#667085;color:var(--text-3);display:flex;font-size:11.5px;font-weight:600;justify-content:space-between;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.props{grid-gap:9px 10px;display:grid;font-size:13px;gap:9px 10px;grid-template-columns:104px minmax(0,1fr)}.props dt{color:#667085;color:var(--text-3)}.props dd{color:#101828;color:var(--text);font-weight:500;overflow-wrap:anywhere}.quick{display:flex;flex-wrap:wrap;gap:6px}.chip-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:1px solid var(--border-strong);border-radius:999px;color:#344054;color:var(--text-2);display:inline-flex;font-size:12.5px;font-weight:500;gap:6px;height:28px;padding:0 10px 0 4px;transition:background .12s,border-color .12s}.chip-btn:hover{background:#eef2ff;background:var(--accent-soft);border-color:#c7d2fe;color:#4338ca;color:var(--accent-text)}.timeline{padding:6px 0}.msg{animation:fadeUp .2s ease-out;border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:18px 22px;position:relative}.msg:last-child{border-bottom:0}.msg{scroll-margin-top:16px}.msg-agent{background:linear-gradient(90deg,rgba(79,70,229,.035),#0000 60%)}.msg-agent:before{background:#a5b4fc;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.msg-desc{background:#fafbfc;background:var(--surface-2)}.msg-note{background:#fffbeb}.msg-note:before{background:#fdb022;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.msg-note .msg-via{color:#b54708}.msg-sent{color:#067647!important;font-weight:500}.msg-main{flex:1 1;min-width:0}.msg-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.msg-name{color:#101828;color:var(--text);font-size:13.5px;font-weight:600}.msg-mail{color:#667085;color:var(--text-3);font-size:12.5px}.msg-time{font-size:12px;margin-left:auto;white-space:nowrap}.msg-time,.msg-via{color:#98a2b3;color:var(--text-4)}.msg-via{align-items:center;display:inline-flex;font-size:11.5px;gap:4px}.msg-body{color:#344054;color:var(--text-2);font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.quote-toggle{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:999px;color:#667085;color:var(--text-3);display:inline-flex;font-size:12px;font-weight:500;gap:8px;height:26px;margin-top:10px;max-width:100%;padding:0 10px 0 4px;transition:background .12s,color .12s,border-color .12s}.quote-toggle.open,.quote-toggle:hover{background:#f2f4f7;background:var(--surface-3);border-color:#d0d5dd;border-color:var(--border-strong);color:#101828;color:var(--text)}.quote-dots{background:#f2f4f7;background:var(--surface-3);border-radius:999px;display:inline-grid;font-size:10px;height:18px;letter-spacing:1px;line-height:1;padding:0 6px;place-items:center}.msg-quoted,.quote-dots{color:#667085;color:var(--text-3)}.msg-quoted{background:#fafbfc;background:var(--surface-2);border-left:3px solid #d0d5dd;border-left:3px solid var(--border-strong);border-radius:0 8px 8px 0;border-radius:0 var(--radius) var(--radius) 0;font-size:13px;line-height:1.6;margin-top:10px;max-height:420px;overflow-wrap:anywhere;overflow-y:auto;padding:10px 14px;white-space:pre-wrap}.att-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.att-chip{align-items:center;background:#fff;background:var(--surface);border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#344054;color:var(--text-2);display:inline-flex;font-size:12.5px;gap:8px;height:34px;max-width:280px;padding:0 12px 0 10px;transition:border-color .12s,background .12s}.att-chip:hover{background:#fafbfc;background:var(--surface-2);border-color:#d0d5dd;border-color:var(--border-strong)}.att-chip .att-size{color:#98a2b3;color:var(--text-4);flex-shrink:0}.att-thumb{border:1px solid #e6e8ec;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);display:block;line-height:0;overflow:hidden;transition:box-shadow .15s,transform .15s}.att-thumb:hover{box-shadow:0 6px 16px -4px #1018281a,0 2px 4px -2px #1018280d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.att-thumb img{display:block;height:120px;object-fit:cover;width:168px}.att-list-item{align-items:center;background:#0000;border:0;border-radius:8px;border-radius:var(--radius);display:flex;gap:10px;padding:8px;text-align:left;transition:background .1s;width:100%}.att-list-item:hover{background:#f2f4f7;background:var(--surface-3)}.att-list-ico{background:#f2f4f7;background:var(--surface-3);border-radius:7px;color:#667085;color:var(--text-3);display:grid;flex-shrink:0;height:34px;overflow:hidden;place-items:center;width:34px}.att-list-ico img{height:100%;object-fit:cover;width:100%}.composer{background:#fafbfc;background:var(--surface-2);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e6e8ec;border-top:1px solid var(--border);padding:14px 18px 16px}.composer-tabs{display:flex;gap:4px;margin-bottom:10px}.ctab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#667085;color:var(--text-3);display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:32px;padding:0 12px;transition:background .12s,color .12s}.ctab:hover{background:#f2f4f7;background:var(--surface-3);color:#101828;color:var(--text)}.ctab.active{background:#fff;background:var(--surface);border-color:#e6e8ec;border-color:var(--border);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#4338ca;color:var(--accent-text)}.ctab.active.note{color:#b54708}.composer-box{background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:1px solid var(--border-strong);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);overflow:hidden;transition:border-color .12s,box-shadow .12s}.composer-box:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px #4f46e529;box-shadow:var(--ring)}.composer-note .composer-box{background:#fffcf0;border-color:#fedf89}.composer-note .composer-box:focus-within{border-color:#fdb022;box-shadow:0 0 0 3px #fdb02233}.composer-meta{align-items:center;border-bottom:1px solid #e6e8ec;border-bottom:1px solid var(--border);color:#667085;color:var(--text-3);display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px;padding:9px 12px}.composer-note .composer-meta{border-bottom-color:#fef0c7;color:#93370d}.composer-meta strong{color:#344054;color:var(--text-2);font-weight:600}.composer-input{background:#0000;border:0;color:#101828;color:var(--text);font-size:14px;line-height:1.6;min-height:110px;outline:none;padding:12px;resize:vertical;width:100%}.composer-files{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}.composer-foot{align-items:center;display:flex;gap:10px;margin-top:10px}.kbd-hint{color:#98a2b3;color:var(--text-4);font-size:12px;margin-left:auto}.kbd{background:#fff;background:var(--surface);border:1px solid #d0d5dd;border:solid var(--border-strong);border-radius:4px;border-width:1px 1px 2px;color:#667085;color:var(--text-3);display:inline-block;font-size:11px;padding:1px 5px}.file-pill{align-items:center;background:#f2f4f7;background:var(--surface-3);border-radius:6px;color:#344054;color:var(--text-2);display:inline-flex;font-size:12.5px;gap:6px;height:28px;max-width:260px;padding:0 6px 0 10px}.file-pill button{background:none;border:0;border-radius:4px;color:#98a2b3;color:var(--text-4);display:flex;padding:3px}.file-pill button:hover{background:#fef3f2;background:var(--red-soft);color:#d92d20;color:var(--red)}.form-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 300px}@media (max-width:1000px){.form-grid{grid-template-columns:1fr}}.dropzone{align-items:center;background:#fafbfc;background:var(--surface-2);border:1.5px dashed #d0d5dd;border:1.5px dashed var(--border-strong);border-radius:8px;border-radius:var(--radius);color:#667085;color:var(--text-3);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:6px;justify-content:center;padding:22px;text-align:center;transition:border-color .15s,background .15s}.dropzone.drag,.dropzone:hover{background:#eef2ff;background:var(--accent-soft);border-color:#a5b4fc}.dropzone strong,.dropzone.drag,.dropzone:hover{color:#4338ca;color:var(--accent-text)}.dz-ico{border-radius:10px;box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);color:#667085;color:var(--text-3);display:grid;height:38px;margin-bottom:4px;place-items:center;width:38px}.dz-ico,.pop{background:#fff;background:var(--surface);border:1px solid #e6e8ec;border:1px solid var(--border)}.pop{border-radius:8px;border-radius:var(--radius);box-shadow:0 20px 40px -12px #1018282e,0 4px 8px -4px #1018280f;box-shadow:var(--shadow-lg);left:0;max-height:240px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.pop-item{align-items:center;border-radius:6px;color:#344054;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:7px 8px}.pop-item:hover{background:#f2f4f7;background:var(--surface-3);color:#101828;color:var(--text)}.form-actions{align-items:center;background:#fafbfc;background:var(--surface-2);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid #e6e8ec;border-top:1px solid var(--border);justify-content:flex-end;padding:14px 18px}.form-actions,.tip{display:flex;gap:10px}.tip{color:#667085;color:var(--text-3);font-size:12.5px;line-height:1.55}.tip+.tip{margin-top:12px}.tip-ico{background:#eef2ff;background:var(--accent-soft);border-radius:7px;color:#4338ca;color:var(--accent-text);display:grid;flex-shrink:0;height:26px;place-items:center;width:26px}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}@media (max-width:1000px){.settings-grid{grid-template-columns:1fr}}.mbox-ico{border-radius:9px;display:grid;height:36px;place-items:center;width:36px}.server-note{background:#f2f4f7;background:var(--surface-3);border-radius:6px;border-radius:var(--radius-sm);color:#667085;color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;gap:8px;padding:9px 12px}.savebar,.server-note{align-items:center;display:flex}.savebar{gap:12px;margin-bottom:16px}.auth{background:#fff;background:var(--surface);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh}.auth-brand{background:radial-gradient(1200px 600px at -10% -10%,#4338ca 0,#0000 55%),radial-gradient(900px 500px at 110% 110%,#7c3aed 0,#0000 55%),#0f1525;color:#e0e7ff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 56px;position:relative}.auth-brand:after{background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 0,#0000 70%);mask-image:radial-gradient(circle at 30% 40%,#000 0,#0000 70%);pointer-events:none;position:absolute}.auth-brand>*{position:relative;z-index:1}.auth-headline{color:#fff;font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.15;max-width:440px}.auth-lead{color:#c7d2fe;font-size:15px;line-height:1.6;margin-top:14px;max-width:420px}.auth-feat{align-items:flex-start;color:#dfe4ff;display:flex;font-size:14px;gap:12px;margin-top:18px}.auth-feat-ico{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;color:#c7d2fe;display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.auth-form-wrap{align-items:center;display:flex;justify-content:center;padding:40px 24px}.auth-form{max-width:380px;width:100%}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-brand{display:none}}
/*# sourceMappingURL=main.881ae2a4.css.map*/