:root{font-family:system-ui,-apple-system,sans-serif;color:#19362e;background:#f4f6f0;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:56px auto;padding:0 24px}.login{max-width:440px;margin:12vh auto;padding:36px;background:white;border:1px solid #d9e4dc;border-radius:20px}h1{font-size:36px;letter-spacing:-1.5px;margin:8px 0 16px}h2{font-size:22px}p{line-height:1.65;color:#53665e}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#34765b}label{display:block;font-size:14px;margin:22px 0 8px}input{width:100%;padding:13px;font:inherit;border:1px solid #bbcfc3;border-radius:8px}input:focus{outline:2px solid #23855f;outline-offset:2px}button{padding:13px 20px;background:#205e46;color:white;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.login button{width:100%;margin:24px 0}small{color:#65756a}.error{background:#fff0ee;color:#a02c22;padding:12px;border-radius:8px}header{display:flex;align-items:center;justify-content:space-between}.secondary{background:white;color:#205e46;border:1px solid #bbcfc3}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.grid article{background:white;border:1px solid #d9e4dc;border-radius:12px;overflow:hidden}.grid img{width:100%;height:190px;object-fit:cover;display:block}.download{display:block;padding:16px;color:#205e46;font-weight:600;text-decoration:none}.empty{padding:48px 24px;border:1px dashed #a9bfb0;border-radius:16px;text-align:center;background:white}nav{display:flex;gap:24px;margin:28px 0}a{color:#205e46}
.filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.filters label{margin-top:0}.filters>div{flex:1;min-width:160px}.photo-date{margin:12px 16px 0;font-size:12px}.delete-link{display:block;padding:0 16px 16px;color:#9c3930;font-size:13px}.delete-preview{max-width:100%;border-radius:10px}.danger{background:#a13529}