:root{--bg: #fff9f2;--surface: #ffffff;--ink: #262334;--muted: #746f7c;--line: #f0dccc;--pink: #ff6f9a;--pink-soft: #ffe7f0;--blue: #4d96e8;--blue-soft: #e8f3ff;--mint: #6ebd79;--mint-soft: #e8f7e8;--amber: #f4b64a;--amber-soft: #fff4d8;--red: #df5470;--red-soft: #ffe4ea;--shadow: 0 18px 45px rgba(84, 55, 31, .1);--radius: 24px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 9% 9%,rgba(255,111,154,.11),transparent 24%),radial-gradient(circle at 91% 3%,rgba(77,150,232,.1),transparent 22%),linear-gradient(145deg,#fffaf3,#fff6ee 42%,#f7fbf1);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:30px 0 36px}.shell{position:relative;overflow:hidden;border:1px solid rgba(238,213,192,.88);border-radius:34px;background:#ffffffbd;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell:before,.shell:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-size:64px 64px;background-image:radial-gradient(circle at 18px 20px,#e6bd83 0 7px,transparent 8px),radial-gradient(circle at 34px 13px,#e6bd83 0 4px,transparent 5px),radial-gradient(circle at 45px 24px,#e6bd83 0 4px,transparent 5px),radial-gradient(circle at 29px 34px,#e6bd83 0 4px,transparent 5px);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 40%,transparent 65%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,transparent 40%,transparent 65%,#000 100%)}.shell:after{transform:rotate(180deg);opacity:.18}header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:22px;align-items:start;padding:32px 34px 22px}.brand{display:flex;gap:24px;align-items:center;min-width:0}.brand-mark{width:204px;height:204px;flex:0 0 auto;overflow:hidden;border:4px solid #ff79c0;border-radius:34px;background:#fff4e4;box-shadow:0 0 0 8px #ff79c01f,0 20px 36px #ff6f9a33}.brand-mark img,.auth-logo{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1{color:#4f4658;overflow-wrap:anywhere;font-size:clamp(2.15rem,4vw,4rem);line-height:1.05;letter-spacing:0}.title-accent{color:#e65d86;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:800}h2{font-size:1.22rem;line-height:1.2}h3{font-size:1.04rem}.header-side{display:grid;min-width:0;gap:12px;justify-items:end}.header-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(720px,100%);min-width:0}.meta-card{display:flex;min-width:0;min-height:86px;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#ffffffd1}.meta-card span{color:#5f5868}.meta-card>div:last-child{min-width:0}.meta-card strong{display:block;margin-top:3px;font-size:1.12rem;overflow-wrap:anywhere}.meta-card small{display:block;margin-top:6px;color:var(--muted);font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.meta-icon,.title-icon{display:grid;place-items:center;flex:0 0 auto;color:#f36f82;background:#fff0e9}.meta-icon{width:46px;height:46px;border-radius:14px}.title-icon{width:42px;height:42px;border-radius:14px}.nav-row,.button-row,.admin-toolbar,.gallery-header,.modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav-row{justify-content:flex-end}.tab,.role-chip,.icon-text-button,.soft-button,.primary-action,.secondary-action,.danger-action,.filter-button,.upload-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:0 15px;font-size:.9rem;font-weight:800;text-decoration:none}.tab,.secondary-action,.filter-button,.icon-text-button{color:#6d6473;background:#ffffffd1;border-color:#efdccc}.tab.active,.filter-button.active{color:#d95e4e;background:#fff6ed;border-color:#ffd5bf}.primary-action{color:#fff;background:linear-gradient(145deg,#ff7a9e,#ff9b72);box-shadow:0 12px 24px #ff6f9a33}.secondary-action,.soft-button,.upload-button{color:#d95e4e;background:#fff6ed;border-color:#ffd5bf}.danger-action{color:#b13d57;background:var(--red-soft);border-color:#ffc6d2}.role-chip{color:#2f82dc;background:var(--blue-soft)}.role-chip.admin{color:#27783e;background:var(--mint-soft)}main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:0 28px 28px}main>section,.panel,.table-wrap,.detail-card{min-width:0}.admin-toolbar{justify-content:flex-end;margin-bottom:16px}.puppy-strip{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px;margin-bottom:20px}.puppy-card,.panel,.detail-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe0;box-shadow:0 12px 30px #462f1c12}.puppy-card{overflow:hidden;padding:18px 18px 16px}.puppy-card.girl{border-color:#ffd1df}.puppy-card.boy{border-color:#cfe6ff}.puppy-top{display:flex;min-height:30px;align-items:center;gap:10px;font-weight:800}.girl .puppy-top,.girl .name-button{color:#eb4f82}.boy .puppy-top,.boy .name-button{color:#2f82dc}.name-button,.puppy-main,.media-preview{padding:0;border:0;background:transparent;color:inherit}.name-button{font-weight:900}.puppy-actions{display:inline-flex;align-items:center;gap:6px}.sex,.photo-button{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;border:0;font-weight:900}.girl .sex{background:var(--pink-soft)}.boy .sex{background:var(--blue-soft)}.photo-button{color:#b97224;background:#fff2dc;box-shadow:inset 0 0 0 1px #d8a66347}.puppy-main{display:block;width:100%;text-align:center}.puppy-face,.detail-face{display:block;object-fit:cover;object-position:center;border-radius:18px;background:#fff8ec;box-shadow:0 10px 20px #7749221a}.puppy-face{width:86px;height:86px;margin:14px auto 10px}.detail-face{width:100%;height:100%;border-radius:28px;margin:0}.avatar-frame{position:relative;width:240px;height:240px;margin:0 auto 18px}.avatar-icon-upload{position:absolute;left:12px;bottom:12px;display:grid;width:38px;height:38px;place-items:center;overflow:hidden;border:1px solid rgba(255,121,192,.5);border-radius:999px;color:#c44c82;background:#ffffffd6;box-shadow:0 10px 20px #77492224;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:transform .16s ease,background .16s ease}.avatar-icon-upload:hover{transform:translateY(-1px);background:#fff}.avatar-icon-upload.busy{opacity:.64;cursor:wait}.avatar-icon-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.weight{display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:2rem;font-weight:900}.weight span{font-size:1rem;font-weight:700}.ounces,.birth-weight,.today,.vs,.panel-subtitle,.mobile-note,.mini-note,small{color:var(--muted)}.ounces{margin-top:2px;font-size:.86rem;font-weight:800;text-align:center}.birth-weight{margin-top:6px;font-size:.79rem;font-weight:700}.gain{display:flex;width:fit-content;align-items:center;gap:8px;margin:12px auto 6px;padding:7px 13px;border-radius:999px;color:#25763b;background:var(--mint-soft);font-weight:900}.gain.warning{color:#b9435a;background:var(--red-soft)}.gain.neutral{color:#836b31;background:var(--amber-soft)}.vs{font-size:.78rem;text-align:center}.mini-note{min-height:34px;margin-top:10px;font-size:.82rem;line-height:1.25}.spark{display:block;width:100%;height:44px;margin-top:12px}.spark path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.spark circle{stroke:#fff;stroke-width:2}.spark-placeholder{height:56px}.panel{overflow:hidden}.soft-section{margin-top:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px}.section-title{display:flex;align-items:center;gap:12px}.table-wrap{overflow-x:auto;padding:0 12px 14px}.table-wrap.compact{padding:14px 0 0}table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #f0e2d5;border-radius:18px;background:#fff}.compact table{min-width:640px}th,td{padding:15px 14px;border-bottom:1px solid #f1e7de;font-size:.94rem;text-align:left;vertical-align:middle;white-space:nowrap}th{color:#454052;background:#fff8f0;font-size:.84rem}tr:last-child td{border-bottom:0}.cell-stack strong{display:block;margin-bottom:2px}td small{display:block;margin-top:2px;font-weight:700}.delta{display:inline-flex;min-width:50px;justify-content:center;padding:2px 8px;border-radius:999px;color:#1e7a3b;background:#edf9ed;font-size:.78rem;font-weight:900}.delta.down{color:#b13d57;background:#ffe8ed}.age-chip{display:inline-flex;min-width:max-content;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;color:#6c5f54;background:#fff1df;font-size:.78rem;font-weight:900}.missing{color:#aaa2ad}.mobile-note{display:none}.puppy-detail,.history-view{margin-top:18px}.detail-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;padding:0 18px 18px}.detail-card{padding:18px}.identity-card{text-align:center}.fact-list{display:grid;gap:10px;margin-top:16px;text-align:left}.fact{display:grid;gap:4px;padding:11px 12px;border-radius:16px;background:#fff8f0}.fact.private{background:#f5f0ff}.fact span{color:var(--muted);font-size:.78rem;font-weight:800}.fact strong{font-size:.94rem;line-height:1.35}.round-button,.tiny-danger,.tiny-edit{display:inline-grid;place-items:center;border:0;border-radius:999px}.round-button{width:36px;height:36px;color:#d95e4e;background:#fff0e9}.tiny-danger{width:32px;height:32px;color:#b13d57;background:var(--red-soft)}.tiny-edit{width:32px;height:32px;color:#2774bd;background:#edf6ff}.mini-actions{display:inline-flex;align-items:center;gap:6px}.form-hint{align-self:end;margin:0 0 12px;color:var(--muted);font-size:.92rem;font-weight:800}.form-grid .fact{grid-column:1 / -1}.gallery-header{justify-content:space-between;margin-bottom:16px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.media-card{overflow:hidden;border:1px solid #f0e2d5;border-radius:18px;background:#fff}.media-preview{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden}.media-preview img,.media-preview video{width:100%;height:100%;display:block;object-fit:cover}.media-kind{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:#473d45;background:#ffffffe0;font-size:.78rem;font-weight:900}.media-card figcaption{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;color:#5f5868;font-size:.86rem;font-weight:800}.upload-button{position:relative}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.empty-state{display:grid;min-height:116px;place-items:center;padding:22px;border:1px dashed #ead7c5;border-radius:18px;color:var(--muted);background:#fff8f0a3;text-align:center}.chart-card{margin:0 18px 18px;padding:16px 14px 10px;border:1px solid #f0e2d5;border-radius:22px;background:#fff}.detail-card .chart-card{margin:12px 0 0}.chart-card svg{display:block;width:100%;height:auto}.grid-line{stroke:#f1e7de;stroke-width:1}.axis-label{fill:#8d8793;font-size:13px;font-weight:700}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;padding:6px 8px 4px}.chart-legend span{display:inline-flex;align-items:center;gap:7px;color:#5f5868;font-size:.86rem;font-weight:800}.chart-legend i{display:inline-block;width:12px;height:12px;border-radius:999px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.loading-card{width:min(440px,100%);border:1px solid var(--line);border-radius:28px;background:#ffffffdb;box-shadow:var(--shadow);padding:28px}.auth-card{display:grid;gap:16px}.auth-logo,.loading-card img{width:76px;height:76px;border:3px solid #ff79c0;border-radius:22px;box-shadow:0 0 0 6px #ff79c01f,0 12px 22px #ff6f9a2e}.auth-card p{color:var(--muted)}.auth-card label,.form-grid label{display:grid;gap:7px;color:#5f5868;font-size:.86rem;font-weight:900}.password-field{display:flex;align-items:center;gap:10px;border:1px solid #ead7c5;border-radius:16px;padding:0 13px;background:#fff}.password-field input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #ead7c5;border-radius:14px;background:#fff;color:var(--ink)}.password-field input{border:0;min-height:48px;padding:0}.form-grid input,.form-grid select{min-height:44px;padding:0 12px}.form-grid textarea{padding:12px;resize:vertical}.loading-card{display:grid;gap:14px;justify-items:center;color:var(--muted);font-weight:800}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#34251c47;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-backdrop.dark{background:#171110c7}.modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:26px;background:#fffdf9;box-shadow:var(--shadow);padding:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-field,.weight-inputs,.form-error,.modal-actions{grid-column:1 / -1}.weight-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.modal-actions{justify-content:flex-end;margin-top:6px}.form-error{color:#b13d57;font-weight:800}.lightbox{position:relative;width:min(960px,100%);max-height:calc(100vh - 40px);display:grid;justify-items:center;gap:12px}.lightbox img,.lightbox video{max-width:100%;max-height:calc(100vh - 100px);border-radius:22px;background:#111}.lightbox p{color:#fff;font-weight:800}.close-lightbox{position:absolute;top:12px;right:12px;z-index:2}@media(max-width:1320px){header{grid-template-columns:1fr}.header-side{justify-items:stretch}.puppy-strip{grid-template-columns:repeat(3,minmax(170px,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:880px){.page{width:min(100% - 24px,760px);padding-top:12px}.shell{border-radius:24px}header{padding:24px 20px 18px}.brand{align-items:flex-start;gap:12px}.brand-mark{width:76px;height:76px;border-radius:16px}h1{font-size:2rem;line-height:1.05}.header-meta,.form-grid{grid-template-columns:1fr}main{padding:0 14px 18px}.puppy-strip{grid-template-columns:1fr 1fr}.puppy-card{padding:18px 16px 16px}.panel-header,.gallery-header{align-items:flex-start;flex-direction:column}.mobile-note{display:block;margin:0 14px 12px;font-size:.9rem}.chart-card{margin:0 12px 14px}}@media(max-width:560px){.page{width:calc(100% - 20px)}.puppy-strip{grid-template-columns:1fr}.sex,.photo-button{width:28px;height:28px}.meta-card{align-items:flex-start}.admin-toolbar,.nav-row,.button-row{justify-content:flex-start}.media-grid{grid-template-columns:1fr 1fr}}