body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f0f2f5; color: #333; margin: 0; padding: 20px; }
.container { max-width: 98%; margin: auto; }
.card { background: white; border-radius: 12px; padding: 25px; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
h2, h3 { color: #1a73e8; margin-top: 0; }

/* Grid cho thông tin bổ sung */
.info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 15px; margin-top: 15px; }
.info-item { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 12px; transition: transform 0.2s; }
.info-item:hover { transform: translateY(-2px); border-color: #1a73e8; }
.info-label { font-size: 0.85rem; color: #6c757d; font-weight: 600; display: block; margin-bottom: 4px; text-transform: uppercase; }
.info-value { font-size: 1rem; color: #212529; font-weight: bold; }

/* Bảng */
table { width: 100%; border-collapse: collapse; margin-top: 15px; border-radius: 8px; overflow: hidden; }
th { background: #f1f3f4; padding: 12px; text-align: left; font-size: 0.9rem; border-bottom: 2px solid #dee2e6; }
td { padding: 12px; border-bottom: 1px solid #eee; font-size: 0.95rem; }
input { width: 90%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; }
button { background: #1a73e8; color: white; border: none; padding: 12px 24px; border-radius: 6px; cursor: pointer; font-weight: bold; }
button:hover { background: #1557b0; }