:root{color:#17221f;background:#f4f2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.auth-shell{align-items:center;background:linear-gradient(120deg,rgba(38,90,79,.08),transparent 34%),linear-gradient(320deg,rgba(192,99,63,.1),transparent 38%),#f4f2ed;display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-panel{background:#fffefa;border:1px solid #ddd8cd;border-radius:8px;box-shadow:0 18px 45px #28231824;display:grid;gap:18px;max-width:430px;padding:30px;width:100%}.brand-row{align-items:center;display:flex;gap:13px}.brand-row.compact{gap:10px}.brand-row h1{font-size:22px;line-height:1.2;margin:0}.brand-row.compact h1{font-size:17px}.brand-row p{color:#67716b;font-size:13px;margin:3px 0 0}.brand-mark{align-items:center;background:#245f53;border-radius:8px;color:#fffefa;display:inline-flex;height:42px;justify-content:center;min-width:42px;width:42px}.brand-row.compact .brand-mark{height:34px;min-width:34px;width:34px}label{color:#48534e;display:grid;font-size:13px;gap:7px}input{background:#fff;border:1px solid #cfc8ba;border-radius:7px;color:#17221f;min-height:42px;outline:none;padding:10px 12px}input:focus{border-color:#245f53;box-shadow:0 0 0 3px #245f5324}.primary-button,.ghost-button,.toolbar button,.detail-actions button,.search-bar button,.segmented button{align-items:center;border:1px solid transparent;border-radius:7px;display:inline-flex;justify-content:center;min-height:38px}.primary-button{background:#245f53;color:#fff;font-weight:700;padding:0 16px}.primary-button:disabled{opacity:.65}.form-error,.inline-error{background:#fff0ec;border:1px solid #efb4a4;border-radius:7px;color:#9b321b;font-size:13px;margin:0;padding:10px 12px}.inline-error{margin:12px 14px}.app-shell{background:#f4f2ed;display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);min-height:100vh}.sidebar{background:#fffefa;border-right:1px solid #ddd8cd;display:flex;flex-direction:column;min-height:100vh;min-width:0}.sidebar-header{align-items:center;border-bottom:1px solid #ebe6da;display:flex;justify-content:space-between;min-height:76px;padding:16px 18px}.ghost-button{background:#f2eee5;color:#26342f;padding:0 11px}.ghost-button:hover,.detail-actions button:hover,.search-bar button:hover{background:#e7e0d3}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.stat{background:#f7f4ed;border:1px solid #e6dfd2;border-radius:7px;display:grid;gap:4px;min-height:62px;padding:10px}.stat span{color:#66736d;font-size:12px}.stat strong{font-size:22px}.search-bar{align-items:center;background:#f7f4ed;border:1px solid #e3dccf;border-radius:7px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;margin:0 14px;padding:0 8px 0 11px}.search-bar input{background:transparent;border:0;box-shadow:none;min-width:0;padding-left:0}.search-bar button,.detail-actions button{background:transparent;color:#245f53;height:32px;min-height:32px;width:34px}.toolbar{align-items:center;display:flex;justify-content:space-between;padding:12px 14px}.segmented{background:#eee8dc;border-radius:7px;display:inline-flex;padding:3px}.segmented button{background:transparent;color:#4c5752;min-height:32px;padding:0 12px}.segmented button.active{background:#fffefa;box-shadow:0 1px 4px #2f26171f;color:#17221f}.email-list{overflow:auto}.email-row{align-items:flex-start;background:transparent;border:0;border-top:1px solid #eee8dc;color:inherit;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr);min-height:96px;padding:14px;text-align:left;width:100%}.email-row:hover,.email-row.selected{background:#f2eee5}.email-row.unread{background:#fdf8ec}.email-row.selected{box-shadow:inset 3px 0 #c0633f}.mail-icon{align-items:center;color:#245f53;display:inline-flex;height:26px;justify-content:center;width:26px}.email-main{display:grid;gap:5px;min-width:0}.email-topline{align-items:center;display:flex;gap:10px;justify-content:space-between}.email-topline strong,.email-subject,.email-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-topline strong{font-size:14px}.email-topline time,.email-meta{color:#6e7872;font-size:12px}.email-subject{color:#26342f;font-size:14px}.empty-state,.empty-detail,.loading-panel{align-items:center;color:#6e7872;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:220px;padding:28px}.detail-panel{display:flex;flex-direction:column;min-height:100vh;min-width:0}.detail-header{align-items:flex-start;background:#f4f2ed;border-bottom:1px solid #ddd8cd;display:flex;gap:18px;justify-content:space-between;min-height:106px;padding:24px 28px 18px}.detail-header h2{font-size:22px;line-height:1.3;margin:0;overflow-wrap:anywhere}.detail-header p{color:#66736d;margin:7px 0 0;overflow-wrap:anywhere}.detail-actions{display:flex;flex-shrink:0;gap:8px}.detail-actions button{background:#fffefa;border-color:#ded7ca}.message-fields{background:#fffefa;border-bottom:1px solid #ebe6da;display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.message-fields div{border-right:1px solid #ebe6da;min-width:0;padding:14px 18px}.message-fields dt{color:#718078;font-size:12px;margin-bottom:5px}.message-fields dd{margin:0;overflow-wrap:anywhere}.attachments{align-items:center;background:#fffefa;border-bottom:1px solid #ebe6da;display:flex;flex-wrap:wrap;gap:9px;padding:12px 18px}.attachment{align-items:center;background:#f7f4ed;border:1px solid #e1d9cc;border-radius:7px;color:#245f53;display:inline-flex;gap:8px;max-width:100%;min-height:36px;padding:0 10px;text-decoration:none}.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment small{color:#718078;flex-shrink:0}.attachment.disabled{color:#8e4a35;pointer-events:none}.message-body{background:#fffefa;flex:1;min-height:0}.message-body iframe{background:#fff;border:0;height:100%;min-height:calc(100vh - 215px);width:100%}.message-body pre{color:#1c2723;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.6;margin:0;overflow:auto;padding:24px 28px;white-space:pre-wrap;word-break:break-word}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;min-height:52vh}.detail-panel{min-height:48vh}.message-fields{grid-template-columns:1fr}.message-fields div{border-bottom:1px solid #ebe6da;border-right:0}}@media(max-width:520px){.auth-panel{padding:22px}.sidebar-header,.detail-header{padding-left:14px;padding-right:14px}.stats-grid{grid-template-columns:1fr}.detail-header{align-items:stretch;flex-direction:column}.detail-actions{justify-content:flex-end}}