.ag-crm-container { font-family: 'Inter', sans-serif; background: #f8fafc; padding: 20px; border-radius: 12px; }
.ag-navbar { display: flex; justify-content: space-between; align-items: center; background: #fff; padding: 15px 25px; border-radius: 10px; margin-bottom: 25px; border: 1px solid #e2e8f0; }
.ag-brand { font-size: 20px; font-weight: 800; }
.ag-brand span { color: #2563eb; }
.ag-nav a { text-decoration: none; color: #64748b; font-weight: 600; padding: 8px 15px; border-radius: 6px; margin-left: 5px; }
.ag-nav a.active { background: #2563eb; color: #fff; }
.ag-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
.ag-stat-card { background: #fff; padding: 20px; border-radius: 10px; border-top: 4px solid #2563eb; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.ag-stat-card span { font-size: 11px; color: #94a3b8; text-transform: uppercase; font-weight: 700; }
.ag-stat-card strong { display: block; font-size: 22px; margin-top: 5px; }
.ag-header { display: flex; justify-content: space-between; align-items: center; margin: 25px 0; }
.ag-btn-main { background: #2563eb; color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-weight: 700; }
.ag-card { background: #fff; border-radius: 10px; border: 1px solid #e2e8f0; overflow: hidden; }
.ag-table { width: 100%; border-collapse: collapse; }
.ag-table th { text-align: left; padding: 15px; background: #f8fafc; font-size: 12px; color: #64748b; }
.ag-table td { padding: 15px; border-top: 1px solid #f1f5f9; }
.ag-btn-icon { background: none; border: none; cursor: pointer; color: #94a3b8; padding: 5px; }
.ag-btn-icon:hover { color: #2563eb; }
.text-danger { color: #ef4444; }
.text-success { color: #10b981; }
.ag-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.7); display: none; align-items: center; justify-content: center; z-index: 99999; }
.ag-modal-box { background: #fff; padding: 30px; border-radius: 15px; width: 400px; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); }
.ag-field { margin-bottom: 15px; }
.ag-field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; }
.ag-field input, .ag-field select, .ag-field textarea { width: 100%; padding: 10px; border: 1px solid #e2e8f0; border-radius: 6px; }
.ag-footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }