html, body{
	font-family: "Inter", "Anuphan" !important;
        font-size: 115%;
}


        .table-main { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
        .table-main .table thead th { background-color: #343a40; color: white; border: none; vertical-align: middle; text-align: center; padding: 15px 5px; font-size: 0.8rem; }
        .topic-name { cursor: help; font-weight: 600; color: #444; border-bottom: 1px dashed #ccc; }
        .btn-subscribe { border-radius: 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; width: 100px; }
        .check-custom { width: 22px; height: 22px; cursor: pointer; }
        .price-col { font-weight: bold; color: var(--primary-color); min-width: 100px; }
        .status-icon { font-size: 1.5rem; }
        .total-banner { background: #343a40; color: white; padding: 20px; border-radius: 10px; margin-top: 20px; }

 input[type="checkbox"] {
            width: 1.5em;
            height: 1.5em;
            border: 1px solid #000;
        }

  
  .sidebar-content, body[data-theme=dark] .sidebar-content {
    background: #ffffff !important;
}

.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
    color: #bdbdbd !important;
}

.sidebar-link:hover {
        background: #f1f1f1 !important;
}

.fs12 {
        font-size: 12px;
}

.fs14 {
        font-size: 14px;
}


.bg-soft-success { background-color: #e8f5e9; color: #2e7d32; }
.bg-light-primary { background-color: #e3f2fd; }
.border-end-md { border-right: 1px solid #eee; }
@media (max-width: 767.98px) {
    .border-end-md { border-right: none; border-bottom: 1px solid #eee; padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
}
.form-select-lg { font-size: 1rem; }
.tracking-wider { letter-spacing: 0.05em; }