*{margin:0;padding:0;box-sizing:border-box}body{background:#f3f4f6;font-family:Arial,sans-serif;color:#111827;padding:20px}.page{max-width:1100px;margin:auto;background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.06)}table{width:100%;border-collapse:collapse;margin-top:10px}td,th{padding:10px;border-bottom:1px solid #e5e7eb;font-size:14px}th{text-align:left;background:#f9fafb;font-weight:700}button{cursor:pointer;padding:8px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px}button.secondary{background:#6b7280}button.danger{background:#dc2626}input,select{padding:8px;border:1px solid #d1d5db;border-radius:6px;width:100%;font-size:14px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:500}.modal-box{background:#fff;padding:20px;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;border-radius:12px;box-shadow:0 0 30px rgba(0,0,0,.25)}.modal-close{background:none;color:#ef4444;font-weight:700;font-size:20px;border:none;cursor:pointer}.photo-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.photo-grid img{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.bg-gray-100{background-color:#f3f4f6}.border-t{border-top:1px solid #e5e7eb}.flex{display:flex}.gap-2{gap:.5rem}.w-full{width:100%}.space-x-2>*+*{margin-left:.5rem}.page{max-width:1200px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;margin-bottom:20px}.title{font-size:24px;font-weight:700}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.label{font-size:13px;margin-bottom:4px;display:block}.input{width:100%;border:1px solid #ddd;border-radius:6px;padding:6px 8px}.btn-primary{background:#2563eb;color:#fff;padding:8px 14px}.btn-light,.btn-primary{border-radius:6px;border:none}.btn-light{background:#e5e7eb;padding:8px 12px}.btn-gray{background:#f3f4f6;padding:8px 12px;border-radius:6px;border:none}.btn-delete{color:#dc2626;background:none;border:none;cursor:pointer}.filters-buttons{display:flex;gap:12px;margin-bottom:20px}.totals-box{background:#f8fafc;border:1px solid #e2e8f0;padding:12px;border-radius:6px;margin-bottom:20px}.table{width:100%;border-collapse:collapse;background:#fff}.table th{background:#f1f5f9;text-align:left;padding:8px;border-bottom:1px solid #e2e8f0}.table td{padding:8px;border-bottom:1px solid #e5e7eb}.text-right{text-align:right}.pagination{display:flex;gap:12px;align-items:center;margin-top:20px}.card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.06);margin-top:30px}.center{text-align:center}.text-lg{font-size:18px}.mb-2{margin-bottom:16px}.btn-lg{padding:10px 18px;font-size:16px}.btn-sm{padding:6px 10px;font-size:13px}.user-box{display:flex;gap:10px;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px}.user-email{font-size:14px;color:#374151}.section-title{font-size:18px;font-weight:700;margin-bottom:16px}.nav-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.nav-card{display:block;text-align:center;padding:14px;text-decoration:none;border-radius:8px;background:#f0f4ff;border:1px solid #c7d2fe;font-size:15px;color:#1e3a8a;transition:background .2s,border-color .2s}.nav-card:hover{background:#e0e7ff;border-color:#a5b4fc}