*{box-sizing:border-box}html,body{color:#15171a;background:#f6f7f9;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e6e8ec;flex-direction:column;gap:18px;padding:24px 16px;display:flex}.brand{align-items:center;gap:10px;padding:0 8px 8px;font-size:20px;font-weight:800;display:flex}.brand-mark{color:#fff;letter-spacing:-.03em;background:#15171a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.compose{color:#fff;cursor:pointer;background:#15171a;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.compose:disabled{opacity:.6}.nav-item{color:#646a73;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 11px;display:flex}.nav-item:hover,.nav-item.active{color:#15171a;background:#f1f3f5}.nav-item b{margin-left:auto;font-size:11px}.settings{margin-top:auto}.account-card{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #eceef1;align-items:center;gap:10px;padding:16px 8px 2px;display:flex}.account-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.account-card strong{font-size:13px}.account-card span{color:#757b84;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.avatar,.message-avatar{background:#eceff2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.mail-panel{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e6e8ec;justify-content:space-between;align-items:center;gap:24px;height:90px;padding:18px 28px;display:flex}.eyebrow{color:#8a9098;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:11px;font-weight:700}.topbar h1{margin:2px 0 0;font-size:24px}.search{color:#8a9098;border:1px solid #e2e5e9;border-radius:10px;align-items:center;gap:8px;width:min(360px,40vw);height:40px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.message-list{padding:18px 28px}.message{cursor:pointer;border-bottom:1px solid #e8eaed;gap:14px;padding:17px 4px;display:flex}.message:hover{background:#fbfbfc}.message-main{flex:1;min-width:0}.message-head{justify-content:space-between;gap:16px;display:flex}.message-head strong{font-size:14px}.message-head span{color:#8a9098;font-size:12px}.message-subject{margin-top:5px;font-size:14px;font-weight:700}.message p{color:#747a83;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.empty{color:#8a9098;align-content:center;place-items:center;gap:8px;min-height:55vh;display:grid}.empty strong{color:#474c53}.overlay{z-index:20;background:#0f121647;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.composer{background:#fff;border-radius:16px;width:min(640px,100%);padding:18px;box-shadow:0 24px 80px #0000002e}.composer-head{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.composer-head button{cursor:pointer;color:#7c828b;background:0 0;border:0;font-size:25px}.composer input,.composer textarea{border:0;border-top:1px solid #eceef1;outline:0;width:100%;padding:13px 4px}.composer textarea{resize:vertical;min-height:240px}.composer-foot{color:#6f757e;border-top:1px solid #eceef1;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;display:flex}.send-button{color:#fff;cursor:pointer;background:#15171a;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.send-button:disabled{opacity:.5;cursor:not-allowed}.message-view{min-height:300px}.message-meta{color:#7c828b;margin-top:4px;font-size:12px}.message-content{border-top:1px solid #eceef1;max-height:65vh;padding:18px 4px;line-height:1.6;overflow:auto}.login-shell{background:#f6f7f9;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e6e8ec;border-radius:18px;width:min(420px,100%);padding:28px;box-shadow:0 18px 50px #0000000f}.login-card h1{margin:28px 0 6px;font-size:28px}.login-card p{color:#737982;margin:0 0 22px;font-size:14px}.login-card input{border:1px solid #e0e3e7;border-radius:10px;outline:0;width:100%;margin-top:10px;padding:12px 13px}.login-card .compose{width:100%;margin-top:14px}.error{color:#a12d2d;background:#fff1f1;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:12px}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:16px}.message-list{padding:12px 16px}.search{width:45%}}