:root{color-scheme:dark;--bg:#07090d;--panel:#11151b;--line:#29313b;--text:#f7f5ed;--muted:#9ca5b1;--lime:#a9ff3f;--lime2:#d5ff73;--cyan:#4ed8e8;--amber:#f2b63e;--green:#28d17c;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 88% 4%,rgba(83,191,255,.09),transparent 28%),radial-gradient(circle at 10% 18%,rgba(169,255,63,.08),transparent 24%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,3vw,34px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,9,13,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{border-radius:50%;box-shadow:0 0 0 2px rgba(169,255,63,.25);object-fit:cover}.brand strong,.brand span{display:block}.brand strong{font-size:1.05rem}.brand span{color:var(--lime);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:9px}main{width:min(1420px,100%);margin:0 auto;padding:clamp(18px,4vw,42px)}.login-view{min-height:calc(100vh - 92px);display:grid;place-items:center}.login-card{width:min(480px,100%);padding:clamp(24px,5vw,42px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(23,28,35,.98),rgba(12,15,20,.98));box-shadow:var(--shadow)}.login-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(169,255,63,.12);font-size:1.65rem;margin-bottom:22px}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.7rem);line-height:.98;margin-bottom:12px}h2{margin-bottom:0}.eyebrow{margin-bottom:10px;color:var(--lime);font-size:.75rem;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted);line-height:1.55}code{color:var(--lime2)}label{display:grid;gap:8px;color:#dce1e7;font-size:.9rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0b0f14;color:var(--text);outline:none;padding:13px 14px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:rgba(169,255,63,.7);box-shadow:0 0 0 3px rgba(169,255,63,.11)}textarea{resize:vertical}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:16px}.primary-button,.ghost-button,.icon-button{border:0;border-radius:14px;font-weight:800}.primary-button{padding:13px 18px;color:#071006;background:linear-gradient(90deg,var(--lime),var(--lime2));box-shadow:0 10px 28px rgba(169,255,63,.15)}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.full{width:100%}.ghost-button{padding:12px 16px;color:var(--text);background:#171c23;border:1px solid var(--line)}.icon-button{display:grid;place-items:center;width:44px;height:44px;color:var(--text);background:#171c23;border:1px solid var(--line);font-size:1.15rem}.form-error{min-height:22px;margin-top:12px;color:#ff8d8d;font-size:.88rem;line-height:1.45}.notice{padding:14px 16px;border:1px solid rgba(242,182,62,.34);border-radius:16px;color:#f7d58c;background:rgba(242,182,62,.08);line-height:1.5;margin-bottom:28px}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}.hero-row h1{margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.stat-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151a21,#0e1217)}.stat-card span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:10px}.stat-card strong{font-size:1.8rem}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 220px;gap:12px;margin-bottom:14px}.search-field{position:relative}.search-field span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--lime);font-size:1.25rem;z-index:1}.search-field input{padding-left:42px}.list-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.88rem;margin:16px 2px}.sync-status{color:var(--green)}.animal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:17px}.animal-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#151a21,#0d1116);transition:transform .18s,border-color .18s}.animal-card:hover{transform:translateY(-2px);border-color:rgba(169,255,63,.38)}.animal-image{position:relative;height:220px;background:#ece8df;overflow:hidden}.animal-image img{width:100%;height:100%;object-fit:cover;display:block}.no-photo{height:100%;display:grid;place-items:center;color:#56606c;font-size:3.2rem;background:linear-gradient(135deg,#171c23,#0b0f14)}.status-pill{position:absolute;left:14px;top:14px;padding:8px 11px;border-radius:999px;color:#07090d;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:var(--green)}.status-pill.reserved{background:var(--amber)}.status-pill.feeding{background:var(--cyan)}.status-pill.portfolio,.status-pill.sold{background:#c1c7d0}.visibility-pill{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;color:#fff;background:rgba(0,0,0,.68);font-size:.72rem}.animal-body{padding:17px}.animal-kicker{display:flex;justify-content:space-between;gap:12px;color:var(--cyan);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.animal-kicker span:last-child{color:var(--muted)}.animal-card h3{min-height:2.7em;margin:10px 0 14px;line-height:1.28;font-size:1.17rem}.animal-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;color:var(--muted);font-size:.86rem;margin-bottom:16px}.animal-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px}.animal-price{color:var(--amber);font-size:1.45rem;font-weight:900}.edit-button{padding:10px 14px;border-radius:12px;border:1px solid rgba(169,255,63,.3);background:rgba(169,255,63,.08);color:var(--lime2);font-weight:800}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state div{font-size:3rem}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(9px)}.modal{width:min(850px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--line);border-radius:26px;background:#0e1217;box-shadow:var(--shadow)}.modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line);background:rgba(14,18,23,.96);backdrop-filter:blur(14px)}.animal-form{display:grid;gap:17px;padding:20px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.toggle-row{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#12171e}.toggle-row input{width:20px;height:20px;margin-top:1px;accent-color:var(--lime)}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--muted);font-weight:400;margin-top:3px;line-height:1.3}.modal-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:16px 0 0;border-top:1px solid var(--line);background:#0e1217}.toast{position:fixed;z-index:200;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:14px 18px;border-radius:14px;background:#1c252d;color:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.toast.success{border-color:rgba(40,209,124,.48)}.toast.error{border-color:rgba(255,107,107,.5)}@media(max-width:850px){.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.toggle-grid{grid-template-columns:1fr}}@media(max-width:620px){.topbar{padding:12px 14px}.brand img{width:46px;height:46px}.brand span{font-size:.63rem}main{padding:18px 14px 34px}.hero-row{align-items:stretch;flex-direction:column}.hero-row .primary-button{width:100%}.toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.animal-grid{grid-template-columns:1fr}.animal-image{height:250px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{max-height:94vh;border-radius:24px 24px 0 0}.modal-footer{padding-bottom:max(6px,env(safe-area-inset-bottom))}.topbar .ghost-button{padding:10px;font-size:.82rem}}
.photo-manager{display:grid;gap:15px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#121820,#0b0f14)}.photo-manager-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.photo-manager-header h3{font-size:1.35rem;margin:0 0 6px}.photo-manager-header .muted{margin:0;max-width:600px;font-size:.86rem}.photo-count{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(78,216,232,.1);color:var(--cyan);font-size:.76rem;font-weight:800}.photo-new-hint{padding:14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.photo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.file-picker{position:relative;min-width:0}.file-picker span{display:block;margin-bottom:8px}.file-picker input{padding:10px;background:#0b0f14}.photo-upload-status{min-height:20px;margin:0;color:var(--muted);font-size:.84rem}.photo-upload-status.error{color:#ff8d8d}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#0b0f14}.photo-preview{position:relative;aspect-ratio:4/3;background:#171c23}.photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.photo-main-badge,.photo-legacy-badge{position:absolute;top:8px;padding:6px 8px;border-radius:999px;font-size:.68rem;font-weight:900}.photo-main-badge{left:8px;color:#071006;background:var(--lime)}.photo-legacy-badge{right:8px;color:#fff;background:rgba(0,0,0,.68)}.photo-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:9px}.photo-actions button{min-height:38px;border-radius:10px;border:1px solid var(--line);background:#171c23;color:var(--text);font-weight:800}.photo-actions .set-main{color:var(--lime2);border-color:rgba(169,255,63,.28)}.photo-actions .delete-photo{grid-column:1/-1;color:#ff9b9b;border-color:rgba(255,107,107,.25)}.photo-actions button:disabled{opacity:.4;cursor:not-allowed}.photo-meta{padding:0 10px 10px;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-controls{grid-template-columns:1fr}.photo-controls .primary-button{width:100%}}@media(max-width:430px){.photo-manager{padding:14px}.photo-manager-header{display:grid}.photo-count{justify-self:start}.photo-grid{grid-template-columns:1fr}.photo-preview{aspect-ratio:16/11}}