@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{color:#e5e7eb;background-color:#111827;min-height:100vh;font-family:Poppins,"sans-serif";overflow-x:hidden}.dashboard-header{width:100%;padding:3rem 4rem 0}.dashboard-header .dashboard-header-title{background-color:#111827;border:1px solid #424d5e5f;border-radius:8px;justify-content:space-between;padding:.7rem 2.2rem;display:flex}.dashboard-header-title h1{color:#93c5fd;font-size:2.3rem}.dashboard-header-title button{color:#fff;background-color:#2563eb;border:0;border-radius:6px;align-self:center;padding:.5rem .9rem}.dashboard-header .summary-cards-container{gap:1rem;margin-top:2rem;padding:0 7rem;display:flex}.dashboard-header .filters{justify-content:space-between;gap:2rem;margin-top:1rem;padding:1rem 10rem;display:flex}.filters .filter-selects{gap:1rem;display:flex}.filter-selects select{color:#fff;background-color:#0f172a;border-color:#424d5e;border-radius:8px;padding:.4rem 1rem}.dash-btns{gap:.5rem;display:flex}.dash-btns button:nth-child(2){cursor:pointer;background-color:#f05c5c}.summary-cards{background-color:#111827;border:1px solid #215ec1;border-radius:8px;align-items:center;width:100%;height:15vh;display:flex;position:relative}.summary-icon{border-radius:inherit;border-right:1px solid #215ec159;border-top-right-radius:0;border-bottom-right-radius:0;justify-content:center;align-items:center;width:30%;height:100%;display:flex}.summary-icon *{width:70%;height:50px}.summary-cards .summary-content{color:#e5e7eb;flex-flow:column;justify-content:center;width:92%;height:100%;margin:0;padding-left:2rem;display:flex;overflow:hidden;padding-top:1rem!important}.summary-content h5{color:#367ff6;font-size:1.1rem;width:100%!important}.summary-content h4{font-size:1.5rem}.summary-content p{color:#e5e7eb95;font-size:.85rem}.search-container{background-color:#0f172a;border:1px solid #374151;border-radius:8px;align-items:center;width:100%;padding-inline:1rem;display:flex}.search-container.focus{outline:3px solid #1a3c72}.search-container input{background-color:inherit;border-radius:inherit;color:#fff;border:0;outline:0;width:90%;padding:.5rem 1rem}.search-container input::placeholder{font-size:.8rem}.search-container button{background-color:inherit;border:0}.owner-listings{width:100%;height:50%;padding:1rem 4rem}.owner-listings table{border-collapse:collapse;border-spacing:0;border-radius:5px;width:100%}.owner-listings th,.owner-listings td{text-align:left;border:1px solid #374151;padding:.5rem .75rem}.owner-listings th{color:#2563eb;background-color:#1f2937;font-weight:600}td.pharmacist-actions{justify-content:center;gap:1rem;display:flex}td.pharmacist-actions button{width:inherit;border:0;border-radius:8px;padding:.4rem 1rem;font-size:.8rem}td.pharmacist-actions button.edit-btn{color:#000;background-color:#d3d3d3}td.pharmacist-actions button.delete-btn{color:#fff;background-color:red}td.pharmacist-actions button.status-btn{color:#fff;background-color:#2563eb}.actions-column{width:25%}.delete-modal{background-color:#111827b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding-left:10rem;display:flex;position:fixed;top:0;left:0}.delete-modal .inner-container{background-color:#111827;border:1px solid #374151;border-radius:12px;flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:30%;padding:2rem 1rem;display:flex;position:relative}.delete-modal h3{margin-bottom:2rem;font-size:1.3rem}.delete-modal label{opacity:.67;margin-bottom:.5rem;font-size:.9rem}.delete-modal select{color:#fff;width:100%;margin-bottom:2rem;font-size:1rem}.delete-modal .buttons{gap:1rem;display:flex}.delete-modal .buttons button:first-child{font:inherit;cursor:pointer;color:#fff;background-color:#2563eb;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.delete-modal .buttons button:last-child{font:inherit;cursor:pointer;color:#fff;background-color:red;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.delete-modal .close{cursor:pointer;color:red;background-color:#0000;border:none;font-size:1.5rem;font-weight:700;position:absolute;top:1rem;right:2rem}.delete-modal .close svg{width:40px;height:40px}.deactivate-modal{background-color:#111827b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding-left:10rem;display:flex;position:fixed;top:0;left:0}.deactivate-modal .inner-container{background-color:#111827;border:1px solid #374151;border-radius:12px;flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:30%;padding:2rem 1rem;display:flex;position:relative}.deactivate-modal h3{margin-bottom:2rem;font-size:1.3rem}.deactivate-modal label{opacity:.67;margin-bottom:.5rem;font-size:.9rem}.deactivate-modal select{color:#fff;width:100%;margin-bottom:2rem;font-size:1rem}.deactivate-modal .buttons{gap:1rem;display:flex}.deactivate-modal .buttons button:first-child{font:inherit;cursor:pointer;color:#fff;background-color:#2563eb;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.deactivate-modal .buttons button:last-child{font:inherit;cursor:pointer;color:#fff;background-color:red;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.deactivate-modal .close{cursor:pointer;color:red;background-color:#0000;border:none;font-size:1.5rem;font-weight:700;position:absolute;top:1rem;right:2rem}.deactivate-modal .close svg{width:40px;height:40px}.activate-modal{background-color:#111827b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding-left:10rem;display:flex;position:fixed;top:0;left:0}.activate-modal .inner-container{background-color:#111827;border:1px solid #374151;border-radius:12px;flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:40%;height:30%;padding:2rem 1rem;display:flex;position:relative}.activate-modal h3{margin-bottom:2rem;font-size:1.3rem}.activate-modal label{opacity:.67;margin-bottom:.5rem;font-size:.9rem}.activate-modal select{color:#fff;width:100%;margin-bottom:2rem;font-size:1rem}.activate-modal .buttons{gap:1rem;display:flex}.activate-modal .buttons button:first-child{font:inherit;cursor:pointer;color:#fff;background-color:#2563eb;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.activate-modal .buttons button:last-child{font:inherit;cursor:pointer;color:#fff;background-color:red;border:none;border-radius:4px;align-self:center;padding:.3rem 2rem;font-size:1.05rem}.activate-modal .close{cursor:pointer;color:red;background-color:#0000;border:none;font-size:1.5rem;font-weight:700;position:absolute;top:1rem;right:2rem}.activate-modal .close svg{width:40px;height:40px}.login-container{flex-flow:column;justify-content:center;place-self:center;align-items:center;width:100%;height:100%;display:flex}.login-form{background-color:#111827;border-radius:10px;flex-flow:column;align-items:center;gap:1rem;width:30%;height:70%;padding:2rem 2rem 1rem;display:flex}.login-form .logo{align-self:center;width:20%;height:20%}.login-form h1{font-size:2.5rem;font-weight:500}.logo img{object-fit:contain;width:100%;height:100%}.login-form .form-content{flex-flow:column;align-items:center;gap:1rem;width:100%;display:flex}.form-content input{color:#fff;background-color:#0f172a;border:1px solid #374151;border-radius:8px;width:100%;padding:1rem}.form-content input::placeholder{color:#e5e7eb}.form-content .submit{color:#e5e7eb;background-color:#2563eb;border:0;border-radius:8px;width:100%;margin-top:.5rem;padding:.8rem 1.1rem}.form-content .forgot{background-color:inherit;color:#83a9e6;border:0;margin-top:.5rem;font-size:.8rem}@media (width<=1100px){.login-form{width:55%}}@media (width<=600px){.login-form{width:90%}.login-form .logo{width:45%;height:45%}.login-form h1{font-size:1.5rem}.form-content input{padding-inline:.5rem;font-size:.8rem}.form-content .submit{font-size:.8rem}}.login-error-container{z-index:1000;flex-flow:column;gap:1rem;display:flex;position:absolute;top:20px;right:50%;transform:translate(50%)}.login-error-container .login-error{color:#490101;text-align:center;background-color:#e76c6c;border-radius:4px;width:50vh;padding:.5rem;font-size:1.12rem;animation:.3s ease-in 10s forwards fadeAwayError}@keyframes fadeAwayError{0%{opacity:100}to{opacity:0}}@media (width<=700px){.login-error-container .login-error{width:35vh;font-size:.9rem}}@media (width<=450px){.login-error-container .login-error{width:33vh;font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}html{width:100vw;height:100vh}#root{width:100vw;min-height:100vh}.app{color:#fff;background-color:#0b1220;gap:1rem;width:100vw;min-height:100vh;display:flex}main{z-index:1;flex-flow:column;width:100vw;padding-bottom:1rem;display:flex;position:relative}@media (width<=1000px){main{padding:0}}.create-form-container{flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.create-form-container form{border:1px solid #697382;border-radius:8px;flex-flow:column;gap:.5rem;padding:2rem;display:flex}.create-form-container form .form-header{text-align:center}.create-form-container .form-group{box-shadow:none;border:0;outline:0;flex-flow:column;gap:.1rem;display:flex}.create-form-container button{color:#fff;background-color:#2563eb;border:0;border-radius:8px;margin-top:1rem;padding:.7rem 1rem}.edit-form-container{flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.edit-form-container form{border:1px solid #697382;border-radius:8px;flex-flow:column;gap:.5rem;padding:2rem;display:flex}.edit-form-container form .form-header{text-align:center}.edit-form-container .form-group{box-shadow:none;border:0;outline:0;flex-flow:column;gap:.1rem;display:flex}.form-group input{box-shadow:none;color:#fff;background-color:#0f172a;border:1px solid #424d5e;border-radius:5px;outline:0;padding:.5rem 1rem}.form-group input:focus{outline:1px solid #5f6164}.edit-form-container button{color:#fff;background-color:#2563eb;border:0;border-radius:8px;margin-top:1rem;padding:.7rem 1rem}
