@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

:root {
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --bg: #f8fafc;
    --card-bg: #ffffff;
    --text: #1e293b;
    --border: #e2e8f0;
}

body { font-family: 'Poppins', sans-serif !important; background: var(--bg); color: var(--text); margin: 0; }

/* Table Reset - Force modern style */
table { 
    width: 100% !important; 
    border-collapse: collapse !important; 
    margin-top: 1rem !important; 
    background: white !important; 
    border-radius: 8px !important; 
    border: 1px solid var(--border) !important;
    overflow: hidden;
}

th { 
    background: #f1f5f9 !important; 
    padding: 12px 16px !important; 
    text-align: left !important; 
    border-bottom: 2px solid var(--border) !important;
    font-weight: 600 !important;
}

td { 
    padding: 12px 16px !important; 
    border-bottom: 1px solid var(--border) !important;
}

tr:hover { background-color: #f8fafc !important; }

/* Inputs & Buttons */
input, select, textarea {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    font-family: 'Poppins', sans-serif !important;
}

.btn { 
    background: var(--primary) !important; 
    color: white !important; 
    padding: 10px 16px !important; 
    border-radius: 6px !important; 
    border: none !important; 
    cursor: pointer !important; 
    font-weight: 600 !important;
}