:root{--bg: #faf9f6;--surface: #ffffff;--primary: #3b82c4;--accent: #2563a8;--text: #26303a;--muted: #7a8290;--border: #dfe3ea;--success: #16a34a;--warning: #d97706;--danger: #dc2626}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text)}button,input,select{font-family:inherit}a{color:var(--accent)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.photo-card{position:relative;overflow:hidden;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 3px #26303a0f;transition:transform .15s,box-shadow .15s;cursor:pointer}.photo-card:hover{transform:scale(1.02);box-shadow:0 4px 12px #26303a1f}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card-badge{position:absolute;top:.5rem;right:.5rem;background:#26303ab8;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#e6f0f9;color:var(--accent)}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:8px}.filter-bar input,.filter-bar select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.85rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#b45309}.btn-secondary{background:#eef1f5;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#e2e7ee}.btn-sm{padding:.25rem .6rem;font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.85rem;color:var(--muted)}.form-group input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.95rem}.form-group input:focus{outline:none;border-color:var(--primary)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted)}.scroll-sentinel{height:60px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26303a8c;z-index:200;display:flex;align-items:center;justify-content:center}.modal-content{max-width:95vw;max-height:95vh;overflow:auto;background:var(--surface);border-radius:12px;padding:1.5rem}