:root{color-scheme:light}body{font-family:Inter,system-ui,-apple-system,sans-serif}.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(148,163,184,.35);background:#f8fafcf2;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-body{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 72px)}.app-sidebar{border-right:1px solid rgba(148,163,184,.35);padding:1.5rem 1.25rem;background:#f8fafc}.app-main{padding:1.5rem 2rem 2.5rem}.surface{border-radius:1rem;border:1px solid rgba(148,163,184,.35);background:#fff;box-shadow:0 18px 35px #0f172a14}.surface-muted{background:#f1f5f9;border-radius:.75rem}.shadcn-muted{color:#64748be6}.shadcn-input{border:1px solid rgba(148,163,184,.5);background:#fff;border-radius:.65rem;padding:.7rem .9rem;width:100%;font-size:.95rem}.shadcn-input:focus{outline:2px solid rgba(59,130,246,.35);outline-offset:2px}.shadcn-button{border-radius:.65rem;padding:.6rem 1rem;background:#e2e8f0;color:#0f172a;font-weight:600;transition:all .2s ease}.shadcn-button:hover{background:#cbd5f5}.shadcn-button.primary{background:#2563eb;color:#fff}.shadcn-button.primary:hover{background:#1d4ed8}.shadcn-button.ghost{background:transparent;border:1px solid rgba(148,163,184,.5)}.shadcn-button:disabled{opacity:.6;cursor:not-allowed}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:.75rem;transition:all .2s ease}.nav-item:hover{background:#e2e8f0b3}.nav-item.active{background:#e2e8f0;font-weight:600}.mail-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1.5rem}.thread-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.25);transition:background .2s ease}.thread-item:last-child{border-bottom:none}.thread-item:hover{background:#e2e8f099}.thread-item.active{background:#dbeafe99}.thread-item.unread{font-weight:600}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem;z-index:30}.compose-modal{width:min(640px,100%);max-height:90vh;overflow:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.app-body{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid rgba(148,163,184,.35)}.mail-layout{grid-template-columns:1fr}}