/* Smail - Encrypted Email Service */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background: #f5f5f5; }
nav { background: #2d3748; padding: 10px 20px; border-radius: 8px; margin-bottom: 20px; }
nav a { color: white; text-decoration: none; margin-right: 15px; }
nav a:hover { text-decoration: underline; }
nav .brand { font-weight: bold; font-size: 1.2em; }
table { width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; }
th, td { padding: 10px 15px; text-align: left; border-bottom: 1px solid #e2e8f0; }
th { background: #edf2f7; font-weight: 600; }
tr:hover { background: #f7fafc; }
.unread { font-weight: bold; }
form { background: white; padding: 20px; border-radius: 8px; }
label { display: block; margin-top: 10px; font-weight: 600; }
input, textarea { width: 100%; padding: 8px; margin-top: 5px; border: 1px solid #e2e8f0; border-radius: 4px; box-sizing: border-box; }
textarea { height: 200px; }
button { background: #4299e1; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; margin-top: 10px; margin-right: 5px; }
button:hover { background: #3182ce; }
.error { color: #e53e3e; background: #fff5f5; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
.success { color: #38a169; background: #f0fff4; padding: 10px; border-radius: 4px; margin-bottom: 10px; }
.message-header { background: white; padding: 15px; border-radius: 8px; margin-bottom: 15px; }
.message-body { background: white; padding: 20px; border-radius: 8px; min-height: 100px; }
pre { margin: 0; }