* { font-family: 'Inter', sans-serif; }

/* Sidebar */
.sidebar-link { display:flex; align-items:center; gap:0.75rem; padding:0.625rem 1rem; border-radius:0.5rem; color:#94a3b8; font-size:0.875rem; font-weight:500; text-decoration:none; transition:all 0.15s; width:100%; }
.sidebar-link:hover { color:#fff; background-color:#1e4a6a; }
.sidebar-link.active { color:#fff; background-color:#1e4a6a; }

/* Buttons */
.btn-primary { background-color:#103657 !important; color:#fff !important; padding:0.5rem 1rem; border-radius:0.5rem; font-size:0.875rem; font-weight:500; transition:all 0.15s; border:none; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; }
.btn-primary:hover { background-color:#1e4a6a !important; color:#fff !important; }

.btn-outline { border:1px solid #103657 !important; color:#103657 !important; padding:0.5rem 1rem; border-radius:0.5rem; font-size:0.875rem; font-weight:500; transition:all 0.15s; background:transparent !important; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:0.5rem; }
.btn-outline:hover { background-color:#e8edf2 !important; color:#103657 !important; }

/* Cards */
.card { background:#fff; border-radius:0.75rem; border:1px solid #f3f4f6; box-shadow:0 1px 2px 0 rgba(0,0,0,0.05); }

/* Inputs */
.input { width:100%; border:1px solid #e5e7eb; border-radius:0.5rem; padding:0.625rem 0.75rem; font-size:0.875rem; outline:none; transition:all 0.15s; background:#fff; color:#374151; }
.input:focus { border-color:#103657; box-shadow:0 0 0 2px rgba(16,54,87,0.15); }

/* Badges */
.badge-delivered { display:inline-flex; align-items:center; gap:0.25rem; padding:0.2rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; background:#f0fdf4; color:#15803d; }
.badge-send { display:inline-flex; align-items:center; gap:0.25rem; padding:0.2rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; background:#fffbeb; color:#b45309; }
.badge-bounce { display:inline-flex; align-items:center; gap:0.25rem; padding:0.2rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; background:#faf5ff; color:#7e22ce; }
.badge-active { display:inline-flex; align-items:center; gap:0.25rem; padding:0.2rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; background:#f0fdf4; color:#15803d; }
.badge-inactive { display:inline-flex; align-items:center; gap:0.25rem; padding:0.2rem 0.6rem; border-radius:9999px; font-size:0.75rem; font-weight:500; background:#fef2f2; color:#b91c1c; }

/* Tables */
table { width:100%; border-collapse:collapse; }
thead th { padding:0.75rem 1rem; text-align:left; font-size:0.75rem; font-weight:500; color:#9ca3af; text-transform:uppercase; letter-spacing:0.05em; border-bottom:1px solid #f3f4f6; }
tbody td { padding:0.75rem 1rem; font-size:0.875rem; border-bottom:1px solid #f9fafb; }
tbody tr:hover { background:#f9fafb; }