.client-portal-page{background:#fafaf9;color:#1c1917;font-family:var(--font-body, "Inter"),sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Outfit"),sans-serif}.client-shell{padding-bottom:80px}.client-topbar{border-bottom:1px solid #e7e5e4;background:#fafaf9f2}.client-container{max-width:1200px;margin:40px auto 0;padding:0 24px}.gallery-welcome{margin-bottom:40px;text-align:center;max-width:800px;margin-inline:auto}.gallery-welcome h1{font-size:2.4rem;font-weight:800;letter-spacing:-1px;margin-bottom:12px;color:#1c1917}.intro-paragraph{font-size:1.05rem;color:#57534e;line-height:1.6;margin-bottom:20px}.instruction-box{background:#f5f5f4;border-left:4px solid var(--cyan);padding:16px 20px;border-radius:0 8px 8px 0;font-size:.92rem;line-height:1.5;color:#44403c;text-align:left}.download-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:20px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px;box-shadow:0 4px 16px #10b98114}.banner-content{display:flex;align-items:center;gap:16px}.banner-icon{font-size:2.2rem}.download-banner h3{margin:0 0 4px;font-size:1.1rem;color:#065f46}.download-banner p{margin:0;font-size:.88rem;color:#047857}.portal-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border:1px solid #e7e5e4;border-radius:12px;margin-bottom:30px;box-shadow:var(--shadow-soft)}.selection-status{font-size:1rem;color:#44403c}.toolbar-actions{display:flex;gap:12px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.client-tile{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#f5f5f4;border:1px solid #e7e5e4;box-shadow:0 4px 12px #00000005;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.client-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000014}.client-tile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.heart-btn{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#ffffffe6;border:none;display:grid;place-items:center;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 10px #00000026;transition:transform .2s ease,background-color .2s ease;color:#a8a29e;z-index:3}.heart-btn:hover{transform:scale(1.1);background:#fff}.heart-btn.selected{color:#ef4444;background:#fff;transform:scale(1.05)}.tile-info{position:absolute;bottom:0;inset-inline:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;font-size:.8rem;font-weight:600;pointer-events:none;opacity:0;transition:opacity .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.client-tile:hover .tile-info{opacity:1}.grid-loader{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;padding:60px;color:#78716c}.spinner{width:36px;height:36px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.lightbox{display:none;position:fixed;inset:0;z-index:100;background:#0c0c0af5;backdrop-filter:blur(8px);place-items:center;padding:40px;user-select:none}.lightbox-close{position:absolute;top:24px;right:30px;font-size:2.5rem;color:#fff;cursor:pointer;font-weight:300;z-index:102}.lightbox-content{max-width:90%;max-height:80vh;display:flex;flex-direction:column;align-items:center;position:relative}.lightbox-content img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:4px;box-shadow:0 24px 64px #000c}.lightbox-caption{margin-top:20px;display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;max-width:600px}.lightbox-fav-btn{padding:8px 16px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;font-weight:700;transition:all .2s ease}.lightbox-fav-btn.active{background:#ef4444;border-color:#ef4444}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2.2rem;color:#fff9;cursor:pointer;padding:16px;transition:color .2s ease;z-index:101}.lightbox-arrow:hover{color:#fff}.lightbox-arrow.left{left:24px}.lightbox-arrow.right{right:24px}@media(max-width:640px){.download-banner{flex-direction:column;align-items:stretch}.download-banner .button{text-align:center}.portal-toolbar{flex-direction:column;gap:16px;align-items:stretch}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}}