:root {
    --primary: #002D62; /* Navy */
    --accent: #F58220;  /* Orange */
    --success: #28a745;
    --light: #f8f9fa;
    --dark: #343a40;
}

body { font-family: 'Inter', system-ui, sans-serif; background: #f0f2f5; margin: 0; color: var(--dark); }

/* Navigation */
nav { background: var(--primary); padding: 1rem 2rem; display: flex; gap: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }
nav a { color: white; text-decoration: none; font-weight: 600; font-size: 0.9rem; opacity: 0.8; transition: 0.3s; }
nav a:hover { opacity: 1; }

/* Layout Containers */
.container { max-width: 1200px; margin: 2rem auto; padding: 0 20px; }


/* Dashboard Cards */
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 2rem; }
.stat-card { background: white; padding: 1.5rem; border-radius: 12px; border-left: 5px solid var(--accent); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.stat-card h3 { margin: 0; font-size: 0.8rem; text-transform: uppercase; color: #666; }
.stat-card p { margin: 10px 0 0 0; font-size: 1.8rem; font-weight: 800; color: var(--primary); }

/* Tables & Forms */
.card { background: white; border-radius: 12px; padding: 1.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
table { width: 100%; border-collapse: collapse; }
th { text-align: left; padding: 12px; border-bottom: 2px solid var(--light); color: #888; font-size: 0.8rem; text-transform: uppercase; }
td { padding: 15px 12px; border-bottom: 1px solid #eee; }

/* Status Badges */
.badge { padding: 4px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: bold; text-transform: uppercase; }
.status-Signed { background: #d4edda; color: #155724; }
.status-Interested { background: #fff3cd; color: #856404; }
.status-Not\ Contacted { 
    background: #e9ecef; 
    color: #495057; 
    border: 1px solid #ced4da;
}