*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;background:#f5f6fa;color:#2d3748;min-height:100vh}.app-shell{display:flex;min-height:100vh}.app-container{flex:1;min-width:0;max-width:none;margin:0;padding:24px}.sidebar{width:240px;flex:0 0 240px;background:#111827;color:#fff;padding:20px 14px;position:relative;transition:width .2s ease,flex-basis .2s ease}.sidebar.collapsed{width:76px;flex-basis:76px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px;font-size:1rem;font-weight:700}.sidebar.collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-brand img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff}.sidebar-label{overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .2s ease}.sidebar.collapsed .sidebar-label{width:0;opacity:0}.sidebar-toggle{margin-left:auto;width:28px;height:28px;border:none;border-radius:8px;background:#374151;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.sidebar-toggle:hover{background:#4b5563}.sidebar.collapsed .sidebar-toggle{margin-left:0;position:absolute;top:56px;left:48px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav button{width:100%;border:none;border-radius:8px;padding:10px 12px;background:transparent;color:#d1d5db;font-size:.92rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.sidebar-nav button:hover,.sidebar-nav button.active{background:#374151;color:#fff}.sidebar-icon{flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.sidebar.collapsed .sidebar-nav button{justify-content:center;padding:10px 8px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header h1{font-size:1.75rem;font-weight:700;color:#1a202c}.header-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-secondary{background:#fff;color:#4f46e5;border:1px solid #c7d2fe}.btn-secondary:hover:not(:disabled){background:#eef2ff}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-send{background:#10b981;color:#fff}.btn-send:hover:not(:disabled){background:#059669}.listing-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.search-field{width:min(100%,360px);display:flex;flex-direction:column;gap:6px}.search-field span{font-size:.85rem;font-weight:600;color:#374151}.search-field input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1a202c;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.search-field input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}table{width:100%;border-collapse:collapse}thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}thead th{padding:14px 16px;text-align:left;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f8fafc}tbody tr.selected{background:#eef2ff}tbody td{padding:14px 16px;font-size:.9rem;color:#374151;vertical-align:middle}.cell-link a{color:#4f46e5;text-decoration:none;max-width:180px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.cell-link a:hover{text-decoration:underline}.actions-cell{display:flex;gap:8px}.icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#64748b;transition:background .15s,color .15s;display:inline-flex;align-items:center}.icon-btn:hover{background:#f1f5f9;color:#1e293b}.icon-btn.edit:hover{color:#4f46e5}.icon-btn.view:hover{color:#10b981}.page-heading{margin-bottom:16px}.page-heading h2{font-size:1.15rem;color:#1a202c;margin-bottom:4px}.page-heading p,.muted-text{color:#64748b;font-size:.9rem}.status-pill{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:8px;font-size:.78rem;font-weight:700;text-transform:capitalize}.status-pill.sent{background:#dcfce7;color:#166534}.status-pill.failed{background:#fee2e2;color:#991b1b}.status-pill.pending{background:#fef3c7;color:#92400e}.history-items{margin-top:18px}.history-items h3{font-size:.95rem;color:#1a202c;margin-bottom:10px}.empty-row td{text-align:center;padding:48px;color:#94a3b8;font-size:.95rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:modal-in .2s ease}.modal-wide{max-width:760px}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.modal-header h2{font-size:1.1rem;font-weight:700;color:#1a202c}.modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#94a3b8;line-height:1;padding:2px 6px;border-radius:4px}.modal-close:hover{background:#f1f5f9;color:#374151}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1a202c;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.form-group input[readonly]{background:#f8fafc;color:#64748b}.upload-area{border:2px dashed #cbd5e1;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.upload-area:hover,.upload-area.drag-over{border-color:#4f46e5;background:#eef2ff}.upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:2rem;margin-bottom:8px}.upload-area p{font-size:.85rem;color:#64748b;margin-top:4px}.upload-area .file-name{margin-top:8px;font-size:.85rem;color:#4f46e5;font-weight:500}.progress-wrapper{margin-top:12px}.progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;margin-bottom:6px}.progress-bar-track{height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:99px;transition:width .3s ease}.detail-grid{display:grid;grid-template-columns:140px 1fr;gap:12px 16px}.detail-grid .detail-label{font-size:.82rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.detail-grid .detail-value{font-size:.9rem;color:#1a202c;word-break:break-all}.detail-grid .detail-value a{color:#4f46e5;text-decoration:none}.detail-grid .detail-value a:hover{text-decoration:underline}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:500;color:#fff;z-index:2000;box-shadow:0 4px 16px #00000026;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast.success{background:#10b981}.toast.error{background:#ef4444}input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4f46e5}.selection-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#eef2ff;border-bottom:1px solid #c7d2fe;font-size:.88rem;color:#4338ca;font-weight:500}@media (max-width: 800px){.app-shell{flex-direction:column}.sidebar{width:100%;flex:0 0 auto}.sidebar.collapsed{width:100%;flex-basis:auto}.sidebar.collapsed .sidebar-brand{justify-content:flex-start;padding:0 8px 18px}.sidebar.collapsed .sidebar-label{width:auto;opacity:1}.sidebar.collapsed .sidebar-toggle{margin-left:auto;position:static}.sidebar-nav{flex-direction:row}.sidebar.collapsed .sidebar-nav{display:none}.header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-wrap:wrap}}