*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:#f0f4f8;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 4px 24px #00000014}.card-wide{max-width:100%;overflow-x:auto}.card h1{margin-bottom:.25rem;font-size:1.5rem}.subtitle{color:#718096;margin-bottom:1.25rem;font-size:.9rem}.card-header{margin-bottom:1.25rem}.user-info{color:#718096;align-items:center;gap:1rem;margin-top:.25rem;font-size:.85rem;display:flex}form{flex-direction:column;gap:.75rem;display:flex}label{color:#4a5568;font-size:.85rem;font-weight:600}input,textarea{border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:.65rem .85rem;font-size:1rem;transition:border-color .15s}input:focus,textarea:focus{border-color:#4299e1;outline:none}button[type=submit]{color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:8px;padding:.7rem;font-size:1rem;font-weight:600;transition:background .15s}button[type=submit]:hover{background:#2c5282}button[type=submit]:disabled{cursor:not-allowed;background:#90cdf4}.link-btn{color:#4299e1;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.875rem}.link-btn:hover{text-decoration:underline}.file-label{text-align:center;cursor:pointer;color:#2b6cb0;background:#ebf8ff;border:2px dashed #90cdf4;border-radius:8px;padding:1.25rem;font-weight:600;transition:background .15s;display:block}.file-label:hover{background:#bee3f8}.preview-container{text-align:center}.preview-img{border:1px solid #e2e8f0;border-radius:8px;max-width:100%;max-height:260px}.error-box{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:.65rem .85rem;font-size:.875rem}.success-box{color:#276749;background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:.65rem .85rem;font-size:.875rem}.admin-page{max-width:1100px;margin:0 auto;padding:1.5rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.admin-header h1{font-size:1.4rem}.filter-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:.4rem 1rem;font-size:.875rem;transition:all .15s}.tab-btn.active{color:#fff;background:#2b6cb0;border-color:#2b6cb0}.table-wrapper{overflow-x:auto}.submissions-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 12px #0000000f}.submissions-table th{text-align:left;text-transform:uppercase;color:#718096;background:#f7fafc;padding:.75rem 1rem;font-size:.8rem}.submissions-table td{border-top:1px solid #f0f4f8;padding:.75rem 1rem;font-size:.9rem}.row-pending td{background:#fffaf0}.badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.badge-pending{color:#92400e;background:#fef3c7}.badge-reviewed{color:#065f46;background:#d1fae5}.review-btn{color:#2b6cb0;cursor:pointer;background:#ebf8ff;border:1px solid #bee3f8;border-radius:6px;padding:.3rem .75rem;font-size:.8rem}.review-btn:hover{background:#bee3f8}.loading-text{text-align:center;color:#718096;margin-top:2rem}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;padding:1.75rem;overflow-y:auto}.modal h2{margin-bottom:.25rem}.modal-img{object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-height:220px;margin:1rem 0}.modal-actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.thumb-img{object-fit:cover;cursor:zoom-in;border:1px solid #e2e8f0;border-radius:6px;width:48px;height:48px;transition:transform .15s}.thumb-img:hover{transform:scale(1.1)}.lightbox{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:10px;max-width:90vw;max-height:85vh;box-shadow:0 8px 40px #00000080}.lightbox-close{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 2px 8px #0000004d}.lightbox-close:hover{background:#fee2e2}.lightbox-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}