@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2) format("woff2")}@font-face{font-family:Alumni Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/alumni-sans.woff2) format("woff2")}@font-face{font-family:Albert Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/albert-sans.woff2) format("woff2")}:root{color-scheme:dark;--plane: oklch(10% .006 95);--surface-1: oklch(14.5% .006 95);--surface-2: oklch(19% .006 95);--surface-3: oklch(24% .008 95);--ink: oklch(91% 0 0);--ink-2: oklch(72% 0 0);--muted: oklch(60% 0 0);--grid: oklch(24% .006 95);--axis: oklch(33% .006 95);--border: oklch(82% 0 0 / .14);--border-strong: oklch(84% 0 0 / .28);--lf: #3987e5;--rf: #d95926;--lh: #199e70;--rh: #c98500;--pole-left: #3987e5;--pole-right: #e66767;--neutral: oklch(33% .006 95);--good: #4fae4f;--warning: #fab219;--serious: #ec835a;--critical: #e0574f;--gold: #12b3a1;--gold-2: #0a8d7f;--brand: #12b3a1;--brand-2: #0a8d7f;--brand-ink: #04211f;--brand-tint: color-mix(in srgb, var(--brand) 16%, transparent);--patina: oklch(72% .11 190);--shadow-card: 0 1px 1px rgba(0, 0, 0, .4);--shadow-brand: 0 1px 2px rgba(0, 0, 0, .45);--r-sm: 5px;--r-md: 8px;--r-lg: 11px;--ease: cubic-bezier(.2, .8, .2, 1);--font: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Albert Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Consolas, monospace}:root[data-theme=light]{color-scheme:light;--plane: oklch(96.5% .008 92);--surface-1: oklch(99.5% .003 92);--surface-2: oklch(97.5% .006 92);--surface-3: oklch(93.5% .008 90);--ink: oklch(25% .012 70);--ink-2: oklch(44% .01 72);--muted: oklch(56% .008 74);--grid: oklch(90% .008 90);--axis: oklch(80% .01 88);--border: oklch(25% .01 72 / .12);--border-strong: oklch(25% .01 72 / .2);--lf: #2a78d6;--rf: #eb6834;--lh: #1baf7a;--rh: #eda100;--pole-left: #2a78d6;--pole-right: #e34948;--neutral: oklch(90% .008 90);--good: #2f9e2f;--warning: #d99411;--serious: #d0703f;--critical: #cf4038;--gold: #008d7f;--gold-2: #00746a;--brand: #008d7f;--brand-2: #00746a;--brand-ink: #ffffff;--brand-tint: color-mix(in srgb, var(--brand) 12%, transparent);--patina: oklch(52% .1 195);--shadow-card: 0 1px 2px rgba(40, 30, 10, .06), 0 6px 18px rgba(40, 30, 10, .05);--shadow-brand: 0 1px 2px rgba(40, 30, 10, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 220px),var(--plane);background-attachment:fixed;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{text-align:center;padding:40px 24px;color:var(--muted)}.empty h3{color:var(--ink);font-size:16px;font-weight:640;margin:0 0 6px}.empty p{margin:0 auto 16px;max-width:42ch;font-size:13px}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.rail{background:var(--surface-1);border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.rail-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em;margin-bottom:20px;padding:0 8px}.rail-logo{width:30px;height:30px;flex:none;background:url(/logo-mark-green.png) center / contain no-repeat}[data-theme=dark] .rail-logo{background-image:url(/logo-mark-white.png)}.rail-word{display:flex;flex-direction:column;line-height:1.1}.rail-sub{font-family:var(--font-mono);font-weight:500;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:2px}.rail-link{padding:8px 10px;border-radius:var(--r-sm);color:var(--ink-2);display:flex;align-items:center;gap:10px;font-weight:500}.rail-link:hover{background:var(--surface-2);color:var(--ink)}.rail-link[data-active=true]{background:var(--brand-tint);color:var(--ink);box-shadow:inset 2px 0 0 var(--brand)}.rail-foot{margin-top:auto;color:var(--muted);font-size:12px;padding:0 8px}.content{padding:28px 32px;max-width:1180px;width:100%;min-width:0}@media(max-width:720px){.shell{grid-template-columns:1fr;align-content:start}.rail{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--border);overflow:visible}.rail-brand{flex-basis:100%;margin-bottom:8px;padding:0}.rail-link{padding:8px 12px}.rail-foot{display:none}.content{padding:20px 16px}}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-card)}.card-interactive{cursor:pointer;transition:transform .14s cubic-bezier(.22,1,.36,1),box-shadow .14s,border-color .14s}.card-interactive:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 12px 32px #0000004d}.card-title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 14px;font-weight:500}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.h1{font-family:var(--font-display);font-size:27px;font-weight:680;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance}.sub{color:var(--muted);font-size:13px;margin:4px 0 0}.grid{display:grid;gap:16px}.collect-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}@media(max-width:900px){.collect-grid{grid-template-columns:1fr}}details.advanced{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}details.advanced>summary{cursor:pointer;list-style:none;padding:14px 18px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;align-items:center;gap:8px}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"▸";font-size:10px;transition:transform .15s ease}details.advanced[open]>summary:before{transform:rotate(90deg)}details.advanced[open]>summary{border-bottom:1px solid var(--border)}.advanced-body{padding:16px 18px;display:grid;gap:20px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:960px){.tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.tiles{grid-template-columns:1fr}}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;box-shadow:var(--shadow-card)}.tile-label{color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.tile-value{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.02em;margin-top:6px;line-height:1.05;font-feature-settings:"tnum" 1}.tile-unit{font-size:15px;color:var(--muted);font-weight:500;margin-left:3px}.tile-foot{margin-top:8px;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px;gap:2px}.seg button{border:0;background:transparent;color:var(--ink-2);padding:5px 12px;border-radius:5px;cursor:pointer;font-weight:550}.seg button[data-active=true]{background:var(--surface-3);color:var(--ink)}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink);padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font-weight:550;transition:transform .12s cubic-bezier(.22,1,.36,1),background .12s,box-shadow .12s}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand-2);color:var(--brand-ink)}.btn-primary:hover:not(:disabled){background:var(--brand-2)}.field{display:block;margin-bottom:14px}.field>span{display:block;color:var(--ink-2);font-size:13px;margin-bottom:6px}.input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px}.input:focus{outline:none;border-color:var(--patina)}table.tbl{width:100%;border-collapse:collapse}table.tbl th{text-align:left;color:var(--muted);font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border)}table.tbl td{padding:10px;border-bottom:1px solid var(--border)}table.tbl tr:last-child td{border-bottom:0}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl th.num,table.tbl td.num{text-align:right}@media(max-width:640px){table.tbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.h1{font-size:22px}.content{padding:16px 14px}.page-head{flex-direction:column;align-items:stretch}.page-head>div{width:100%;flex-wrap:wrap}.page-head .input{width:100%!important}.page-head .btn,.page-head a.btn{flex:1 1 auto;text-align:center}table.cards-sm{white-space:normal;overflow:visible;display:block}table.cards-sm thead{display:none}table.cards-sm tbody,table.cards-sm tr,table.cards-sm td{display:block;width:100%}table.cards-sm tbody tr{border:1px solid var(--border);border-radius:var(--r-md);margin:0 12px 10px;padding:4px 0;background:var(--surface-1)}table.cards-sm tbody tr:hover{background:var(--surface-2)}table.cards-sm td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;border-bottom:0;text-align:right}table.cards-sm td:before{content:attr(data-label);color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:left;flex:none}table.cards-sm td:first-child{justify-content:flex-start;padding:12px 14px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}table.cards-sm td:first-child:before,table.cards-sm td.card-action:before{display:none}table.cards-sm td.card-action{justify-content:flex-end;padding-top:10px}table.cards-sm td[colspan]{justify-content:center;text-align:center}table.cards-sm td[colspan]:before{display:none}}table.patients th,table.patients td{padding:12px 14px}table.patients th:first-child,table.patients td:first-child{padding-left:20px}table.patients th:last-child,table.patients td:last-child{padding-right:20px}.row-link{cursor:pointer}.patient-cards{display:grid;gap:10px}.pcard{padding:14px;cursor:pointer}.pcard-head{display:flex;align-items:center;gap:12px}.pcard-id{flex:1;min-width:0}.pcard-name{display:flex;align-items:center;gap:8px;font-weight:650;color:var(--ink)}.pcard-sub{color:var(--muted);font-size:12.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-stats{display:flex;align-items:flex-end;gap:18px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pcard-date{margin-left:auto;color:var(--muted);font-size:11.5px}.pcard-empty{margin-top:10px;color:var(--muted);font-size:12.5px}.mini-stat-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.mini-stat-value{font-weight:650;font-size:15px;margin-top:2px}.avatar{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);color:var(--ink-2);font-weight:700;font-size:13px;font-family:var(--font-display)}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-1)}.doc{max-width:720px}.doc>section{margin-bottom:30px}.doc h2{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink);text-wrap:balance}.doc p{margin:0 0 12px;color:var(--ink-2);line-height:1.7;font-size:15px}.doc strong{color:var(--ink);font-weight:600}.doc-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}.doc-list li{position:relative;padding-left:18px;color:var(--ink-2);line-height:1.6}.doc-list li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:2px;background:var(--brand)}.doc-figure{margin:18px 0 6px;padding:18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);text-align:center}.doc-figure figcaption{margin:10px auto 0;max-width:52ch;color:var(--muted);font-size:12.5px;line-height:1.5}.cell-flex{transform-box:fill-box;transform-origin:0% 60%;animation:cell-flex 2.6s var(--ease) infinite}@keyframes cell-flex{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.cell-gauge{animation:cell-gauge 2.6s var(--ease) infinite}@keyframes cell-gauge{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}.rec-live{border-radius:var(--r-md);animation:rec-ring 1.2s ease-in-out infinite}@keyframes rec-ring{0%,to{box-shadow:0 0 0 1px var(--gold)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 45%,transparent)}}.rec-tag{position:absolute;top:6px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 16px);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface-1));border:1px solid var(--gold);border-radius:999px;padding:5px 12px;pointer-events:none;white-space:nowrap}.rec-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gold);animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.print-only{display:none}@media print{.print-only{display:block}.no-print{display:none!important}:root{--plane: #ffffff;--surface-1: #ffffff;--surface-2: #ffffff;--surface-3: #f4f3f0;--ink: #0b0b0b;--ink-2: #333;--muted: #666;--border: rgba(0, 0, 0, .15);--border-strong: rgba(0, 0, 0, .25);--grid: #e2e2e2;--axis: #b8b8b8}body{background:#fff!important}.rail,.seg,.btn,.chip a{display:none!important}.shell{grid-template-columns:1fr!important}.content{padding:0!important;max-width:100%!important}.card,.tile{box-shadow:none!important;break-inside:avoid}.page-head{border-bottom:2px solid var(--brand);padding-bottom:12px}.content:before{content:"VetLoad System · 3D Medicine";display:block;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.01em;color:var(--brand);margin-bottom:8px}}.gate{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(760px 520px at 50% 40%,var(--brand-tint),transparent 70%),var(--plane)}.gate-card{width:100%;max-width:400px}.splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(760px 520px at 50% 42%,var(--brand-tint),transparent 70%),var(--plane);transition:opacity .55s ease,visibility .55s ease}.splash[data-hide=true]{opacity:0;visibility:hidden;pointer-events:none}.splash-inner{text-align:center;animation:splash-rise .6s cubic-bezier(.22,1,.36,1) both}.splash-mark{width:96px;height:96px;margin:0 auto 22px;background:url(/logo-mark-green.png) center / contain no-repeat}[data-theme=dark] .splash-mark{background-image:url(/logo-mark-white.png)}.splash-word{font-family:var(--font-display);font-weight:700;font-size:42px;letter-spacing:-.03em;margin:0;line-height:1}.splash-tag{color:var(--muted);margin-top:8px;font-size:14px}.splash-dots{display:flex;gap:10px;justify-content:center;margin-top:28px}.splash-dots i{width:10px;height:10px;border-radius:50%;animation:splash-pulse 1.2s ease-in-out infinite}@keyframes splash-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes splash-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}