*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.container{max-width:900px;margin:0 auto;padding:2rem}nav{background:#1a1a2e;padding:1rem 2rem;display:flex;gap:2rem;align-items:center}nav a{color:#eee;text-decoration:none;font-weight:500;opacity:.7;transition:opacity .2s}nav a.router-link-active,nav a:hover{opacity:1}nav .brand{font-weight:700;font-size:1.1rem;opacity:1;margin-right:auto}h1{margin-bottom:1.5rem;font-size:1.5rem}.drop-zone{border:2px dashed #ccc;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#fff}.drop-zone:hover,.drop-zone.dragover{border-color:#4a6cf7;background:#f0f4ff}.btn{display:inline-block;padding:.6rem 1.2rem;background:#4a6cf7;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s}.btn:hover{background:#3a5ce5}.btn-secondary{background:#666}.btn-secondary:hover{background:#555}.input-group{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.input-group input{padding:.6rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;flex:1;max-width:300px}.input-group .suffix{color:#666;font-size:.9rem}.status{padding:1rem;border-radius:8px;margin:1rem 0}.status.waiting{background:#fff3cd;border:1px solid #ffc107}.status.received{background:#d4edda;border:1px solid #28a745}.email-frame{width:100%;border:1px solid #ddd;border-radius:8px;background:#fff;min-height:600px}.toolbar{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}@media print{nav,.toolbar,h1,.drop-zone,.input-group,.status{display:none!important}body,.container{margin:0!important;padding:0!important;background:none!important}.email-frame{border:none!important;border-radius:0!important;min-height:auto!important;width:100%!important;height:auto!important;position:absolute;top:0;left:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}}