@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(250px,1fr));gap:18px}.pet-card{background:#fff;border:1px solid #e7ede6;border-radius:13px;overflow:hidden;box-shadow:0 4px 18px #24412e07}.pet-card-art{height:170px;background:linear-gradient(135deg,#eaf4e8,#dcefe4);color:#7fac88;display:grid;place-items:center;overflow:hidden}.pet-card-art img{width:100%;height:100%;object-fit:cover}.pet-card-body{padding:18px}.pet-kind{color:#7fac86;font-size:9px;letter-spacing:1px;font-weight:800}.pet-card h2{font:800 19px Plus Jakarta Sans,sans-serif;color:#26442e;margin:6px 0}.pet-card p{color:#809181;font-size:11px;margin:0 0 22px}.pet-meta{border-top:1px solid #eef2ed;padding-top:13px;color:#9ca99d;font-size:10px}.pet-meta span{display:flex;align-items:center;gap:6px}.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}}.pet-card{font:inherit;text-align:left;color:inherit;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pet-card:hover{transform:translateY(-3px);border-color:#bfd9c6;box-shadow:0 12px 28px #24412e13}.pet-card:focus-visible{outline:3px solid #79b98e;outline-offset:3px}.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-photo img{width:100%;height:100%;object-fit:cover}.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:120px 1fr;gap:20px;padding:18px}.pet-hero-photo{height:150px}.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{height:230px}.pet-hero-copy{padding:2px 4px 8px}.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}}.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}}