@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#242b28;background:#f7f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;min-width:258px;background:#fff;border-right:1px solid #e8ede9;display:flex;flex-direction:column;padding:27px 15px 17px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 12px}.brand-mark{width:37px;height:37px;background:#235845;border-radius:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand strong,.auth-brand strong{font-family:Plus Jakarta Sans,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px;color:#193c30}.brand small{display:block;color:#9ba6a1;font-size:10px;letter-spacing:.3px;margin-top:1px}.workspace{margin:35px 7px 24px;padding:10px;background:#f7f9f7;border:1px solid #e8ede9;border-radius:10px;display:flex;gap:9px;align-items:center}.workspace-icon{width:32px;height:32px;background:#dfeee5;color:#2d7655;font-size:14px;font-weight:800;border-radius:8px;display:grid;place-items:center}.workspace div{flex:1;min-width:0}.workspace strong{font-size:11px;display:block;white-space:nowrap}.workspace small{color:#9aa69e;font-size:10px;display:block;margin-top:2px}.workspace svg{color:#84908b}.nav-label{display:block;color:#a6afa9;font-weight:800;font-size:9px;letter-spacing:1.2px;padding:0 15px;margin-bottom:11px}.nav-label.second{margin-top:27px}.nav-item{border:0;background:transparent;width:100%;height:41px;display:flex;align-items:center;gap:11px;padding:0 14px;border-radius:8px;color:#697570;font-size:12.5px;font-weight:600;text-align:left;margin:2px 0}.nav-item svg{color:#8d9a94}.nav-item span{flex:1}.nav-item b{background:#e4f1e9;color:#408264;border-radius:6px;padding:3px 6px;font-size:10px}.nav-item.selected{background:#eaf4ee;color:#286649}.nav-item.selected svg{color:#2c7b53}.nav-item:hover:not(.selected){background:#f7f9f7}.sidebar-bottom{margin-top:auto}.support-card{background:#f3f8f4;border:1px solid #e4efe6;border-radius:12px;padding:13px 14px 11px;margin:0 5px 18px}.support-icon{color:#367854;margin-bottom:7px}.support-card strong{font-size:12px}.support-card p{font-size:10.5px;color:#788981;line-height:1.5;margin:5px 0 12px}.support-card>span{font-size:10px;color:#528b6b}.support-card i{display:inline-block;width:6px;height:6px;background:#48a771;border-radius:50%;margin-left:2px}.profile{width:100%;border:0;border-top:1px solid #edf0ed;background:#fff;display:flex;align-items:center;gap:9px;padding:15px 8px 0;text-align:left}.avatar,.top-avatar{border-radius:50%;background:#dce8df;color:#2d6048;display:grid;place-items:center;font-weight:800}.avatar{width:32px;height:32px;font-size:12px}.profile div{flex:1}.profile strong{display:block;font-size:11px}.profile small{display:block;color:#9ca8a1;font-size:10px;margin-top:3px}.profile svg{color:#a5afa8}.main{flex:1;min-width:0}.topbar{height:69px;background:#fff;border-bottom:1px solid #e8ede9;display:flex;align-items:center;justify-content:space-between;padding:0 37px}.crumb{font-size:11px;color:#9aa49e}.crumb span{margin:0 10px;color:#d2d9d3}.crumb strong{color:#32423a;font-weight:700}.top-actions{display:flex;align-items:center;gap:18px}.today{font-size:10.5px;color:#9da8a1}.icon-button{border:1px solid #edf0ec;background:#fff;color:#6e7d73;border-radius:9px;width:33px;height:33px;display:grid;place-items:center}.top-avatar{width:32px;height:32px;font-size:11px}.content{max-width:1480px;margin:auto;padding:36px 37px 50px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{color:#57936e;font-size:9px;font-weight:800;letter-spacing:1.65px;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#6cb886}.page-head h1{font:800 29px Plus Jakarta Sans,sans-serif;letter-spacing:-1.2px;margin:8px 0 6px;color:#233b2e}.page-head p{font-size:12px;color:#8b9890;margin:0}.button{height:39px;padding:0 17px;border-radius:8px;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;white-space:nowrap}.button.primary{background:#235d45;color:#fff;box-shadow:0 4px 8px #235d451a}.button.primary:hover{background:#1c4d39}.button.secondary{background:#fff;border-color:#dfe6e0;color:#465c4d}.button.destructive{background:#be4b4b;color:#fff}.button.small{height:35px}.button.full{width:100%}.add-button{height:37px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e9eee9;border-radius:12px;padding:17px 18px;min-height:132px;box-shadow:0 2px 8px #273c2c04}.stat-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;margin-bottom:12px}.stat-icon.green{background:#e7f3ea;color:#3c9a61}.stat-icon.blue{background:#e7f0fa;color:#5e8fca}.stat-icon.amber{background:#fff2e2;color:#d49d50}.stat-icon.purple{background:#f2eaf7;color:#a478b1}.stat-label{color:#8c9890;font-size:10px;font-weight:700}.stat-card strong{font:800 25px Plus Jakarta Sans,sans-serif;display:block;margin:3px 0;color:#24392c}.stat-card small{color:#a1aca4;font-size:9.5px}.intro-banner{background:linear-gradient(108deg,#174934,#236348 65%,#317353);border-radius:13px;min-height:137px;display:flex;align-items:center;gap:20px;padding:19px 26px;color:#fff;margin-bottom:22px;overflow:hidden;position:relative}.intro-illustration{width:108px;height:95px;display:grid;place-items:center;flex-shrink:0;color:#b8dcc0;position:relative}.intro-illustration>svg{z-index:1}.orbit{border:1px solid #ffffff2c;border-radius:50%;position:absolute}.orbit-one{width:75px;height:75px}.orbit-two{width:108px;height:108px}.intro-banner>div:nth-child(2){flex:1;z-index:1}.banner-kicker{font-size:8px;letter-spacing:1.5px;color:#a7d2b5;font-weight:800}.intro-banner h2{font:800 16px Plus Jakarta Sans,sans-serif;margin:6px 0;letter-spacing:-.35px}.intro-banner p{font-size:10px;color:#d2e7d8;line-height:1.5;margin:0;max-width:540px}.banner-button{background:#fff;color:#245842;border:0;border-radius:8px;height:35px;padding:0 13px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:8px;z-index:1;white-space:nowrap}.table-card{background:#fff;border:1px solid #e9eee9;border-radius:13px;box-shadow:0 2px 8px #273c2c04}.table-head{display:flex;justify-content:space-between;align-items:start;padding:22px 22px 17px}.table-head h2{font:800 15px Plus Jakarta Sans,sans-serif;color:#273d2e;margin:0 0 4px}.table-head p{margin:0;color:#9ba69d;font-size:10px}.subtle-button{border:1px solid #e6ebe6;background:#fff;color:#688073;border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.table-tools{display:flex;justify-content:space-between;gap:12px;padding:0 22px 17px}.search-box{width:min(340px,100%);height:34px;border:1px solid #e6eae5;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9ca9a0}.search-box input{border:0;outline:0;width:100%;font-size:10.5px;color:#37453b;background:transparent}.search-box input::placeholder{color:#adb8af}.filter-group{height:34px;border:1px solid #e6eae5;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#85928a}.filter-group select{border:0;outline:0;background:transparent;font-size:10px;color:#64736a}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{background:#f8faf8;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;padding:11px 22px;text-align:left;color:#98a49b;font-size:9px;letter-spacing:.55px;font-weight:800}td{padding:13px 22px;border-bottom:1px solid #f0f3ef;color:#465249;font-size:10.5px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e7f1e8;color:#548469;font-size:10px;font-weight:800}.person strong{font-size:10.5px;color:#354c3a;display:block}.person small{font-size:9px;color:#a7b1a9;display:block;margin-top:2px}.phone-cell{font-weight:600}.pet-count{display:inline-flex;align-items:center;gap:5px;color:#77887a}.status{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:5px 9px;font-weight:700;font-size:9px;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{background:#e8f5ec;color:#329164}.status.pending{background:#fff3e3;color:#c18b3c}.status.disabled{background:#f4f4f3;color:#929a94}.date-cell{color:#87938b}.actions-col{text-align:right}.row-action{position:relative}.dots{border:0;background:transparent;color:#8b9990;padding:4px}.row-menu{position:absolute;right:0;top:30px;background:#fff;border:1px solid #e5eae5;box-shadow:0 12px 32px #1f3c281f;border-radius:9px;z-index:10;width:210px;padding:5px;text-align:left}.row-menu button,.row-menu span{display:flex;align-items:center;gap:8px;padding:9px;border:0;background:transparent;width:100%;font-size:10px;color:#425449;text-align:left;border-radius:5px}.row-menu button:hover{background:#f6f8f6}.row-menu .danger{color:#bc5d5d}.table-footer{border-top:1px solid #edf0ed;padding:14px 22px;color:#a0aaa1;font-size:9.5px}.table-footer strong{color:#4b5f50}.table-footer span{padding:0 5px}.empty-row{text-align:center;padding:35px}.empty-state{padding:38px 15px;text-align:center}.empty-state>span{background:#eff5ef;color:#5e9a70;border-radius:12px;width:46px;height:46px;display:grid;place-items:center;margin:0 auto 12px}.empty-state strong{display:block;color:#405346;font-size:12px}.empty-state p{color:#a4aea5;font-size:10px;margin:6px 0 16px}.placeholder-card{background:#fff;border:1px solid #e9eee9;border-radius:13px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:56px;height:56px;border-radius:15px;background:#eaf4ec;color:#428560;display:grid;place-items:center}.placeholder-card h2{font:800 17px Plus Jakarta Sans,sans-serif;margin:17px 0 4px}.placeholder-card p{color:#93a096;font-size:11px;margin:0 0 20px}.toast{position:fixed;bottom:22px;right:22px;background:#214f39;color:#fff;padding:11px 15px;border-radius:9px;box-shadow:0 12px 30px #1c3b2c2c;display:flex;align-items:center;gap:8px;font-size:11px;z-index:50}.modal-backdrop{position:fixed;inset:0;background:#17271ec0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:16px;width:min(450px,100%);box-shadow:0 30px 80px #10221744}.modal-top{padding:23px 25px 18px;border-bottom:1px solid #edf1ed;display:flex;justify-content:space-between;align-items:start}.modal-eyebrow{font-size:9px;letter-spacing:1.1px;color:#72a281;font-weight:800}.modal-top h2{font:800 19px Plus Jakarta Sans,sans-serif;color:#273c2e;margin:7px 0 0}.modal-body{padding:21px 25px 25px}.modal-description{font-size:11.5px;color:#78877a;line-height:1.6;margin:0 0 21px}.modal-description strong{color:#344b39}.field-label{font-size:10.5px;font-weight:800;color:#435748;display:block;margin-bottom:14px}.field-label input{display:block;margin-top:7px;width:100%;height:42px;border:1px solid #dfe7df;border-radius:8px;padding:0 12px;outline:0;color:#2f4034;background:#fff;font-weight:500;font-size:11.5px}.field-label input:focus{border-color:#6dab7b;box-shadow:0 0 0 3px #ddefe1}.field-label input::placeholder{color:#adb9ae}.info-note{display:flex;align-items:flex-start;gap:9px;background:#f2f8f3;border-radius:8px;color:#5f8f6a;padding:11px 12px;font-size:10px;line-height:1.5;margin:5px 0 20px}.info-note svg{flex-shrink:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.detail-line{background:#f8faf8;border:1px solid #e8eee8;border-radius:8px;display:flex;justify-content:space-between;padding:12px;margin-bottom:13px;color:#94a196;font-size:11px}.detail-line strong{color:#425748}.warning-note{padding:11px 12px;background:#fff5ee;border-radius:8px;color:#ac7250;font-size:10px}.form-error{background:#fff0ef;border:1px solid #f5d2cf;border-radius:8px;padding:10px 12px;color:#bc5148;font-size:10.5px;margin:10px 0}.code-box{background:#f6f9f6;border:1px dashed #abc9af;border-radius:11px;padding:17px;margin-bottom:15px}.code-box>span{display:block;font-size:9px;font-weight:800;color:#7d9c84;letter-spacing:1px}.code-box strong{display:block;font:800 18px Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#2a5b3d;margin:9px 0;word-break:break-all}.code-box button{border:0;background:transparent;color:#2e7b4d;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;padding:0}.access-denied,.splash{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#2e6747;gap:10px}.access-denied h2{font:800 22px Plus Jakarta Sans,sans-serif;color:#243f2e;margin:5px 0 0}.access-denied p{font-size:13px;color:#849387;margin:0 0 12px}.splash span{font:800 24px Plus Jakarta Sans,sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-left{background:#1f563e;color:#fff;padding:34px 55px;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-brand{display:flex;align-items:center;gap:11px}.auth-brand .brand-mark{background:#ffffff25}.auth-brand strong{color:#fff}.auth-art{height:310px;display:grid;place-items:center;position:relative;margin:10px 0 15px}.auth-art-circle{width:250px;height:250px;border-radius:50%;background:#ffffff0b;border:1px solid #ffffff22;display:grid;place-items:center;color:#c4e6ce;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.auth-art-chip{position:absolute;background:#ffffffeb;color:#2e6847;border-radius:10px;padding:10px 12px;display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800;box-shadow:0 8px 25px #0b2f2033}.auth-art-chip.first{left:5%;top:27%}.auth-art-chip.second{right:5%;bottom:20%}.auth-copy{margin-top:auto;z-index:1}.auth-copy>span{color:#a8d2b8;font-size:9px;letter-spacing:1.9px;font-weight:800}.auth-copy h1{font:800 clamp(30px,3.4vw,48px)/1.16 "Plus Jakarta Sans",sans-serif;letter-spacing:-2px;margin:14px 0 13px}.auth-copy h1 em{font-style:normal;color:#bce4bd}.auth-copy p{color:#c6dfcf;font-size:12px;line-height:1.7;max-width:390px}.auth-footer{margin-top:42px;color:#9bc5a8;font-size:10px}.auth-right{display:grid;place-items:center;padding:35px}.auth-form-wrap{width:min(365px,100%)}.auth-topline{display:flex;justify-content:flex-end;margin-bottom:35px}.secure-pill{border:1px solid #e1eee4;background:#f6faf6;color:#62916e;border-radius:50px;padding:7px 11px;font-size:10px;font-weight:700;display:flex;gap:5px;align-items:center}.auth-form-icon{width:48px;height:48px;border-radius:13px;background:#e7f2e9;color:#337351;display:grid;place-items:center;margin-bottom:18px}.auth-heading h2{font:800 26px Plus Jakarta Sans,sans-serif;letter-spacing:-.9px;color:#203d2d;margin:0}.auth-heading p{font-size:11.5px;color:#93a096;line-height:1.6;margin:10px 0 28px}.auth-submit{height:43px;margin-top:5px}.auth-switch{text-align:center;font-size:10.5px;color:#8d9b8f;margin-top:23px}.auth-switch button{border:0;background:transparent;color:#2f7650;font-weight:800;padding:0 2px}.auth-help{border-top:1px solid #edf1ec;margin-top:39px;padding-top:20px;color:#9aa79b;font-size:10px;display:flex;align-items:center;gap:8px}.auth-success{display:flex;align-items:center;gap:8px;background:#eaf6ed;color:#39845b;border-radius:8px;padding:10px;font-size:10px;margin-top:17px}@media(max-width:1100px){.sidebar{width:210px;min-width:210px}.stats-grid{grid-template-columns:repeat(2,1fr)}.intro-illustration{display:none}.content{padding:29px 25px}.topbar{padding:0 25px}}@media(max-width:760px){.sidebar{width:64px;min-width:64px;padding:17px 8px}.brand{padding:0 5px}.brand div,.workspace,.nav-label,.nav-item span,.nav-item b,.support-card,.profile div,.profile svg{display:none}.nav-item{justify-content:center;padding:0}.profile{justify-content:center}.content{padding:24px 16px}.topbar{height:58px;padding:0 16px}.today{display:none}.page-head{align-items:start;gap:12px}.page-head h1{font-size:24px}.page-head p{max-width:320px;line-height:1.5}.add-button{font-size:0;width:38px;min-width:38px;padding:0}.add-button svg{width:19px}.intro-banner{padding:18px}.banner-button{display:none}.auth-shell{grid-template-columns:1fr}.auth-left{display:none}.auth-right{min-height:100vh}.auth-topline{margin-bottom:48px}}@media(max-width:500px){.stats-grid{gap:9px}.stat-card{padding:13px;min-height:120px}.table-head,.table-tools{padding-left:15px;padding-right:15px}.filter-group{width:36px;justify-content:center;padding:0}.filter-group select{width:0;opacity:0}.table-tools{gap:7px}.content{padding:22px 12px}.page-head{padding:0 3px}}.customer-shell{min-height:100vh;background:#f7f9f6}.customer-top{height:76px;background:#fff;border-bottom:1px solid #e5ebe5;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2))}.customer-top>div:last-child{display:flex;align-items:center;gap:18px;color:#718274;font-size:12px}.customer-content{max-width:1120px;margin:auto;padding:54px 24px}.customer-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:7px 0 27px}.customer-heading h1{font:800 29px Plus Jakarta Sans,sans-serif;letter-spacing:-1px;margin:0 0 8px;color:#24412e}.customer-heading p{font-size:12px;color:#8d9d90;margin:0}.customer-empty{min-height:300px;border:1px dashed #d6e4d8;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#87978a;font-size:12px}.customer-empty>span{width:58px;height:58px;border-radius:16px;background:#e9f4eb;color:#438d5f;display:grid;place-items:center}.customer-empty h2{font:800 17px Plus Jakarta Sans,sans-serif;color:#2c4834;margin:16px 0 5px}.customer-empty p{margin:0 0 19px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.pet-card{font:inherit;text-align:left;color:inherit;padding:0;cursor:pointer;background:#fff;border:1.5px solid #e2ebe3;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #24412e0d;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.pet-card:hover{transform:translateY(-3px);border-color:#92caa0;box-shadow:0 10px 24px #24412e1a}.pet-card:focus-visible{outline:3px solid #79b98e;outline-offset:3px}.pet-card-art{width:100%;aspect-ratio:1/1;height:auto;max-height:220px;background:linear-gradient(135deg,#eaf4e8,#dcefe4);color:#7fac88;display:grid;place-items:center;overflow:hidden;position:relative}.pet-card-art img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .3s ease}.pet-card:hover .pet-card-art img{transform:scale(1.06)}.pet-card-badge-top{position:absolute;top:7px;left:7px;display:flex;gap:4px;z-index:2}.pet-card-badge-top span{font-size:8.5px;font-weight:800;padding:2px 6px;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-flex;align-items:center;gap:3px}.pet-card-badge-top .badge-male{background:#1e40afd1;color:#bfdbfe}.pet-card-badge-top .badge-female{background:#be185dd1;color:#fbcfe8}.pet-card-badge-top .badge-puppy{background:#10b981d9;color:#ecfdf5}.pet-card-body{padding:9px 11px 11px;display:flex;flex-direction:column;gap:3px;flex:1}.pet-card-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.pet-kind{color:#7fac86;font-size:9px;letter-spacing:1px;font-weight:800;display:inline-flex;align-items:center;gap:3px}.pet-card h2,.pet-card h3{font:800 14px Plus Jakarta Sans,sans-serif;color:#1e3a26;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-card p{color:#7d8f80;font-size:10px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-summary{display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid #edf2ed;padding-top:6px;font-size:9.5px;color:#5c7462}.pet-summary span{display:inline-flex;align-items:center;gap:3px;font-weight:700}.pet-summary .vaccine-summary.alert{color:#e11d48}.field-select{display:block;width:100%;height:42px;border:1px solid #dfe7df;border-radius:8px;padding:0 12px;margin-top:7px;background:#fff;color:#2f4034;font-size:11.5px}@media(max-width:760px){.customer-top{padding:0 16px}.customer-content{padding:33px 16px}.customer-heading{align-items:start;flex-direction:column}.customer-heading h1{font-size:23px}.customer-top>div:last-child span{display:none}}@media(max-width:640px){.pet-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.pet-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.pet-meta strong{font-size:10px;color:#3d8558}.pet-detail-page{max-width:1120px;margin:0 auto;padding:34px 24px 70px}.detail-back{border:0;background:transparent;color:#58715f;font:700 12px Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:14px;cursor:pointer}.detail-back:hover{color:#2e754d}.detail-back:focus-visible,.panel-action:focus-visible{outline:3px solid #8fc8a1;outline-offset:3px}.pet-hero{min-height:270px;border-radius:24px;background:linear-gradient(120deg,#eaf5eb,#f6faf4 58%,#fff8ed);border:1px solid #dce9dc;display:grid;grid-template-columns:270px 1fr;gap:40px;align-items:center;padding:24px 52px 24px 24px;overflow:hidden;position:relative}.pet-hero:after{content:"";position:absolute;width:240px;height:240px;border:45px solid #dceee040;border-radius:50%;right:-80px;top:-95px}.pet-hero-photo{height:222px;border-radius:19px;overflow:hidden;background:#dcecdf;display:grid;place-items:center;color:#75a783;box-shadow:0 14px 35px #365b401d}.pet-hero-copy{position:relative;z-index:1}.pet-hero-copy h1{font:800 43px Plus Jakarta Sans,sans-serif;letter-spacing:-1.8px;color:#26452f;margin:8px 0 5px}.pet-hero-copy>p{font-size:14px;color:#718576;margin:0 0 25px}.pet-chips{display:flex;gap:9px;flex-wrap:wrap}.pet-chips span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce8dc;color:#58715f;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.pet-chips .verified{color:#2e7950;background:#ecf7ef}.detail-loading{margin-top:18px;border:1px solid #e1eae1;background:#fff;border-radius:16px;padding:40px;text-align:center;color:#728375}.health-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0}.health-stats article{background:#fff;border:1px solid #e2eae2;border-radius:16px;padding:19px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 18px #29443107}.metric-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.green{color:#39805a;background:#e9f5ed}.metric-icon.blue{color:#4277a9;background:#edf5fb}.metric-icon.amber{color:#a66c24;background:#fff4e3}.health-stats small{font-size:8px;letter-spacing:.8px;color:#95a296;font-weight:800}.health-stats strong{display:block;color:#2d4734;font:800 17px Plus Jakarta Sans,sans-serif;margin:3px 0}.health-stats p{font-size:9.5px;color:#96a197;margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr);gap:17px}.detail-panel{background:#fff;border:1px solid #e2eae2;border-radius:17px;padding:21px;box-shadow:0 6px 22px #29443107}.vaccine-panel{grid-column:1/-1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #edf1ed}.panel-title>div{display:flex;align-items:center;gap:11px}.panel-title>div>span{width:36px;height:36px;border-radius:11px;background:#edf6ef;color:#3c8359;display:grid;place-items:center}.panel-title h2{font:800 14px Plus Jakarta Sans,sans-serif;color:#2d4935;margin:0}.panel-title p{font-size:9.5px;color:#97a398;margin:3px 0 0}.panel-action{border:1px solid #dce8de;background:#f9fcf9;color:#397b53;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:800;cursor:pointer}.panel-action:hover{background:#edf7ef}.single-weight{min-height:190px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:2px 13px;padding:18px}.single-weight>span{grid-row:1/3;width:51px;height:51px;border-radius:15px;background:#eaf5ed;color:#3c845a;display:grid;place-items:center}.single-weight strong{font:800 28px Plus Jakarta Sans,sans-serif;color:#2e4a36}.single-weight p{font-size:10px;color:#869588;margin:3px 0}.single-weight small{grid-column:1/-1;margin-top:25px;border-radius:9px;background:#f6f8f5;color:#849187;padding:10px 12px;font-size:9.5px}.weight-chart{padding:18px 8px 0}.weight-chart svg{width:100%;height:210px}.chart-table{display:flex;gap:8px;overflow:auto;padding:8px 0}.chart-table span{min-width:105px;background:#f6f9f6;border-radius:9px;padding:8px;color:#879589;font-size:9px}.chart-table b{display:block;color:#345940;font-size:12px;margin-bottom:2px}.device-card{display:grid;grid-template-columns:72px 1fr;gap:15px;padding:22px 4px 3px}.device-orbit{width:69px;height:69px;border-radius:50%;display:grid;place-items:center;color:#3c865a;background:#edf7ef;box-shadow:0 0 0 8px #f6faf6}.device-card>div:last-child{font-size:8px;letter-spacing:.7px;color:#3e8a5c;font-weight:800}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#41a366;margin-right:4px}.device-card h3{font:800 18px Plus Jakarta Sans,sans-serif;color:#2d4834;margin:7px 0 2px}.device-card p{font-size:10px;color:#8a978c;margin:0 0 15px}.device-card dl{margin:0}.device-card dl div{border-top:1px solid #edf1ed;padding:9px 0}.device-card dt{font-size:8px;color:#a1aba2;margin-bottom:3px}.device-card dd{font-size:10px;color:#536857;margin:0;font-weight:700;word-break:break-all}.vaccine-list{display:grid;gap:10px;padding-top:15px}.vaccine-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e7ede7;border-radius:11px;padding:13px;color:#43825b}.vaccine-list strong{font-size:11px;color:#344e3a}.vaccine-list p{font-size:9px;color:#8c998e;margin:3px 0 0}.vaccine-list article>span{font-size:9px;color:#657867;background:#f3f7f3;border-radius:999px;padding:6px 8px}.mini-empty{min-height:145px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;color:#7a8f7e}.mini-empty>span{width:45px;height:45px;border-radius:13px;background:#f0f6f1;color:#4e8d64;display:grid;place-items:center;flex:0 0 auto}.mini-empty strong{font-size:11px;color:#49604f}.mini-empty p{max-width:330px;font-size:9.5px;line-height:1.5;margin:4px 0 0;color:#93a095}@media(max-width:800px){.pet-detail-page{padding:24px 16px 55px}.pet-hero{grid-template-columns:140px 1fr;gap:20px;padding:18px}.pet-hero-photo{width:140px;height:auto;aspect-ratio:1/1}.pet-hero-copy h1{font-size:32px}.health-stats,.detail-grid{grid-template-columns:1fr}.vaccine-panel{grid-column:auto}.customer-top .button{padding:9px}.customer-top .button svg{margin:0}.customer-top .button{font-size:0}}@media(max-width:520px){.pet-hero{grid-template-columns:1fr}.pet-hero-photo{width:min(180px,100%);height:auto;aspect-ratio:1/1;margin:0 auto}.pet-hero-copy{padding:2px 4px 8px;text-align:center}.pet-chips{justify-content:center}.pet-chips span{font-size:10px}.panel-title{align-items:flex-start}.panel-action{font-size:0;padding:9px}.health-stats article{padding:15px}}@media(prefers-reduced-motion:reduce){.pet-card{transition:none}.pet-card:hover{transform:none}}.vaccine-date-group{display:grid;gap:8px}.vaccine-date-group h3{margin:10px 2px 0;color:#345840;font:800 12px Plus Jakarta Sans,sans-serif}.vaccine-date-group h3 small{color:#8b9b8f;font:600 10px DM Sans,sans-serif}.vaccine-list article.reminder-off{border-color:#f0d9b7;background:#fffaf2;color:#b56e25}.vaccine-list article.reminder-off strong,.vaccine-list article.reminder-off p{color:#a86125}.vaccine-list article.reminder-on{border-left:3px solid #4d9765}.reminder-toggle{display:flex;align-items:center;gap:6px;color:#4a7958;font-size:10px;font-weight:800;white-space:nowrap}.reminder-toggle input,.check-field input{accent-color:#31744e;width:16px;height:16px}.check-field{display:flex;align-items:center;gap:7px;color:#4c6d55;font-size:12px;font-weight:700;padding:9px 0}.vaccine-panel>.form-error{margin-top:12px}.vaccine-list article.reminder-overdue{border-color:#efc7c2;background:#fff3f1;color:#b44237}.vaccine-list article.reminder-overdue strong,.vaccine-list article.reminder-overdue p{color:#a53d35}.vaccine-list article.reminder-overdue .reminder-toggle{color:#a53d35}.load-error{display:flex;align-items:center;gap:12px;border:1px solid #efc6c1;background:#fff2f0;color:#8b3129;border-radius:11px;padding:12px 14px;margin-bottom:18px;font-size:11px}.load-error strong{font-size:12px}.load-error span{flex:1}.load-error button{border:1px solid #dca9a3;background:#fff;color:#8b3129;border-radius:7px;padding:7px 10px;font-weight:700;cursor:pointer}.admin-lock{display:inline-flex;align-items:center;gap:5px;color:#4e775a;background:#edf5ef;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.coming-soon{color:#7d8d80;background:#f3f6f3;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;white-space:nowrap}.health-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.health-stats article{min-width:0}.panel-action{min-height:44px;padding:8px 12px;font-size:11px;justify-content:center;white-space:nowrap}.measure-tabs{display:flex;gap:8px;padding-top:17px}.measure-tabs button{border:1px solid #dfebe1;background:#fff;color:#56745f;border-radius:9px;min-height:44px;padding:0 13px;font-size:11px;font-weight:800}.measure-tabs button.selected{background:#eaf5ed;color:#286f46;border-color:#bdddc5}.measure-tabs button:focus-visible,.panel-action:focus-visible{outline:3px solid #8dba98;outline-offset:2px}.chart-table em{display:block;color:#6c7e70;font-size:9px;font-style:normal;margin-top:4px;white-space:normal}@media(max-width:1000px){.health-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.health-stats{grid-template-columns:1fr}.panel-action{font-size:11px;padding:9px}}.plan-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#f0f7f1;border:1px solid #cee4d3;border-radius:14px;padding:16px 18px;margin:0 0 22px;color:#284d34}.plan-banner strong{font:800 14px Plus Jakarta Sans,sans-serif}.plan-banner p{font-size:12px;line-height:1.5;margin:5px 0 0}.plan-banner.grace_read_only,.plan-banner.scheduled,.plan-banner.unconfigured{background:#fff8ec;border-color:#ecdcb7;color:#6d5426}.plan-banner.trash,.plan-banner.inactive{background:#fff1ef;border-color:#edcfcb;color:#84443a}.plan-banner .subtle-button{flex-shrink:0;min-height:40px}@media(max-width:520px){.plan-banner{align-items:flex-start;flex-direction:column}.plan-banner .subtle-button{width:100%}}.plan-cell strong,.plan-cell small{display:block;white-space:nowrap}.plan-cell strong{font-size:11px;color:#305c3d}.plan-cell small{font-size:10px;color:#829183;margin-top:3px}.pet-sex-control{display:flex;align-items:center;gap:10px;margin:-9px 0 20px;color:#496754;font-size:12px;font-weight:700}.pet-sex-control .field-select{width:145px;margin:0}.pet-sex-control span{color:#a34a3a;font-weight:600}.breeding-panel{margin-top:18px}.breeding-empty{font-size:12px;color:#788879;line-height:1.6;margin:18px 0}.breeding-list{display:grid;gap:12px;margin-top:17px}.breeding-card{border:1px solid #e0eae1;border-radius:12px;background:#fbfdfb;padding:15px}.breeding-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.breeding-card-head strong,.litter-summary strong{display:block;color:#2e4b35;font-size:12px}.breeding-card-head p{font-size:11px;color:#748879;margin:5px 0 0}.breeding-card-head .due-date{display:flex;align-items:center;gap:5px;color:#477c5a;font-weight:700}.litter-summary .due-match,.litter-summary .due-mismatch{font-weight:700}.litter-summary .due-match{color:#3b7852}.litter-summary .due-mismatch{color:#a46b24}.breeding-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:wrap}.breeding-actions button{display:flex;align-items:center;gap:5px;min-height:40px;border:1px solid #dbe8df;background:#fff;color:#3b7852;border-radius:8px;padding:0 10px;font-size:11px;font-weight:700}.litter-summary{border-top:1px solid #e6eee7;margin-top:13px;padding-top:13px}.litter-summary span,.litter-summary small{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:#506b56}.litter-summary small{font-size:10px;color:#849387}.newborn-roster{display:grid;gap:7px;margin-top:12px}.newborn-roster>div{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #e7eee8;border-radius:8px;background:#fff;padding:6px 9px}.newborn-roster span{margin:0}.newborn-roster button{min-height:36px;white-space:nowrap}.newborn-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.breeding-add{margin-top:16px;min-height:44px}@media(max-width:520px){.breeding-card-head{flex-direction:column}.newborn-roster>div{align-items:flex-start;flex-direction:column}.newborn-actions{width:100%;justify-content:flex-start}.newborn-roster button{width:auto}}.sire-card-box{display:flex;align-items:center;gap:12px;background:#f9fcf9;border:1px solid #dce8df;border-radius:12px;padding:10px 12px;margin-top:10px}.sire-card-avatar{width:64px;height:64px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#e5f0e8;display:grid;place-items:center;flex-shrink:0;color:#31774d;font-weight:800;font-size:16px}.sire-card-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.sire-card-info{flex:1;min-width:0}.sire-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.sire-card-head strong{font-size:12.5px;color:#1c3d28}.vka-mini-badge{display:inline-flex;align-items:center;gap:3px;background:#fef7e8;border:1px solid #f6deb3;color:#9b650c;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:800}.sire-traits-text{font-size:10.5px;color:#607868;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sire-owner-line{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9.5px;color:#7e9284}.form-hint{margin:-4px 0 2px;color:#6d8073;font-size:12px;line-height:1.5}.pet-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pet-title-row h1{margin-right:auto}.edit-pet-button{padding:9px 12px;font-size:11px}.edit-pet-button:disabled{opacity:.55;cursor:not-allowed}.photo-actions{display:flex;gap:7px;flex-wrap:wrap}.photo-actions label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin-top:18px}.photo-item{min-width:0}.photo-item>div{height:125px;border-radius:10px;overflow:hidden;background:#edf5ee;position:relative;display:grid;place-items:center;color:#7ca487}.photo-item button{position:absolute;right:7px;top:7px;width:27px;height:27px;border:0;border-radius:7px;background:#fffd;color:#a14b48;display:grid;place-items:center}.pet-hero{grid-template-columns:222px minmax(0,1fr)}.pet-hero-photo{width:100%;height:auto;aspect-ratio:1/1}.detail-grid,.detail-panel,.weight-panel,.weight-chart,.chart-canvas{min-width:0}.weight-panel{overflow:hidden}.weight-chart{padding:18px 0 0}.chart-canvas{width:100%;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#fbfdfb,#fff)}.weight-chart svg{display:block;width:100%;height:auto;aspect-ratio:720/310;min-height:235px;overflow:visible}.chart-grid-line{stroke:#e7eee8;stroke-width:1}.chart-axis-line{stroke:#a9b9ad;stroke-width:1.5}.chart-axis-tick{stroke:#819487;stroke-width:1.5}.chart-tick-label{fill:#708176;font:600 12px DM Sans,sans-serif}.chart-y-tick{text-anchor:end}.chart-x-tick{text-anchor:middle}.chart-axis-title{fill:#405e4b;font:700 12px DM Sans,sans-serif;text-anchor:middle}.chart-table{scrollbar-width:thin;overscroll-behavior-inline:contain}.chart-table span{flex:0 0 112px}.crop-modal{width:min(480px,100%);max-height:calc(100vh - 24px);overflow:auto}.avatar-cropper{padding:18px 24px 24px}.crop-help{margin:0 0 14px;color:#6f8074;font-size:12px;line-height:1.55}.crop-stage{width:280px;height:280px;max-width:100%;margin:0 auto;position:relative;overflow:hidden;border-radius:18px;background:#dcecdf;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #cedbce}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-frame{position:absolute;inset:0;border:2px solid #fff;border-radius:18px;box-shadow:inset 0 0 0 999px #173b2730;pointer-events:none}.crop-frame:after,.crop-frame:before{content:"";position:absolute;inset:33.33% 0;border-top:1px solid #ffffff88;border-bottom:1px solid #ffffff88}.crop-frame:before{inset:0 33.33%;border:0;border-left:1px solid #ffffff88;border-right:1px solid #ffffff88}.crop-zoom{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:17px;color:#526a59;font-size:11px;font-weight:700}.crop-zoom input{width:100%;accent-color:#377e56}.crop-zoom output{min-width:37px;text-align:right;color:#718176;font-variant-numeric:tabular-nums}.crop-nudges{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px}.crop-nudges>span{font-size:10px;color:#7d8d81;margin-right:3px}.crop-nudges button{width:44px;height:44px;border:1px solid #dbe6dc;border-radius:10px;background:#f8fbf8;color:#397b53;display:grid;place-items:center}.crop-nudges button:hover{background:#edf7ef}.crop-nudges button:focus-visible,.crop-zoom input:focus-visible{outline:3px solid #8fc8a1;outline-offset:2px}.crop-actions{margin-top:18px}@media(max-width:800px){.pet-hero{grid-template-columns:120px minmax(0,1fr)}.pet-hero-photo{height:auto}.weight-chart svg{min-height:220px}.chart-tick-label{font-size:20px}.chart-axis-title{font-size:18px}}@media(max-width:640px){.photo-panel .panel-title{align-items:flex-start;flex-direction:column}.photo-actions{width:100%}.photo-actions label{justify-content:center;min-height:44px;flex:1}.chart-table span{flex-basis:105px}}@media(max-width:520px){.pet-hero{grid-template-columns:1fr}.pet-hero-photo{height:auto;max-width:220px;justify-self:center}.weight-chart{margin-inline:-8px}.weight-chart svg{min-height:190px}.avatar-cropper{padding:14px 8px 18px}.crop-modal .modal-top{padding-inline:16px}.crop-nudges>span{display:none}.crop-actions{display:grid;grid-template-columns:1fr}.crop-actions .button{width:100%}}@media(max-width:340px){.modal-backdrop:has(.crop-modal){padding:8px}}.pet-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 14px;color:#718275;font-size:9.5px}.pet-summary span{display:flex;align-items:center;gap:5px;min-width:0}.pet-summary svg{color:#4c8b61;flex:0 0 auto}.pet-summary .vaccine-summary{grid-column:1/-1}.pet-summary .vaccine-summary.alert,.pet-summary .vaccine-summary.alert svg{color:#b33f37}.photo-item{min-width:0;position:relative}.photo-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.photo-open>div{height:125px;border-radius:10px;overflow:hidden;background:#edf5ee;position:relative;display:grid;place-items:center;color:#7ca487}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-open:hover img{filter:brightness(.86)}.photo-zoom-hint{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:6px;background:#173d2ccc;color:#fff;font-size:9px;opacity:0;transition:opacity .15s}.photo-open:hover .photo-zoom-hint,.photo-open:focus-visible .photo-zoom-hint{opacity:1}.photo-delete{position:absolute;right:7px;top:7px;width:27px;height:27px;border:0;border-radius:7px;background:#fffd;color:#a14b48;display:grid;place-items:center}.photo-item small{display:block;color:#819084;font-size:9px;margin-top:6px}.avatar-photo>div{box-shadow:0 0 0 2px #4f9667}.avatar-photo small{color:#39825b;font-weight:800}.photo-lightbox{position:fixed;inset:0;z-index:50;background:#14231ed9;display:grid;place-items:center;padding:28px}.photo-lightbox figure{margin:0;max-width:min(92vw,960px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}.photo-lightbox img{display:block;max-width:92vw;max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0008}.photo-lightbox figcaption{color:#fff;font-size:12px;text-align:center}.photo-lightbox-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#ffffff1c;color:#fff;display:grid;place-items:center}.pet-hero{background:linear-gradient(135deg,#123f31,#1e6249);color:#fff;border:0;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);align-items:stretch;box-shadow:0 14px 32px #123f3133}.pet-hero-profile{display:flex;align-items:center;gap:18px}.pet-hero-profile h1{color:#fff;margin:7px 0 4px}.pet-hero-profile p{color:#c5e0cf;margin:0;font-size:12px}.pet-hero-photo{width:94px;height:94px;border-radius:18px;background:#d6eddd;color:#397a55;overflow:hidden;display:grid;place-items:center;flex:0 0 auto}.pet-hero-photo img{width:100%;height:100%;object-fit:cover}.pet-hero .pet-kind{color:#9fd1ac}.pet-hero-copy{display:flex;flex-direction:column;justify-content:center;gap:10px}.pet-hero .pet-title-row{align-items:start}.pet-hero .pet-chips{gap:7px}.pet-hero .pet-chips>span,.hero-sex{background:#ffffff16;border:1px solid #ffffff32;color:#effbf1}.hero-sex{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:700}.hero-sex select{border:0;background:transparent;color:#effbf1;font-weight:700;outline:0}.hero-sex option{color:#234331}.hero-verified{color:#bfe1c7;font-size:10px;display:flex;align-items:center;gap:6px}.hero-error{color:#ffd3cf;font-size:10px}.pet-hero .edit-pet-button{background:#fff;color:#214b37;border-color:#fff}.hero-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:3px}.hero-measures>div{border:1px solid #ffffff2d;border-radius:11px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.hero-measures svg{grid-row:span 3;color:#a8d7b3}.hero-measures small{font-size:8px;color:#b6ddbe;letter-spacing:.7px;font-weight:800}.hero-measures strong{font:800 19px Plus Jakarta Sans,sans-serif;color:#fff}.hero-measures em{font-size:9px;color:#b7d8bf;font-style:normal}.pet-sex-control{display:none}.vaccine-proof-actions{grid-column:2/-1;display:flex;gap:7px;align-items:center}.proof-upload,.proof-view{border:1px solid #d7e7d9;background:#f8fcf8;color:#3e8055;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.proof-view{background:#fff}.reminder-overdue .proof-upload,.reminder-overdue .proof-view{border-color:#efc7c2;color:#a53d35}@media(max-width:800px){.pet-hero{grid-template-columns:1fr;gap:16px}.pet-hero-profile{align-items:flex-start}.hero-measures{grid-template-columns:1fr 1fr}.vaccine-proof-actions{grid-column:2/-1}}.photo-item .photo-open{position:relative;inset:auto;width:100%;height:auto;display:block}.photo-item .photo-open>div{width:100%;height:125px}.photo-item .photo-delete{position:absolute;right:7px;top:7px;width:27px;height:27px}.vaccine-panel-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.customer-heading-left{display:flex;align-items:center;gap:12px}.count-pill{font-size:11px;font-weight:700;color:#35714e;background:#e7f3ea;border-radius:999px;padding:4px 11px}.pet-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.puppy-badge{font-size:8.5px;font-weight:800;color:#2c744c;background:#edf7f0;border-radius:50px;padding:2px 7px}.puppy-chip{background:#fff2!important;color:#fff!important;border-color:#ffffff38!important;display:inline-flex;align-items:center;gap:4px}.plan-bar{background:#fff;border:1px solid #e5ede6;border-radius:12px;padding:11px 18px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 7px #23412d06}.plan-bar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.plan-tag{font:800 12px Plus Jakarta Sans,sans-serif;color:#244b36;display:flex;align-items:center;gap:5px}.plan-usage{font-size:11px;color:#6d7f71}.plan-usage b{color:#234430;font-weight:800}.plan-track{width:110px;height:6px;background:#e5eee7;border-radius:999px;overflow:hidden}.plan-fill{height:100%;background:#388a59;border-radius:999px;transition:width .3s ease}.plan-alert{font-size:10.5px;font-weight:700;border-radius:6px;padding:4px 9px}.plan-alert.warning{background:#fff4e2;color:#b26d1d}.plan-alert.danger{background:#fff0ed;color:#b23c31}.breeding-header-actions{display:flex;align-items:center;gap:8px}.panel-action.primary{background:#235845;color:#fff;border-color:#235845}.panel-action.primary:hover{background:#1c4737}.breeding-empty-state{padding:35px 20px;text-align:center;color:#6f8273}.empty-icon{width:52px;height:52px;border-radius:16px;background:#eaf4ed;color:#3c8259;display:grid;place-items:center;margin:0 auto 14px}.breeding-empty-state h3{font:800 16px Plus Jakarta Sans,sans-serif;color:#24442f;margin:0 0 6px}.breeding-empty-state p{font-size:11.5px;color:#859688;margin:0 0 16px}.breeding-loading{padding:28px;text-align:center;color:#7e8f82;font-size:12px}.breeding-card{background:#fbfdfb;border:1px solid #e2eae3;border-radius:14px;padding:17px;margin-bottom:12px;transition:border-color .15s ease}.breeding-card:hover{border-color:#cfdfd1}.breeding-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.breeding-badge-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pill-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.pill-badge.green{background:#eaf5ee;color:#2a744a}.pill-badge.amber{background:#fff3e0;color:#ab6b1d}.pill-badge.gray{background:#f2f5f2;color:#687b6c}.pill-badge.muted{background:#f0f5f1;color:#5a6e60}.breeding-title{font:800 16px Plus Jakarta Sans,sans-serif;color:#254631;margin:8px 0 0}.breeding-note{font-size:11.5px;color:#677d6d;line-height:1.5;margin:9px 0 0}.gestation-tracker{margin-top:14px;background:#f3f8f4;border:1px solid #ddeadf;border-radius:11px;padding:11px 14px}.gestation-stats{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#356c4d}.gestation-stats span{display:flex;align-items:center;gap:6px;font-weight:700}.gestation-stats strong{color:#1e4c34;font-weight:800}.gestation-bar-bg{height:6px;background:#dbe9dc;border-radius:999px;overflow:hidden;margin-top:9px}.gestation-bar-fill{height:100%;background:linear-gradient(90deg,#439e65,#267445);border-radius:999px;transition:width .3s ease}.quick-pregnancy-actions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.pill-action{height:32px;padding:0 12px;border-radius:8px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:1px solid transparent}.pill-action.green{border-color:#cae4d1;background:#fff;color:#2b744b}.pill-action.green:hover{background:#ebf6ef}.pill-action.gray{border-color:#e0e7e1;background:#fff;color:#687d6e}.pill-action.gray:hover{background:#f4f6f4}.litter-box{margin-top:15px;background:#fff;border:1px solid #e2eae3;border-radius:12px;padding:15px 16px}.litter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.litter-kicker{font-size:8.5px;font-weight:800;letter-spacing:1px;color:#3e885c}.litter-header h4{margin:2px 0 0;font:800 15px Plus Jakarta Sans,sans-serif;color:#244430}.litter-match-tag{font-size:9.5px;font-weight:700;padding:3px 8px;border-radius:6px}.litter-match-tag.matched{background:#e7f5ec;color:#2a754b}.litter-match-tag.diverged{background:#fff3df;color:#aa6c20}.litter-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.metric-pill{background:#f8faf8;border:1px solid #e7ede8;border-radius:9px;padding:8px 10px;text-align:center}.metric-pill.highlight{background:#eef6f0;border-color:#cae3d0}.metric-pill small{display:block;font-size:9px;color:#778b7c;font-weight:700}.metric-pill strong{display:block;font:800 19px Plus Jakarta Sans,sans-serif;color:#234731;margin-top:2px}.puppy-roster{display:grid;gap:8px}.puppy-item{display:flex;align-items:center;justify-content:space-between;background:#f9fbf9;border:1px solid #e6ede7;border-radius:9px;padding:8px 12px}.puppy-info{display:flex;align-items:center;gap:10px}.puppy-index{width:26px;height:26px;border-radius:7px;background:#e3ede5;color:#306c47;font-size:10px;font-weight:800;display:grid;place-items:center}.puppy-info strong{font-size:12px;color:#24432f;display:block}.puppy-status-tag{font-size:9.5px;font-weight:700}.puppy-status-tag .tag-green{color:#2a754b}.puppy-status-tag .tag-blue{color:#306ea9}.puppy-status-tag .tag-gray{color:#76887a}.puppy-status-tag .tag-red{color:#a93e35}.puppy-actions{display:flex;align-items:center;gap:6px}.button-link{background:none;border:none;color:#297349;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:3px;cursor:pointer;padding:4px 6px}.button-link:hover{text-decoration:underline}.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.icon-only{padding:0!important;width:34px!important;min-width:34px!important;height:34px!important;display:grid!important;place-items:center!important}.pedigree-panel{background:#fff;border-radius:18px;border:1px solid #e3ebe4;padding:24px;box-shadow:0 6px 20px #1c3f290a;margin-top:20px}.pedigree-panel-actions{display:flex;align-items:center;gap:8px}.pedigree-empty{padding:40px 20px;text-align:center;background:#f9fbf9;border:1.5px dashed #d5e2d8;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.pedigree-empty svg{color:#528765}.pedigree-empty h3{font:700 16px Plus Jakarta Sans,sans-serif;color:#1e3d29;margin:0}.pedigree-empty p{font-size:12.5px;color:#6b8272;margin:0 0 10px;max-width:340px}.pedigree-tree-wrap{overflow-x:auto;padding-bottom:12px}.pedigree-chart{display:grid;grid-template-columns:220px 240px 240px;gap:20px;min-width:720px;align-items:stretch;position:relative}.pedigree-col{display:flex;flex-direction:column;justify-content:space-around;gap:14px}.gen-label{font-size:9.5px;font-weight:800;letter-spacing:1px;color:#46845c;text-transform:uppercase;margin-bottom:4px;display:block}.pedigree-card{background:#fdfefe;border:1px solid #e0eae2;border-radius:12px;padding:12px 14px;box-shadow:0 3px 10px #12301d08;transition:all .18s ease;display:flex;flex-direction:column;gap:4px;position:relative}.pedigree-card:hover{border-color:#b4d6bd;box-shadow:0 6px 16px #12301d12;transform:translateY(-1px)}.pedigree-card.self-card{background:linear-gradient(135deg,#f3f8f4,#e7f3ea);border-color:#b8dcbf;border-width:1.5px}.pedigree-card.sire-card{border-left:3.5px solid #2e7bb8;background:#f9fcfe}.pedigree-card.dam-card{border-left:3.5px solid #d94f70;background:#fefbfb}.pedigree-card-head{display:flex;align-items:center;gap:6px}.gender-mark{font-size:14px;font-weight:800;color:#285a3a}.pedigree-card strong{font:700 13.5px Plus Jakarta Sans,sans-serif;color:#1b3825;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedigree-card small{font-size:11px;color:#6f8677;display:block}.pedigree-card-role{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content;margin-bottom:2px}.pedigree-card-role.sire{background:#e5f1fb;color:#1c5e91}.pedigree-card-role.dam{background:#fcebf0;color:#b23150}.pedigree-card-role.mini{font-size:8.5px;padding:1.5px 5px}.vka-tag{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:5px;background:#eef5f0;color:#26633d;display:inline-flex;align-items:center;gap:3px;width:fit-content;margin-top:2px}.vka-tag.gold{background:#fef6e6;color:#9b650c;border:1px solid #f6deb4}.vka-tag-mini{font-size:8.5px;font-weight:700;color:#3d7251;background:#ebf3ed;padding:1px 5px;border-radius:4px;display:inline-block;width:fit-content;margin-top:2px}.pedigree-card-links{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px dashed #e3ece5}.inline-link{background:none;border:none;color:#246f41;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;gap:2px;cursor:pointer;padding:0}.inline-link:hover{text-decoration:underline;color:#18512e}.grand-branch{display:flex;flex-direction:column;gap:8px}.pedigree-card.mini-card{padding:8px 10px;font-size:11px}.pedigree-card.mini-card strong{font-size:11.5px}.pedigree-card.mini-card.sire-side{border-left:2.5px solid #6ba8d9}.pedigree-card.mini-card.dam-side{border-left:2.5px solid #e5889e}.pedigree-notes-box{margin-top:16px;padding:12px 14px;background:#fbfdfb;border:1px solid #e7ede8;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:11px;color:#5a7563}.pedigree-notes-box svg{color:#3f8b5a;flex-shrink:0}.sire-card-box{background:#f8fbf9;border:1px solid #dce8df;border-radius:14px;padding:14px 16px;margin:12px 0 16px;display:flex;gap:14px;align-items:flex-start}.sire-card-avatar{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e2eee6;display:grid;place-items:center;color:#2e6a45;font-weight:800;font-size:20px;border:1px solid #cce0d2}.sire-card-avatar img{width:100%;height:100%;object-fit:cover}.sire-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.sire-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sire-card-head strong{font:700 13.5px Plus Jakarta Sans,sans-serif;color:#1c3d28}.sire-traits-text{margin:0;font-size:12px;color:#5a7563;line-height:1.45}.sire-owner-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:11.5px;color:#496b53;flex-wrap:wrap}.view-vka-btn{background:#fef8eb;border:1px solid #f2dbaf;color:#9b650c;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.view-vka-btn:hover{background:#fdf2dc}.vka-mini-badge{font-size:10px;font-weight:700;background:#fef8ea;color:#9b650c;border:1px solid #f6dfb7;padding:2px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}.modal-body-scroll{max-height:75vh;overflow-y:auto;padding-right:6px}.form-section-title{display:flex;align-items:center;margin:16px 0 8px;padding-top:10px;border-top:1px dashed #e2ede4}.form-section-title span{font:800 10.5px Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#2f6f47;text-transform:uppercase}.autofill-banner{background:#edf6f0;border:1px solid #c9e5d1;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.autofill-banner p{margin:0;font-size:11.5px;color:#255c39}.autofill-banner button{background:#fff;border:1px solid #9dc7aa;color:#20643a;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.autofill-banner button:hover{background:#23693e;color:#fff}.landing-shell{min-height:100vh;background:#fcfefd;color:#183623;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.landing-nav{position:sticky;top:0;z-index:100;background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e7efe9;transition:all .2s ease}.landing-nav-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand{display:flex;align-items:center;gap:10px}.brand-gem{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#245d38,#163c23);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #21583640}.brand-text strong{font:800 18px Plus Jakarta Sans,sans-serif;color:#173b25;letter-spacing:-.3px;display:block}.brand-text small{font:800 8.5px Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#4f8462;display:block}.nav-menu{display:flex;align-items:center;gap:22px}.nav-menu button{background:none;border:none;color:#44614e;font-size:13.5px;font-weight:600;cursor:pointer;padding:6px 0;transition:color .18s ease;position:relative}.nav-menu button:hover{color:#1b5030}.nav-menu button:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#2d774a;border-radius:2px}.nav-actions{display:flex;align-items:center;gap:10px}.button-ghost{background:none;border:1px solid #d3e1d6;color:#285639;padding:8px 14px;border-radius:9px;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .18s ease}.button-ghost:hover{background:#f1f7f3;border-color:#b5cebc}.button-cta-glow{background:linear-gradient(135deg,#276e42,#18492b);color:#fff;border:none;padding:12px 24px;border-radius:11px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #225f3952;transition:all .22s cubic-bezier(.16,1,.3,1)}.button-cta-glow:hover{transform:translateY(-2px);box-shadow:0 10px 28px #225f396b;background:linear-gradient(135deg,#2d7d4c,#1d5533)}.button-cta-glow.small{padding:8px 16px;font-size:12.5px;border-radius:9px}.button-outline-light{background:#ffffffe6;border:1.5px solid #c8dcd0;color:#204f32;padding:11px 20px;border-radius:11px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .18s ease}.button-outline-light:hover{background:#edf6f0;border-color:#a1c5ad}.button-outline-light.small{padding:6px 12px;font-size:11.5px;border-radius:8px}.landing-hero-showcase{width:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#07160d,#0a1d12 60%,#09170e);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.hero-glow-ambient{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 20% 30%,rgba(45,117,73,.22),transparent 70%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(217,173,63,.14),transparent 70%);pointer-events:none}.hero-showcase-grid{max-width:1340px;margin:0 auto;padding:64px 32px 50px;display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;position:relative;z-index:2}.hero-copy-column{display:flex;flex-direction:column;gap:16px}.hero-pill-tag{display:inline-flex;align-items:center;gap:8px;background:#fef3c71a;border:1px solid rgba(245,158,11,.35);color:#fef08a;font:800 10.5px Plus Jakarta Sans,sans-serif;letter-spacing:.9px;padding:5px 14px;border-radius:100px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-headline-kinetic{margin:0;font:800 clamp(32px,3.8vw,48px)/1.15 "Plus Jakarta Sans",sans-serif;color:#f8fafc;letter-spacing:-1.2px}.static-headline-line{display:block;color:#f1f5f9;margin-bottom:6px}.kinetic-rotator-box{display:block;min-height:1.25em;position:relative;overflow:hidden}.kinetic-dynamic-word{display:inline-block;animation:wordSlideUp .48s cubic-bezier(.16,1,.3,1);white-space:nowrap;font-weight:900;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:4px}@keyframes wordSlideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.glow-gold{background-image:linear-gradient(135deg,#fffbeb,#fcd34d,#f59e0b 80%,#d97706)}.glow-emerald{background-image:linear-gradient(135deg,#ecfdf5,#6ee7b7,#10b981 80%,#047857)}.glow-blue{background-image:linear-gradient(135deg,#f0f9ff,#7dd3fc,#0ea5e9 80%,#0369a1)}.glow-purple{background-image:linear-gradient(135deg,#faf5ff,#d8b4fe,#a855f7 80%,#7e22ce)}.glow-amber{background-image:linear-gradient(135deg,#fff7ed,#fdba74,#f97316 80%,#c2410c)}.kinetic-sub-badge{display:inline-flex;align-items:center;gap:7px;font:700 11px Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#a7f3d0;text-transform:uppercase;background:#10b9811f;border:1px solid rgba(16,185,129,.28);padding:3px 10px;border-radius:6px;width:fit-content;transition:all .3s ease}.badge-bullet-pulse{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.hero-description-short{margin:2px 0 8px;font-size:14.5px;line-height:1.55;color:#cbd5e1;max-width:540px}.hero-description-short strong{color:#fef08a;font-weight:700}.hero-chips-bar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.hero-chip-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:700;color:#e2e8f0}.trust-chips-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.trust-chip{display:inline-flex;align-items:center;gap:5px;background:#edf5ee;border:1px solid #d4e7d7;color:#275739;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}@keyframes iconWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes iconHeartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes iconSpinGlow{0%{transform:rotate(0) scale(1)}50%{transform:rotate(20deg) scale(1.15);filter:drop-shadow(0 0 6px rgba(245,158,11,.6))}to{transform:rotate(0) scale(1)}}@keyframes iconPulseSlow{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}.icon-wiggle{animation:iconWiggle 2.8s ease-in-out infinite;transform-origin:bottom center}.icon-heartbeat{animation:iconHeartbeat 1.8s ease-in-out infinite}.icon-spin-glow{animation:iconSpinGlow 3.5s ease-in-out infinite}.icon-pulse-slow{animation:iconPulseSlow 2.4s ease-in-out infinite}.icon-pulse-glow{animation:iconPulseSlow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #f59e0b)}.text-rose{color:#f43f5e}.text-sky{color:#38bdf8}.text-purple{color:#c084fc}.hero-cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.button-hero-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#f8fafc;font:700 13px Plus Jakarta Sans,sans-serif;padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-hero-secondary:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-1px)}.hero-metrics-strip{display:flex;align-items:center;gap:16px;background:#0a1910bf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:11px 18px;width:fit-content;margin-top:10px}.metric-pill{display:flex;flex-direction:column}.metric-icon-num{display:flex;align-items:center;gap:6px}.metric-pill strong{font:800 16px Plus Jakarta Sans,sans-serif;color:#fef08a;line-height:1.1}.metric-pill span{font-size:9.5px;color:#94a3b8;font-weight:600;margin-top:2px}.metric-sep{width:1px;height:24px;background:#ffffff24}.hero-media-column{position:relative;display:flex;justify-content:center}.hero-photo-wrapper{position:relative;width:100%;max-width:620px;border-radius:24px;overflow:hidden;border:1.5px solid rgba(255,255,255,.16);box-shadow:0 24px 60px #0000008c,0 0 35px #f5c5421a;background:#09160e}.hero-stable-photo{display:block;width:100%;height:auto;aspect-ratio:16/9.5;object-fit:cover;filter:saturate(1.06) contrast(1.03);transition:transform .4s ease}.hero-photo-wrapper:hover .hero-stable-photo{transform:scale(1.02)}.photo-sunbeam-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(255,243,176,.2),transparent 65%),linear-gradient(180deg,transparent 60%,rgba(5,14,8,.75) 100%);pointer-events:none}.photo-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;background:#09160ee0;border:1.5px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:14px;color:#f8fafc;box-shadow:0 8px 24px #00000073;transition:all .25s ease}.photo-chip:hover{transform:translateY(-2px) scale(1.02);border-color:#f5c54299;box-shadow:0 12px 28px #0000008c,0 0 15px #f5c54233}.photo-chip strong{font:700 12.5px Plus Jakarta Sans,sans-serif;color:#fef08a;display:block}.photo-chip small{font-size:10px;color:#94a3b8;display:block}.chip-mother{top:18px;right:18px}.chip-puppies{bottom:20px;left:20px}.chip-sire{bottom:20px;right:20px}.hero-kinetic-marquee{width:100%;overflow:hidden;background:#06100ad9;border-top:1px solid rgba(255,255,255,.08);padding:12px 0;position:relative;z-index:3}.marquee-track{display:flex;gap:36px;white-space:nowrap;animation:marqueeScroll 32s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track span{font:700 11px/1 Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#94a3b8;display:inline-flex;align-items:center;gap:6px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){.hero-showcase-grid{grid-template-columns:1fr;gap:36px;padding:44px 24px 40px}.hero-copy-column{order:1}.hero-media-column{order:2}.hero-photo-wrapper{max-width:100%}}@media(max-width:640px){.hero-showcase-grid{padding:32px 18px 30px;gap:26px}.hero-headline-kinetic{font-size:27px;letter-spacing:-.6px}.hero-description{font-size:14px;line-height:1.55}.hero-cta-actions{flex-direction:column;width:100%;gap:10px}.hero-cta-actions button{width:100%;justify-content:center}.hero-metrics-strip{width:100%;justify-content:space-between;padding:12px 14px;gap:10px}.metric-pill strong{font-size:14.5px}.metric-pill span{font-size:8.5px}.photo-chip{padding:5px 8px;border-radius:9px}.photo-chip strong{font-size:10px}.photo-chip small{font-size:8px}.chip-sire{display:none}.marquee-track{gap:24px;animation-duration:24s}.marquee-track span{font-size:9.5px}}.landing-section{max-width:1200px;margin:0 auto;padding:60px 24px 70px}.section-head{max-width:680px;margin:0 auto 44px}.text-center{text-align:center}.section-eyebrow{font:800 10.5px Plus Jakarta Sans,sans-serif;letter-spacing:1.2px;color:#2e7749;text-transform:uppercase;display:block;margin-bottom:8px}.section-head h2{font:800 32px Plus Jakarta Sans,sans-serif;color:#143721;margin:0 0 12px;letter-spacing:-.6px}.section-head p{font-size:15px;line-height:1.6;color:#526f5d;margin:0}.tab-pill-switcher{display:inline-flex;padding:5px;background:#e9f2eb;border-radius:14px;gap:6px;margin-top:24px}.switcher-btn{background:none;border:none;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:700;color:#496b54;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .18s ease}.switcher-btn.active{background:#fff;color:#184527;box-shadow:0 3px 10px #0000000f}.solution-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solution-card{background:#fff;border:1px solid #dce9df;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 16px #12321d08;transition:all .2s ease;position:relative}.solution-card:hover{transform:translateY(-3px);border-color:#b4d7bf;box-shadow:0 12px 28px #12321d12}.solution-card.featured{border-color:#c8e4d0;background:linear-gradient(180deg,#fdfffd,#f7fbf8);box-shadow:0 8px 24px #205c3614}.featured-banner{position:absolute;top:-11px;left:24px;background:#9b650c;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 9px;border-radius:6px}.sol-icon-box{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:4px}.sol-icon-box.green{background:#e7f5ec;color:#247444}.sol-icon-box.gold{background:#fef7e7;color:#9b650c}.sol-icon-box.blue{background:#e7f2fc;color:#1c5e93}.sol-icon-box.emerald{background:#e4f6eb;color:#1b6f3e}.sol-icon-box.purple{background:#f3eafa;color:#6b2ca8}.solution-card h3{margin:0;font:800 17px Plus Jakarta Sans,sans-serif;color:#173b24}.solution-card p{margin:0;font-size:13px;line-height:1.55;color:#55705e}.sol-checklist{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:7px}.sol-checklist li{font-size:12px;color:#2f543c;font-weight:600;display:flex;align-items:center;gap:8px}.sol-checklist li svg{color:#2a7e4b;flex-shrink:0}.pedigree-preview-section{padding-top:20px}.interactive-tree-showcase{padding:32px;display:flex;flex-direction:column;gap:20px}.chart-preview-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ede7;padding-bottom:16px;flex-wrap:wrap;gap:12px}.chart-preview-header h3{margin:4px 0 0;font:800 19px Plus Jakarta Sans,sans-serif;color:#153922}.demo-pedigree-grid{display:grid;grid-template-columns:1fr 1.15fr 1.25fr;gap:20px}.demo-col{display:flex;flex-direction:column;gap:12px}.col-gen-tag{font-size:9.5px;font-weight:800;letter-spacing:1px;color:#45825b}.demo-card{background:#fff;border:1px solid #dce7df;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;box-shadow:0 3px 10px #00000005}.demo-card.f1-card{background:#f3f9f5;border-left:4px solid #2f7e4f}.demo-card.sire-card{border-left:3.5px solid #2976b3;background:#f9fcfe}.demo-card.dam-card{border-left:3.5px solid #d1496a;background:#fefbfa}.demo-card-head{display:flex;align-items:center;gap:6px}.sex-mark{font-weight:800;font-size:14px}.sex-mark.female{color:#cb3c60}.demo-card strong{font:700 13px Plus Jakarta Sans,sans-serif;color:#173b24}.demo-card small{font-size:11px;color:#6e8576}.vka-tag-gold{font-size:9.5px;font-weight:700;background:#fef7e8;color:#98640c;border:1px solid #f5ddb1;padding:1.5px 6px;border-radius:4px;width:fit-content;margin-top:2px}.role-tag{font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:4px;width:fit-content;margin-bottom:2px}.role-tag.male{background:#e4f1fc;color:#1b588a}.role-tag.female{background:#fcecf0;color:#ad2847}.demo-grand-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-card.mini-card{padding:8px 10px;font-size:11px}.mini-role{font-size:8.5px;font-weight:700;color:#5a7b66}.mini-vka{font-size:8.5px;font-weight:700;color:#9b650c}.demo-tree-footnote{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#4f6e5a;background:#f5faf6;border:1px solid #dbeae0;padding:10px 14px;border-radius:10px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:0 auto}.pricing-card{background:#fff;border:1.5px solid #dce8e0;border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:22px;box-shadow:0 6px 24px #1636220a;position:relative;transition:all .2s ease}.pricing-card.popular{border-color:#b4dcbf;background:linear-gradient(180deg,#fff,#f8fcf9);box-shadow:0 12px 36px #2160391c}.popular-ribbon{position:absolute;top:-12px;right:28px;background:linear-gradient(135deg,#a56e10,#d4981d);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.8px;padding:4px 12px;border-radius:8px;box-shadow:0 3px 10px #a56e1040}.plan-badge{font-size:9.5px;font-weight:800;letter-spacing:.8px;color:#286c41;background:#eaf5ee;padding:3px 9px;border-radius:6px;display:inline-block;margin-bottom:8px}.plan-badge.gold{color:#98640c;background:#fef7e8;border:1px solid #f6deb3}.pricing-header h3{margin:0 0 6px;font:800 22px Plus Jakarta Sans,sans-serif;color:#143b22}.pricing-header p{margin:0 0 16px;font-size:13px;color:#5a7764;line-height:1.5}.price-tag{display:flex;align-items:baseline;gap:6px}.price-tag .currency{font-size:13px;font-weight:700;color:#6a8573}.price-tag strong{font:800 28px Plus Jakarta Sans,sans-serif;color:#173d25}.price-tag .period{font-size:13px;color:#6a8573}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-features li{font-size:13px;color:#30563e;display:flex;align-items:center;gap:10px}.pricing-features li svg{color:#2e844f;flex-shrink:0}.pricing-features li strong{color:#153d23}.button-plan{width:100%;padding:13px 20px;border-radius:12px;font:700 14px Plus Jakarta Sans,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.button-plan.secondary{background:#edf5ef;border:1.5px solid #c9dec0;color:#205734}.button-plan.secondary:hover{background:#dbeed4}.button-plan.primary{background:linear-gradient(135deg,#236e40,#174b2b);border:none;color:#fff;box-shadow:0 6px 20px #236e4047}.button-plan.primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #236e4061}.register-container{max-width:820px;margin:0 auto;padding:40px;position:relative}.register-header{margin-bottom:28px}.register-header h2{font:800 30px Plus Jakarta Sans,sans-serif;color:#133720;margin:0 0 8px}.register-header p{margin:0;font-size:14.5px;color:#52705e}.form-plan-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.plan-radio-label{display:flex;align-items:flex-start;gap:10px;background:#f9fbf9;border:1.5px solid #dce8df;border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .18s ease}.plan-radio-label.active{background:#edf6f0;border-color:#388b56;box-shadow:0 3px 10px #2c7c4a14}.plan-radio-label input{margin-top:3px;accent-color:#2a7848}.plan-radio-label strong{display:block;font-size:13px;color:#173c24}.plan-radio-label small{display:block;font-size:11px;color:#5f7a69;margin-top:2px}.full-width-submit{width:100%;justify-content:center;padding:15px;font-size:15px;border-radius:12px;margin-top:10px}.form-security-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:#678271;margin-top:14px}.form-security-footer svg{color:#2a7e4b}.lead-success-card{padding:30px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.success-icon-orbit{width:70px;height:70px;border-radius:50%;background:#e5f6eb;color:#248348;display:grid;place-items:center;margin-bottom:6px;box-shadow:0 0 0 8px #2483481a}.lead-success-card h3{margin:0;font:800 24px Plus Jakarta Sans,sans-serif;color:#163d24}.lead-success-card p{margin:0;font-size:14px;color:#4f6e5b;max-width:480px}.lead-code-box{background:#f6faf7;border:1.5px dashed #bedbc5;border-radius:12px;padding:14px 24px;margin:12px 0}.lead-code-box span{display:block;font-size:9.5px;font-weight:800;letter-spacing:1px;color:#357a4e}.lead-code-box strong{display:block;font:800 24px Plus Jakarta Sans,sans-serif;color:#174026;letter-spacing:1px;margin:3px 0}.lead-code-box small{display:block;font-size:11px;color:#617f6d;font-weight:600}.success-hint{font-size:12px;color:#648070}.success-actions{display:flex;gap:10px;margin-top:14px}.landing-footer{background:#0d2316;color:#e1eee5;padding:60px 24px 30px;margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer-col-brand .brand-text strong{color:#fff}.footer-col-brand .brand-text small{color:#76b48d}.footer-col-brand p{margin:16px 0;font-size:13px;line-height:1.6;color:#9dbfa9;max-width:360px}.footer-col-brand small{font-size:11px;color:#648670;display:block}.footer-links-col h4{font:700 13px Plus Jakarta Sans,sans-serif;letter-spacing:1px;color:#85c79e;text-transform:uppercase;margin:0 0 16px}.footer-links-col a,.footer-links-col button.link-button{display:block;background:none;border:none;color:#bed5c6;font-size:13px;text-decoration:none;padding:5px 0;cursor:pointer;text-align:left;transition:color .18s ease}.footer-links-col a:hover,.footer-links-col button.link-button:hover{color:#fff;text-decoration:underline}.hotline-tag{margin-top:14px;display:inline-flex;align-items:center;gap:6px;background:#ffffff14;padding:6px 12px;border-radius:8px;font-size:12px;color:#a4e3bc;font-weight:700}.auth-modal-backdrop{background:#0c1c12a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:200}.auth-modal-card{max-width:440px;width:90%;background:#fff;border-radius:20px;padding:28px;position:relative;box-shadow:0 24px 60px #00000038}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#6a8573;cursor:pointer;padding:4px;border-radius:6px}.auth-modal-close:hover{background:#edf4ef;color:#183b25}@media(max-width:960px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:40px 20px}.hero-headline{font-size:36px}.solution-showcase-grid,.demo-pedigree-grid,.pricing-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:30px}.nav-menu{display:none}}.brand-title-row{display:inline-flex;align-items:center;gap:7px}.app-version-badge{display:inline-flex;align-items:center;padding:1.5px 7px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.32);line-height:1.25;box-shadow:0 1px 2px #00000008;-webkit-user-select:none;user-select:none}.landing-brand .app-version-badge,.landing-footer .app-version-badge{background:#34d3992e;color:#6ee7b7;border-color:#34d39966}.auth-guide-pill{background:#f0f7f2;border:1px solid #cbe3d2;color:#256543;border-radius:50px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;margin-right:auto}.auth-guide-pill:hover{background:#e2f1e6;border-color:#a9d4b6;color:#194e32;transform:translateY(-1px)}.auth-guide-link{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#d8f3e1;border-radius:8px;padding:7px 14px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.auth-guide-link:hover{background:#ffffff38;color:#fff;border-color:#fff6}.guide-mode-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:10.5px;font-weight:700;background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);letter-spacing:.02em}.modal-backdrop{z-index:1000!important;overflow-y:auto!important;padding:16px!important}.modal{max-height:min(92vh,750px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.modal-top{flex-shrink:0!important}.modal-body{overflow-y:auto!important;flex:1!important;-webkit-overflow-scrolling:touch!important}.modal-actions{position:sticky!important;bottom:-25px!important;background:#fff!important;padding-top:14px!important;padding-bottom:6px!important;border-top:1px solid #edf1ed!important;margin-top:18px!important;z-index:10!important}.table-scroll{min-height:290px!important;padding-bottom:75px!important;overflow-x:auto!important}.row-action{position:relative!important}.row-menu{position:absolute!important;right:0!important;top:32px!important;background:#fff!important;border:1px solid #dbe4dc!important;box-shadow:0 16px 40px #12301c38!important;border-radius:10px!important;z-index:150!important;width:220px!important;padding:6px!important}.auth-mobile-banner{display:none}@media(max-width:760px){.auth-shell{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;background:#f4f7f5!important;min-height:100vh!important}.auth-left{display:flex!important;padding:20px 16px 26px!important;border-radius:0 0 24px 24px!important;background:linear-gradient(135deg,#133a28,#20593e 60%,#2d7653)!important;box-shadow:0 8px 30px #12322240!important;color:#fff!important}.auth-left .auth-brand{margin-bottom:12px!important}.auth-mobile-banner{display:block!important;margin:6px 0 14px!important}.auth-mobile-img-wrap{position:relative!important;width:100%!important;height:165px!important;border-radius:16px!important;overflow:hidden!important;border:1.5px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 25px #00000040!important}.auth-mobile-img-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 30%!important}.auth-photo-chip{position:absolute!important;bottom:8px!important;left:8px!important;background:#0e261ad9!important;color:#e2f4e8!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;border-radius:8px!important;padding:4px 10px!important;font-size:10.5px!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:5px!important;border:1px solid rgba(255,255,255,.15)!important}.auth-art{display:none!important}.auth-copy h1{font-size:20px!important;margin:8px 0 4px!important;letter-spacing:-.5px!important;line-height:1.25!important}.auth-copy p{font-size:11px!important;line-height:1.45!important;color:#d1e8d9!important;margin-bottom:0!important}.auth-footer{display:none!important}.auth-right{min-height:auto!important;padding:12px 14px 40px!important;margin-top:-16px!important;z-index:2!important}.auth-form-wrap{background:#fff!important;border-radius:20px!important;padding:24px 18px!important;box-shadow:0 14px 40px #00000014!important;border:1px solid #e2ebe4!important;width:100%!important}.auth-topline{margin-bottom:22px!important}}.album-panel{grid-column:1 / -1;background:#fff;border:1px solid #e2eae2;border-radius:17px;padding:21px;box-shadow:0 6px 22px #2944310a}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-top:16px}@media(max-width:640px){.album-grid{grid-template-columns:repeat(3,1fr);gap:8px}}.album-item{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#eaf2eb;border:1.5px solid #e1ebe2;box-shadow:0 4px 12px #0000000a;cursor:pointer}.album-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.album-item:hover img{transform:scale(1.08)}.album-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);display:flex;align-items:flex-end;justify-content:space-between;padding:8px;opacity:0;transition:opacity .2s ease}.album-item:hover .album-item-overlay{opacity:1}.album-action-btn{background:#ffffffe0;border:0;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:700;color:#1f4e36;cursor:pointer;display:inline-flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-action-btn.delete{background:#ef4444e0;color:#fff;padding:4px 6px}.album-action-btn:hover{transform:scale(1.05)}.album-empty{min-height:170px;border:1.5px dashed #d5e4d7;border-radius:14px;background:#fbfdfb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;margin-top:16px}.album-empty-icon{width:50px;height:50px;border-radius:14px;background:#eaf4ed;color:#3f835b;display:grid;place-items:center;margin-bottom:10px}.album-empty strong{font:800 14px Plus Jakarta Sans,sans-serif;color:#274532;margin-bottom:4px}.album-empty p{color:#839587;font-size:11px;margin:0 0 12px;max-width:320px}.pet-hero-photo{position:relative}.change-avatar-badge{position:absolute;bottom:8px;right:8px;background:#123021d1;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #00000026}.change-avatar-badge:hover{background:#123021f2;transform:scale(1.05)}