@import "https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap";:root{--color-cocoa-900:#241811;--color-cocoa-800:#2e211a;--color-cocoa-700:#3b2a21;--color-cocoa-600:#5c4234;--color-cocoa-400:#877a70;--color-cocoa-200:#d9cec5;--color-cocoa-100:#e7e0da;--color-cocoa-50:#f5f0eb;--color-sand-200:#e0cdb8;--color-sand-50:#f5ede4;--color-accent:#ffc012;--color-accent-hover:#f2af00;--color-accent-text:#3a2a02;--color-accent-soft:#fff3d0;--color-accent-deep:#a87b00;--on-dark:#fbf6f1;--on-dark-muted:#a89184;--color-ok-bg:#eaf0e4;--color-ok-text:#3f5b22;--color-warn-bg:#f6ecd5;--color-warn-text:#6b5210;--color-danger-bg:#f6e3e0;--color-danger-text:#83321f;--color-info-bg:#efe7df;--color-info-text:#5c4234;--bg-page:#fbfaf9;--bg-surface:#fff;--bg-dark:#3b2a21;--border:1px solid #e7e0da;--border-strong:1px solid #d9cec5;--font-display:"Lora", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);color:var(--color-cocoa-800);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}:root{--zoom-app:1}@media (width>=1280px){:root{--zoom-app:1.2}body{zoom:var(--zoom-app)}}:root{--alto-pantalla:calc(100vh / var(--zoom-app))}h1,h2,h3{font-family:var(--font-display);color:var(--color-cocoa-900);font-weight:400}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.app-layout{min-height:var(--alto-pantalla);display:flex}.sidebar{background:var(--color-cocoa-700);width:220px;height:var(--alto-pantalla);flex-direction:column;flex-shrink:0;gap:4px;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{flex-shrink:1;justify-content:center;align-items:center;min-height:0;margin-bottom:1.5rem;padding:0 4px;display:flex}.sidebar-logo>*{width:100%;max-width:150px}.sidebar-nav{flex-direction:column;flex:none;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--on-dark-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--color-cocoa-600);color:var(--on-dark)}.nav-item.active{background:var(--color-cocoa-600);color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:500}.nav-bottom{flex-shrink:0;margin-top:auto}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}@media (height<=700px){.sidebar{padding:.85rem}.sidebar-logo{margin-bottom:.85rem}.sidebar-logo>*{max-width:112px}.nav-item{padding:7px 11px;font-size:12.5px}}.page{min-height:var(--alto-pantalla);flex-direction:column;display:flex}.topbar{background:var(--bg-surface);border-bottom:var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.topbar-title{margin-bottom:2px;font-size:20px}.topbar-sub{color:var(--color-cocoa-400);font-size:13px}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-sm);border:none;padding:9px 18px;font-size:13px;font-weight:500;transition:background .15s}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:disabled{background:var(--color-cocoa-200);color:var(--color-cocoa-600);cursor:default}.btn-secondary{background:var(--bg-surface);color:var(--color-cocoa-600);border:var(--border-strong);border-radius:var(--radius-sm);padding:9px 18px;font-size:13px;transition:background .15s}.btn-secondary:hover{background:var(--color-cocoa-50)}.btn-secondary:disabled{color:var(--color-cocoa-400);cursor:default}.page-content{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:var(--bg-surface);border:var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem}.metric-label{color:var(--color-cocoa-400);margin-bottom:4px;font-size:12px}.metric-value{font-size:26px;font-family:var(--font-display);color:var(--color-cocoa-900)}.metric-sub{color:var(--color-cocoa-400);margin-top:4px;font-size:12px}.metric-sub.ok{color:var(--color-ok-text)}.metric-sub.danger{color:var(--color-danger-text)}.metric-sub.warn{color:var(--color-warn-text)}.metric-sub.info{color:var(--color-info-text)}.two-col{grid-template-columns:1.4fr 1fr;gap:1.25rem;display:grid}.right-col{flex-direction:column;gap:1.25rem;display:flex}.card{background:var(--bg-surface);border:var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--color-cocoa-900);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.card-title:before{content:"";background:var(--color-accent);border-radius:2px;flex-shrink:0;width:3px;height:14px}.card-link{color:var(--color-accent-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.card-link:hover{color:var(--color-cocoa-900)}.row-item{border-bottom:var(--border);cursor:pointer;align-items:center;gap:12px;padding:9px 0;display:flex}.row-item:last-child{border-bottom:none}.row-item:hover{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent);margin:0 -1.25rem;padding:9px 1.25rem}.animal-avatar{background:var(--color-cocoa-100);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.gasto-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:500;display:flex}.row-info{flex:1}.row-name{color:var(--color-cocoa-900);font-size:13px;font-weight:500}.row-sub{color:var(--color-cocoa-400);margin-top:1px;font-size:11px}.monto{font-size:13px;font-weight:500}.monto.ingreso{color:var(--color-ok-text)}.monto.egreso{color:var(--color-danger-text)}.balance-footer{border-top:var(--border);color:var(--color-cocoa-400);justify-content:space-between;align-items:center;margin-top:4px;padding:10px 0 0;font-size:13px;display:flex}.back-btn{color:var(--color-cocoa-400);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;display:flex}.back-btn:hover{color:var(--color-cocoa-800)}.breadcrumb-sep{color:var(--color-cocoa-200);margin:0 6px}.breadcrumb-current{color:var(--color-cocoa-900);font-size:13px;font-weight:500}.metric-card.clickable{cursor:pointer;transition:box-shadow .15s,background .15s}.metric-card.clickable:hover{box-shadow:0 0 0 2px var(--color-accent)}.metric-card.clickable.active{box-shadow:0 0 0 2px var(--color-accent);background:var(--color-accent-soft)}.metric-card.clickable.active .metric-label{color:var(--color-accent-text)}.metric-unit{color:var(--color-cocoa-200);margin-bottom:2px;font-size:10px}.modal-close{cursor:pointer;color:var(--color-cocoa-400);background:0 0;border:none;border-radius:4px;padding:4px}.form-wrap{flex-direction:column;gap:1.25rem;max-width:700px;display:flex}.form-section-title{font-family:var(--font-display);color:var(--color-cocoa-900);border-bottom:var(--border);margin-bottom:1rem;padding-bottom:8px;font-size:15px;position:relative}.form-section-title:after{content:"";background:var(--color-accent);width:34px;height:2px;position:absolute;bottom:-1px;left:0}.field-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field-full{grid-column:1/-1}label{color:var(--color-cocoa-400);font-size:12px;font-weight:500}.required{color:var(--color-accent-deep);margin-left:2px}.field-hint{color:var(--color-cocoa-200);font-size:11px}input[type=text],input[type=date],input[type=number],select,textarea{border:var(--border);border-radius:var(--radius-sm);width:100%;color:var(--color-cocoa-800);background:var(--color-cocoa-50);font-size:13px;font-family:var(--font-body);outline:none;padding:9px 12px;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);background:var(--bg-surface)}textarea{resize:vertical;min-height:80px;line-height:1.5}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23A87B00'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.toggle-group{gap:6px;display:flex}.toggle-btn{border-radius:var(--radius-sm);border:var(--border);background:var(--color-cocoa-50);color:var(--color-cocoa-400);cursor:pointer;font-size:13px;font-family:var(--font-body);padding:7px 14px;transition:all .15s}.toggle-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.toggle-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);font-weight:500}.form-actions{justify-content:flex-end;gap:10px;padding-top:.25rem;display:flex}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.badge-ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-info,.badge-refugio{background:var(--color-info-bg);color:var(--color-info-text)}.badge-transito{background:var(--color-warn-bg);color:var(--color-warn-text)}.badge-adoptado{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge-urgente{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-listo{background:var(--color-ok-bg);color:var(--color-ok-text)}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-bar{background:var(--bg-surface);border:var(--border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;max-width:320px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-icon{color:var(--color-cocoa-200);flex-shrink:0}.search-bar input{font-family:var(--font-body);color:var(--color-cocoa-800);background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-size:13px}.search-bar input::placeholder{color:var(--color-cocoa-200)}.filtros{flex-wrap:wrap;gap:6px;display:flex}.filtro-btn{border:var(--border);background:var(--bg-surface);color:var(--color-cocoa-400);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.filtro-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.filtro-btn.active{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.table-wrap{background:var(--bg-surface);border:var(--border);border-radius:var(--radius-md);overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table thead th{text-align:left;color:var(--color-cocoa-400);border-bottom:var(--border);background:var(--color-cocoa-50);text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;font-size:11px;font-weight:500}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover{background:var(--color-accent-soft)}.data-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.data-table tbody td{border-bottom:var(--border);color:var(--color-cocoa-800);padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--color-cocoa-400)!important}.animal-cell{align-items:center;gap:10px;display:flex}.empty-row{text-align:center;color:var(--color-cocoa-400);padding:2rem!important}.hc-perfil{margin-bottom:0}.perfil-top{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.perfil-avatar{border-radius:var(--radius-md);background:var(--color-cocoa-100);width:56px;height:56px;box-shadow:0 0 0 2px var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.perfil-nombre{margin-bottom:3px;font-size:22px}.perfil-raza{color:var(--color-cocoa-400);margin-bottom:2px;font-size:13px}.perfil-contacto{color:var(--color-cocoa-200);font-size:12px}.data-grid{border-top:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:1rem;display:grid}.data-label{color:var(--color-cocoa-400);margin-bottom:3px;font-size:11px}.data-val{color:var(--color-cocoa-900);font-size:14px;font-weight:500}.hc-two-col{grid-template-columns:1.2fr 1fr;gap:1.25rem;display:grid}.hc-right-col{flex-direction:column;gap:1.25rem;display:flex}.tl-item{border-bottom:var(--border);gap:10px;padding:12px 0;display:flex}.tl-item:last-child{border-bottom:none}.tl-left{flex-direction:column;flex-shrink:0;align-items:center;width:12px;padding-top:4px;display:flex}.tl-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tl-dot-vet{background:var(--color-cocoa-700);box-shadow:0 0 0 3px var(--color-accent-soft)}.tl-dot-protectora{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.tl-line{background:var(--color-cocoa-100);flex:1;width:1px;margin-top:4px}.tl-fecha{color:var(--color-cocoa-400);flex-shrink:0;width:80px;padding-top:2px;font-size:11px}.tl-body{flex:1}.tl-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.tl-tipo{color:var(--color-cocoa-900);font-size:13px;font-weight:500}.tl-desc{color:var(--color-cocoa-400);font-size:12px;line-height:1.5}.tl-quien{color:var(--color-cocoa-200);margin-top:4px;font-size:11px}.foto-add-btn{color:var(--color-cocoa-400);cursor:pointer;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:inline-flex}.foto-add-btn:hover{color:var(--color-accent-deep)}.vac-row{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.vac-row:last-child{border-bottom:none}.vac-nombre{color:var(--color-cocoa-900);font-size:13px;font-weight:500}.vac-fecha{color:var(--color-cocoa-400);margin-top:2px;font-size:11px}.peso-row{border-bottom:var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.peso-row:last-child{border-bottom:none}.peso-fecha{color:var(--color-cocoa-400);flex-shrink:0;width:80px;font-size:12px}.peso-bar-wrap{background:var(--color-accent-soft);border-radius:2px;flex:1;height:4px}.peso-bar{background:var(--color-accent);border-radius:2px;height:4px}.peso-val{color:var(--color-cocoa-900);text-align:right;width:52px;font-size:13px;font-weight:500}.foto-upload{border:1.5px dashed var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-accent-soft);flex-direction:column;align-items:center;gap:6px;padding:1.25rem;display:flex}.foto-upload-icon{font-size:24px}.foto-upload-title{color:var(--color-cocoa-700);font-size:13px;font-weight:500}.foto-upload-sub{color:var(--color-cocoa-400);text-align:center;font-size:11px}.modal-overlay{z-index:1000;background:#24181180;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:520px;max-height:90vh;display:flex;box-shadow:0 8px 40px #24181133}.modal-header{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.modal-header h3{font-family:var(--font-display);font-size:18px}.modal-close{cursor:pointer;color:var(--color-cocoa-400);background:0 0;border:none;padding:4px}.modal-close:hover{color:var(--color-cocoa-800)}.modal-body{flex-direction:column;gap:12px;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.modal-footer{border-top:var(--border);justify-content:flex-end;gap:8px;padding:1rem 1.5rem;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.icon-btn{cursor:pointer;color:var(--color-cocoa-400);background:0 0;border:none;border-radius:4px;padding:3px}.icon-btn:hover{background:var(--color-accent-soft);color:var(--color-accent-text)}.fotos-grid{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.foto-thumb{width:90px}.foto-thumb img{object-fit:cover;border-radius:6px;width:90px;height:70px}.foto-pie{color:var(--color-cocoa-400);margin-top:3px;font-size:10px;line-height:1.3}