:root{--primary:#1e3a8a;--bg-light:#f8fafc;--shadow-soft:0 10px 30px #0f172a26;--shadow-strong:0 30px 80px #0f172a59}.gallery-page{background:linear-gradient(#f8fafc,#eef2ff);min-height:100vh;padding:10px 5px}.gallery-header{text-align:center;max-width:1300px;margin:auto auto 30px}.gallery-header h1{color:var(--primary);font-size:2.3rem}.gallery-header p{color:#475569;margin-top:8px}.gallery-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.gallery-tab{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:8px 14px;font-size:.92rem;transition:all .2s}.gallery-tab:hover{border-color:#94a3b8}.gallery-tab.active{color:#1e3a8a;background:#e0e7ff;border-color:#1e3a8a}.gallery-layout{grid-template-columns:1fr;align-items:start;gap:26px;max-width:1300px;margin:auto;transition:all .4s;display:grid}.gallery-layout.expanded{grid-template-columns:2fr 3fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px;display:grid}.gallery-empty{text-align:center;color:#475569;grid-column:1/-1}.gallery-item{box-shadow:var(--shadow-soft);cursor:pointer;background:#fff;border-radius:16px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:220px;transition:transform .45s}.gallery-item:hover{box-shadow:var(--shadow-strong);z-index:2;transform:scale(1.12)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item.active{outline:3px solid var(--primary)}.gallery-card-actions{gap:6px;display:flex;position:absolute;top:8px;right:8px}.gallery-card-actions button{cursor:pointer;color:#fff;background:#0f172acc;border:none;border-radius:8px;padding:5px 8px;font-size:12px}.gallery-preview{max-height:calc(100vh - 100px);box-shadow:var(--shadow-strong);background:#fff;border-radius:22px;flex-direction:column;display:flex;position:sticky;top:40px;overflow:hidden}.preview-header{color:#1e293b;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;display:flex}.close-preview{cursor:pointer;color:#1e293b;background:0 0;border:none;font-size:28px}.gallery-preview-content{flex:1;justify-content:center;align-items:flex-start;padding:16px;display:flex;overflow-y:auto}.preview-inner{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.preview-inner img{object-fit:contain;background:#f8fafc;border-radius:14px;max-width:100%;max-height:42vh;display:block}.preview-text{text-align:left;color:#1e293b;width:100%;margin-top:14px;padding:0 8px 12px}.preview-text p{margin-bottom:6px;line-height:1.4}.gallery-admin-actions{gap:8px;margin-top:10px;display:flex}@media (max-width:900px){.gallery-layout.expanded{grid-template-columns:1fr}.gallery-preview{height:auto;position:relative}.gallery-item:hover,.gallery-item:hover img{transform:none}}