@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{margin:0%;padding:0%;box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:400}:root{--orange: #ff8a00;--seagreen: #00c0b5;--purple: #718EBF;--lightOrange: #ffe1c0;--lightPurple: #e3eeff;--lightSeagreen: #c7fffc;--darkGray: rgb(218, 218, 218)}body{width:100%;height:100vh;overflow-x:hidden}html{font-size:100%;scroll-behavior:smooth;width:100%;height:100%;display:flex;justify-content:center}h4{font-weight:500}.btn-a{padding:.4rem 1.2rem;background-color:var(--darkGray);color:#fff;border-radius:20px;font-size:10px;cursor:pointer;transition:.4s;border:1px solid transparent}.orange-btn{background-color:var(--orange)}.orange-btn:hover{background-color:transparent;border-color:var(--orange);color:var(--orange)}.seagreen-btn{background-color:var(--seagreen)}.seagreen-btn:hover{background-color:transparent;color:var(--seagreen);border-color:var(--seagreen)}.purple-btn{background-color:var(--purple)}.purple-btn:hover{background-color:transparent;border-color:var(--purple);color:var(--purple)}.disabled-btn{cursor:not-allowed}.outline-btn{background-color:transparent;border:1px solid var(--orange);color:var(--orange)}.outline-btn:hover{background-color:var(--orange);color:#fff}a{text-decoration:none;color:#000}.main-container{display:flex;width:100%}.page-screen{padding:2rem;background-color:#f5f7fa;overflow-x:hidden;width:100%}.sub-section{display:flex;flex-direction:column;gap:1rem;width:100%}.moving-btn{min-width:50px;min-height:50px;max-width:50px;max-height:50px;background-color:#fff;border-radius:50%;box-shadow:#64646f33 0 7px 29px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.4;transition:.4s}.moving-btn:hover{opacity:1}.filter-btn{padding:.5rem 1.2rem;cursor:pointer;color:var(--orange);box-shadow:#63636333 0 2px 8px;background-color:#fff;border-radius:20px;font-size:12px}.filter-btn .filter-icon{font-size:14px}.search-field{outline:none;border:none;border-radius:20px;padding:.5rem 1rem}.input-box{display:flex;flex-direction:column;gap:.3rem;align-items:baseline}.input-box p{font-size:12px}.input-field{border:1px solid gainsboro;outline:none;width:250px;padding:.4rem;border-radius:8px}textarea{resize:none}input[type=number]{width:100px}input:focus{border:1px solid var(--purple)}.overlay-screen{position:fixed;top:0%;left:0%;width:100%;height:100vh;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex!important;justify-content:center;align-items:center;z-index:1111}.overlay-box{padding:2rem;background-color:#fff;box-shadow:#63636333 0 2px 8px;border-radius:8px;min-width:300px;width:500px;display:flex;flex-direction:column;gap:1rem;text-align:center;align-items:center}.overlay-box .red-icon{font-size:40px;color:#ff4500}.overlay-box p{font-size:10px}.overlay-box .basic-flex{gap:1rem}.update-box{align-items:baseline}.filter-btn{position:relative}.sort-options{position:absolute;top:40px;left:0%;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;margin-top:5px;width:120px}.sort-options p{padding:8px 12px;cursor:pointer;transition:background .2s;font-size:10px}.sort-options p:hover{background:var(--seagreen);color:#fff}.dashboard-first-section,.dashboard-second-section{padding:2rem 0;display:flex;gap:2rem;align-items:stretch;width:100%}.dashboard-appointment-section,.dashboard-inventory-section{min-width:650px;position:relative}.dashboard-appointment-section-main,.dashboard-inventory-section-main{padding:1rem;background-color:#fff;width:100%;border-radius:12px;overflow-x:auto;display:flex;gap:1rem;position:relative}.dashboard-appointment-section-main::-webkit-scrollbar{display:none}.dashboard-query-section,.dashboard-employee-section{max-width:300px;min-width:300px;position:relative}.dashboard-query-section-main,.dashboard-employee-section-main{padding:1rem;background-color:#fff;border-radius:12px;min-width:300px;max-width:300px;overflow-x:auto;display:flex;gap:1rem;position:relative}.dashboard-query-section-main::-webkit-scrollbar{display:none}.dashboard-query-section .moving-btn,.dashboard-appointment-section .moving-btn,.dashboard-inventory-section .moving-btn{position:absolute;top:43%;right:-2%}.dashboard-inventory-section-main{background-color:transparent}.dashboard-inventory-section-main::-webkit-scrollbar{display:none}.dashboard-employee-section-main{height:285px}.dashboard-employee-section .moving-btn{position:absolute;bottom:-5%;right:43%}.dashboard-employee-section-main{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;row-gap:0;overflow:hidden}.dashboard-employee-section-main::-webkit-scrollbar{display:none}@media screen and (max-width:1250px){.dashboard-appointment-section,.dashboard-inventory-section{min-width:350px}}@media screen and (max-width:950px){.dashboard-first-section{flex-direction:column}.dashboard-second-section{flex-direction:column-reverse}.dashboard-query-section,.dashboard-query-section-main{min-width:300px;max-width:none;width:100%}}@media screen and (max-width:450px){.dashboard-appointment-section,.dashboard-inventory-section{min-width:300px}}@media screen and (max-width:380px){.dashboard-appointment-section,.dashboard-inventory-section{min-width:250px}.dashboard-query-section,.dashboard-query-section-main{min-width:250px;max-width:250px}}.appointment-card{min-width:270px;max-width:300px;min-height:250px;box-shadow:#0000001f 0 1px 3px,#0000003d 0 1px 2px;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#fff}.appointment-card h4{font-size:.9rem}.appointment-card p{font-size:10px;color:#b6b5b5}.appointment-card .vaccine-name{color:var(--orange)}.appointment-card .basic-flex{gap:1rem}@media screen and (max-width:750px){.appointment-card{width:220px;max-width:300px}}.query-card{display:flex;flex-direction:column;gap:1rem;width:100%;min-height:240px;max-width:300px;min-width:270px;align-items:baseline;padding:1rem;border-radius:8px;background-color:#fff}.query-card-top{display:flex;gap:1rem;align-items:center}.query-card-top img{width:50px;height:50px;border-radius:50%;object-fit:cover}.query-card-top-content p{font-size:10px}.query-card-middle{font-size:10px;color:#797979}.inventory-card{max-width:300px;min-width:250px;height:250px;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:baseline;background-color:#fff}.inventory-card h5{color:var(--seagreen)}.inventory-card p{font-size:10px;color:gray}.update-box-bottom-row{width:100%;display:flex;justify-content:space-between}@media screen and (max-width:650px){.inventory-card{width:300px;min-width:200px;min-height:200px;height:auto}}.employee-mini-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:8px;text-align:center;cursor:pointer;transition:.4s}.employee-mini-card:hover{background-color:var(--seagreen);color:#fff}.employee-mini-card img{width:50px;height:50px;border-radius:50%;object-fit:cover}.employee-mini-card p{font-size:10px}.sidebar{padding:2rem;max-width:250px;box-shadow:#63636333 0 2px 8px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh}.sidebar-top{display:flex;flex-direction:column;gap:1rem;height:90%}.sidebar-top img{width:150px;margin-bottom:2rem}.sidebar-middle{display:flex;flex-direction:column;gap:1rem;justify-content:center}.nav-items{display:flex;align-items:center;gap:.4rem;color:#bdbdbd;font-size:14px}.nav-items .nav-icon{font-size:16px}.nav-items:hover{color:var(--orange)}.sidebar-bottom{display:flex;flex-direction:column;align-items:center}.sidebar-bottom p{font-size:10px;text-align:center;color:#bdbdbd}.active{color:var(--orange)}.small-sidebar{position:sticky;top:0%;left:0%;width:60px;height:100vh;background-color:#fff;display:none;flex-direction:column;gap:2rem;align-items:center;padding-top:2rem}.small-sidebar .nav-icon{font-size:25px}.small-sidebar .logout-icon{color:var(--orange);position:absolute;bottom:10%}@media screen and (max-width:800px){.small-sidebar{display:flex}.sidebar{display:none}}.counting-card{background-color:#fff;padding:1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:1rem;max-width:200px;min-width:200}.counting-card-icon{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}.counting-card-content p{font-size:10px}@media screen and (max-width:1100px){.counting-card-icon{width:35px;height:35px}}@media screen and (max-width:1000px){.counting-card-content p{font-size:6px}}@media screen and (max-width:800px){.counting-card-icon{width:25px;height:25px}.counting-card-icon .counting-icon{font-size:15px}}@media screen and (max-width:700px){.counting-card{flex-direction:column;align-items:center;text-align:center;width:100px;gap:.5rem}.counting-card-icon{width:40px;height:40px}.counting-card-icon .counting-icon{font-size:20px}}@media screen and (max-width:600px){.counting-card-icon{width:30px;height:30px}.counting-card-icon .counting-icon{font-size:15px}.counting-card{padding:.5rem;width:80px}}@media screen and (max-width:500px){.counting-card-icon{width:35px;height:35px}.counting-card-icon .counting-icon{font-size:15px}.counting-card{padding:.3rem;width:100%}.counting-card p{font-size:8px}.counting-card h4{font-size:12px}}.counting-section{display:flex;align-items:center;gap:2.5rem}@media screen and (max-width:1100px){.counting-section{gap:1rem}}@media screen and (max-width:800px){.counting-section{flex-wrap:wrap}}@media screen and (max-width:500px){.counting-section{display:grid;grid-template-columns:repeat(2,1fr)}}.query-page-section{padding:2rem 0}.query-page-section-top{display:flex;justify-content:space-between;gap:2rem}.query-page-section-bottom{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}@media screen and (max-width:700px){.query-page-section-bottom{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.query-page-section-bottom{display:grid;grid-template-columns:repeat(1,1fr);place-items:center}}.horizontal-query-card{display:flex;justify-content:space-between;gap:2rem;padding:1.3rem;background-color:#fff;border-radius:12px}.horizontal-query-card-left{width:250px}.horizontal-query-card-middle{font-size:10px;width:100%;max-width:400px}.horizontal-query-card-right{display:flex;flex-direction:column;gap:.6rem}.horizontal-query-card-middle h4{color:var(--orange)}@media screen and (max-width:700px){.horizontal-query-card{flex-direction:column;max-width:250px;min-width:200px}}@media screen and (max-width:640px){.horizontal-query-card{max-width:none;width:100%}.horizontal-query-card-right{flex-direction:row}}.pagination{display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:8px}.pagination-item{min-width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-user-select:none;user-select:none}.pagination-item:hover:not(.active,.disabled){background-color:#00c0b51a;color:var(--seagreen)}.pagination-item.active{background-color:var(--seagreen);color:#fff}.pagination-item.arrow{border:1px solid var(--seagreen);color:var(--seagreen)}.pagination-item.arrow:hover:not(.disabled){background-color:var(--seagreen);color:#fff}.pagination-item.disabled{opacity:.4;cursor:not-allowed;border-color:#ccc;color:#ccc}.ellipsis{letter-spacing:2px;pointer-events:none}.pagination-info{margin-top:10px;text-align:center;font-size:.85rem;color:#555}@media screen and (max-width: 480px){.pagination{gap:4px}.pagination-item{min-width:32px;height:32px;font-size:.9rem}.hide-on-mobile{display:none}}.inventory-page-first-section{padding:2rem 0}.inventory-page-section-main{display:flex;gap:2rem;align-items:stretch;flex-wrap:wrap}.vaccine-form{border:2px solid var(--purple);padding:2rem;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;align-items:end}@media screen and (max-width:600px){.inventory-page-section-main{justify-content:center}}@media screen and (max-width:400px){.vaccine-form{flex-direction:column;gap:1rem;align-items:baseline}.vaccine-form .input-box,.vaccine-form .input-field{width:100%}}.appointment-page-section{padding:2rem 0}.appointment-page-section-bottom{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}@media screen and (max-width:450px){.appointment-page-section-top p{font-size:14px}.appointment-page-section-bottom{justify-content:center}}@media screen and (max-width:350px){.appointment-page-section-top p{font-size:12px}}.customer-page-section{padding:2rem 0}.customer-page-section-bottom{margin-top:2.5rem;gap:1.5rem;row-gap:3rem}@media screen and (max-width:600px){.customer-page-section-bottom{align-items:center;justify-content:center}}@media screen and (max-width:500px){.customer-page-section .search-field{width:150px;font-size:10px}.customer-page-section-top p{font-size:10px}}.customer-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:220px;min-width:200px;height:170px;background-color:#fff;border-radius:8px;padding:1rem}.customer-card img{width:50px;height:50px;border-radius:50%;object-fit:cover;position:absolute;top:-12%;left:39%;z-index:1}.customer-card h5{margin-top:1.5rem;margin-bottom:.4rem}.customer-card p{font-size:10px}.customer-card .basic-flex{gap:1rem;margin-top:1rem}@media screen and (max-width:600px){.customer-card{width:180px;min-width:150px;height:170px;padding:1rem}}.employee-page-first-section{padding:2rem 0}.employee-form{padding:2rem;background-color:#fff;display:flex;justify-content:space-evenly;gap:2rem;border-radius:8px;flex-wrap:wrap}.employee-form h4{color:var(--orange)}.employee-form .basic-flex{gap:1rem}.employee-form-left,.employee-form-right{display:flex;flex-direction:column;gap:1rem}.employee-form .input-box{width:100%}.employee-form .input-field{border:1px solid var(--purple);width:100%;min-width:200px}.employee-form-left textarea{width:100%;height:100px}.employee-form-button-box{margin-top:1rem}.employee-form-button-box .btn-a{font-size:12px}.employee-table{width:100%;background-color:#fff;padding:2rem;border-collapse:collapse;border-radius:12px}.employee-table th,.employee-table td{padding:1rem;text-align:left}.employee-table th{color:var(--purple)}.employee-table tr{border-bottom:1px solid var(--lightPurple)}.employee-table tr td{font-size:12px;max-width:400px}.employee-table tr td p{font-size:10px}.employee-table tr td h4{font-size:1rem;color:var(--orange)}td .basic-flex{gap:1rem}.view-screen{min-height:100vh;padding-top:2rem}.view-box{align-items:baseline;text-align:left}.view-box .basic-flex p,.view-box .input-box p{font-size:12px}.view-box .basic-flex .small-text{font-size:10px;color:var(--seagreen)}.view-box .basic-flex{gap:2rem}.view-box .input-box .small-text{font-size:10px;color:var(--seagreen)}@media screen and (max-width:1150px){.employee-form-left,.employee-form-right{width:100%}}@media screen and (max-width:600px){.employee-table tr td p{font-size:8px}.employee-form .basic-flex{flex-direction:column}.employee-form .basic-flex .btn-a{width:100%}.employee-form{padding:1rem}}@media screen and (max-width:500px){.employee-table .action-button-box{flex-direction:column}.employee-table .action-button-box .btn-a{font-size:8px}.employee-table th,.employee-table .employee-detail h4{font-size:12px}}.login-page{width:100%;height:100vh;background:url(/assets/loginBg-DukHsXdF.png);background-size:cover;position:fixed;top:0%;left:0%;display:flex;justify-content:center;align-items:center}.login-form{box-shadow:#64646f99 0 7px 29px;border-radius:10px;padding:2rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;gap:1rem;color:#fff}.login-form .btn-a:hover{background-color:#fff;color:var(--orange);border:1px solid white}.error-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.error-page img{width:300px}.babypackage-page-section{padding:2rem;background-color:#f9fafb}.babypackage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.babypackage-header h1{font-size:24px;font-weight:600;color:#333;margin:0}.add-package-btn{padding:10px 20px;background-color:#00a4bd;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-package-btn:hover{background-color:#0090a7}.packages-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.loading-state,.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:16px;color:#666}.empty-state{flex-direction:column;text-align:center;padding:2rem}.filter-container{position:relative}.filter-btn{position:relative;display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#d0d0d0;background-color:#f9f9f9}.filter-icon{color:#000}.filter-options{position:absolute;top:100%;right:0;width:200px;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:6px;margin-top:8px;z-index:100}.filter-options p{margin:0;padding:12px 16px;cursor:pointer;transition:background .2s}.filter-options p:hover{background-color:#f5f5f5}.filter-options p.active{background-color:#f0f0f0;color:#000;font-weight:500}.basic-flex{display:flex;align-items:center}.status-options{position:absolute;top:100%;right:0;z-index:10;margin-top:4px;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow:hidden;width:200px}.status-options p{padding:10px 16px;margin:0;cursor:pointer;transition:background-color .2s ease}.status-options p:hover{background-color:#f5f5f5}.status-options p.active{background-color:#f0f0f0;color:#000;font-weight:500}.update-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:0;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eaeaea;position:sticky;top:0;background-color:#fff;z-index:1;border-radius:8px 8px 0 0}.modal-header h2{margin:0;font-size:20px;color:#333}.close-icon{cursor:pointer;color:#666;transition:color .2s ease}.close-icon:hover{color:#333}.modal-body{padding:20px;overflow-y:auto}.vaccine-item{border:1px solid #eaeaea;border-radius:8px;padding:15px;margin-bottom:15px;transition:box-shadow .3s ease}.vaccine-item:hover{box-shadow:0 2px 8px #0000000d}.vaccine-info{display:flex;flex-direction:column;gap:10px}.vaccine-name{font-weight:600;font-size:16px;color:#333;margin:0 0 5px}.vaccine-status,.vaccine-date{display:flex;justify-content:space-between;align-items:center;margin:5px 0}.vaccine-status select,.vaccine-date input{padding:8px 12px;border-radius:5px;border:1px solid #d0d0d0;flex-grow:1;max-width:60%;font-size:14px}.vaccine-date input{cursor:pointer}.modal-footer{padding:15px 20px;border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background-color:#fff;border-radius:0 0 8px 8px}.btn-primary{padding:10px 20px;background-color:#00a4bd;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background-color:#0090a7}.btn-primary:disabled{background-color:#a0a0a0;cursor:not-allowed}.empty-vaccines{padding:30px 20px;text-align:center;color:#666}.btn-secondary{padding:10px 20px;background-color:#f0f0f0;color:#333;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#e0e0e0}@media (max-width: 768px){.babypackage-page-section{padding:1.5rem 1rem}.babypackage-header{flex-direction:column;align-items:flex-start;gap:15px}.filter-container{width:100%}.filter-btn{width:100%;justify-content:space-between}.filter-options{width:100%;right:auto;left:0}.status-options{width:100%}.packages-container{grid-template-columns:1fr}.modal-content{width:95%}.vaccine-status,.vaccine-date{flex-direction:column;align-items:flex-start;gap:8px}.vaccine-status select,.vaccine-date input{width:100%;max-width:100%}}.baby-package-card{width:100%;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.baby-package-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.baby-package-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eaeaea;padding-bottom:15px;margin-bottom:15px}.baby-package-title{display:flex;align-items:center;gap:12px}.baby-package-title h2{font-size:20px;font-weight:600;color:#333;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;text-transform:capitalize}.status-badge.active{background-color:#e3f8e5;color:#1e8e3e}.status-badge.pending{background-color:#fef7e0;color:#f6a609}.status-badge.completed{background-color:#e0e0e0;color:#616161}.package-date{font-size:14px;color:#666}.baby-package-details{display:flex;flex-direction:column;gap:16px}.baby-package-details h4{margin-top:10px;margin-bottom:8px;font-size:16px;color:#333}.details-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.detail-label{font-size:14px;font-weight:500;color:#666}.detail-value{font-size:16px;font-weight:500;color:#333}.vaccine-details,.payment-details{display:flex;flex-wrap:wrap;gap:16px;background-color:#f9f9f9;border-radius:8px;padding:16px}.payment-details{background-color:#f7fdff}.payment-status{font-weight:600;padding:4px 8px;border-radius:4px}.payment-status.paid{color:#1e8e3e;background-color:#e3f8e5}.payment-status.pending{color:#f6a609;background-color:#fef7e0}.payment-status.failed{color:#d93025;background-color:#fce8e6}.baby-package-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #eaeaea;flex-wrap:nowrap}.action-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.update-btn{background-color:#f0f0f0;color:#333}.update-btn:hover{background-color:#e0e0e0}.schedule-btn{background-color:#e3f8e5;color:#1e8e3e}.schedule-btn:hover{background-color:#d0f0d3}.view-btn{background-color:#00a4bd;color:#fff}.view-btn:hover{background-color:#0090a7}.cancel-btn{background-color:#fce8e6;color:#d93025}.cancel-btn:hover{background-color:#f8d7d5}.vaccine-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eaeaea}.vaccine-list-item:last-child{border-bottom:none}.vaccine-name-status{display:flex;flex-direction:column;gap:4px}.vaccine-status-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize;display:inline-block;margin-top:4px;width:fit-content}.vaccine-status-badge.pending{background-color:#fef7e0;color:#f6a609}.vaccine-status-badge.completed{background-color:#e3f8e5;color:#1e8e3e}.vaccine-status-badge.missed{background-color:#fce8e6;color:#d93025}.vaccine-status-badge.cancelled{background-color:#e0e0e0;color:#616161}.vaccine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;width:100%}.vaccine-card{background-color:#fff;border:1px solid #eaeaea;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.vaccine-card:hover{box-shadow:0 2px 5px #0000001a}.vaccine-top{display:flex;flex-direction:column;gap:3px}.vaccine-name{font-weight:500;font-size:13px;color:#333;margin-bottom:0}.vaccine-date{display:flex;align-items:center;gap:3px;font-size:11px;color:#666;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vaccine-details.compact{padding:12px;height:auto;background-color:#f9f9f9;border-radius:8px}@media (max-width: 768px){.baby-package-header{flex-direction:column;align-items:flex-start}.package-date{margin-top:8px}.detail-item{min-width:100%}.baby-package-footer{flex-wrap:wrap}.action-btn{flex:1;min-width:100px;text-align:center}}@media (max-width: 576px){.vaccine-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.vaccine-grid{grid-template-columns:1fr}}