:root {
    --p-green: #82BC41;
    --p-dark: #2D3E50;
    --p-bg: #f4f7f6;
}

body { background-color: var(--p-bg); font-family: 'Plus Jakarta Sans', sans-serif; color: var(--p-dark); margin: 0; }

.hero-section {
    background: linear-gradient(135deg, var(--p-dark) 0%, #1a252f 100%);
    padding: 50px 0 80px 0;
    border-bottom: 6px solid var(--p-green);
    color: white;
}

.stat-card { background: var(--p-dark); color: white; border-radius: 20px; border: none; }
.upload-card { background: white; border-radius: 24px; margin-top: -50px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
.file-card { border: none; border-radius: 20px; background: white; transition: 0.3s; }
.file-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(130, 188, 65, 0.2); }

.btn-pharma { background: var(--p-green); color: white; border: none; padding: 10px 20px; font-weight: 700; border-radius: 10px; }
.btn-pharma:hover { background: #6da335; color: white; }

/* RESPONSIVE TABLE LOGIC */
@media (min-width: 992px) {
    .table-container { width: 100%; overflow: hidden !important; border-radius: 15px; }
    .table { table-layout: fixed; width: 100%; }
    .table td, .table th { word-break: break-all; font-size: 0.85rem; }
    th:nth-child(1) { width: 45px; } /* Checkbox */
    th:last-child { width: 70px; }  /* Action */
}

@media (max-width: 991px) {
    .table-container { overflow-x: auto !important; -webkit-overflow-scrolling: touch; border-radius: 15px; }
    .table { table-layout: auto; min-width: 900px; }
}

.more-text { display: none; }
.read-more-btn { color: var(--p-green); cursor: pointer; font-size: 0.8rem; font-weight: bold; }