:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#111310;color:#ece8e1}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{border:none;outline:none}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr)}.auth-shell{min-height:100vh;padding:32px}.auth-shell.dark{background:radial-gradient(circle at top right,rgba(74,126,106,.18),transparent 25%),linear-gradient(180deg,#171a16,#121411);color:#ece8e1}.auth-shell.light{background:radial-gradient(circle at top right,rgba(89,162,128,.16),transparent 24%),linear-gradient(180deg,#f7f5ef,#ece8dd);color:#1d201c}.auth-frame{display:grid;gap:24px;width:min(1120px,100%);margin:0 auto}.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-toggle-row{display:flex;align-items:center;gap:10px}.auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,420px);gap:20px}.auth-grid.single{grid-template-columns:minmax(0,680px)}.auth-panel{display:grid;gap:18px;padding:28px;border:1px solid rgba(138,145,127,.16);border-radius:16px;background:#090a0952;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.light .auth-panel{background:#ffffffb8}.auth-panel-hero{align-content:space-between}.auth-panel-hero h1{margin:0;font-size:2rem;line-height:1.05}.auth-panel-hero p,.status-panel p{margin:0;color:inherit;opacity:.78}.auth-hero-points,.auth-detail-list{display:grid;gap:12px}.auth-hero-points div,.auth-detail-list div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:0 14px;border-radius:12px;background:#ffffff0a}.light .auth-hero-points div,.light .auth-detail-list div{background:#1215120d}.auth-hero-points strong,.auth-detail-list strong,.status-panel strong{font-size:1rem}.auth-hero-points span,.auth-detail-list span,.auth-heading span{opacity:.72}.auth-heading{display:grid;gap:6px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px}.auth-form label span{font-size:.82rem;opacity:.72}.auth-form input{min-height:48px;padding:0 14px;border:1px solid rgba(138,145,127,.2);border-radius:12px;background:#ffffff08;color:inherit}.light .auth-form input{background:#ffffffd1}.auth-submit{min-height:46px}.auth-message{min-height:46px;padding:12px 14px;border:1px solid transparent;border-radius:12px;line-height:1.45}.auth-message.error{background:#aa454524;border-color:#c2626247;color:#f2c7c7}.light .auth-message.error{color:#7f2b2b}.auth-message.warning{background:#cc9c351f;border-color:#cc9c3542;color:#f2dfad}.light .auth-message.warning{color:#7c5a0f}.auth-action-row{display:flex;align-items:center;gap:10px}.auth-link-button{text-decoration:none}.compose-message{margin-top:12px}.status-panel{justify-items:start}.status-icon{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#9cc9a129;color:#9cc9a1}.app-shell.dark{background:radial-gradient(circle at top right,rgba(74,126,106,.18),transparent 25%),linear-gradient(180deg,#171a16,#121411);color:#ece8e1}.app-shell.light{background:radial-gradient(circle at top right,rgba(89,162,128,.16),transparent 24%),linear-gradient(180deg,#f7f5ef,#ece8dd);color:#1d201c}.sidebar{display:flex;flex-direction:column;gap:22px;padding:24px 18px;border-right:1px solid rgba(138,145,127,.18);background:#090a0947;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.light .sidebar{background:#ffffff94}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#9cc9a1,#c8a85b);color:#172018;font-weight:700}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:.98rem}.brand-copy span,.section-label,.message-subline,.detail-copy,.alias-row,.reply-toolbar span,.thread-party span,.thread-time,.detail-list dt{color:#e6e1d69e}.light .brand-copy span,.light .section-label,.light .message-subline,.light .detail-copy,.light .alias-row,.light .reply-toolbar span,.light .thread-party span,.light .thread-time,.light .detail-list dt{color:#272a269e}.compose-button,.primary-button,.secondary-button,.ghost-button,.ghost-icon,.chip,.nav-item,.footer-action,.attachment-chip{border:1px solid transparent;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.compose-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border-radius:10px;background:#d3b36a;color:#1b1812;font-weight:600}.compose-button:hover,.primary-button:hover{background:#e0be71}.sidebar-section{display:flex;flex-direction:column;gap:10px}.compact{margin-top:auto}.section-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.nav-item{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border-radius:10px;background:transparent;color:inherit}.nav-item:hover,.footer-action:hover,.ghost-button:hover,.ghost-icon:hover,.chip:hover,.attachment-chip:hover{background:#ffffff0d}.light .nav-item:hover,.light .footer-action:hover,.light .ghost-button:hover,.light .ghost-icon:hover,.light .chip:hover,.light .attachment-chip:hover{background:#1215120d}.nav-item.active{background:#6fa08433;border-color:#6fa08442}.nav-item-left{display:inline-flex;align-items:center;gap:10px}.count-pill,.tag,.sla-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:.78rem}.count-pill{background:#ffffff14}.light .count-pill{background:#12151214}.alias-list,.mini-kpis{display:grid;gap:8px}.alias-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 10px;border-radius:10px;background:#ffffff0a}.light .alias-row{background:#1215120a}.alias-copy{display:grid;gap:2px}.alias-copy small{color:inherit;opacity:.62;font-size:.72rem}.alias-state{display:inline-flex;align-items:center;gap:8px}.alias-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#d3b36a29;color:#d3b36a;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-kpis div{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-radius:10px;background:#ffffff0a}.light .mini-kpis div{background:#1215120a}.mini-kpis strong{font-size:.96rem}.mini-kpis span{font-size:.73rem;color:inherit;opacity:.68}.sidebar-footer{display:flex;flex-direction:column;gap:8px}.session-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#ffffff0a}.light .session-card{background:#1215120d}.session-card-copy{display:grid;gap:4px}.session-card-copy span{color:inherit;opacity:.72;font-size:.82rem}.session-role{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#ffffff14;font-size:.74rem;letter-spacing:.04em}.footer-action{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:10px;background:transparent;color:inherit}.workspace{display:flex;min-width:0;flex-direction:column}.topbar,.overview-band,.mail-grid{min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:20px 24px 16px}.search-shell{display:flex;flex:1;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:12px;background:#ffffff0d}.light .search-shell{background:#ffffffc7}.search-shell input{width:100%;background:transparent;color:inherit}.search-shell input::placeholder,.thread-preview{color:#e6e1d6a8}.light .search-shell input::placeholder,.light .thread-preview{color:#272a26a8}.topbar-actions,.reply-toolbar-actions,.message-actions,.reply-actions,.compose-actions{display:flex;align-items:center;gap:10px}.topbar-note{color:inherit;opacity:.72;font-size:.82rem}.ghost-button,.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;background:transparent;color:inherit}.ghost-button,.secondary-button,.ghost-icon,.chip,.attachment-chip{border-color:#8a917f33}.ghost-icon{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:10px;background:transparent;color:inherit}.primary-button{background:#d3b36a;color:#1c1710;font-weight:600}.secondary-button{background:#ffffff0d}.light .secondary-button{background:#1215120d}.overview-band{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 24px 18px}.eyebrow{display:inline-block;margin-bottom:6px;color:#9cc9a1;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.overview-band h1{margin:0;font-size:1.9rem;font-weight:700}.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.overview-metrics div{display:flex;min-height:76px;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;border-radius:12px;background:#ffffff0a}.light .overview-metrics div{background:#ffffffb8}.overview-metrics strong{font-size:1.25rem}.overview-metrics span{color:inherit;opacity:.72;font-size:.82rem}.mail-grid{display:grid;flex:1;grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(250px,300px);gap:16px;padding:0 24px 24px}.thread-pane,.message-pane,.detail-pane,.compose-modal{min-width:0;border-radius:14px;border:1px solid rgba(138,145,127,.16);background:#090a093d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.light .thread-pane,.light .message-pane,.light .detail-pane,.light .compose-modal{background:#ffffffb3}.thread-pane,.message-pane,.detail-pane{display:flex;min-height:0;flex-direction:column}.pane-header,.message-header,.detail-card-header,.reply-toolbar,.compose-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pane-header{padding:16px 16px 10px}.pane-header strong,.message-header h2,.detail-card-header strong{font-size:1rem}.pane-header span{display:block;margin-top:2px;color:inherit;opacity:.62;font-size:.78rem}.filter-row{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.chip{min-height:34px;padding:0 12px;border-radius:999px;background:transparent;color:inherit;white-space:nowrap}.chip.active{background:#6fa08438;border-color:#6fa08447}.thread-list{display:grid;gap:8px;padding:0 12px 12px;overflow:auto}.thread-row{display:flex;width:100%;min-width:0;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:12px;border:1px solid transparent;background:#ffffff08;color:inherit;text-align:left}.light .thread-row{background:#ffffffad}.thread-row:hover{border-color:#8a917f38}.thread-row.selected{border-color:#6fa08457;background:#6fa0841f}.thread-row-top,.thread-party,.thread-subject-row,.tag-row,.domain-state{display:flex;align-items:center}.thread-row-top,.thread-subject-row{justify-content:space-between;gap:10px}.thread-party{min-width:0;gap:10px}.thread-party strong,.thread-subject{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-party>div{min-width:0}.avatar{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:50%;background:#ffffff14;color:inherit;font-size:.78rem;font-weight:700}.light .avatar{background:#12151214}.avatar.unread{background:linear-gradient(135deg,#93c8a6,#c7ae6b);color:#182118}.thread-time{flex:0 0 auto;font-size:.75rem}.thread-subject{font-weight:600}.starred{color:#d4b16b;flex:0 0 auto}.thread-preview{margin:0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.87rem}.tag-row{gap:6px;flex-wrap:wrap}.tag{background:#ffffff14}.light .tag{background:#12151214}.message-pane{padding:22px 22px 18px;overflow:auto}.message-header h2{margin:0;font-size:1.32rem}.message-subline{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.82rem}.message-body{padding:24px 0}.message-body p{margin:0 0 16px;max-width:74ch;font-size:.97rem}.message-timeline{display:grid;gap:16px;padding:24px 0 20px}.message-card{border:1px solid rgba(138,145,127,.16);border-radius:14px;padding:16px;background:#ffffff08}.light .message-card{background:#ffffffc7}.message-card.outbound{border-color:#558dfb3d}.message-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.message-card-header strong,.message-card-header span{display:block}.message-card-header span{margin-top:6px;font-size:.82rem;opacity:.7}.message-status,.timeline-note{font-size:.8rem;opacity:.72}.attachment-strip{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:20px}.attachment-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:10px;background:transparent;color:inherit}.attachment-chip small{opacity:.66}.reply-box{display:flex;min-height:260px;flex-direction:column;border-radius:14px;border:1px solid rgba(138,145,127,.16);background:#ffffff08}.light .reply-box{background:#ffffffc7}.reply-toolbar{padding:14px 16px 10px}.reply-box textarea,.compose-fields textarea,.compose-fields input,.compose-fields select,.detail-select{width:100%;border-radius:10px;background:transparent;color:inherit}.reply-box textarea{min-height:156px;resize:vertical;padding:0 16px 16px}.reply-actions{justify-content:flex-end;padding:14px 16px 16px}.detail-pane{gap:12px;padding:16px;overflow:auto}.detail-card{padding:16px;border-radius:12px;background:#ffffff08}.light .detail-card{background:#ffffffc7}.detail-list{display:grid;gap:12px;margin:14px 0 0}.detail-list div{display:grid;gap:4px}.detail-list dt{font-size:.78rem}.detail-list dd{margin:0;font-size:.94rem}.sla-pill{margin-top:14px;width:fit-content;background:#6fa0842e;color:inherit}.detail-copy{margin:12px 0 0;font-size:.85rem}.domain-state{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}.mailbox-state-grid{display:grid;grid-template-columns:1fr}.domain-state div{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 12px;border-radius:10px;background:#ffffff0d}.light .domain-state div{background:#1215120d}.domain-state span{opacity:.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#00000070}.compose-modal{display:flex;width:min(760px,100%);min-height:560px;flex-direction:column;padding:18px}.compose-fields{display:grid;flex:1;gap:14px;padding-top:14px}.compose-fields label{display:grid;gap:8px}.compose-fields label span{font-size:.82rem;opacity:.72}.compose-fields input,.compose-fields textarea{min-height:46px;padding:0 14px;border:1px solid rgba(138,145,127,.2);background:#ffffff08}.light .compose-fields input,.light .compose-fields textarea{background:#ffffffd1}.compose-fields .grow textarea{min-height:240px;padding-top:14px;resize:vertical}.compose-actions{justify-content:flex-end;padding-top:16px}.mono-wrap{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.79rem;line-height:1.45;word-break:break-all}.admin-grid{gap:12px}.detail-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.detail-status-note{margin-top:12px}.detail-form-field{display:grid;gap:8px;margin-top:14px}.detail-form-field span{font-size:.82rem;opacity:.72}.detail-card-subsection{margin-top:16px;padding-top:14px;border-top:1px solid rgba(138,145,127,.14)}.detail-card-subsection-first{margin-top:14px;padding-top:0;border-top:0}.submission-grid{margin-top:14px}.delivery-list{display:grid;gap:10px;margin-top:12px}.delivery-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:#ffffff08}.light .delivery-row{background:#ffffffc2}.delivery-copy{display:grid;gap:4px}.delivery-copy span,.delivery-copy small{font-size:.82rem;opacity:.72}@media (max-width: 1180px){.mail-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.detail-pane{display:none}}@media (max-width: 920px){.auth-shell{padding:20px}.auth-brand-row,.auth-grid{grid-template-columns:1fr;align-items:stretch}.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(138,145,127,.16)}.compact{margin-top:0}.mail-grid{grid-template-columns:1fr}.overview-band,.topbar{flex-direction:column;align-items:stretch}.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.auth-panel{padding:22px}.overview-metrics,.mini-kpis{grid-template-columns:1fr}.message-actions,.topbar-actions{flex-wrap:wrap}}