.detail-container{font-family:Arial,sans-serif;margin:20px auto;max-width:800px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 15px #0000001a}.back-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:16px;margin-bottom:20px}.detail-section,.info-sections,.card-gift-section{display:flex;justify-content:space-between;margin-bottom:20px}.detail-card,.info-section,.card-gift-box{background:#f8f9fa;padding:20px;border-radius:8px;width:48%;text-align:left;border:1px solid #e0e0e0;box-shadow:0 2px 5px #0000000d}.detail-card h4,.info-section h4{margin-bottom:10px;color:#555;font-size:18px;font-weight:600}.detail-card p,.info-section p{margin:5px 0;color:#444;font-size:14px}.card-image-container{position:relative;height:200px;border-radius:8px;overflow:hidden}.card-gift-image{width:100%;height:100%;object-fit:cover}.overlay-text{position:absolute;bottom:10px;left:0;right:0;background:#0009;color:#fff;padding:5px;font-size:14px;text-align:center;font-weight:700}.message-section{background:#dbdbdb;padding:15px;border:1px solidrgb(109,108,105);border-radius:8px;margin-bottom:20px;color:#2c2a22;font-size:14px;box-shadow:0 2px 5px #0000000d}.action-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.approve-button,.deny-button{padding:12px 25px;font-size:16px;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:background-color .3s ease,box-shadow .2s ease}.approve-button{background-color:#28a745}.approve-button:hover{background-color:#218838;box-shadow:0 4px 10px #28a74533}.deny-button{background-color:#dc3545}.deny-button:hover{background-color:#c82333;box-shadow:0 4px 10px #dc354533}@media (max-width: 768px){.detail-section,.info-sections,.card-gift-section{flex-direction:column}.detail-card,.info-section,.card-gift-box{width:100%;margin-bottom:15px}}.error-message{color:#dc3545;margin:10px 0;font-size:14px;text-align:center}.approve-button:disabled,.deny-button:disabled{background-color:#ccc;cursor:not-allowed}.success-message{color:#28a745;background-color:#d4edda;padding:10px;margin:10px 0;border:1px solid #c3e6cb;border-radius:5px;text-align:center}.error-message{color:#dc3545;background-color:#f8d7da;padding:10px;margin:10px 0;border:1px solid #f5c6cb;border-radius:5px;text-align:center}.container{font-family:Arial,sans-serif;margin:20px auto;max-width:900px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 15px #0000001a}h2{text-align:center;margin-bottom:20px;color:#333;font-size:28px}.tabs{display:flex;justify-content:center;margin-bottom:20px;gap:10px}.tab{padding:12px 25px;margin:0;border:none;background-color:#6c757d;color:#fff;cursor:pointer;border-radius:8px;font-size:16px;transition:background-color .3s ease,box-shadow .2s ease}.tab.active{background-color:#b02a37;box-shadow:0 2px 8px #b02a374d}.tab:hover{background-color:#5a6268;box-shadow:0 2px 8px #0000001a}.content{text-align:left;background:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d}table{width:100%;border-collapse:collapse;margin-top:15px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#b02a37;color:#fff;font-size:16px}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#e9ecef;transition:background-color .2s ease}p{font-style:italic;color:#555;font-size:14px}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f8f9fa}.info-message{font-size:14px;color:#555;margin-bottom:15px;background:#e2e3e5;padding:10px;border-radius:5px}@media (max-width: 768px){.tabs{flex-direction:column;gap:5px}.tab{width:100%;text-align:center}table{font-size:14px}th,td{padding:10px}}.App{width:100%;display:flex;justify-content:center;align-items:center}.login-container{background:#fff;padding:40px 20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:400px;margin:100px auto}.portal-heading{font-size:24px;margin-bottom:20px;color:#333}.login-button{background-color:#b02a37;color:#fff;font-size:16px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#8d1f2b}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f4f4}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:20px}