.vaccination-detail-inline{background:#fff;border-radius:12px;overflow:hidden}.vaccination-detail-inline .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.vaccination-detail-inline .loading-state .animate-spin{animation:spin 1s linear infinite}.vaccination-detail-inline .inline-detail-header{align-items:center;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(139,92,246,.05));border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.vaccination-detail-inline .inline-detail-header .header-title{align-items:center;display:flex;gap:12px}.vaccination-detail-inline .inline-detail-header .header-title .back-btn{border-radius:6px;color:#6b7280;padding:6px}.vaccination-detail-inline .inline-detail-header .header-title .back-btn:hover{background:rgba(0,0,0,.05);color:#1f2937}.vaccination-detail-inline .inline-detail-header .header-title .header-icon{color:#8b5cf6}.vaccination-detail-inline .inline-detail-header .header-title h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0}.vaccination-detail-inline .quick-info-banner{background:#f8faf8;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.vaccination-detail-inline .quick-info-banner .info-item .info-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.025em;padding:4px 10px;text-transform:uppercase}.vaccination-detail-inline .quick-info-banner .info-item .info-badge.cost{background:rgba(59,130,246,.1);color:#3b82f6}.vaccination-detail-inline .quick-info-banner .info-item .info-badge svg{flex-shrink:0}.vaccination-detail-inline .status-detail-banner{align-items:center;border-left:4px solid;border-radius:6px;display:flex;gap:12px;margin:12px 16px;padding:14px 20px}.vaccination-detail-inline .status-detail-banner .status-content{display:flex;flex-direction:column;gap:2px}.vaccination-detail-inline .status-detail-banner .status-content strong{font-size:.9rem;font-weight:600}.vaccination-detail-inline .status-detail-banner .status-content span{color:#6b7280;font-size:.8rem}.vaccination-detail-inline .tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:2px;overflow-x:auto;padding:8px 12px}.vaccination-detail-inline .tab-navigation::-webkit-scrollbar{display:none}.vaccination-detail-inline .tab-navigation .tab-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease;white-space:nowrap}.vaccination-detail-inline .tab-navigation .tab-btn svg{flex-shrink:0}.vaccination-detail-inline .tab-navigation .tab-btn:hover{background:#f8faf8;color:#1f2937}.vaccination-detail-inline .tab-navigation .tab-btn.active{background:#8b5cf6;color:#fff}.vaccination-detail-inline .tab-content-area{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:16px}.vaccination-detail-inline .detail-section{background:#f8faf8;border-radius:8px;overflow:hidden}.vaccination-detail-inline .detail-section .section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vaccination-detail-inline .detail-section .section-header:hover{background:rgba(0,0,0,.02)}.vaccination-detail-inline .detail-section .section-header .section-title-group{align-items:center;display:flex;gap:10px}.vaccination-detail-inline .detail-section .section-header .section-title-group .section-icon{color:#8b5cf6}.vaccination-detail-inline .detail-section .section-header .section-title-group h3{color:#1f2937;font-size:.9rem;font-weight:600;margin:0}.vaccination-detail-inline .detail-section .section-header svg:last-child{color:#9ca3af;flex-shrink:0}.vaccination-detail-inline .detail-section .section-content{padding:0 16px 16px}.vaccination-detail-inline .detail-section.collapsed .section-content{display:none}.vaccination-detail-inline .detail-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.vaccination-detail-inline .detail-row{display:flex;flex-direction:column;gap:2px}.vaccination-detail-inline .detail-row .detail-label{align-items:center;color:#9ca3af;display:flex;font-size:.7rem;font-weight:500;gap:4px;letter-spacing:.05em;text-transform:uppercase}.vaccination-detail-inline .detail-row .detail-label .label-icon{color:#9ca3af}.vaccination-detail-inline .detail-row .detail-value{color:#1f2937;font-size:.85rem;font-weight:500}.vaccination-detail-inline .detail-row .detail-value .value-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 8px}.vaccination-detail-inline .cost-display{align-items:center;background:#fff;border-radius:6px;display:flex;gap:16px;padding:16px}.vaccination-detail-inline .cost-display svg{color:#8b5cf6}.vaccination-detail-inline .cost-display .cost-info{display:flex;flex-direction:column}.vaccination-detail-inline .cost-display .cost-info .cost-value{color:#8b5cf6;font-size:1.5rem;font-weight:700}.vaccination-detail-inline .cost-display .cost-info .cost-label{color:#9ca3af;font-size:.75rem;text-transform:uppercase}.vaccination-detail-inline .notes-content{background:#fff;border-radius:6px;color:#1f2937;font-size:.85rem;line-height:1.6;padding:12px;white-space:pre-wrap}.vaccination-detail-inline .animal-link-section{align-items:center;background:#f8faf8;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.85rem;gap:8px;padding:12px 20px}.vaccination-detail-inline .animal-link-section svg{color:#9ca3af}.vaccination-detail-inline .animal-link-section strong{color:#1f2937}@media(max-width:600px){.vaccination-detail-inline .inline-detail-header{align-items:flex-start;flex-direction:column;gap:12px}.vaccination-detail-inline .inline-detail-header .header-title h4{font-size:1rem}.vaccination-detail-inline .quick-info-banner{padding:10px 16px}.vaccination-detail-inline .status-detail-banner{margin:8px 12px;padding:12px}.vaccination-detail-inline .tab-navigation{padding:6px 8px}.vaccination-detail-inline .tab-navigation .tab-btn{font-size:.75rem;padding:6px 10px}.vaccination-detail-inline .tab-navigation .tab-btn span{display:none}.vaccination-detail-inline .tab-content-area{max-height:350px;padding:12px}.vaccination-detail-inline .detail-grid{grid-template-columns:1fr}}.detail-container{background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:70px;min-height:100vh}.detail-container.with-sidebar-open .main-content{margin-left:280px;width:calc(100% - 280px)}.detail-container.with-sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}.detail-container .main-content{background:#f8f9fa;flex:1;min-height:calc(100vh - 70px);transition:all .3s ease}.detail-container .content-container{box-sizing:border-box;margin-left:10px;max-width:none;padding:5px}.detail-container .loading-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:5rem 2rem}.detail-container .loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid rgba(82,196,26,.2);border-radius:50%;border-top-color:#22c55e;height:3rem;width:3rem}.detail-container .loading-state .loading-text{color:#1f2937;font-size:1.125rem;font-weight:600;text-align:center}.detail-container .page-header{background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);border-radius:0 0 1.5rem 12px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:-2rem -2rem 2rem;padding:2rem 2rem 1.5rem}.detail-container .page-header .header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px}.detail-container .page-header .header-title{align-items:flex-start;display:flex;flex:1;gap:1rem}.detail-container .page-header .header-icon{align-items:center;background:rgba(82,196,26,.1);border:1px solid rgba(82,196,26,.2);border-radius:1.5rem;box-shadow:0 2px 4px rgba(82,196,26,.1);color:#22c55e;display:flex;flex-shrink:0;height:3.5rem;justify-content:center;width:3.5rem}.detail-container .page-header .title-info{flex:1}.detail-container .page-header .title-info h1{color:#1f2937;font-size:1.875rem;font-weight:700;line-height:1.25;margin:0 0 .5rem}.detail-container .page-header .title-info .subtitle{color:#6b7280;font-size:1rem;font-weight:500;line-height:1.4;margin:0}.detail-container .page-header .header-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.detail-container .detail-actions{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border:1px solid rgba(82,196,26,.15);border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.25rem 1.5rem;transition:all .3s ease}.detail-container .detail-actions:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08));box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-1px)}.detail-container .actions-left,.detail-container .actions-right{align-items:center;display:flex;gap:.75rem}.detail-container .btn{align-items:center;border:2px solid transparent;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.025em;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.detail-container .btn:focus{box-shadow:0 0 0 4px rgba(34,197,94,.1);outline:none}.detail-container .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.detail-container .btn:hover:not(:disabled){box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.detail-container .btn:active:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.detail-container .btn-back,.detail-container .btn-back-bottom{background:#fff;border-color:#e5e7eb;color:#1f2937}.detail-container .btn-back-bottom:hover:not(:disabled),.detail-container .btn-back:hover:not(:disabled){background:#f8f9fa;border-color:#22c55e;box-shadow:0 6px 16px rgba(82,196,26,.2);color:#22c55e}.detail-container .btn-edit,.detail-container .btn-edit-bottom,.detail-container .btn-primary{background:#22c55e;border-color:#22c55e;color:#fff}.detail-container .btn-edit-bottom:hover:not(:disabled),.detail-container .btn-edit:hover:not(:disabled),.detail-container .btn-primary:hover:not(:disabled){background:#16a34a;border-color:#16a34a;box-shadow:0 6px 16px rgba(82,196,26,.4)}.detail-container .btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.detail-container .btn-secondary:hover:not(:disabled){background:#475569;border-color:#475569;box-shadow:0 6px 16px hsla(220,9%,46%,.3)}.detail-container .btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.detail-container .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 6px 16px rgba(220,38,38,.3)}.detail-container .detail-overview{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.detail-container .detail-overview:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.detail-container .detail-overview .overview-header{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);display:flex;justify-content:space-between;padding:2rem;transition:.3s ease}.detail-container .detail-overview .overview-header:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08))}.detail-container .detail-overview .overview-header .entity-info{align-items:center;display:flex;flex:1;gap:1.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-icon{align-items:center;background:#22c55e;border-radius:1.5rem;box-shadow:0 4px 12px rgba(82,196,26,.3);color:#fff;display:flex;flex-shrink:0;height:4.5rem;justify-content:center;position:relative;width:4.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-icon:before{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);border-radius:18px;content:"";inset:-2px;opacity:0;position:absolute;transition:.3s ease}.detail-container .detail-overview .overview-header .entity-info .entity-icon:hover:before{opacity:1}.detail-container .detail-overview .overview-header .entity-info .entity-details{flex:1;min-width:0}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 .5rem;word-break:break-word}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta span{align-items:center;background:hsla(220,9%,46%,.1);border:1px solid hsla(220,9%,46%,.2);border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.detail-container .detail-overview .overview-header .overview-status{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem}.detail-container .detail-overview .overview-content{padding:2rem}.detail-container .details-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.detail-container .detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);overflow:hidden;position:relative;transition:all .3s ease}.detail-container .detail-card:before{background:linear-gradient(90deg,#22c55e,rgba(82,196,26,.6));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:.3s ease}.detail-container .detail-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-4px)}.detail-container .detail-card:hover:before{opacity:1}.detail-container .detail-card .card-header{align-items:center;background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06));border-bottom:1px solid rgba(82,196,26,.15);display:flex;gap:1rem;padding:1.5rem;transition:.3s ease}.detail-container .detail-card .card-header:hover{background:linear-gradient(135deg,rgba(82,196,26,.04),rgba(82,196,26,.08))}.detail-container .detail-card .card-header .card-icon{color:#22c55e;flex-shrink:0;height:1.5rem;width:1.5rem}.detail-container .detail-card .card-header .card-title{color:#1f2937;font-size:1.125rem;font-weight:700;letter-spacing:-.025em;margin:0}.detail-container .detail-card .card-header .card-actions{display:flex;gap:.5rem;margin-left:auto}.detail-container .detail-card .card-content{padding:2rem 1.5rem}.detail-container .detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 0;transition:all .3s ease}.detail-container .detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-container .detail-row:first-child{padding-top:0}.detail-container .detail-row:hover{background:rgba(82,196,26,.02);border-radius:1rem;margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}.detail-container .detail-row .detail-label{color:#6b7280;flex:1;font-size:.875rem;font-weight:600;letter-spacing:.025em;max-width:45%;text-transform:uppercase}.detail-container .detail-row .detail-value{color:#1f2937;flex:1;font-size:.875rem;font-weight:600;max-width:55%;text-align:right;word-break:break-word}.detail-container .detail-row .detail-value.price-value{color:#22c55e;font-size:1rem;font-weight:700}.detail-container .detail-row .detail-value.negative-value{color:#dc2626;font-weight:700}.detail-container .detail-row .detail-value.positive-value{color:#16a34a;font-weight:700}.detail-container .detail-row .detail-value.status-value{display:flex;justify-content:flex-end}.detail-container .status-badge{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:uppercase}.detail-container .status-badge:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s ease;width:100%}.detail-container .status-badge:hover:before{left:100%}.detail-container .status-badge.active{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.2);color:#15803d}.detail-container .status-badge.inactive{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px rgba(239,68,68,.2);color:#dc2626}.detail-container .status-badge.pending{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.1));border:1px solid rgba(249,115,22,.3);box-shadow:0 2px 4px rgba(249,115,22,.2);color:#c2410c}.detail-container .status-badge.completed{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.2);color:#15803d}.detail-container .status-badge.cancelled{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px rgba(239,68,68,.2);color:#dc2626}.detail-container .generic-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.detail-container .generic-badge.primary{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1));border:1px solid rgba(59,130,246,.3);color:#1d4ed8}.detail-container .generic-badge.secondary{background:linear-gradient(135deg,hsla(220,9%,46%,.15),hsla(220,9%,46%,.1));border:1px solid hsla(220,9%,46%,.3);color:#475569}.detail-container .generic-badge.success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);color:#15803d}.detail-container .generic-badge.warning{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.1));border:1px solid rgba(249,115,22,.3);color:#c2410c}.detail-container .generic-badge.danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);color:#dc2626}.detail-container .generic-badge.info{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(6,182,212,.1));border:1px solid rgba(6,182,212,.3);color:#0f766e}.detail-container .detail-bottom-actions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(248,250,252,.8);border-radius:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:2.5rem;padding:1.5rem}@media(max-width:768px){.detail-container .detail-bottom-actions{flex-direction:column;gap:.75rem}.detail-container .detail-bottom-actions .btn-back-bottom,.detail-container .detail-bottom-actions .btn-edit-bottom{justify-content:center;width:100%}}.detail-container .info-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.detail-container .info-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.detail-container .info-card .info-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.detail-container .info-card .info-header .info-icon{align-items:center;background:rgba(82,196,26,.1);border-radius:1rem;color:#22c55e;display:flex;height:2rem;justify-content:center;width:2rem}.detail-container .info-card .info-header .info-title{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0}.detail-container .info-card .info-content{color:#6b7280;line-height:1.6}.detail-container .detail-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:1.5rem;box-shadow:0 4px 20px rgba(82,196,26,.1);overflow:hidden;width:100%}.detail-container .detail-table thead{background:linear-gradient(135deg,rgba(82,196,26,.03),rgba(82,196,26,.06))}.detail-container .detail-table thead th{border-bottom:1px solid rgba(82,196,26,.15);color:#1f2937;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.detail-container .detail-table tbody tr{transition:all .3s ease}.detail-container .detail-table tbody tr:hover{background:rgba(82,196,26,.02)}.detail-container .detail-table tbody tr:not(:last-child){border-bottom:1px solid #f3f4f6}.detail-container .detail-table tbody td{color:#1f2937;font-size:.875rem;padding:1rem 1.5rem;vertical-align:top}.detail-container .form-control-custom,.detail-container input.form-control-custom,.detail-container select.form-control-custom,.detail-container textarea.form-control-custom{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;box-sizing:border-box!important;color:#1f2937!important;font-size:.875rem!important;font-weight:500!important;line-height:1.4;padding:.75rem 1.125rem!important;transition:all .3s ease!important;width:100%!important}.detail-container .form-control-custom:focus,.detail-container input.form-control-custom:focus,.detail-container select.form-control-custom:focus,.detail-container textarea.form-control-custom:focus{background:rgba(82,196,26,.02)!important;border-color:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.1)!important;outline:none!important}.detail-container .form-control-custom::-moz-placeholder,.detail-container input.form-control-custom::-moz-placeholder,.detail-container select.form-control-custom::-moz-placeholder,.detail-container textarea.form-control-custom::-moz-placeholder{color:#9ca3af;font-weight:400}.detail-container .form-control-custom::placeholder,.detail-container input.form-control-custom::placeholder,.detail-container select.form-control-custom::placeholder,.detail-container textarea.form-control-custom::placeholder{color:#9ca3af;font-weight:400}.detail-container .form-control-custom[readonly],.detail-container input.form-control-custom[readonly],.detail-container select.form-control-custom[readonly],.detail-container textarea.form-control-custom[readonly]{background:#f8f9fa!important;border-color:#f3f4f6!important;color:#6b7280;cursor:not-allowed}@media(max-width:1024px){.detail-container .details-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-container .detail-overview .overview-header .entity-info .entity-icon{height:3.5rem;width:3.5rem}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-title{font-size:1.25rem}}@media(max-width:768px){.detail-container{margin-top:60px}.detail-container.with-sidebar-collapsed .main-content,.detail-container.with-sidebar-open .main-content{margin-left:0;width:100%}.detail-container .main-content{min-height:calc(100vh - 60px)}.detail-container .content-container{padding:1rem}.detail-container .page-header{border-radius:0 0 1rem 8px;margin:-1rem -1rem 1.5rem;padding:1.5rem 1rem}.detail-container .page-header .header-content{align-items:flex-start;flex-direction:column;gap:1rem}.detail-container .page-header .header-title{width:100%}.detail-container .page-header .header-title .entity-details .entity-meta{flex-direction:column;gap:.5rem}.detail-container .page-header .header-actions{justify-content:flex-end;width:100%}.detail-container .detail-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 4px}.detail-container .detail-actions .actions-left,.detail-container .detail-actions .actions-right{align-items:center;display:flex;gap:.75rem}.detail-container .detail-actions .btn-back,.detail-container .detail-actions .btn-secondary,.detail-container .detail-actions .btn-toggle-empty{align-items:center;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:10px 16px;text-decoration:none;transition:all .3s ease}.detail-container .detail-actions .btn-back:hover,.detail-container .detail-actions .btn-secondary:hover,.detail-container .detail-actions .btn-toggle-empty:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.detail-container .detail-actions .btn-back{background:#fff;border-color:#e5e7eb;color:#1f2937}.detail-container .detail-actions .btn-back:hover{background:rgba(34,197,94,.05);border-color:#22c55e;color:#22c55e}.detail-container .detail-actions .btn-back.mobile-back{justify-content:center;min-width:40px;padding:8px}.detail-container .detail-actions .btn-secondary{background:#22c55e;border-color:#22c55e;color:#fff}.detail-container .detail-actions .btn-secondary:hover{background:#16a34a;border-color:#16a34a}.detail-container .detail-actions .btn-toggle-empty{background:#fff;border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container .detail-actions .btn-toggle-empty:hover{background:rgba(22,163,74,.05);border-color:#16a34a;color:#15803d}.detail-container .detail-overview .overview-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.detail-container .detail-overview .overview-header .entity-info{width:100%}.detail-container .detail-overview .overview-header .entity-info .entity-details .entity-meta{flex-direction:column;gap:.5rem}.detail-container .detail-overview .overview-header .overview-status{align-self:flex-end;justify-content:flex-end}.detail-container .details-grid{gap:1.5rem;grid-template-columns:1fr}.detail-container .detail-row{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 0}.detail-container .detail-row:hover{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.detail-container .detail-row .detail-label{font-size:.75rem;max-width:none}.detail-container .detail-row .detail-value{font-size:.875rem;max-width:none;text-align:left}.detail-container .detail-row .detail-value.status-value{justify-content:flex-start}.detail-container .detail-table{font-size:.75rem}.detail-container .detail-table tbody td,.detail-container .detail-table thead th{padding:.75rem 1rem}}@media(max-width:576px){.detail-container .detail-card .card-content{padding:1.5rem 1rem}.detail-container .detail-overview .overview-header{padding:1rem}.detail-container .detail-overview .overview-header .entity-info{flex-direction:column;gap:1rem;text-align:center}.detail-container .detail-overview .overview-header .overview-status{gap:.5rem}.detail-container .btn{font-size:.75rem;padding:.75rem 1.25rem}.detail-container .page-header .title-info h1{font-size:1.25rem}.detail-container .page-header .header-icon{height:3rem;width:3rem}}@media(prefers-reduced-motion:reduce){.detail-container *{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.detail-container .btn,.detail-container .form-control-custom{border-width:2px!important}.detail-container .generic-badge,.detail-container .status-badge{border-width:2px}}.detail-container .btn:focus,.detail-container .form-control-custom:focus,.detail-container button:focus{outline:3px solid #22c55e;outline-offset:2px}@media print{.detail-container .detail-actions,.detail-container .page-header .header-actions{display:none!important}.detail-container .detail-card,.detail-container .detail-overview,.detail-container .info-card{border:1px solid #000;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}.detail-container .details-grid{grid-template-columns:repeat(2,1fr)}.detail-container .page-header{background:#fff!important;border-bottom:2px solid #000}}.btn-back-bottom,.btn-edit-bottom{align-items:center;border:1px solid transparent;border-radius:.375rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;font-weight:600;gap:.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-back-bottom:hover,.btn-edit-bottom:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.btn-back-bottom{background:#fff;border-color:#e5e7eb;color:#1f2937}.btn-back-bottom:hover{background:rgba(34,197,94,.05);border-color:#22c55e;color:#22c55e}.btn-edit-bottom{background:#22c55e;border-color:#22c55e;color:#fff}.btn-edit-bottom:hover{background:#16a34a;border-color:#16a34a}.detail-container.vaccination-detail{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.detail-container.vaccination-detail .detail-wrapper{margin:0 auto;max-width:calc(100vw - 4rem);min-height:calc(100vh - 80px);padding:2rem 2rem 3rem;width:100%}@media(min-width:1920px){.detail-container.vaccination-detail .detail-wrapper{max-width:1800px}}@media(min-width:1600px)and (max-width:1919px){.detail-container.vaccination-detail .detail-wrapper{max-width:1600px}}@media(min-width:1200px)and (max-width:1599px){.detail-container.vaccination-detail .detail-wrapper{max-width:calc(100% - 4rem);padding:2rem}}@media(max-width:1199px){.detail-container.vaccination-detail .detail-wrapper{max-width:100%;padding:1.5rem 1.5rem 3rem}}@media(max-width:768px){.detail-container.vaccination-detail .detail-wrapper{padding:1rem 1rem 2rem}}.detail-container.vaccination-detail .loading-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.detail-container.vaccination-detail .loading-container .loading-content{max-width:400px;text-align:center}.detail-container.vaccination-detail .loading-container .loading-content .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:48px;margin-bottom:1.5rem;width:48px}.detail-container.vaccination-detail .loading-container .loading-content h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.detail-container.vaccination-detail .loading-container .loading-content p{color:#6b7280;font-size:1rem}.detail-container.vaccination-detail .detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:2rem;overflow:hidden}.detail-container.vaccination-detail .detail-header .header-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}@media(max-width:768px){.detail-container.vaccination-detail .detail-header .header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 1.5rem}}.detail-container.vaccination-detail .detail-header .header-left{align-items:center;display:flex;flex:1;gap:1.5rem}@media(max-width:768px){.detail-container.vaccination-detail .detail-header .header-left{justify-content:space-between;width:100%}}.detail-container.vaccination-detail .detail-header .header-left .breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.detail-container.vaccination-detail .detail-header .header-left .breadcrumb .separator{color:#9ca3af}.detail-container.vaccination-detail .detail-header .header-left .breadcrumb .current{color:#1f2937;font-weight:600}@media(max-width:768px){.detail-container.vaccination-detail .detail-header .header-left .breadcrumb{display:none}}.detail-container.vaccination-detail .detail-header .header-right{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.detail-container.vaccination-detail .detail-header .header-right{justify-content:flex-end;width:100%}}.detail-container.vaccination-detail .btn-back,.detail-container.vaccination-detail .btn-create,.detail-container.vaccination-detail .btn-edit,.detail-container.vaccination-detail .btn-mobile-menu,.detail-container.vaccination-detail .btn-primary,.detail-container.vaccination-detail .btn-secondary,.detail-container.vaccination-detail .btn-toggle-empty{align-items:center;border:2px solid transparent;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.25rem;justify-content:center;min-width:120px;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.detail-container.vaccination-detail .btn-back:focus,.detail-container.vaccination-detail .btn-create:focus,.detail-container.vaccination-detail .btn-edit:focus,.detail-container.vaccination-detail .btn-mobile-menu:focus,.detail-container.vaccination-detail .btn-primary:focus,.detail-container.vaccination-detail .btn-secondary:focus,.detail-container.vaccination-detail .btn-toggle-empty:focus{box-shadow:0 0 0 3px rgba(22,163,74,.2);outline:none}.detail-container.vaccination-detail .btn-back:disabled,.detail-container.vaccination-detail .btn-create:disabled,.detail-container.vaccination-detail .btn-edit:disabled,.detail-container.vaccination-detail .btn-mobile-menu:disabled,.detail-container.vaccination-detail .btn-primary:disabled,.detail-container.vaccination-detail .btn-secondary:disabled,.detail-container.vaccination-detail .btn-toggle-empty:disabled{cursor:not-allowed;opacity:.6;transform:none}.detail-container.vaccination-detail .btn-back:hover:not(:disabled),.detail-container.vaccination-detail .btn-create:hover:not(:disabled),.detail-container.vaccination-detail .btn-edit:hover:not(:disabled),.detail-container.vaccination-detail .btn-mobile-menu:hover:not(:disabled),.detail-container.vaccination-detail .btn-primary:hover:not(:disabled),.detail-container.vaccination-detail .btn-secondary:hover:not(:disabled),.detail-container.vaccination-detail .btn-toggle-empty:hover:not(:disabled){box-shadow:0 2px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.detail-container.vaccination-detail .btn-back:before,.detail-container.vaccination-detail .btn-create:before,.detail-container.vaccination-detail .btn-edit:before,.detail-container.vaccination-detail .btn-mobile-menu:before,.detail-container.vaccination-detail .btn-primary:before,.detail-container.vaccination-detail .btn-secondary:before,.detail-container.vaccination-detail .btn-toggle-empty:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.detail-container.vaccination-detail .btn-back:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-create:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-edit:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-mobile-menu:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-primary:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-secondary:hover:not(:disabled):before,.detail-container.vaccination-detail .btn-toggle-empty:hover:not(:disabled):before{left:100%}@media(max-width:768px){.detail-container.vaccination-detail .btn-back,.detail-container.vaccination-detail .btn-create,.detail-container.vaccination-detail .btn-edit,.detail-container.vaccination-detail .btn-mobile-menu,.detail-container.vaccination-detail .btn-primary,.detail-container.vaccination-detail .btn-secondary,.detail-container.vaccination-detail .btn-toggle-empty{font-size:13px;min-width:auto;padding:.75rem 1rem}}.detail-container.vaccination-detail .btn-back{background:#fff;border-color:#e5e7eb;color:#1f2937}.detail-container.vaccination-detail .btn-back:hover:not(:disabled){background:#f8f9fa;border-color:#d1d5db;color:#1f2937}.detail-container.vaccination-detail .btn-back:active{background:#f1f5f9;transform:translateY(-1px)}.detail-container.vaccination-detail .btn-create,.detail-container.vaccination-detail .btn-edit,.detail-container.vaccination-detail .btn-primary{background:linear-gradient(135deg,#16a34a,#16a34a);border-color:#16a34a;color:#fff;font-weight:700}.detail-container.vaccination-detail .btn-create:hover:not(:disabled),.detail-container.vaccination-detail .btn-edit:hover:not(:disabled),.detail-container.vaccination-detail .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#138d40);border-color:#16a34a;box-shadow:0 4px 16px rgba(22,163,74,.3)}.detail-container.vaccination-detail .btn-create:active,.detail-container.vaccination-detail .btn-edit:active,.detail-container.vaccination-detail .btn-primary:active{background:#138d40;transform:translateY(-1px)}.detail-container.vaccination-detail .btn-secondary{background:#fff;border-color:#d1d5db;color:#1f2937}.detail-container.vaccination-detail .btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#9ca3af;color:#1f2937}.detail-container.vaccination-detail .btn-secondary:active{background:#e2e8f0;transform:translateY(-1px)}.detail-container.vaccination-detail .btn-mobile-menu,.detail-container.vaccination-detail .btn-toggle-empty{background:#fff;border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .btn-mobile-menu:hover:not(:disabled),.detail-container.vaccination-detail .btn-toggle-empty:hover:not(:disabled){background:rgba(22,163,74,.1);border-color:#16a34a;color:#16a34a}.detail-container.vaccination-detail .btn-mobile-menu:active,.detail-container.vaccination-detail .btn-toggle-empty:active{background:rgba(22,163,74,.1);transform:translateY(-1px)}.detail-container.vaccination-detail .btn-mobile-menu{min-width:auto;padding:.75rem}.detail-container.vaccination-detail .detail-main{display:flex;flex-direction:column;gap:2rem}.detail-container.vaccination-detail .title-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.detail-container.vaccination-detail .title-section .title-content{align-items:center;display:flex;gap:1.5rem;padding:2rem}@media(max-width:768px){.detail-container.vaccination-detail .title-section .title-content{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}}.detail-container.vaccination-detail .title-section .title-content .entity-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#16a34a);border-radius:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.07);color:#fff;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem}@media(max-width:768px){.detail-container.vaccination-detail .title-section .title-content .entity-icon{height:3rem;width:3rem}}.detail-container.vaccination-detail .title-section .title-content .title-info{flex:1;min-width:0}.detail-container.vaccination-detail .title-section .title-content .title-info .entity-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 .75rem;word-break:break-word}@media(max-width:768px){.detail-container.vaccination-detail .title-section .title-content .title-info .entity-title{font-size:1.25rem;margin-bottom:.5rem}}.detail-container.vaccination-detail .title-section .title-content .title-info .entity-meta{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:768px){.detail-container.vaccination-detail .title-section .title-content .title-info .entity-meta{gap:.75rem;justify-content:center}}.detail-container.vaccination-detail .title-section .title-content .title-info .entity-meta .meta-item{align-items:center;background:#f8f9fa;border:1px solid #f3f4f6;border-radius:.375rem;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px .75rem}@media(max-width:768px){.detail-container.vaccination-detail .title-section .title-content .title-info .entity-meta .meta-item{font-size:13px;padding:4px 10px}}.detail-container.vaccination-detail .tab-navigation{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.detail-container.vaccination-detail .tab-navigation .tab-list{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.detail-container.vaccination-detail .tab-navigation .tab-list::-webkit-scrollbar{display:none}@media(max-width:768px){.detail-container.vaccination-detail .tab-navigation .tab-list{flex-wrap:nowrap}}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;cursor:pointer;display:flex;flex:1;font-weight:500;gap:.5rem;min-width:0;padding:1rem 1.5rem;position:relative;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button{font-size:.875rem;padding:14px 1rem}}@media(max-width:576px){.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button .tab-label{display:none}}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button .tab-indicator{background:#16a34a;border-radius:50%;height:6px;position:absolute;right:.5rem;top:.5rem;width:6px}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button:hover{background:#f8f9fa;color:#1f2937}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button.active{background:rgba(22,163,74,.1);border-bottom-color:#16a34a;color:#16a34a;font-weight:600}.detail-container.vaccination-detail .tab-content-wrapper{min-height:400px}.detail-container.vaccination-detail .tab-content-wrapper .tab-content{display:flex;flex-direction:column;gap:1.5rem}.detail-container.vaccination-detail .overview-status-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:2rem}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card{padding:1.5rem}}.detail-container.vaccination-detail .overview-status-card .status-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.detail-container.vaccination-detail .overview-status-card .status-header .status-icon-wrapper{align-items:center;border:2px solid;border-radius:1rem;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card .status-header .status-icon-wrapper{height:48px;width:48px}}.detail-container.vaccination-detail .overview-status-card .status-header .status-content{flex:1}.detail-container.vaccination-detail .overview-status-card .status-header .status-content .status-title{font-size:1.25rem;font-weight:700;line-height:1.25;margin:0 0 4px}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card .status-header .status-content .status-title{font-size:1.125rem}}.detail-container.vaccination-detail .overview-status-card .status-header .status-content .status-subtitle{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.detail-container.vaccination-detail .overview-status-card .status-metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card .status-metrics{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.detail-container.vaccination-detail .overview-status-card .status-metrics .metric-item{background:#f8f9fa;border:1px solid #f3f4f6;border-radius:1rem;padding:1rem;text-align:center}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card .status-metrics .metric-item{padding:.75rem}}.detail-container.vaccination-detail .overview-status-card .status-metrics .metric-item .metric-value{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:4px}@media(max-width:768px){.detail-container.vaccination-detail .overview-status-card .status-metrics .metric-item .metric-value{font-size:1rem}}.detail-container.vaccination-detail .overview-status-card .status-metrics .metric-item .metric-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header .due-label{color:#1f2937;font-size:.875rem;font-weight:600}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header .due-status{border-radius:.375rem;font-size:.875rem;font-weight:700;padding:4px .75rem}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header .due-status.overdue{background:rgba(220,38,38,.15);color:#dc2626}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header .due-status.due-soon{background:rgba(245,158,11,.1);color:#f59e0b}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-header .due-status.up-to-date{background:rgba(22,163,74,.1);color:#16a34a}.detail-container.vaccination-detail .overview-status-card .next-due-mini .due-date{color:#1f2937;font-size:1rem;font-weight:500}.detail-container.vaccination-detail .vaccination-metrics-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:1.5rem}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-header{align-items:center;display:flex;margin-bottom:1.5rem}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-header .metrics-title{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid{gap:.75rem;grid-template-columns:1fr}}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item{background:#f8f9fa;border:2px solid transparent;border-radius:1rem;padding:1rem;position:relative;transition:all .3s ease}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item:before{border-radius:2px 0 0 2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.excellent:before{background:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.good:before,.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.very-good:before{background:#84cc16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.moderate:before{background:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.poor:before{background:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.long-term:before{background:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.medium-term:before{background:#84cc16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.short-term:before{background:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.very-short:before{background:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.optimal:before{background:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.acceptable:before{background:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.compromised:before{background:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.low:before{background:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.moderate:before{background:#84cc16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.high:before{background:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item.very-high:before{background:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item:hover{box-shadow:0 4px 6px rgba(0,0,0,.07);transform:translateY(-2px)}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.excellent{color:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.good,.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.very-good{color:#84cc16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.moderate{color:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.poor{color:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.long-term{color:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.medium-term{color:#84cc16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.short-term{color:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.very-short{color:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.optimal{color:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.acceptable{color:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.compromised{color:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.low{color:#4ade80}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.high{color:#fa8c16}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-header .metric-status-icon.very-high{color:#ef4444}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-value{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:.5rem}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item .metric-category{color:#6b7280;font-size:.75rem;font-weight:500}.detail-container.vaccination-detail .collapsible-section{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;transition:all .3s ease}.detail-container.vaccination-detail .collapsible-section:hover{box-shadow:0 4px 6px rgba(0,0,0,.07)}.detail-container.vaccination-detail .collapsible-section .section-header{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-container.vaccination-detail .collapsible-section .section-header{padding:1rem 1.5rem}}.detail-container.vaccination-detail .collapsible-section .section-header:hover{background:rgba(22,163,74,.1)}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content{align-items:center;display:flex;flex:1;gap:1rem}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .section-icon{color:#16a34a;flex-shrink:0}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .section-title{color:#1f2937;flex:1;font-size:1.125rem;font-weight:700;margin:0}@media(max-width:768px){.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .section-title{font-size:1rem}}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status{align-items:center;border-radius:.375rem;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:4px .75rem}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status .status-indicator{border-radius:50%;height:6px;width:6px}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status.has-data{background:rgba(22,163,74,.1);color:#16a34a}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status.has-data .status-indicator{background:#16a34a}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status.no-data{background:hsla(220,9%,46%,.1);color:#6b7280}.detail-container.vaccination-detail .collapsible-section .section-header .section-header-content .data-status.no-data .status-indicator{background:#6b7280}.detail-container.vaccination-detail .collapsible-section .section-header .section-toggle{color:#16a34a;flex-shrink:0;transition:transform .3s ease}.detail-container.vaccination-detail .collapsible-section .section-header .section-toggle.expanded{transform:rotate(90deg)}.detail-container.vaccination-detail .collapsible-section .section-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.detail-container.vaccination-detail .collapsible-section .section-content.expanded{max-height:2000px}.detail-container.vaccination-detail .collapsible-section .section-content .section-content-inner{padding:0 2rem 2rem}@media(max-width:768px){.detail-container.vaccination-detail .collapsible-section .section-content .section-content-inner{padding:0 1.5rem 1.5rem}}.detail-container.vaccination-detail .collapsible-section.collapsed .section-header{border-bottom:none}.detail-container.vaccination-detail .detail-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 0;transition:all .3s ease}.detail-container.vaccination-detail .detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-container.vaccination-detail .detail-row:first-child{padding-top:0}.detail-container.vaccination-detail .detail-row:hover{background:rgba(22,163,74,.1);border-radius:.375rem;margin:0 -2rem;padding-left:2rem;padding-right:2rem}@media(max-width:768px){.detail-container.vaccination-detail .detail-row:hover{margin:0 -1.5rem;padding-left:1.5rem;padding-right:1.5rem}}.detail-container.vaccination-detail .detail-row .detail-label{color:#6b7280;flex:1;font-size:.875rem;font-weight:600;letter-spacing:.025em;max-width:45%;text-transform:uppercase}@media(max-width:768px){.detail-container.vaccination-detail .detail-row .detail-label{font-size:13px;max-width:none}}.detail-container.vaccination-detail .detail-row .detail-value{color:#1f2937;flex:1;font-size:.875rem;font-weight:500;max-width:55%;text-align:right;word-break:break-word}@media(max-width:768px){.detail-container.vaccination-detail .detail-row .detail-value{max-width:none;text-align:left}}.detail-container.vaccination-detail .detail-row .detail-value.primary-vaccine-info{color:#16a34a;font-weight:700}.detail-container.vaccination-detail .detail-row .detail-value.primary-product-info{background:rgba(22,163,74,.1);border:1px solid transparent;border-radius:.375rem;color:#16a34a;font-weight:600;padding:4px .75rem}.detail-container.vaccination-detail .detail-row .detail-value.primary-medical-info{background:rgba(59,130,246,.1);border:1px solid transparent;border-radius:.375rem;color:#3b82f6;font-weight:600;padding:4px .75rem}.detail-container.vaccination-detail .detail-row .detail-value.administration-metric,.detail-container.vaccination-detail .detail-row .detail-value.efficacy-metric{background:rgba(22,163,74,.1);border:1px solid transparent;border-radius:.375rem;color:#16a34a;font-weight:600;padding:4px .75rem}.detail-container.vaccination-detail .detail-row .detail-value.financial-metric{background:rgba(59,130,246,.1);border:1px solid transparent;border-radius:.375rem;color:#3b82f6;font-weight:600;padding:4px .75rem}.detail-container.vaccination-detail .detail-row .detail-value.additional-metric{background:rgba(139,92,246,.08);border:1px solid transparent;border-radius:.375rem;color:#8b5cf6;font-weight:600;padding:4px .75rem}.detail-container.vaccination-detail .detail-row .detail-value .date-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}@media(max-width:768px){.detail-container.vaccination-detail .detail-row .detail-value .date-info{align-items:flex-start}}.detail-container.vaccination-detail .detail-row .detail-value .date-info .time-ago{color:#9ca3af;font-size:.75rem;font-style:italic}@media(max-width:768px){.detail-container.vaccination-detail .detail-row{align-items:flex-start;flex-direction:column;gap:.5rem}}.detail-container.vaccination-detail .batch-badge,.detail-container.vaccination-detail .boolean-badge,.detail-container.vaccination-detail .certificate-badge,.detail-container.vaccination-detail .cost-badge,.detail-container.vaccination-detail .date-badge,.detail-container.vaccination-detail .dosage-badge,.detail-container.vaccination-detail .efficacy-badge,.detail-container.vaccination-detail .efficiency-badge,.detail-container.vaccination-detail .immunity-badge,.detail-container.vaccination-detail .license-badge,.detail-container.vaccination-detail .lot-badge,.detail-container.vaccination-detail .storage-badge,.detail-container.vaccination-detail .temperature-badge,.detail-container.vaccination-detail .type-badge,.detail-container.vaccination-detail .vaccination-id-badge{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;padding:6px .75rem;text-transform:uppercase;transition:all .3s ease}.detail-container.vaccination-detail .batch-badge:hover,.detail-container.vaccination-detail .boolean-badge:hover,.detail-container.vaccination-detail .certificate-badge:hover,.detail-container.vaccination-detail .cost-badge:hover,.detail-container.vaccination-detail .date-badge:hover,.detail-container.vaccination-detail .dosage-badge:hover,.detail-container.vaccination-detail .efficacy-badge:hover,.detail-container.vaccination-detail .efficiency-badge:hover,.detail-container.vaccination-detail .immunity-badge:hover,.detail-container.vaccination-detail .license-badge:hover,.detail-container.vaccination-detail .lot-badge:hover,.detail-container.vaccination-detail .storage-badge:hover,.detail-container.vaccination-detail .temperature-badge:hover,.detail-container.vaccination-detail .type-badge:hover,.detail-container.vaccination-detail .vaccination-id-badge:hover{box-shadow:0 1px 3px rgba(0,0,0,.05);transform:translateY(-1px)}.detail-container.vaccination-detail .vaccination-id-badge{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.vaccination-detail .date-badge.completed,.detail-container.vaccination-detail .type-badge,.detail-container.vaccination-detail .vaccination-id-badge{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .date-badge.overdue{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4);color:#dc2626}.detail-container.vaccination-detail .date-badge.due-soon{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .date-badge.up-to-date{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .date-badge.expiry{background:hsla(220,9%,46%,.1);border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.vaccination-detail .batch-badge{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.vaccination-detail .lot-badge{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.vaccination-detail .license-badge{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#8b5cf6;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.vaccination-detail .dosage-badge{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6}.detail-container.vaccination-detail .certificate-badge{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.detail-container.vaccination-detail .certificate-badge,.detail-container.vaccination-detail .storage-badge.optimal{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .storage-badge.acceptable{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .storage-badge.compromised{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4);color:#dc2626}.detail-container.vaccination-detail .storage-badge.unknown{background:hsla(220,9%,46%,.1);border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.vaccination-detail .temperature-badge.optimal{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .temperature-badge.acceptable{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .temperature-badge.compromised{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4);color:#dc2626}.detail-container.vaccination-detail .boolean-badge.yes{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .boolean-badge.no{background:hsla(220,9%,46%,.1);border-color:hsla(220,9%,46%,.3);color:#6b7280}.detail-container.vaccination-detail .efficacy-badge.excellent{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .efficacy-badge.very-good{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.vaccination-detail .efficacy-badge.good{background:rgba(132,204,22,.1);border-color:rgba(132,204,22,.3);color:#84cc16}.detail-container.vaccination-detail .efficacy-badge.moderate{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .efficacy-badge.poor{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4);color:#dc2626}.detail-container.vaccination-detail .immunity-badge.long-term{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .immunity-badge.medium-term{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.vaccination-detail .immunity-badge.short-term{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .cost-badge.very-high,.detail-container.vaccination-detail .immunity-badge.very-short{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.4);color:#dc2626}.detail-container.vaccination-detail .cost-badge.high{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.detail-container.vaccination-detail .cost-badge.medium{background:rgba(132,204,22,.1);border-color:rgba(132,204,22,.3);color:#84cc16}.detail-container.vaccination-detail .cost-badge.moderate{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.vaccination-detail .cost-badge.low{background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.3);color:#16a34a}.detail-container.vaccination-detail .efficiency-badge{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.detail-container.vaccination-detail .animal-link{align-items:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px .75rem;text-decoration:none}.detail-container.vaccination-detail .animal-link:hover{box-shadow:0 2px 8px rgba(59,130,246,.15);color:#0b63f3;text-decoration:none;transform:translateY(-1px)}.detail-container.vaccination-detail .detail-footer{border-top:1px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.detail-container.vaccination-detail .detail-footer .footer-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}@media(max-width:768px){.detail-container.vaccination-detail .detail-footer .footer-content{flex-direction:column;gap:1rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1024px){.detail-container.vaccination-detail .detail-wrapper{padding:1.5rem}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button{padding:14px 1rem}}@media(max-width:768px){.detail-container.vaccination-detail .detail-wrapper{padding:1rem}.detail-container.vaccination-detail .detail-main{gap:1.5rem}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button{font-size:.875rem;padding:.75rem 1rem}.detail-container.vaccination-detail .tab-navigation .tab-list .tab-button .tab-indicator{height:5px;right:6px;top:6px;width:5px}.detail-container.vaccination-detail .overview-status-card,.detail-container.vaccination-detail .vaccination-metrics-card{padding:1rem}.detail-container.vaccination-detail .collapsible-section .section-content .section-content-inner{padding:0 1rem 1rem}}@media(max-width:576px){.detail-container.vaccination-detail .detail-wrapper{padding:.75rem}.detail-container.vaccination-detail .title-section .title-content{padding:1rem}.detail-container.vaccination-detail .overview-status-card .status-metrics{grid-template-columns:1fr}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid{gap:.5rem}.detail-container.vaccination-detail .vaccination-metrics-card .metrics-grid .metric-item{padding:1rem}}@media print{.detail-container.vaccination-detail .detail-footer,.detail-container.vaccination-detail .detail-header,.detail-container.vaccination-detail .tab-navigation{display:none!important}.detail-container.vaccination-detail .detail-wrapper{max-width:none;padding:0}.detail-container.vaccination-detail .collapsible-section{-moz-column-break-inside:avoid;border:1px solid #000;box-shadow:none;break-inside:avoid}.detail-container.vaccination-detail .collapsible-section .section-content{max-height:none!important}}@media(prefers-contrast:high){.detail-container.vaccination-detail .btn-back,.detail-container.vaccination-detail .btn-edit,.detail-container.vaccination-detail .btn-primary,.detail-container.vaccination-detail .btn-secondary,.detail-container.vaccination-detail .btn-toggle-empty{border-width:3px!important}.detail-container.vaccination-detail .batch-badge,.detail-container.vaccination-detail .boolean-badge,.detail-container.vaccination-detail .certificate-badge,.detail-container.vaccination-detail .cost-badge,.detail-container.vaccination-detail .date-badge,.detail-container.vaccination-detail .dosage-badge,.detail-container.vaccination-detail .efficacy-badge,.detail-container.vaccination-detail .efficiency-badge,.detail-container.vaccination-detail .immunity-badge,.detail-container.vaccination-detail .license-badge,.detail-container.vaccination-detail .lot-badge,.detail-container.vaccination-detail .storage-badge,.detail-container.vaccination-detail .temperature-badge,.detail-container.vaccination-detail .type-badge,.detail-container.vaccination-detail .vaccination-id-badge{border-width:2px}}@media(prefers-reduced-motion:reduce){.detail-container.vaccination-detail *{animation:none!important;transition:none!important}}