*{box-sizing:border-box}html,body{color:#15171a;background:#f6f7f9;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.shell{grid-template-columns:190px 1fr;min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #e5e7eb;padding:20px}aside strong{margin-bottom:28px;font-size:18px;display:block}nav{gap:4px;display:grid}nav a{color:#4b5563;border-radius:8px;padding:10px}nav a:hover,nav a.active{color:#111827;background:#f1f3f5}.content{width:100%;max-width:1180px;margin:0 auto;padding:28px}header{justify-content:space-between;align-items:center;gap:16px;display:flex}h1{margin:0;font-size:24px}h2{font-size:18px}.muted{color:#6b7280;font-size:13px}.main{place-items:center;min-height:100vh;padding:20px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #00000008}.auth{width:min(420px,100%)}.form{gap:16px;margin-top:20px;display:grid}label{gap:7px;font-size:14px;font-weight:600;display:grid}input,textarea,select{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 11px}textarea{resize:vertical}button{color:#fff;font:inherit;cursor:pointer;background:#111827;border:0;border-radius:8px;padding:10px 14px}button:disabled{opacity:.55;cursor:not-allowed}.button-secondary{color:#111827;background:#eef0f2}.error{color:#b91c1c;font-size:13px}.success{color:#047857;font-size:13px}.empty{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:32px}.toolbar{align-items:center;gap:8px;margin:20px 0;display:flex}.toolbar input{max-width:360px}.mail-list{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.mail-row{border-bottom:1px solid #eef0f2;grid-template-columns:180px 1fr 110px;gap:14px;padding:13px 15px;display:grid}.mail-row:last-child{border-bottom:0}.mail-row.unread{font-weight:700}.mail-row:hover{background:#fafafa}.preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.message{margin-top:20px}.message-head{border-bottom:1px solid #e5e7eb;gap:6px;padding-bottom:18px;display:grid}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 0;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px;display:grid}.stat{padding:18px}.stat strong{margin-top:6px;font-size:26px;display:block}@media (max-width:700px){.shell{grid-template-columns:1fr}aside{border-bottom:1px solid #e5e7eb;border-right:0;padding:12px 16px}aside strong{margin-bottom:10px}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.content{padding:18px}.mail-row{grid-template-columns:1fr;gap:4px}.mail-row time{font-size:12px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}}