*{box-sizing:border-box}body{color:#f8fafc;background:#171b33;margin:0;font-family:Inter,system-ui,Arial,sans-serif}.app-shell{gap:22px;max-width:980px;margin:32px auto;padding:0 16px;display:grid}.card{background:#1d223e;border:1px solid #2d355d;border-radius:12px;padding:22px}h1{margin:0;font-size:1.5rem}.subtle{color:#b6bfdc;margin-bottom:18px}.email-panel{border:1px dashed #3a4270;border-radius:12px;gap:14px;padding:18px;display:grid}.email-panel h2{margin:0;font-size:1.35rem}.email-row{grid-template-columns:1fr auto;gap:10px;display:grid}select,input,button{color:#f8fafc;background:#2b3157;border:1px solid #3d4676;border-radius:10px;padding:10px 12px;font-size:.95rem}button{cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.create-row{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.create-row span{color:#cbd5ff}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.messages-card{background:#121d36;border:1px solid #27345e;border-radius:12px;min-height:280px;padding:18px}.empty-state{color:#b8c5e9;align-content:center;justify-items:center;min-height:240px;display:grid}.empty-state h3{margin:0;font-size:1.6rem}.message-item{background:#1f2a4a;border:1px solid #33406e;border-radius:10px;margin-bottom:10px;padding:12px}.message-head{color:#fff;justify-content:space-between;gap:8px;display:flex}.message-meta{color:#b9c4e5}.otp{color:#fff;background:#4f46e5;border-radius:8px;margin:6px 0;padding:4px 8px;font-weight:700;display:inline-block}.error-banner{color:#fecaca;background:#450a0a;border:1px solid #7f1d1d;border-radius:10px;padding:10px 12px}