*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6fb;color:#1f2937}a{text-decoration:none;color:inherit}.header{background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:24px;font-weight:bold}.nav a{margin-left:18px;color:#fff;font-weight:600}.hero{padding:70px 40px;background:linear-gradient(135deg,#2563eb,#111827);color:white;text-align:center}.hero h1{font-size:42px;margin:0 0 12px}.container{width:92%;max-width:1200px;margin:30px auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.card h3{margin-top:0;color:#1d4ed8}.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:#1d4ed8;color:#fff;border:none;cursor:pointer;font-weight:bold}.btn-danger{background:#dc2626}.btn-warning{background:#f59e0b}.form-box{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}label{font-weight:bold;margin-bottom:6px;display:block}input,textarea{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:10px;margin-bottom:14px}textarea{min-height:100px}.table-box{background:#fff;border-radius:16px;padding:18px;overflow-x:auto;box-shadow:0 8px 24px rgba(15,23,42,.08)}table{width:100%;border-collapse:collapse}th{background:#1d4ed8;color:white;padding:12px;text-align:left}td{padding:12px;border-bottom:1px solid #e5e7eb}.thumb{width:90px;height:80px;object-fit:cover;border-radius:10px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.footer{text-align:center;padding:20px;background:#111827;color:#fff;margin-top:40px}@media(max-width:700px){.nav a{display:inline-block;margin:8px}.hero h1{font-size:30px}}
.camera-upload-box{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}

.camera-btn{
    background:#16a34a;
}

.camera-btn:hover{
    background:#15803d;
}