#photo-grid .photo-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .15s ease}#photo-grid .photo-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}#photo-grid .photo-image-wrapper{position:relative;aspect-ratio:4/3;background:#f3f4f6}#photo-grid .photo-image-wrapper img{width:100%;height:100%;object-fit:cover}#photo-grid .photo-order-badge{position:absolute;top:.75rem;left:.75rem;width:28px;height:28px;background:linear-gradient(135deg,#1e3a5f,#2d4a6f);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #0003}#photo-grid .photo-card:first-child .photo-order-badge{background:linear-gradient(135deg,#c9a227,#b8941f)}#photo-grid .photo-card-footer{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#f9fafb}#photo-grid .photo-label{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}#photo-grid .photo-label svg{color:#9ca3af;width:14px;height:14px}#photo-grid .photo-card:first-child .photo-label{color:#c67f4b;font-weight:500}#photo-grid .btn-delete-photo{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:1px solid #e5e7eb;border-radius:.5rem;color:#dc2626;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}#photo-grid .btn-delete-photo:hover{background:#fee2e2;border-color:#dc2626}#photo-grid .btn-delete-photo svg{width:14px;height:14px}.categories-bar{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:16px!important;padding:12px 16px!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important}.categories-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important;flex:1!important}.category-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:20px!important;font-size:12px!important;font-weight:500!important;color:#374151!important;cursor:pointer!important;transition:all .15s!important}.category-chip:hover{background:#e5e7eb!important}.category-chip.active{background:#1e3a5f!important;border-color:#1e3a5f!important;color:#fff!important}.category-chip .chip-count{background:#0000001a!important;padding:2px 6px!important;border-radius:10px!important;font-size:10px!important}.category-chip.active .chip-count{background:#fff3!important}.category-chip .chip-delete{display:none;width:14px!important;height:14px!important;border-radius:50%!important;background:#0000001a!important;align-items:center!important;justify-content:center!important;margin-left:2px!important;font-size:12px!important;line-height:1!important}.category-chip:hover .chip-delete{display:flex!important}.category-chip.active .chip-delete{background:#fff3!important}.btn-add-category{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;background:#fff!important;border:1px dashed #d1d5db!important;border-radius:20px!important;font-size:12px!important;font-weight:500!important;color:#6b7280!important;cursor:pointer!important;transition:all .15s!important}.btn-add-category:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#374151!important}.photo-count{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:14px!important;color:#6b7280!important;margin-bottom:16px!important}.reorder-hint{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:12px!important;color:#9ca3af!important;background:#f3f4f6!important;padding:4px 10px!important;border-radius:20px!important}.photo-name-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;background:#f9fafb!important;border-top:1px solid #e5e7eb!important}.photo-name{font-size:12px!important;font-weight:500!important;color:#374151!important;cursor:pointer!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.photo-name:hover{color:#1e3a5f!important}.btn-rename{background:transparent!important;border:none!important;padding:4px!important;cursor:pointer!important;color:#9ca3af!important;border-radius:4px!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-rename:hover{background:#e5e7eb!important;color:#374151!important}.photo-card-footer{padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-top:1px solid #e5e7eb!important;background:#fff!important}.photo-category-select{flex:1!important;min-width:0!important;padding:6px 10px!important;font-size:12px!important;border:1px solid #e5e7eb!important;border-radius:6px!important;background:#fff!important;color:#374151!important;cursor:pointer!important}.photo-category-select:focus{outline:none!important;border-color:#1e3a5f!important}.btn-delete-photo{display:flex!important;align-items:center!important;gap:4px!important;padding:6px 10px!important;background:transparent!important;color:#dc2626!important;border:1px solid #fecaca!important;border-radius:6px!important;font-size:11px!important;font-weight:500!important;cursor:pointer!important;transition:all .15s!important}.btn-delete-photo:hover{background:#fee2e2!important;border-color:#dc2626!important}.btn-delete-photo svg{width:14px!important;height:14px!important}.photo-name-input{flex:1!important;min-width:0!important;padding:4px 8px!important;font-size:12px!important;font-weight:500!important;border:2px solid #1e3a5f!important;border-radius:4px!important;background:#fff!important;color:#374151!important;outline:none!important}.portal-page[data-astro-cid-jri3lolf]{padding:var(--space-8) 0 var(--space-16);background:var(--color-bg-alt);min-height:calc(100vh - 200px)}.loading-state[data-astro-cid-jri3lolf]{text-align:center;padding:var(--space-16)}.spinner[data-astro-cid-jri3lolf]{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.page-header[data-astro-cid-jri3lolf]{margin-bottom:var(--space-8)}.back-link[data-astro-cid-jri3lolf]{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#1e3a5f;color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:.5rem;margin-bottom:1.5rem;transition:all .15s ease;box-shadow:0 2px 4px #1e3a5f33}.back-link[data-astro-cid-jri3lolf]:hover{background:#2d4a6f;transform:translateY(-1px);box-shadow:0 4px 8px #1e3a5f4d}.back-link[data-astro-cid-jri3lolf] svg[data-astro-cid-jri3lolf]{width:18px;height:18px}.page-header[data-astro-cid-jri3lolf] h1[data-astro-cid-jri3lolf]{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-2)}.page-header[data-astro-cid-jri3lolf] p[data-astro-cid-jri3lolf]{color:var(--color-text-secondary)}.tier-gate[data-astro-cid-jri3lolf]{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-md)}.gate-content[data-astro-cid-jri3lolf] svg[data-astro-cid-jri3lolf]{color:var(--color-text-muted);margin-bottom:var(--space-4)}.tier-gate[data-astro-cid-jri3lolf] h2[data-astro-cid-jri3lolf]{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-3)}.tier-gate[data-astro-cid-jri3lolf] p[data-astro-cid-jri3lolf]{color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.btn-upgrade[data-astro-cid-jri3lolf]{display:inline-flex;padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.btn-upgrade[data-astro-cid-jri3lolf]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-zone[data-astro-cid-jri3lolf]{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-6)}.upload-zone[data-astro-cid-jri3lolf]:hover,.upload-zone[data-astro-cid-jri3lolf].drag-over{border-color:var(--color-primary);background:#1e3a5f05}.upload-content[data-astro-cid-jri3lolf] svg[data-astro-cid-jri3lolf]{color:var(--color-text-muted);margin-bottom:var(--space-4)}.upload-content[data-astro-cid-jri3lolf] h3[data-astro-cid-jri3lolf]{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2)}.upload-content[data-astro-cid-jri3lolf] p[data-astro-cid-jri3lolf]{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.upload-formats[data-astro-cid-jri3lolf]{font-size:var(--text-sm);color:var(--color-text-muted)}.categories-bar[data-astro-cid-jri3lolf]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.categories-list[data-astro-cid-jri3lolf]{display:flex;flex-wrap:wrap;gap:6px;flex:1}.category-chip[data-astro-cid-jri3lolf]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.category-chip[data-astro-cid-jri3lolf]:hover{background:#e5e7eb}.category-chip[data-astro-cid-jri3lolf].active{background:#1e3a5f;border-color:#1e3a5f;color:#fff}.category-chip[data-astro-cid-jri3lolf] .chip-count[data-astro-cid-jri3lolf]{background:#0000001a;padding:2px 6px;border-radius:10px;font-size:10px}.category-chip[data-astro-cid-jri3lolf].active .chip-count[data-astro-cid-jri3lolf]{background:#fff3}.category-chip[data-astro-cid-jri3lolf] .chip-delete[data-astro-cid-jri3lolf]{display:none;width:14px;height:14px;border-radius:50%;background:#0000001a;align-items:center;justify-content:center;margin-left:2px}.category-chip[data-astro-cid-jri3lolf]:hover .chip-delete[data-astro-cid-jri3lolf]{display:flex}.category-chip[data-astro-cid-jri3lolf].active .chip-delete[data-astro-cid-jri3lolf]{background:#fff3}.btn-add-category[data-astro-cid-jri3lolf]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px dashed #d1d5db;border-radius:20px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.btn-add-category[data-astro-cid-jri3lolf]:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.photo-count[data-astro-cid-jri3lolf]{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.reorder-hint[data-astro-cid-jri3lolf]{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-alt);padding:4px 10px;border-radius:var(--radius-full)}.photo-grid[data-astro-cid-jri3lolf]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(min-width:640px){.photo-grid[data-astro-cid-jri3lolf]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.photo-grid[data-astro-cid-jri3lolf]{grid-template-columns:repeat(4,1fr)}}.photo-card[data-astro-cid-jri3lolf]{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.photo-card[data-astro-cid-jri3lolf]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.photo-card[data-astro-cid-jri3lolf].dragging{opacity:.4;transform:scale(.95);box-shadow:none;border:2px dashed var(--color-primary)}.photo-card[data-astro-cid-jri3lolf].drag-over{transform:scale(1.02);box-shadow:0 0 0 3px var(--color-primary),var(--shadow-lg);border-color:var(--color-primary)}.photo-card[data-astro-cid-jri3lolf].drag-over:before{content:"Drop here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);z-index:10;pointer-events:none}.photo-image-wrapper[data-astro-cid-jri3lolf]{position:relative;aspect-ratio:4/3;background:var(--color-bg-alt);cursor:grab}.photo-image-wrapper[data-astro-cid-jri3lolf]:active{cursor:grabbing}.photo-image-wrapper[data-astro-cid-jri3lolf] img[data-astro-cid-jri3lolf]{width:100%;height:100%;object-fit:cover}.photo-order-badge[data-astro-cid-jri3lolf]{position:absolute;top:var(--space-3);left:var(--space-3);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:0 2px 8px #0003}.drag-handle[data-astro-cid-jri3lolf]{position:absolute;top:var(--space-3);right:var(--space-3);background:#0009;color:#fff;width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:grab}.photo-card[data-astro-cid-jri3lolf]:hover .drag-handle[data-astro-cid-jri3lolf]{opacity:1}.drag-handle[data-astro-cid-jri3lolf]:active{cursor:grabbing}.photo-name-row[data-astro-cid-jri3lolf]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border-top:1px solid var(--color-border)}.photo-name[data-astro-cid-jri3lolf]{font-size:12px;font-weight:500;color:#374151;cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-name[data-astro-cid-jri3lolf]:hover{color:#1e3a5f}.btn-rename[data-astro-cid-jri3lolf]{background:transparent;border:none;padding:4px;cursor:pointer;color:#9ca3af;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-rename[data-astro-cid-jri3lolf]:hover{background:#e5e7eb;color:#374151}.photo-card-footer[data-astro-cid-jri3lolf]{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--color-border);background:var(--color-bg)}.photo-category-select[data-astro-cid-jri3lolf]{flex:1;min-width:0;padding:6px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;cursor:pointer}.photo-category-select[data-astro-cid-jri3lolf]:focus{outline:none;border-color:#1e3a5f}.photo-label[data-astro-cid-jri3lolf]{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.photo-label[data-astro-cid-jri3lolf] svg[data-astro-cid-jri3lolf]{color:var(--color-text-muted)}.btn-delete-photo[data-astro-cid-jri3lolf]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;color:#dc2626;border:1px solid #fecaca;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-delete-photo[data-astro-cid-jri3lolf]:hover{background:#fee2e2;border-color:#dc2626}.btn-delete-photo[data-astro-cid-jri3lolf] svg[data-astro-cid-jri3lolf]{width:14px;height:14px}.photo-card[data-astro-cid-jri3lolf]:first-child .photo-order-badge[data-astro-cid-jri3lolf]{background:linear-gradient(135deg,#c9a227,#b8941f)}.photo-card[data-astro-cid-jri3lolf]:first-child .photo-label[data-astro-cid-jri3lolf]{color:var(--color-accent);font-weight:var(--font-medium)}.photo-card[data-astro-cid-jri3lolf].uploading{opacity:.6;pointer-events:none}.photo-card[data-astro-cid-jri3lolf].uploading .photo-image-wrapper[data-astro-cid-jri3lolf]:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center}.form-actions[data-astro-cid-jri3lolf]{margin-top:var(--space-6);display:flex;justify-content:flex-end}.btn-primary[data-astro-cid-jri3lolf]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-primary[data-astro-cid-jri3lolf]:hover{background:var(--color-primary-dark)}.message[data-astro-cid-jri3lolf]{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);text-align:center}.message[data-astro-cid-jri3lolf].success{background:#dcfce7;color:#16a34a}.message[data-astro-cid-jri3lolf].error{background:#fee2e2;color:#dc2626}