:root{--forest:#0b2c25;--deep:#071f1a;--surface:#f5f5ee;--card:#fffefa;--ink:#16372f;--muted:#70867c;--line:#dce3dc;--lime:#c7df82;--orange:#ff8732;--mono:"DM Mono",monospace;--body:"DM Sans",Arial,sans-serif;--display:"Manrope",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--body)}button,input,select{font:inherit}.topbar{height:72px;background:var(--forest);padding:0 36px;display:flex;align-items:center;justify-content:space-between;color:#f6f8ed}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:800 22px var(--display);letter-spacing:-1.5px}.brand img{width:35px;height:35px;border-radius:10px;object-fit:cover}.brand>span>span{color:var(--orange)}.account{display:flex;align-items:center;gap:10px;font-size:12px}.status-dot{width:8px;height:8px;background:var(--lime);border-radius:50%}.avatar{width:34px;height:34px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;color:white;font-weight:800}.layout{min-height:calc(100vh - 72px);display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:var(--deep);padding:31px 18px;color:#c8d9cf;display:flex;flex-direction:column}.side-label,.eyebrow{font:500 10px var(--mono);letter-spacing:1.3px}.side-label{color:#779589;margin:0 12px 17px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;text-align:left;display:flex;gap:12px;align-items:center;border-radius:9px;padding:12px;background:transparent;color:#b5c8bd;cursor:pointer;font-size:13px;font-weight:600}.nav-item span{width:17px;text-align:center;color:#7fa497;font-size:17px}.nav-item:hover,.nav-item.active{color:#fff;background:#16443a}.nav-item.active span{color:var(--orange)}.side-help{border-top:1px solid #24483f;padding:22px 12px 3px;margin-top:auto}.side-help p{font:500 10px var(--mono);letter-spacing:.6px;color:#78978c;margin:0 0 8px}.side-help a{color:var(--lime);font-size:12px;text-decoration:none;font-weight:700}.side-help a span{margin-left:4px}.workspace{max-width:1220px;width:100%;padding:55px clamp(24px,5vw,72px) 90px}.page{display:none}.page.active{display:block;animation:enter .4s ease}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:32px}.eyebrow{color:#709080;margin:0 0 12px}.page-heading h1{margin:0;color:#12372e;font:800 clamp(34px,4vw,54px)/.98 var(--display);letter-spacing:-3px}.lead{font-size:14px;color:var(--muted);line-height:1.65;margin:14px 0 0}.primary-action,.outline-button{border:0;border-radius:99px;background:var(--forest);color:white;padding:13px 16px;white-space:nowrap;font-size:12px;font-weight:800;cursor:pointer}.primary-action span{margin-left:12px;color:var(--lime);font-size:16px}.primary-action:hover{background:#155040}.pet-switcher{display:flex;gap:9px;align-items:center;margin-bottom:25px}.pet-chip,.add-pet{border:1px solid var(--line);background:transparent;border-radius:12px;padding:7px 12px 7px 7px;display:flex;gap:8px;align-items:center;cursor:pointer;color:var(--ink)}.pet-chip.selected{background:var(--card);border-color:#719484;box-shadow:0 3px 0 #d3ded2}.pet-chip img{width:34px;height:34px;border-radius:9px;object-fit:cover;background:#d5e3d6}.pet-chip span{display:grid;text-align:left}.pet-chip b{font-size:12px}.pet-chip small{font-size:10px;color:var(--muted);margin-top:2px}.add-pet{width:42px;height:42px;justify-content:center;padding:0;font-size:22px;color:#5e7d70}.pet-header{display:flex;align-items:center;gap:17px;background:var(--card);border:1px solid var(--line);padding:18px;border-radius:15px}.pet-header>img{width:67px;height:67px;border-radius:14px;object-fit:cover;background:#e4ece1}.pet-header h2{font:800 27px var(--display);letter-spacing:-1px;margin:0}.pet-header p:last-child{margin:3px 0 0;color:var(--muted);font-size:12px}.soft-button{margin-left:auto;background:transparent;border:1px solid #b7c9bc;padding:10px 12px;border-radius:99px;color:#1f5546;font-size:11px;font-weight:800;cursor:pointer}.soft-button span{margin-left:8px}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 37px}.attention-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px}.attention-card.accent{background:#e9f0d7;border-color:#d6e3b5}.attention-card p,.document-card p,.check-row p{font:500 9px var(--mono);letter-spacing:1px;color:#738d80;margin:0}.attention-card h3{font:800 33px var(--display);letter-spacing:-2px;margin:10px 0 3px}.attention-card b{font-size:12px;display:block}.attention-card span{font-size:10px;color:#6c8779;display:block;margin-top:8px}.attention-card .orange{color:#bd6322}.section-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.section-title h2{margin:0;font:800 24px var(--display);letter-spacing:-1px}.text-button{border:0;background:transparent;color:#27725d;font-size:11px;font-weight:800;cursor:pointer}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:33px 1fr auto;gap:13px;align-items:center;padding:19px 3px;border-bottom:1px solid var(--line)}.timeline i,.check-toggle{width:24px;height:24px;border-radius:50%;border:1px solid #c6d8c8;display:grid;place-items:center;background:white;color:#5e9b42;font-size:12px;font-style:normal}.timeline .done i{background:#e2f1ce;border-color:#c4df9f}.timeline b{font-size:12px}.timeline p{color:var(--muted);font-size:11px;margin:3px 0 0}.timeline time{font:500 9px var(--mono);color:#779080}.form-card{border:1px solid var(--line);background:var(--card);border-radius:15px;padding:29px;max-width:850px}.form-title{display:flex;gap:14px;margin-bottom:27px}.form-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:white;font:500 10px var(--mono)}.form-title h2{margin:0;font:800 21px var(--display);letter-spacing:-1px}.form-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:700;color:#3f6257}.form-grid input,.form-grid select{display:block;width:100%;border:1px solid #d5e0d6;background:#fff;padding:12px;border-radius:8px;margin-top:7px;color:var(--ink);font-size:13px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:27px;padding-top:18px;border-top:1px solid var(--line);gap:20px}.form-footer>span{color:var(--muted);font-size:11px}.upload-note{max-width:850px;margin-top:15px;border-radius:14px;background:#e7eee6;padding:22px;display:flex;gap:14px}.upload-note>span{color:var(--orange);font-size:28px}.upload-note h3{font:800 15px var(--display);margin:0}.upload-note p{margin:6px 0;color:#58766a;font-size:12px;line-height:1.6}.upload-note a{font-size:11px;font-weight:800;color:#21715a;text-decoration:none}.check-summary{display:flex;gap:38px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:4px}.check-summary div{display:flex;gap:7px;align-items:baseline}.check-summary b{font:800 30px var(--display);letter-spacing:-1px}.check-summary span{font:500 10px var(--mono);color:var(--muted)}.check-list{max-width:920px}.check-row{display:grid;grid-template-columns:30px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.check-toggle{cursor:pointer}.check-row.checked .check-toggle{background:#dff0ce;border-color:#b9d99c}.check-row h2{font:800 17px var(--display);letter-spacing:-.6px;margin:4px 0}.check-row>div>span{font-size:11px;color:var(--muted)}.check-row time{text-align:right;font:500 11px var(--mono);color:#285c4e}.check-row time small{color:var(--muted);font-size:9px}.check-tip{margin-top:24px;max-width:920px;background:var(--forest);border-radius:13px;padding:20px 23px;color:#eaf0e8;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:20px}.check-tip>span{font:500 9px var(--mono);letter-spacing:1px;color:var(--lime)}.check-tip p{font-size:12px;line-height:1.55;margin:0;color:#c0d1c7}.check-tip a{font-size:11px;font-weight:800;color:var(--lime);text-decoration:none;white-space:nowrap}.doc-filter,.gallery-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:23px}.filter{border:1px solid var(--line);padding:8px 11px;border-radius:99px;background:transparent;font:500 10px var(--mono);color:#637f73;cursor:pointer}.filter.active{border-color:#6a9683;background:#e4eee2;color:#173f34}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.document-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px;min-height:162px}.doc-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;margin-bottom:18px;font:700 13px var(--mono)}.prescription{background:#ffead8;color:#bd6425}.exam{background:#e0edeb;color:#267163}.vaccine{background:#ebf2d7;color:#658333}.document-card h2{font:800 16px var(--display);letter-spacing:-.6px;margin:6px 0}.document-card span{color:var(--muted);font-size:10px}.more{position:absolute;right:13px;top:13px;border:0;background:transparent;color:#597569;cursor:pointer}.share-report{margin-top:32px;background:#e9eee0;border-radius:15px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.share-report h2{font:800 24px var(--display);letter-spacing:-1px;margin:0}.share-report p:last-of-type{max-width:520px;color:#5d786d;font-size:12px;line-height:1.65;margin:10px 0 0}.outline-button{background:transparent;border:1px solid #6f9182;color:#235447}.gallery-toolbar>span{color:var(--muted);font-size:11px;margin-left:auto}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:210px;gap:12px}.photo{position:relative;margin:0;background:#dfe9dc;overflow:hidden;border-radius:13px}.photo.tall{grid-row:span 2}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.photo:hover img{transform:scale(1.04)}.photo.teal{background:#2b6556}.photo.orange{background:#f5c082}.photo figcaption{position:absolute;inset:auto 0 0;padding:34px 14px 13px;background:linear-gradient(transparent,rgba(4,25,20,.74));color:white;display:flex;justify-content:space-between;align-items:end;font-size:11px}.photo figcaption span{font:500 9px var(--mono);opacity:.8}.photo-placeholder{height:100%;display:grid;place-items:center;color:#c56827;font:500 42px var(--mono)}.toast{position:fixed;right:24px;bottom:24px;max-width:350px;background:#143e34;color:#f5f8ed;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:13px 15px;box-shadow:0 13px 35px rgba(0,0,0,.2);font-size:12px;line-height:1.45;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}.toast.visible{transform:none;opacity:1}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:3;padding:9px 18px;display:block;overflow:auto}.side-label,.side-help{display:none}.sidebar nav{display:flex;width:max-content}.nav-item{padding:10px 12px;white-space:nowrap}.workspace{padding:38px 22px 70px}.attention-grid,.document-grid{grid-template-columns:1fr}.pet-header{align-items:flex-start}.soft-button{display:none}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.check-tip{grid-template-columns:1fr;gap:8px}.check-tip a{margin-top:6px}.share-report{align-items:flex-start;flex-direction:column}}@media(max-width:550px){.topbar{padding:0 20px}.account-name{display:none}.page-heading{display:block}.page-heading .primary-action{margin-top:20px}.form-card{padding:21px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}.attention-grid{grid-template-columns:1fr}.check-summary{gap:18px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.photo.tall{grid-row:span 1}.pet-switcher{overflow:auto}.document-grid{grid-template-columns:1fr}.doc-filter{overflow:auto;padding-bottom:3px}.share-report{padding:22px}.gallery-toolbar{flex-wrap:wrap}}