.app-shell{max-width:1100px;margin:0 auto;padding:0 1rem 2rem;font-family:DM Sans,Inter,Arial,sans-serif;color:#20465e;background:linear-gradient(180deg,#f8fcfb,#f3f8f7)}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.top-bar-brand{background:#67bec6;border:1px solid #63b3ba;border-radius:0 0 12px 12px;padding:.85rem 1rem;margin-bottom:.9rem}.top-bar h1{margin:0;color:#fff}.brand-title{display:flex;align-items:center;gap:.65rem}.brand-logo{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#ffffff2e;box-shadow:0 2px 8px #09393c2e}.org-heading small{color:#e8fbfc}.org-subtitle{margin:.1rem 0 0;font-size:.74rem;letter-spacing:.05em;font-weight:700;color:#eefeff}.tab-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.add-mode-tabs{margin-bottom:.7rem}.mode-hint{display:block;margin-bottom:.55rem;color:#3c5e75}.tab-btn{border:1px solid #bfdbf3;background:#f2f9ff;color:#195795;padding:.45rem .75rem;border-radius:8px;cursor:pointer}.tab-btn-active{background:linear-gradient(135deg,#195795,#24c2de);color:#fff;border-color:#195795}.section-wrap{margin-top:1rem;display:grid;gap:1rem}.card{background:#fefefe;border:1px solid #d4e7e8;border-radius:12px;padding:1rem;box-shadow:0 8px 24px #29666a14}.login-card{max-width:460px;margin:3rem auto;background:#fff}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.grid-form{display:grid;gap:.65rem}.row-form{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.65rem}input,select,textarea,button{border:1px solid #c6dcec;border-radius:8px;padding:.5rem .65rem;font:inherit}button{background:#eaf5ff;color:#195795;cursor:pointer}.primary-btn{background:#195795;color:#fff;border-color:#195795}button:hover:not(:disabled){border-color:#24c2de;box-shadow:0 0 0 3px #24c2de26}button:disabled{cursor:not-allowed;opacity:.6}.notice{border-radius:10px;padding:.7rem .85rem;margin-top:.8rem;border:1px solid transparent}.notice-success{background:#e9f9ef;border-color:#abddba;color:#14532d}.notice-error{background:#fcebea;border-color:#f4b1ae;color:#7b1d1a}.notice-info{background:#e8f9fd;border-color:#9be4f0;color:#0f5663}.loading{color:#195795}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;margin:.75rem 0}.stat-box{border:1px solid #cfe4f5;border-radius:10px;padding:.75rem;display:grid;background:linear-gradient(180deg,#fff,#f2fbfb)}.stat-box strong{font-size:1.2rem}.stat-box span{font-size:.85rem;opacity:.8}.csv-box{display:grid;gap:.5rem;border:1px dashed #9bc6e7;padding:.7rem;border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #dceaf6;padding:.55rem;vertical-align:top}.table td button{min-width:36px;padding:.3rem .45rem}.actions-cell{display:flex;flex-wrap:wrap;gap:.3rem}.sender-row{margin-bottom:.45rem}.icon-btn{margin-left:.45rem;padding:.2rem .4rem;min-width:30px}.sender-edit-form{margin-top:.4rem}.hint-badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.8rem;border:1px solid transparent}.hint-good{background:#e8f8ee;color:#14532d;border-color:#abddba}.hint-warn{background:#fff8e6;color:#7a4b00;border-color:#f0cf81}.hint-bad{background:#fdecec;color:#8a1f1b;border-color:#f1b4b1}.hint-neutral{background:#eef3f8;color:#415b70;border-color:#cad8e4}.preview-box{border-top:1px solid #dceaf6;padding-top:.75rem}.preview-html{border:1px solid #cfe2f1;border-radius:8px;padding:.75rem;background:#f9fdff}.preview-attachments{margin-top:.75rem;display:grid;gap:.6rem}.preview-attachment-item{border:1px solid #dceaf6;border-radius:8px;padding:.6rem;background:#fff;display:grid;justify-items:start}.preview-attachment-item p{margin:.35rem 0 0}.preview-attachment-image{margin-top:.45rem;max-width:720px;width:100%;border:1px solid #d7e6f2;border-radius:8px}.test-email-field{display:grid;gap:.3rem;margin:.55rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04141e73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#fff;border:1px solid #cee1ea;border-radius:12px;max-width:520px;width:100%;padding:1rem;box-shadow:0 16px 50px #0a233240}.modal-card h3{margin-top:0}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.8rem}