*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e5e7eb}.wrap{max-width:850px;margin:40px auto;padding:16px}.card{background:#111827;border:1px solid #263244;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 12px 35px rgba(0,0,0,.2)}.brand{font-size:28px;font-weight:800}.brand span{font-weight:500;color:#94a3b8}.muted,.status{color:#94a3b8}.address-box{display:flex;align-items:center;gap:8px;margin:22px 0}.address-box input,.address-box select{min-width:0;flex:1;background:#0b1220;border:1px solid #334155;color:#fff;padding:14px;border-radius:10px;font-size:16px}.address-box span{color:#94a3b8}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:12px 15px;background:#334155;color:#fff;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.12)}.primary{background:#2563eb}.danger{background:#7f1d1d}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:0}.section-head span{background:#1e293b;padding:5px 10px;border-radius:999px}.inbox{margin-top:15px}.empty{text-align:center;padding:45px;color:#94a3b8}.mail{padding:15px;border:1px solid #293548;border-radius:12px;margin:9px 0;cursor:pointer}.mail:hover{background:#172033}.mail-top{display:flex;justify-content:space-between;gap:10px}.mail-subject{font-weight:700}.mail-from,.mail-date,.preview{color:#94a3b8;font-size:14px}.preview{margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{width:min(850px,94vw);border:1px solid #334155;border-radius:16px;background:#111827;color:#e5e7eb;padding:0}dialog::backdrop{background:rgba(0,0,0,.7)}dialog article{padding:22px;position:relative}.close{position:absolute;right:15px;top:15px}.mail-meta{color:#94a3b8;font-size:14px;line-height:1.7}iframe{width:100%;height:420px;border:0;background:#fff;border-radius:10px}pre{white-space:pre-wrap;word-break:break-word;font-family:inherit}hr{border:0;border-top:1px solid #263244;margin:18px 0}@media(max-width:600px){.address-box{flex-wrap:wrap}.address-box input{width:55%;flex:auto}.address-box select{width:35%;flex:auto}.actions button{flex:1}.mail-top{display:block}.mail-date{margin-top:4px}}