.app{min-height:100vh;display:grid;grid-template-columns:250px 360px 1fr;background:#121520;color:#e0e0e0}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 420px;background:#121520}.hero{display:grid;place-content:center;gap:12px;background:linear-gradient(135deg,#103046,#121520)}.hero img{width:96px;margin:0 auto}.card,.panel{margin:2rem;padding:1rem;border:1px solid #2a2f3e;border-radius:12px;background:#1a1f2e;display:grid;gap:10px}.sidebar{padding:1rem;border-right:1px solid #2a2f3e;display:grid;align-content:start;gap:8px}.profile{display:flex;align-items:center;gap:8px;margin-bottom:8px}.profile img,.profile div{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#00d4ff33}.list{border-right:1px solid #2a2f3e;overflow:auto}.list header{padding:1rem;display:flex;justify-content:space-between;position:sticky;top:0;background:#121520}.mail-row{padding:.9rem 1rem;border-top:1px solid #2a2f3e;cursor:pointer;display:grid;gap:4px}.mail-row.unread strong{color:#00d4ff}.mail-row:hover{background:#1a1f2e}.detail{overflow:auto}.empty{color:#9aa0aa}input,textarea,button{font:inherit;border-radius:8px;border:1px solid #2a2f3e;background:#121520;color:#e0e0e0;padding:.6rem .7rem}button{cursor:pointer}.row{display:flex;gap:8px}.error{color:#ff6b6b;margin:0 2rem}@media (max-width: 1100px){.app{grid-template-columns:220px 1fr}.detail{grid-column:1 / -1}.login-shell{grid-template-columns:1fr}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Instrument Sans,DM Sans,Inter,system-ui,-apple-system,sans-serif;background:#121520}