@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/manrope-latin.woff2') format('woff2')}
:root{--ink:#17352d;--ink-2:#274b3f;--paper:#f5f6f0;--card:#fff;--muted:#7a8b82;--line:#e2e9e1;--mint:#cae7d8;--mint-deep:#5b987e;--peach:#f7d9c8;--lilac:#e8e0f2;--cream:#f2ecda;--shadow:0 18px 40px rgba(28,58,47,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.5}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;background:var(--ink);color:#e8f2ec;padding:30px 22px 24px;display:flex;flex-direction:column;min-height:100vh}.app-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font:700 19px 'Manrope',sans-serif;letter-spacing:-.045em;padding:0 10px}.brand-mark{height:24px;width:24px;border-radius:50%;background:#d7efe0;display:inline-flex;align-items:center;justify-content:center;gap:2px}.brand-mark span{display:block;background:var(--ink);width:3px;border-radius:5px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:10px}.sidebar-context{margin:55px 10px 34px;padding:14px 0 14px;border-top:1px solid rgba(236,248,239,.15);border-bottom:1px solid rgba(236,248,239,.15);position:relative}.context-label{display:block;color:#92b4a4;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.sidebar-context strong{display:block;font:600 17px 'Manrope',sans-serif;margin-top:4px}.context-dot{position:absolute;right:2px;bottom:22px;width:7px;height:7px;border-radius:50%;background:#79c29e;box-shadow:0 0 0 4px rgba(121,194,158,.16)}.side-nav{display:grid;gap:6px}.side-nav a,.sidebar-bottom>a{color:#a7c1b4;display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:10px;font-size:13px}.side-nav a.active,.side-nav a:hover,.sidebar-bottom>a:hover{background:rgba(214,239,223,.12);color:#fff}.nav-icon{width:18px;text-align:center;font-size:17px;line-height:1}.sidebar-bottom{margin-top:auto}.sidebar-bottom>a{margin-bottom:24px}.agent-status{border:1px solid rgba(214,239,223,.16);border-radius:12px;padding:13px 12px;display:flex;gap:10px;align-items:flex-start}.agent-status strong{display:block;font-size:11px;color:#ecf5ef}.agent-status small{display:block;color:#92b4a4;font-size:10px;margin-top:2px}.status-pulse{display:block;width:7px;height:7px;border-radius:50%;background:#78c59c;margin-top:5px;box-shadow:0 0 0 4px rgba(120,197,156,.13)}.sidebar-toggle{display:none;background:#fff}.dashboard{flex:1;min-width:0;padding:34px 47px 25px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.overline,.card-eyebrow,.pet-label{display:block;color:#8a9991;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.dashboard-header h1{font:800 clamp(30px,3vw,43px)/1.05 'Manrope',sans-serif;letter-spacing:-.07em;margin:7px 0 8px}.header-sub{margin:0;color:#829087;font-size:14px}.header-actions{display:flex;align-items:center;gap:13px;margin-top:8px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:var(--card);border-radius:50%;position:relative;font-size:18px}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;background:#e58d73;border-radius:50%;border:2px solid #fff}.profile-button{height:42px;background:transparent;border:0;display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px}.profile-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--peach);color:#7b4d3f;font:700 13px 'Manrope',sans-serif}.chevron{color:#9aa69e;margin-left:2px}.pet-strip{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 19px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.pet-avatar{height:46px;width:46px;border-radius:50%;background:#e6efe7;display:grid;place-items:center;overflow:hidden}.pet-avatar-cat{width:26px;height:29px;background:#6e887d;border-radius:49% 49% 43% 43%;position:relative;display:block}.pet-avatar-cat:before{content:'';position:absolute;top:-7px;left:4px;width:18px;height:15px;background:#6e887d;clip-path:polygon(0 100%,50% 0,100% 100%)}.pet-label{letter-spacing:.08em;font-size:9px}.pet-strip strong{display:block;font:700 17px 'Manrope',sans-serif;line-height:1.2}.pet-meta{display:block;color:#97a29d;font-size:11px;margin-top:1px}.pet-switcher{margin-left:15px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 12px;font-size:11px;color:#718078}.coverage{margin-left:auto;color:#6d8277;display:flex;align-items:center;gap:7px;font-size:11px}.coverage-dot{height:7px;width:7px;border-radius:50%;background:#74bb96}.dashboard-metrics{margin-top:15px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-panel{min-height:175px;border:1px solid rgba(32,49,45,.07);border-radius:14px;padding:19px 20px;position:relative;overflow:hidden}.mint-panel{background:var(--mint)}.peach-panel{background:var(--peach)}.lilac-panel{background:var(--lilac)}.cream-panel{background:var(--cream)}.metric-panel-top{display:flex;justify-content:space-between;align-items:center;color:#58756a}.metric-panel-label{font-size:11px;font-weight:600}.metric-symbol{font-size:17px}.metric-panel>strong{display:block;font:800 34px 'Manrope',sans-serif;letter-spacing:-.07em;margin-top:18px}.metric-panel strong small{font:500 11px 'DM Sans',sans-serif;letter-spacing:0}.metric-panel strong>span{font-size:16px}.metric-compare{font-size:10px;margin-top:3px}.metric-compare span{color:#708179}.positive{color:#327e5e}.neutral{color:#6b7c72}.sparkline{position:absolute;left:20px;right:20px;bottom:15px;height:24px;display:flex;align-items:end;gap:4px}.sparkline i{display:block;flex:1;border-radius:4px 4px 0 0;opacity:.58}.spark-mint i{background:#68aa87}.spark-mint i:nth-child(1){height:25%}.spark-mint i:nth-child(2){height:43%}.spark-mint i:nth-child(3){height:35%}.spark-mint i:nth-child(4){height:65%}.spark-mint i:nth-child(5){height:56%}.spark-mint i:nth-child(6){height:78%}.spark-mint i:nth-child(7){height:94%}.spark-peach i{background:#c88872}.spark-peach i:nth-child(1){height:74%}.spark-peach i:nth-child(2){height:56%}.spark-peach i:nth-child(3){height:63%}.spark-peach i:nth-child(4){height:48%}.spark-peach i:nth-child(5){height:68%}.spark-peach i:nth-child(6){height:57%}.spark-peach i:nth-child(7){height:60%}.spark-lilac i{background:#9278ae}.spark-lilac i:nth-child(1){height:33%}.spark-lilac i:nth-child(2){height:48%}.spark-lilac i:nth-child(3){height:42%}.spark-lilac i:nth-child(4){height:70%}.spark-lilac i:nth-child(5){height:62%}.spark-lilac i:nth-child(6){height:78%}.spark-lilac i:nth-child(7){height:90%}.coverage-ring{position:absolute;right:18px;bottom:17px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 11px 'Manrope',sans-serif;color:#60766b;border:5px solid #dbcda8;border-top-color:#679f7c;border-right-color:#679f7c}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:15px}.dashboard-card{border:1px solid var(--line);background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:21px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-heading h2{font:700 19px 'Manrope',sans-serif;letter-spacing:-.045em;margin:4px 0 0}.range-button,.more-button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 10px;color:#788881;font-size:10px;white-space:nowrap}.more-button{border:0;font-size:14px;letter-spacing:3px;padding:5px}.chart{width:100%}.chart-large{height:230px;margin-top:10px}.chart-donut{height:177px;margin-top:3px}.chart-legend{display:flex;align-items:center;gap:15px;color:#8b9891;font-size:10px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.mint-dot{background:#65a884}.peach-dot{background:#e2a68b}.legend-note{margin-left:auto}.area-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 17px;border-top:1px solid var(--line);padding-top:14px}.area-list div{display:flex;align-items:center;gap:8px;font-size:11px;color:#748178}.area-list strong{margin-left:auto;color:var(--ink);font:700 13px 'Manrope',sans-serif}.area-key{width:8px;height:8px;border-radius:50%}.key-water{background:#6fae8c}.key-food{background:#e4a586}.key-litter{background:#9b83b3}.key-rest{background:#c4b48a}.lower-grid{margin-top:15px}.event-card{min-height:285px}.card-link{font-size:11px;color:#54816d;font-weight:600}.event-list{margin-top:12px}.event-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.event-thumb{width:48px;height:38px;border-radius:8px;position:relative;overflow:hidden;display:grid;place-items:center}.event-thumb-rest{background:#dcece2}.event-thumb-water{background:#e6e0f2}.event-thumb-move{background:#f5ded2}.tiny-pet{width:15px;height:19px;background:#638577;border-radius:50%;display:block}.tiny-pet-move{transform:rotate(-22deg)}.water-drop{font-size:21px;color:#718cb1}.event-content{min-width:0}.event-content strong,.event-content span{display:block}.event-content strong{font-size:12px}.event-content span{font-size:10px;color:#98a29c;margin-top:2px}.event-tag{margin-left:auto;font-size:9px;padding:4px 8px;border-radius:20px}.calm-tag{background:#e2f2e8;color:#568d6f}.usual-tag{background:#efe9f5;color:#866ca0}.notice-tag{background:#f8e6dc;color:#aa6756}.note-card{background:var(--ink);color:#edf5ef;display:flex;flex-direction:column;align-items:flex-start;min-height:285px}.note-card .card-eyebrow{color:#9ac5ae}.note-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(169,217,197,.45);color:var(--mint);font-size:18px;margin-bottom:35px}.note-card h2{font:700 27px 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 10px}.note-card p{color:#b8ccc1;font-size:13px;margin:0;max-width:330px}.button-dark-small{margin-top:auto;border:1px solid rgba(169,217,197,.35);border-radius:20px;background:transparent;color:#e6f2ea;padding:8px 12px;font-size:11px}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;color:#9aa69f;font-size:10px;padding-top:22px}.dashboard-footer a{color:#6b8879}.dashboard-footer span:last-child{color:#b2bcb5}.sidebar-toggle{background:#fff}.form-trap{display:none}
@media (max-width:1100px){.sidebar{width:220px;flex-basis:220px}.dashboard{padding:30px 30px 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sidebar{position:fixed;z-index:20;left:-270px;top:0;bottom:0;transition:left .2s}.sidebar.open{left:0}.sidebar-toggle{display:block;position:fixed;z-index:21;left:16px;top:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;font-size:18px}.dashboard{padding:78px 17px 20px}.dashboard-header{display:block}.dashboard-header h1{font-size:34px}.header-actions{position:absolute;right:15px;top:15px}.header-actions .profile-button>span:nth-child(2),.header-actions .chevron{display:none}.pet-strip{margin-top:25px;flex-wrap:wrap}.pet-switcher{margin-left:auto}.coverage{width:100%;margin-left:58px;margin-top:-6px}.lower-grid{grid-template-columns:1fr}.dashboard-footer{flex-wrap:wrap;gap:10px}.dashboard-footer span:first-child{width:100%}}
@media (max-width:500px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-panel{min-height:155px;padding:15px}.metric-panel>strong{font-size:29px;margin-top:15px}.metric-panel strong small{display:block}.metric-compare{font-size:9px}.dashboard-card{padding:16px}.card-heading h2{font-size:17px}.range-button{padding:6px 8px}.chart-large{height:200px}.chart-legend{gap:8px;flex-wrap:wrap}.legend-note{width:100%;margin-left:0}.area-list{gap:10px 12px}.event-item{gap:8px}.event-tag{padding:4px 6px}.note-card{min-height:250px}.note-mark{margin-bottom:24px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}