:root{color:#21302b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#23483d;border:1px solid #23483d;border-radius:6px;justify-content:center;align-items:center;gap:.45rem;min-height:2.35rem;padding:.45rem .75rem;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#21302b;background:#fff;border:1px solid #c9d0c8;border-radius:6px;width:100%;min-height:2.35rem;padding:.48rem .6rem}textarea{resize:vertical}label{color:#516159;gap:.35rem;font-size:.8rem;display:grid}table{border-collapse:collapse;width:100%;min-width:720px;font-size:.88rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dde2dc;padding:.7rem .8rem}th{color:#3f5048;text-transform:uppercase;background:#edf3ee;font-size:.76rem}tr.selected td{background:#e9f4ef}.animal-identity{grid-template-columns:2.5rem minmax(8rem,1fr);align-items:center;gap:.55rem;display:grid}.animal-identity strong,.animal-identity small{display:block}.animal-identity small{color:#65756d;margin-top:.12rem}.animal-identity.deceased,.lineage-row.deceased{filter:grayscale();opacity:.58}.animal-thumb{aspect-ratio:1;color:#23483d;object-fit:cover;background:#dfe9e3;border:1px solid #c7d3cc;border-radius:6px;place-items:center;width:2.5rem;font-weight:800;display:inline-grid}.animal-thumb.placeholder{font-size:1rem}.app-shell{grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef5ef;background:#20312b;flex-direction:column;gap:1rem;padding:1rem;display:flex}.brand{align-items:center;gap:.75rem;padding:.55rem .3rem .8rem;display:flex}.brand strong,.brand span{display:block}.brand span{color:#aebdb4;font-size:.8rem}.sidebar-section{border-top:1px solid #ffffff24;gap:.7rem;padding-top:1rem;display:grid}.sidebar-section input,.sidebar-section select,.sidebar-section textarea{color:#fff;background:#17251f;border-color:#41564c}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title span{font-weight:700}.section-title small{color:#aebdb4}.workspace{grid-template-rows:auto auto 1fr;gap:1rem;min-width:0;padding:1.1rem;display:grid}.workspace-header{justify-content:space-between;align-items:center;display:flex}.workspace-header h1{margin:.15rem 0 0;font-size:1.6rem;line-height:1.1}.eyebrow{color:#697870;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}.tabs{flex-wrap:wrap;gap:.45rem;display:flex}.tabs button{color:#31433b;background:#fff;border-color:#ced6cf}.tabs button.active{color:#fff;background:#23483d;border-color:#23483d}.content-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);align-items:start;gap:1rem;display:grid}.panel{background:#fff;border:1px solid #d8ddd8;border-radius:8px;gap:.9rem;min-width:0;padding:1rem;display:grid}.panel.wide{grid-column:1/-1}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:.15rem 0 0;font-size:1.05rem}.filters{grid-template-columns:repeat(6,minmax(120px,1fr));gap:.55rem;display:grid}.table-wrap{overflow-x:auto}.stacked-form,.auth-grid{gap:.7rem;display:grid}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.two-col,.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.photo-upload-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.photo-upload-row input[type=file]{cursor:pointer;padding:.42rem}.ghost-button{background:0 0;border-color:#61756b}.icon-button{aspect-ratio:1;width:2.35rem;padding:0}.danger-button{background:#8f2f2f;border-color:#8f2f2f}.plain-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.trait-list{flex-wrap:wrap;gap:.45rem;display:flex}.trait-list span{color:#25483d;background:#e8f1ed;border-radius:999px;padding:.3rem .55rem;font-size:.78rem}.lineage-list{gap:.5rem;padding-left:1.1rem;display:grid;position:relative}.lineage-list:before{content:"";background:#cbd8d0;width:2px;position:absolute;top:1rem;bottom:1rem;left:.35rem}.lineage-row{border:1px solid #d8ddd8;border-radius:6px;grid-template-columns:3rem 2.5rem minmax(10rem,1fr);align-items:center;gap:.4rem;padding:.6rem;display:grid;position:relative}.lineage-row:before{content:"";background:#cbd8d0;width:.78rem;height:2px;position:absolute;top:50%;left:-.78rem}.lineage-row span{color:#fff;text-align:center;background:#20312b;border-radius:999px;padding:.25rem .45rem;font-size:.75rem}.lineage-row small{color:#65756d;margin-top:.15rem;display:block}.divider{background:#dfe4df;height:1px}.empty-state{background:#fff;border:1px solid #d8ddd8;border-radius:8px;align-self:start;max-width:680px;padding:1.25rem}.muted{color:#6c7a73;margin:0}.error{color:#a03535;margin:0;font-size:.86rem}@media (width<=1040px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.brand{grid-column:1/-1}.content-grid,.filters{grid-template-columns:1fr}}@media (width<=640px){.sidebar,.workspace{padding:.75rem}.sidebar,.two-col,.button-row,.lineage-row{grid-template-columns:1fr}.workspace-header{align-items:flex-start;gap:.75rem}}