.animal-detail-container{background:#f8f9fa;min-height:100vh}.animal-detail-container.with-secondary-menu .detail-layout{display:flex;min-height:100vh}.animal-detail-container.with-secondary-menu .animal-secondary-menu{flex-shrink:0;height:100vh;position:sticky;top:0;z-index:1030}@media(max-width:1400px){.animal-detail-container.with-secondary-menu .animal-secondary-menu{height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;z-index:1040}.animal-detail-container.with-secondary-menu .animal-secondary-menu.collapsed{transform:translateX(-100%)}.animal-detail-container.with-secondary-menu .animal-secondary-menu.expanded{transform:translateX(0)}}.animal-detail-container.with-secondary-menu .animal-secondary-menu .menu-item.active{background:rgba(59,130,246,.1);border-left:3px solid #3b82f6}.animal-detail-container.with-secondary-menu .detail-main-content{flex:1;min-width:0;overflow-y:auto}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-state .animate-spin{animation:spin 1s linear infinite;color:#16a34a}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.secondary-menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.5);inset:0;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;z-index:1020}.secondary-menu-backdrop.show{opacity:1;visibility:visible}.content-container{margin:0 auto;max-width:1140px;padding:1.5rem;position:relative}@media(min-width:1400px){.content-container{max-width:1200px}}@media(min-width:1600px){.content-container{max-width:1280px}}@media(max-width:1200px){.content-container{padding:1rem}}@media(max-width:768px){.content-container{padding:1rem 1rem 160px}}.menu-toggle-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:50%;bottom:88px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:56px;z-index:1030}.menu-toggle-btn svg{height:24px;width:24px}.menu-toggle-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.15);transform:scale(1.08)}.menu-toggle-btn:active{transform:scale(.95)}@media(min-width:1400px){.menu-toggle-btn{display:none}}@media(min-width:768px)and (max-width:1400px){.menu-toggle-btn{bottom:96px;height:60px;right:32px;width:60px}.menu-toggle-btn svg{height:26px;width:26px}}@media(max-width:768px){.menu-toggle-btn{bottom:80px;right:20px}}@media(max-width:480px){.menu-toggle-btn{bottom:72px;height:52px;right:16px;width:52px}.menu-toggle-btn svg{height:22px;width:22px}}@supports(padding-bottom:env(safe-area-inset-bottom)){@media(max-width:768px){.menu-toggle-btn{bottom:calc(72px + env(safe-area-inset-bottom))}}}.animal-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:28px}@media(max-width:768px){.animal-hero-card{padding:1rem}}.animal-hero-card .hero-content{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.animal-hero-card .hero-content{align-items:center;flex-direction:column;text-align:center}}.animal-hero-card .animal-avatar-large{align-items:center;background:linear-gradient(135deg,rgba(22,163,74,.1),rgba(22,163,74,.05));border:3px solid rgba(22,163,74,.2);border-radius:1.5rem;box-shadow:0 4px 16px rgba(22,163,74,.15);display:flex;flex-shrink:0;height:88px;justify-content:center;position:relative;width:88px}.animal-hero-card .animal-avatar-large .avatar-emoji{font-size:44px}.animal-hero-card .animal-avatar-large .avatar-status{border:3px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 1px 3px rgba(0,0,0,.05);height:20px;position:absolute;right:-4px;width:20px}@media(max-width:768px){.animal-hero-card .animal-avatar-large{height:72px;width:72px}.animal-hero-card .animal-avatar-large .avatar-emoji{font-size:36px}}.animal-hero-card .hero-info{flex:1;min-width:0}.animal-hero-card .hero-info .hero-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}@media(max-width:768px){.animal-hero-card .hero-info .hero-title-row{justify-content:center}}.animal-hero-card .hero-info .hero-title-row h1{color:#15803d;font-size:1.5rem;font-weight:700;margin:0}@media(max-width:768px){.animal-hero-card .hero-info .hero-title-row h1{font-size:1.25rem}}.animal-hero-card .hero-info .hero-badges{display:flex;flex-wrap:wrap;gap:.5rem}.animal-hero-card .hero-info .hero-badges .hero-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:5px 12px;text-transform:uppercase}.animal-hero-card .hero-info .hero-badges .hero-badge.type{background:#16a34a;color:#fff}.animal-hero-card .hero-info .hero-badges .hero-badge.gender{background:#dbeafe;color:#0369a1}.animal-hero-card .hero-info .hero-meta{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.animal-hero-card .hero-info .hero-meta{gap:.75rem;justify-content:center}}.animal-hero-card .hero-info .hero-meta .meta-item{align-items:center;background:#f8f9fa;border:1px solid #f3f4f6;border-radius:1rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px}.animal-hero-card .hero-info .hero-meta .meta-item svg{color:#16a34a}.animal-hero-card .hero-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem}@media(max-width:600px){.animal-hero-card .hero-stats{grid-template-columns:repeat(2,1fr)}}.animal-hero-card .hero-stats .stat-card{align-items:center;background:#f8f9fa;border:1px solid #f3f4f6;border-radius:1rem;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.animal-hero-card .hero-stats .stat-card:hover{box-shadow:0 1px 3px rgba(0,0,0,.05);transform:translateY(-2px)}.animal-hero-card .hero-stats .stat-card svg{color:#16a34a;flex-shrink:0}.animal-hero-card .hero-stats .stat-card .stat-info{display:flex;flex-direction:column;min-width:0}.animal-hero-card .hero-stats .stat-card .stat-info .stat-value{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.25}.animal-hero-card .hero-stats .stat-card .stat-info .stat-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.animal-hero-card .bcs-progress .progress-header{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.animal-hero-card .bcs-progress .progress-header .progress-value{color:#16a34a;font-weight:700}.animal-hero-card .bcs-progress .bcs-bar{background:#f3f4f6;border-radius:5px;height:10px}.animal-hero-card .bcs-progress .bcs-bar .progress-bar{background:linear-gradient(90deg,#16a34a,#15803d);border-radius:5px}.section-content{animation:slideInFromTop .3s ease-out;border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-section{align-items:center;background:linear-gradient(135deg,rgba(245,158,11,.02),rgba(245,158,11,.05));border:1px solid rgba(245,158,11,.1);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.coming-soon-section .coming-soon-icon{color:rgba(245,158,11,.4);margin-bottom:1rem}.coming-soon-section .coming-soon-icon svg{height:48px;width:48px}@media(max-width:768px){.coming-soon-section .coming-soon-icon svg{height:32px;width:32px}}.coming-soon-section h4{color:#1f2937;font-weight:600;margin-bottom:.75rem}@media(max-width:768px){.coming-soon-section h4{font-size:1.125rem}}.coming-soon-section p{color:#6b7280;line-height:1.6;margin-bottom:1rem;max-width:500px}@media(max-width:768px){.coming-soon-section p{font-size:.875rem}}.coming-soon-section .coming-soon-badge{align-items:center;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:4px;color:#f59e0b;display:inline-flex;font-size:.875rem;font-weight:500;gap:4px;padding:8px 16px}@media(max-width:768px){.coming-soon-section{margin:1rem 0;padding:2rem .75rem}}.section-navigation{border-top:1px solid #f3f4f6;display:flex;justify-content:flex-start;margin-top:1rem;padding-top:1rem}.section-navigation .back-to-overview-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;color:#6b7280;display:inline-flex;font-weight:500;gap:8px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.section-navigation .back-to-overview-btn:hover{background:#f8f9fa;border-color:#d1d5db;color:#1f2937;transform:translateX(-2px)}@media(max-width:768px){.section-navigation .back-to-overview-btn{justify-content:center;width:100%}}.tab-navigation-enhanced{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;gap:0;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation-enhanced::-webkit-scrollbar{display:none}.tab-navigation-enhanced .tab-btn{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.tab-navigation-enhanced .tab-btn{padding:.75rem 1rem}.tab-navigation-enhanced .tab-btn span{display:none}}.tab-navigation-enhanced .tab-btn:hover{background:#f8f9fa;color:#1f2937}.tab-navigation-enhanced .tab-btn.active{background:rgba(22,163,74,.05);border-bottom-color:#16a34a;color:#16a34a;font-weight:600}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.detail-section:hover{box-shadow:0 4px 6px rgba(0,0,0,.07)}.detail-section .section-header-enhanced{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:all .3s ease}@media(max-width:768px){.detail-section .section-header-enhanced{padding:1rem}}.detail-section .section-header-enhanced:hover{background:rgba(22,163,74,.02)}.detail-section .section-header-enhanced .section-title-group{align-items:center;display:flex;gap:.75rem}.detail-section .section-header-enhanced .section-title-group .section-icon{color:#16a34a}.detail-section .section-header-enhanced .section-title-group h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.detail-section .section-header-enhanced svg:last-child{color:#16a34a}.detail-section.collapsed .section-header-enhanced{border-bottom:none}.detail-section .section-content-enhanced{padding:1.5rem 2rem}@media(max-width:768px){.detail-section .section-content-enhanced{padding:1rem}}.detail-grid{display:grid;gap:0 3rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}}.detail-row-enhanced{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;min-height:56px;padding:1rem 0}.detail-row-enhanced:last-child{border-bottom:none}@media(max-width:768px){.detail-row-enhanced{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 0}}.detail-row-enhanced .detail-label-enhanced{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.detail-row-enhanced .detail-value-enhanced{color:#1f2937;font-size:.875rem;font-weight:500;text-align:right}@media(max-width:768px){.detail-row-enhanced .detail-value-enhanced{text-align:left}}.detail-row-enhanced .detail-value-enhanced .value-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;padding:6px 14px}.notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:1.5rem;padding:1rem 1.5rem}.notes-section .notes-header{align-items:center;color:#1f2937;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.notes-section .notes-header svg{color:#16a34a}.notes-section .notes-content{color:#6b7280;font-size:.875rem;font-style:italic;line-height:1.6;margin:0}.section-content~.notes-section{display:none}.detail-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:1.5rem}@media(max-width:600px){.detail-actions{flex-direction:column;gap:.75rem}}.section-content~.detail-actions{display:none}.detail-actions .btn-back,.detail-actions .btn-edit{align-items:center;border-radius:1rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.detail-actions .btn-back:hover,.detail-actions .btn-edit:hover{transform:translateY(-2px)}@media(max-width:600px){.detail-actions .btn-back,.detail-actions .btn-edit{justify-content:center;width:100%}}.detail-actions .btn-back{background:#fff;border:2px solid #e5e7eb;color:#1f2937}.detail-actions .btn-back:hover{background:#f8f9fa;border-color:#9ca3af;color:#1f2937}.detail-actions .btn-edit{background:linear-gradient(135deg,#16a34a,#15803d);border:none;box-shadow:0 4px 12px rgba(22,163,74,.3);color:#fff}.detail-actions .btn-edit:hover{box-shadow:0 6px 20px rgba(22,163,74,.4);color:#fff}.tab-content-area{min-height:300px}.tab-content-area .detail-section:first-child{margin-top:.5rem}.animal-treatments-container{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin:1rem 0;overflow:hidden}.animal-treatments-container .treatments-header{align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.03),rgba(59,130,246,.08));border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem}.animal-treatments-container .treatments-header .header-title{align-items:center;color:#1f2937;display:flex}.animal-treatments-container .treatments-header .header-title h4{font-size:1.125rem;font-weight:600;margin:0}.animal-treatments-container .treatments-header .header-actions{align-items:center;display:flex;gap:.5rem}@media(max-width:768px){.animal-treatments-container .treatments-header{align-items:flex-start;flex-direction:column;gap:.75rem}.animal-treatments-container .treatments-header .header-actions{flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}}.section-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.section-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:24px;margin-bottom:.75rem;width:24px}.section-loading .loading-text{color:#6b7280;font-size:.875rem}@media(max-width:1400px){.content-container{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:768px){.animal-hero-card .hero-stats{gap:.75rem}.animal-hero-card .hero-stats .stat-card{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}.section-navigation{margin-top:.75rem}}@media print{.animal-detail-container .animal-secondary-menu,.animal-detail-container .coming-soon-section,.animal-detail-container .detail-actions,.animal-detail-container .menu-toggle-btn,.animal-detail-container .secondary-menu-backdrop,.animal-detail-container .section-navigation,.animal-detail-container .tab-navigation-enhanced{display:none!important}.animal-detail-container .content-container{max-width:none;padding:0}.animal-detail-container .animal-hero-card,.animal-detail-container .animal-treatments-container,.animal-detail-container .detail-section{border:1px solid #ddd;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid}.animal-detail-container .detail-section.collapsed .section-content-enhanced{display:block!important}.animal-detail-container .section-content{border-top:none;padding-top:0}}.animal-detail-container .back-to-overview-btn:focus,.animal-detail-container .menu-toggle-btn:focus,.animal-detail-container .section-header-enhanced:focus,.animal-detail-container .tab-btn:focus{outline:2px solid #16a34a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.animal-detail-container .section-content{animation:none}.animal-detail-container .detail-actions .btn-back:hover,.animal-detail-container .detail-actions .btn-edit:hover,.animal-detail-container .menu-toggle-btn:hover,.animal-detail-container .stat-card:hover{transform:none}}@media(prefers-contrast:high){.animal-detail-container .animal-hero-card,.animal-detail-container .animal-treatments-container,.animal-detail-container .detail-section{border:2px solid #1f2937}.animal-detail-container .coming-soon-badge,.animal-detail-container .hero-badge,.animal-detail-container .value-badge{border:1px solid}}